1<!doctype html> 2 3<html class="no-js" lang="en" style="--announcement-height: 1px;"> 4 <head> 5 6
7<script> 8 // Get cookie 9 function getCookie(name) { 10 const value = `; ${document.cookie}`; 11 const parts = value.split(`; ${name}=`); 12 if (parts.length === 2) return parts.pop().split(';').shift(); 13 } 14 15 // Set cookie with expiration (in days) 16 function setCookie(name, value, days) { 17 const date = new Date(); 18 date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); 19 const expires = 'expires=' + date.toUTCString(); 20 document.cookie = `${name}=${value}; ${expires}; path=/; Secure; SameSite=Lax`; 21 } 22 23 // Cookie name 24 const EU_COOKIE_NAME = 'redirectedEU'; 25 26 // List of EU countries with their coordinates and redirect URLs 27 const redirectEUCountriesList = [ 28 /* 29 { 30 country: 'Germany', 31 code: 'DE', 32 minLatitude: 47.2701, 33 maxLatitude: 55.0581, 34 minLongitude: 5.8663, 35 maxLongitude: 15.0419, 36 redirectUrl: 37 'https://openapp.pgbeauty.com/?url=https://www.amazon.de/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1?maas=maas_adg_api_584937867999255100_static_12_72&ref_=aa_maas&tag=maas&aa_campaignid=Native&aa_adgroupid=Website&aa_creativeid=Brand%20Store', 38 }, 39 */ 40 { 41 country: 'France', 42 code: 'FR', 43 minLatitude: 41.342, 44 maxLatitude: 51.1242, 45 minLongitude: -5.1422, 46 maxLongitude: 9.56, 47 redirectUrl: 48 'https://openapp.pgbeauty.com/?url=https://www.amazon.fr/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1?maas=maas_adg_api_580716089471447869_static_12_72&ref_=aa_maas&tag=maas&aa_campaignid=Native&aa_adgroupid=Website&aa_creativeid=Brand%20Store', 49 }, 50 { 51 country: 'Italy', 52 code: 'IT', 53 minLatitude: 35.492, 54 maxLatitude: 47.092, 55 minLongitude: 6.6273, 56 maxLongitude: 18.7845, 57 redirectUrl: 58 'https://openapp.pgbeauty.com/?url=https://www.amazon.it/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1?maas=maas_adg_api_585961539528987291_static_12_72&ref_=aa_maas&tag=maas&aa_campaignid=Native&aa_adgroupid=Website&aa_creativeid=Brand%20Store', 59 }, 60 { 61 country: 'Spain', 62 code: 'ES', 63 minLatitude: 36.0, 64 maxLatitude: 43.7914, 65 minLongitude: -9.3929, 66 maxLongitude: 3.0395, 67 redirectUrl: 68 'https://openapp.pgbeauty.com/?url=https://www.amazon.es/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1?maas=maas_adg_api_583468579326374595_static_12_70&ref_=aa_maas&tag=maas&aa_campaignid=Native&aa_adgroupid=Website&aa_creativeid=Brand%20Store', 69 }, 70 { 71 country: 'Netherlands', 72 code: 'NL', 73 minLatitude: 50.7504, 74 maxLatitude: 53.5314, 75 minLongitude: 3.3584, 76 maxLongitude: 7.2275, 77 redirectUrl: 'https://www.amazon.nl/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1', 78 }, 79 { 80 country: 'Sweden', 81 code: 'SE', 82 minLatitude: 55.337, 83 maxLatitude: 69.0599, 84 minLongitude: 10.8721, 85 maxLongitude: 24.1663, 86 redirectUrl: 'https://www.amazon.se/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1', 87 }, 88 { 89 country: 'Poland', 90 code: 'PL', 91 minLatitude: 49.002, 92 maxLatitude: 54.8358, 93 minLongitude: 14.1229, 94 maxLongitude: 24.1458, 95 redirectUrl: 'https://www.amazon.pl/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1', 96 }, 97 { 98 country: 'Belgium', 99 code: 'BE', 100 minLatitude: 49.4969, 101 maxLatitude: 51.505, 102 minLongitude: 2.5416, 103 maxLongitude: 6.4081, 104 redirectUrl: 'https://www.amazon.com.be/stores/Native/page/84441131-74F0-4941-A25A-60198114291A', 105 }, 106 { 107 country: 'United Kingdom', 108 code: 'GB', 109 minLatitude: 49.9599, 110 maxLatitude: 61.035, 111 minLongitude: -8.6493, 112 maxLongitude: 1.766, 113 redirectUrl: 114 'https://openapp.pgbeauty.com/?url=https://www.amazon.co.uk/stores/Native/page/1D53BC94-2E05-42F8-8D30-902E26E39CD1?maas=maas_adg_api_590808210316168707_static_12_72&ref_=aa_maas&tag=maas&aa_campaignid=Native&aa_adgroupid=Website&aa_creativeid=Brand%20Store', 115 }, 116 ]; 117 118 function redirectEUCountries() {
119 // Get saved EU code from cookie, EU country code or empty (non EU country) 120 const savedEUCode = getCookie(EU_COOKIE_NAME); 121 122 // If cookie is set to empty, do not redirect and exit early 123 if (savedEUCode === '') { 124 return; 125 } 126 127 // If cookie already exists, redirect immediately 128 const matchedCookieCountry = redirectEUCountriesList.find((c) => c.code === savedEUCode && c.redirectUrl); 129 130 if (matchedCookieCountry) { 131 window.location.href = matchedCookieCountry.redirectUrl; 132 return; 133 } 134 135 // If no cookie is found, check if geolocation is supported (permission granted) 136 if (!navigator.geolocation) { 137 console.info('Geolocation is not supported.'); 138 return; 139 } 140 141 navigator.geolocation.getCurrentPosition( 142 function (position) { 143 // Get user's latitude and longitude 144 const lat = position.coords.latitude; 145 const lon = position.coords.longitude; 146 147 // Check if user is in any EU country from redirectEUCountriesList 148 const matchedCountry = redirectEUCountriesList.find( 149 (country) => 150 lat >= country.minLatitude && 151 lat <= country.maxLatitude && 152 lon >= country.minLongitude && 153 lon <= country.maxLongitude 154 ); 155 156 if (matchedCountry && matchedCountry.redirectUrl) { 157 setCookie(EU_COOKIE_NAME, matchedCountry.code, 1); 158 window.location.href = matchedCountry.redirectUrl; 159 } else { 160 // If non EU country, store empty cookie to avoid future geolocation 161 setCookie(EU_COOKIE_NAME, '', 1); 162 } 163 }, 164 function (error) { 165 console.warn('Geolocation error:', error.message); 166 } 167 ); 168 } 169 redirectEUCountries(); 170</script>
170 171 172
173<script> 174 // This script is to geo block based on their geolocation and language preference.; 175 const userLanguageChoice = { 176 fr_ca: 'fr-CA', 177 en_ca_prod: 'nativecos.com', 178 en_ca_stage: 'nativedev.myshopify.com', 179 userLanguageChoice: 'userLanguageChoice', 180 GeolocationCoordinates: { 181 minLatitude: 44.7, 182 maxLatitude: 62.8, 183 minLongitude: -81.0, 184 maxLongitude: -69.3, 185 }, 186 }; 187 const consentMessage = 188 "<p style='margin:20px;'>This site is not accessible in your region. <br/><br/>Ce site n'est pas accessible dans votre région.</p>"; 189 190 document.addEventListener('DOMContentLoaded', function () { 191 handleQuebecRedirection(); 192 193 const onFrenchConsent = () => { 194 sessionStorage.setItem('userLanguageChoice', userLanguageChoice.fr_ca); 195 regionConsentMessage(); 196 }; 197 198 function handleQuebecRedirection() { 199 const userChoice = sessionStorage.getItem(userLanguageChoice.userLanguageChoice); 200 const currentPath = window.location.pathname; 201 const curretHost = window.location.hostname; 202 const redirectToLanguage = () => { 203 regionConsentMessage(); 204 }; 205 const handleGeoLocationSuccess = ({ coords: { latitude, longitude } }) => { 206 const isWithinRegion = 207 latitude >= userLanguageChoice.GeolocationCoordinates.minLatitude && 208 latitude <= userLanguageChoice.GeolocationCoordinates.maxLatitude && 209 longitude >= userLanguageChoice.GeolocationCoordinates.minLongitude && 210 longitude <= userLanguageChoice.GeolocationCoordinates.maxLongitude; 211 const isEnglishPath = 212 curretHost.includes(`${userLanguageChoice.en_ca_prod}`) || 213 curretHost.includes(`${userLanguageChoice.en_ca_stage}`); 214 if (!userChoice && isEnglishPath && isWithinRegion) { 215 onFrenchConsent(); 216 } 217 }; 218 219 const handleGeoLocationError = (error) => { 220 console.error('Location Service Not Allowed'); 221 }; 222 223 const validationLang = `/${userLanguageChoice.fr_ca.toLowerCase()}`; 224 const includes = currentPath.startsWith(validationLang); 225 if (!includes) { 226 if (!userChoice) { 227 navigator.geolocation?.getCurrentPosition(handleGeoLocationSuccess, handleGeoLocationError); 228 } else if ( 229 userChoice === userLanguageChoice.fr_ca && 230 (curretHost.includes(`${userLanguageChoice.en_ca_prod}`) || 231 curretHost.includes(`${userLanguageChoice.en_ca_stage}`)) 232 ) { 233 redirectToLanguage(); 234 } 235 } 236 } 237 238 function regionConsentMessage() { 239 let count1 = 0; 240 const checkConsentMessage = setInterval(() => { 241 document.body.innerHTML = consentMessage; 242 count1++; 243 if (count1 >= 15) { 244 clearInterval(checkConsentMessage); 245 } 246 }, 1000); 247 } 248 }); 249</script>
249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269
270<script>
vendor: 415 bytes, lines 270-280
270 271 (function (w, d, s, l, i) { 272 w[l] = w[l] || []; 273 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 274 var f = d.getElementsByTagName(s)[0], 275 j = d.createElement(s), 276 dl = l != 'dataLayer' ? '&l=' + l : ''; 277 j.async = true; 278 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 279 f.parentNode.insertBefore(j, f); 280 })(window, document, 'script', 'dataLayer', '
280GTM-PLT6LH
vendor: 4 bytes, line 280
280');
281</script>
281 282 283 <meta charset="UTF-8"> 284 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 285 <meta name="viewport" content="width=device-width,initial-scale=1"> 286 287 288� 289 <meta name="description" content="Log in to your Native account to manage orders, subscriptions, and personal information. Enjoy easy access to your favorite products and exclusive offers."> 290 291 292 293 <link rel="canonical" href="https://www.nativecos.com/account/login"> 294 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 295 296 297 <link rel="shortcut icon" href="//www.nativecos.com/cdn/shop/files/favicon_native.png?crop=center&height=32&v=1739570857&width=32" type="image/png"> 298 299 300 301 302 <title>Login to Your Native Account | Manage Orders & More | Native</title> 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321<meta property="og:url" content="https://www.nativecos.com/account/login"> 322<meta property="og:site_name" content="Native"> 323<meta property="og:type" content="website"> 324<meta property="og:title" content="Account"> 325<meta property="og:description" content="Native"> 326<meta property="og:image" content="http://www.nativecos.com/cdn/shop/files/Web_Preview_Image_2400x1260.jpg?v=1769721706"> 327<meta property="og:image:secure_url" content="https://www.nativecos.com/cdn/shop/files/Web_Preview_Image_2400x1260.jpg?v=1769721706"> 328 329 330 331<meta name="twitter:title" content="Account"> 332<meta name="twitter:description" content="Native"> 333<meta name="twitter:card" content="summary_large_image"> 334<meta name="twitter:image" content="https://www.nativecos.com/cdn/shop/files/Web_Preview_Image_2400x1260.jpg?v=1769721706"> 335<meta name="twitter:image:width" content="480"> 336<meta name="twitter:image:height" content="480"> 337 338 339
339<script> 340 document.documentElement.className = document.documentElement.className.replace('no-js', ''); 341 342 if (window.matchMedia(`(prefers-reduced-motion: reduce)`) === true || window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true) { 343 document.documentElement.classList.add('prefers-reduced-motion'); 344 } else { 345 document.documentElement.classList.add('do-anim'); 346 } 347 348 window.theme = { 349 version: 'v4.1.0', 350 themeName: 'Cornerstone', 351 moneyFormat: "\u003cspan data-price\u003e${{amount}}\u003c\/span\u003e", 352 coreData: { 353 n: "Cornerstone", 354 v: "v4.1.0", 355 }, 356 strings: { 357 name: "Native", 358 accessibility: { 359 play_video: "Play", 360 pause_video: "Pause", 361 range_lower: "Lower", 362 range_upper: "Upper", 363 carousel_select: "Move carousel to slide {{ number }}" 364 }, 365 product: { 366 no_shipping_rates: "Shipping rate unavailable", 367 country_placeholder: "Country\/Region", 368 review: "Write a review" 369 }, 370 products: { 371 product: { 372 unavailable: "Unavailable", 373 unitPrice: "Unit price", 374 unitPriceSeparator: "per", 375 sku: "SKU" 376 } 377 }, 378 cart: { 379 editCartNote: "Edit order notes", 380 addCartNote: "Add order notes", 381 quantityError: "You have the maximum number of this product in your cart" 382 }, 383 pagination: { 384 viewing: "You\u0026#39;re viewing {{ of }} of {{ total }}", 385 products: "products", 386 results: "results" 387 } 388 }, 389 routes: { 390 root: "/", 391 cart: { 392 base: "/cart", 393 add: "/cart/add", 394 change: "/cart/change", 395 update: "/cart/update", 396 clear: "/cart/clear", 397 // Manual routes until Shopify adds support 398 shipping: "/cart/shipping_rates" 399 }, 400 // Manual routes until Shopify adds support 401 products: "/products", 402 productRecommendations: "/recommendations/products", 403 predictive_search_url: '/search/suggest', 404 search_url: '/search' 405 }, 406 icons: { 407 chevron: "\r\n\u003cspan class=\"icon icon-chevron \" style=\"\" \u003e\r\n \u003csvg class=\"\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M1.875 7.438 12 17.563 22.125 7.438\" stroke=\"currentColor\" stroke-width=\"2\"\/\u003e\u003c\/svg\u003e\r\n\u003c\/span\u003e\r\n\r", 408 close: "\r\n\u003cspan class=\"icon icon-close \" style=\"\" \u003e\r\n \u003csvg class=\"\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M2.66 1.34 2 .68.68 2l.66.66 1.32-1.32zm18.68 21.32.66.66L23.32 22l-.66-.66-1.32 1.32zm1.32-20 .66-.66L22 .68l-.66.66 1.32 1.32zM1.34 21.34.68 22 2 23.32l.66-.66-1.32-1.32zm0-18.68 10 10 1.32-1.32-10-10-1.32 1.32zm11.32 10 10-10-1.32-1.32-10 10 1.32 1.32zm-1.32-1.32-10 10 1.32 1.32 10-10-1.32-1.32zm0 1.32 10 10 1.32-1.32-10-10-1.32 1.32z\" fill=\"currentColor\"\/\u003e\u003c\/svg\u003e\r\n\u003c\/span\u003e\r\n\r", 409 zoom: "\r\n\u003cspan class=\"icon icon-zoom \" style=\"\" \u003e\r\n \u003csvg class=\"\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M10.3,19.71c5.21,0,9.44-4.23,9.44-9.44S15.51,.83,10.3,.83,.86,5.05,.86,10.27s4.23,9.44,9.44,9.44Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\r\n \u003cpath d=\"M5.05,10.27H15.54\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\r\n \u003cpath class=\"cross-up\" d=\"M10.3,5.02V15.51\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\r\n \u003cpath d=\"M16.92,16.9l6.49,6.49\" fill=\"none\" stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.63\"\/\u003e\u003c\/svg\u003e\r\n\u003c\/span\u003e\r\n\r\n \u003cspan class=\"zoom-icon__text zoom-in fs-body-75\"\u003eZoom in\u003c\/span\u003e\r\n \u003cspan class=\"zoom-icon__text zoom-out fs-body-75\"\u003eZoom out\u003c\/span\u003e" 410 } 411 } 412 413 window.theme.searchableFields = "body,product_type,tag,title,variants.title,vendor"; 414 415 416 window.theme.allCountryOptionTags = "\u003coption value=\"United States\" data-provinces=\"[[\u0026quot;Alabama\u0026quot;,\u0026quot;Alabama\u0026quot;],[\u0026quot;Alaska\u0026quot;,\u0026quot;Alaska\u0026quot;],[\u0026quot;American Samoa\u0026quot;,\u0026quot;American Samoa\u0026quot;],[\u0026quot;Arizona\u0026quot;,\u0026quot;Arizona\u0026quot;],[\u0026quot;Arkansas\u0026quot;,\u0026quot;Arkansas\u0026quot;],[\u0026quot;Armed Forces Americas\u0026quot;,\u0026quot;Armed Forces Americas\u0026quot;],[\u0026quot;Armed Forces Europe\u0026quot;,\u0026quot;Armed Forces Europe\u0026quot;],[\u0026quot;Armed Forces Pacific\u0026quot;,\u0026quot;Armed Forces Pacific\u0026quot;],[\u0026quot;California\u0026quot;,\u0026quot;California\u0026quot;],[\u0026quot;Colorado\u0026quot;,\u0026quot;Colorado\u0026quot;],[\u0026quot;Connecticut\u0026quot;,\u0026quot;Connecticut\u0026quot;],[\u0026quot;Delaware\u0026quot;,\u0026quot;Delaware\u0026quot;],[\u0026quot;District of Columbia\u0026quot;,\u0026quot;Washington DC\u0026quot;],[\u0026quot;Federated States of Micronesia\u0026quot;,\u0026quot;Micronesia\u0026quot;],[\u0026quot;Florida\u0026quot;,\u0026quot;Florida\u0026quot;],[\u0026quot;Georgia\u0026quot;,\u0026quot;Georgia\u0026quot;],[\u0026quot;Guam\u0026quot;,\u0026quot;Guam\u0026quot;],[\u0026quot;Hawaii\u0026quot;,\u0026quot;Hawaii\u0026quot;],[\u0026quot;Idaho\u0026quot;,\u0026quot;Idaho\u0026quot;],[\u0026quot;Illinois\u0026quot;,\u0026quot;Illinois\u0026quot;],[\u0026quot;Indiana\u0026quot;,\u0026quot;Indiana\u0026quot;],[\u0026quot;Iowa\u0026quot;,\u0026quot;Iowa\u0026quot;],[\u0026quot;Kansas\u0026quot;,\u0026quot;Kansas\u0026quot;],[\u0026quot;Kentucky\u0026quot;,\u0026quot;Kentucky\u0026quot;],[\u0026quot;Louisiana\u0026quot;,\u0026quot;Louisiana\u0026quot;],[\u0026quot;Maine\u0026quot;,\u0026quot;Maine\u0026quot;],[\u0026quot;Marshall Islands\u0026quot;,\u0026quot;Marshall Islands\u0026quot;],[\u0026quot;Maryland\u0026quot;,\u0026quot;Maryland\u0026quot;],[\u0026quot;Massachusetts\u0026quot;,\u0026quot;Massachusetts\u0026quot;],[\u0026quot;Michigan\u0026quot;,\u0026quot;Michigan\u0026quot;],[\u0026quot;Minnesota\u0026quot;,\u0026quot;Minnesota\u0026quot;],[\u0026quot;Mississippi\u0026quot;,\u0026quot;Mississippi\u0026quot;],[\u0026quot;Missouri\u0026quot;,\u0026quot;Missouri\u0026quot;],[\u0026quot;Montana\u0026quot;,\u0026quot;Montana\u0026quot;],[\u0026quot;Nebraska\u0026quot;,\u0026quot;Nebraska\u0026quot;],[\u0026quot;Nevada\u0026quot;,\u0026quot;Nevada\u0026quot;],[\u0026quot;New Hampshire\u0026quot;,\u0026quot;New Hampshire\u0026quot;],[\u0026quot;New Jersey\u0026quot;,\u0026quot;New Jersey\u0026quot;],[\u0026quot;New Mexico\u0026quot;,\u0026quot;New Mexico\u0026quot;],[\u0026quot;New York\u0026quot;,\u0026quot;New York\u0026quot;],[\u0026quot;North Carolina\u0026quot;,\u0026quot;North Carolina\u0026quot;],[\u0026quot;North Dakota\u0026quot;,\u0026quot;North Dakota\u0026quot;],[\u0026quot;Northern Mariana Islands\u0026quot;,\u0026quot;Northern Mariana Islands\u0026quot;],[\u0026quot;Ohio\u0026quot;,\u0026quot;Ohio\u0026quot;],[\u0026quot;Oklahoma\u0026quot;,\u0026quot;Oklahoma\u0026quot;],[\u0026quot;Oregon\u0026quot;,\u0026quot;Oregon\u0026quot;],[\u0026quot;Palau\u0026quot;,\u0026quot;Palau\u0026quot;],[\u0026quot;Pennsylvania\u0026quot;,\u0026quot;Pennsylvania\u0026quot;],[\u0026quot;Puerto Rico\u0026quot;,\u0026quot;Puerto Rico\u0026quot;],[\u0026quot;Rhode Island\u0026quot;,\u0026quot;Rhode Island\u0026quot;],[\u0026quot;South Carolina\u0026quot;,\u0026quot;South Carolina\u0026quot;],[\u0026quot;South Dakota\u0026quot;,\u0026quot;South Dakota\u0026quot;],[\u0026quot;Tennessee\u0026quot;,\u0026quot;Tennessee\u0026quot;],[\u0026quot;Texas\u0026quot;,\u0026quot;Texas\u0026quot;],[\u0026quot;Utah\u0026quot;,\u0026quot;Utah\u0026quot;],[\u0026quot;Vermont\u0026quot;,\u0026quot;Vermont\u0026quot;],[\u0026quot;Virgin Islands\u0026quot;,\u0026quot;U.S. Virgin Islands\u0026quot;],[\u0026quot;Virginia\u0026quot;,\u0026quot;Virginia\u0026quot;],[\u0026quot;Washington\u0026quot;,\u0026quot;Washington\u0026quot;],[\u0026quot;West Virginia\u0026quot;,\u0026quot;West Virginia\u0026quot;],[\u0026quot;Wisconsin\u0026quot;,\u0026quot;Wisconsin\u0026quot;],[\u0026quot;Wyoming\u0026quot;,\u0026quot;Wyoming\u0026quot;]]\"\u003eUnited States\u003c\/option\u003e\n\u003coption value=\"Canada\" data-provinces=\"[[\u0026quot;Alberta\u0026quot;,\u0026quot;Alberta\u0026quot;],[\u0026quot;British Columbia\u0026quot;,\u0026quot;British Columbia\u0026quot;],[\u0026quot;Manitoba\u0026quot;,\u0026quot;Manitoba\u0026quot;],[\u0026quot;New Brunswick\u0026quot;,\u0026quot;New Brunswick\u0026quot;],[\u0026quot;Newfoundland and Labrador\u0026quot;,\u0026quot;Newfoundland and Labrador\u0026quot;],[\u0026quot;Northwest Territories\u0026quot;,\u0026quot;Northwest Territories\u0026quot;],[\u0026quot;Nova Scotia\u0026quot;,\u0026quot;Nova Scotia\u0026quot;],[\u0026quot;Nunavut\u0026quot;,\u0026quot;Nunavut\u0026quot;],[\u0026quot;Ontario\u0026quot;,\u0026quot;Ontario\u0026quot;],[\u0026quot;Prince Edward Island\u0026quot;,\u0026quot;Prince Edward Island\u0026quot;],[\u0026quot;Quebec\u0026quot;,\u0026quot;Quebec\u0026quot;],[\u0026quot;Saskatchewan\u0026quot;,\u0026quot;Saskatchewan\u0026quot;],[\u0026quot;Yukon\u0026quot;,\u0026quot;Yukon\u0026quot;]]\"\u003eCanada\u003c\/option\u003e\n\u003coption value=\"Australia\" data-provinces=\"[[\u0026quot;Australian Capital Territory\u0026quot;,\u0026quot;Australian Capital Territory\u0026quot;],[\u0026quot;New South Wales\u0026quot;,\u0026quot;New South Wales\u0026quot;],[\u0026quot;Northern Territory\u0026quot;,\u0026quot;Northern Territory\u0026quot;],[\u0026quot;Queensland\u0026quot;,\u0026quot;Queensland\u0026quot;],[\u0026quot;South Australia\u0026quot;,\u0026quot;South Australia\u0026quot;],[\u0026quot;Tasmania\u0026quot;,\u0026quot;Tasmania\u0026quot;],[\u0026quot;Victoria\u0026quot;,\u0026quot;Victoria\u0026quot;],[\u0026quot;Western Australia\u0026quot;,\u0026quot;Western Australia\u0026quot;]]\"\u003eAustralia\u003c\/option\u003e\n\u003coption value=\"---\" data-provinces=\"[]\"\u003e---\u003c\/option\u003e\n\u003coption value=\"Afghanistan\" data-provinces=\"[]\"\u003eAfghanistan\u003c\/option\u003e\n\u003coption value=\"Aland Islands\" data-provinces=\"[]\"\u003eà land Islands\u003c\/option\u003e\n\u003coption value=\"Albania\" data-provinces=\"[]\"\u003eAlbania\u003c\/option\u003e\n\u003coption value=\"Algeria\" data-provinces=\"[]\"\u003eAlgeria\u003c\/option\u003e\n\u003coption value=\"Andorra\" data-provinces=\"[]\"\u003eAndorra\u003c\/option\u003e\n\u003coption value=\"Angola\" data-provinces=\"[]\"\u003eAngola\u003c\/option\u003e\n\u003coption value=\"Anguilla\" data-provinces=\"[]\"\u003eAnguilla\u003c\/option\u003e\n\u003coption value=\"Antigua And Barbuda\" data-provinces=\"[]\"\u003eAntigua \u0026 Barbuda\u003c\/option\u003e\n\u003coption value=\"Argentina\" data-provinces=\"[[\u0026quot;Buenos Aires\u0026quot;,\u0026quot;Buenos Aires Province\u0026quot;],[\u0026quot;Catamarca\u0026quot;,\u0026quot;Catamarca\u0026quot;],[\u0026quot;Chaco\u0026quot;,\u0026quot;Chaco\u0026quot;],[\u0026quot;Chubut\u0026quot;,\u0026quot;Chubut\u0026quot;],[\u0026quot;Ciudad Autónoma de Buenos Aires\u0026quot;,\u0026quot;Buenos Aires (Autonomous City)\u0026quot;],[\u0026quot;Corrientes\u0026quot;,\u0026quot;Corrientes\u0026quot;],[\u0026quot;Córdoba\u0026quot;,\u0026quot;Córdoba\u0026quot;],[\u0026quot;Entre RÃos\u0026quot;,\u0026quot;Entre RÃos\u0026quot;],[\u0026quot;Formosa\u0026quot;,\u0026quot;Formosa\u0026quot;],[\u0026quot;Jujuy\u0026quot;,\u0026quot;Jujuy\u0026quot;],[\u0026quot;La Pampa\u0026quot;,\u0026quot;La Pampa\u0026quot;],[\u0026quot;La Rioja\u0026quot;,\u0026quot;La Rioja\u0026quot;],[\u0026quot;Mendoza\u0026quot;,\u0026quot;Mendoza\u0026quot;],[\u0026quot;Misiones\u0026quot;,\u0026quot;Misiones\u0026quot;],[\u0026quot;Neuquén\u0026quot;,\u0026quot;Neuquén\u0026quot;],[\u0026quot;RÃo Negro\u0026quot;,\u0026quot;RÃo Negro\u0026quot;],[\u0026quot;Salta\u0026quot;,\u0026quot;Salta\u0026quot;],[\u0026quot;San Juan\u0026quot;,\u0026quot;San Juan\u0026quot;],[\u0026quot;San Luis\u0026quot;,\u0026quot;San Luis\u0026quot;],[\u0026quot;Santa Cruz\u0026quot;,\u0026quot;Santa Cruz\u0026quot;],[\u0026quot;Santa Fe\u0026quot;,\u0026quot;Santa Fe\u0026quot;],[\u0026quot;Santiago Del Estero\u0026quot;,\u0026quot;Santiago del Estero\u0026quot;],[\u0026quot;Tierra Del Fuego\u0026quot;,\u0026quot;Tierra del Fuego\u0026quot;],[\u0026quot;Tucumán\u0026quot;,\u0026quot;Tucumán\u0026quot;]]\"\u003eArgentina\u003c\/option\u003e\n\u003coption value=\"Armenia\" data-provinces=\"[]\"\u003eArmenia\u003c\/option\u003e\n\u003coption value=\"Aruba\" data-provinces=\"[]\"\u003eAruba\u003c\/option\u003e\n\u003coption value=\"Ascension Island\" data-provinces=\"[]\"\u003eAscension Island\u003c\/option\u003e\n\u003coption value=\"Australia\" data-provinces=\"[[\u0026quot;Australian Capital Territory\u0026quot;,\u0026quot;Australian Capital Territory\u0026quot;],[\u0026quot;New South Wales\u0026quot;,\u0026quot;New South Wales\u0026quot;],[\u0026quot;Northern Territory\u0026quot;,\u0026quot;Northern Territory\u0026quot;],[\u0026quot;Queensland\u0026quot;,\u0026quot;Queensland\u0026quot;],[\u0026quot;South Australia\u0026quot;,\u0026quot;South Australia\u0026quot;],[\u0026quot;Tasmania\u0026quot;,\u0026quot;Tasmania\u0026quot;],[\u0026quot;Victoria\u0026quot;,\u0026quot;Victoria\u0026quot;],[\u0026quot;Western Australia\u0026quot;,\u0026quot;Western Australia\u0026quot;]]\"\u003eAustralia\u003c\/option\u003e\n\u003coption value=\"Austria\" data-provinces=\"[]\"\u003eAustria\u003c\/option\u003e\n\u003coption value=\"Azerbaijan\" data-provinces=\"[]\"\u003eAzerbaijan\u003c\/option\u003e\n\u003coption value=\"Bahamas\" data-provinces=\"[]\"\u003eBahamas\u003c\/option\u003e\n\u003coption value=\"Bahrain\" data-provinces=\"[]\"\u003eBahrain\u003c\/option\u003e\n\u003coption value=\"Bangladesh\" data-provinces=\"[]\"\u003eBangladesh\u003c\/option\u003e\n\u003coption value=\"Barbados\" data-provinces=\"[]\"\u003eBarbados\u003c\/option\u003e\n\u003coption value=\"Belarus\" data-provinces=\"[]\"\u003eBelarus\u003c\/option\u003e\n\u003coption value=\"Belgium\" data-provinces=\"[]\"\u003eBelgium\u003c\/option\u003e\n\u003coption value=\"Belize\" data-provinces=\"[]\"\u003eBelize\u003c\/option\u003e\n\u003coption value=\"Benin\" data-provinces=\"[]\"\u003eBenin\u003c\/option\u003e\n\u003coption value=\"Bermuda\" data-provinces=\"[]\"\u003eBermuda\u003c\/option\u003e\n\u003coption value=\"Bhutan\" data-provinces=\"[]\"\u003eBhutan\u003c\/option\u003e\n\u003coption value=\"Bolivia\" data-provinces=\"[]\"\u003eBolivia\u003c\/option\u003e\n\u003coption value=\"Bosnia And Herzegovina\" data-provinces=\"[]\"\u003eBosnia \u0026 Herzegovina\u003c\/option\u003e\n\u003coption value=\"Botswana\" data-provinces=\"[]\"\u003eBotswana\u003c\/option\u003e\n\u003coption value=\"Brazil\" data-provinces=\"[[\u0026quot;Acre\u0026quot;,\u0026quot;Acre\u0026quot;],[\u0026quot;Alagoas\u0026quot;,\u0026quot;Alagoas\u0026quot;],[\u0026quot;Amapá\u0026quot;,\u0026quot;Amapá\u0026quot;],[\u0026quot;Amazonas\u0026quot;,\u0026quot;Amazonas\u0026quot;],[\u0026quot;Bahia\u0026quot;,\u0026quot;Bahia\u0026quot;],[\u0026quot;Ceará\u0026quot;,\u0026quot;Ceará\u0026quot;],[\u0026quot;Distrito Federal\u0026quot;,\u0026quot;Federal District\u0026quot;],[\u0026quot;EspÃrito Santo\u0026quot;,\u0026quot;EspÃrito Santo\u0026quot;],[\u0026quot;Goiás\u0026quot;,\u0026quot;Goiás\u0026quot;],[\u0026quot;Maranhão\u0026quot;,\u0026quot;Maranhão\u0026quot;],[\u0026quot;Mato Grosso\u0026quot;,\u0026quot;Mato Grosso\u0026quot;],[\u0026quot;Mato Grosso do Sul\u0026quot;,\u0026quot;Mato Grosso do Sul\u0026quot;],[\u0026quot;Minas Gerais\u0026quot;,\u0026quot;Minas Gerais\u0026quot;],[\u0026quot;Paraná\u0026quot;,\u0026quot;Paraná\u0026quot;],[\u0026quot;ParaÃba\u0026quot;,\u0026quot;ParaÃba\u0026quot;],[\u0026quot;Pará\u0026quot;,\u0026quot;Pará\u0026quot;],[\u0026quot;Pernambuco\u0026quot;,\u
4160026quot;Pernambuco\u0026quot;],[\u0026quot;PiauÃ\u0026quot;,\u0026quot;PiauÃ\u0026quot;],[\u0026quot;Rio Grande do Norte\u0026quot;,\u0026quot;Rio Grande do Norte\u0026quot;],[\u0026quot;Rio Grande do Sul\u0026quot;,\u0026quot;Rio Grande do Sul\u0026quot;],[\u0026quot;Rio de Janeiro\u0026quot;,\u0026quot;Rio de Janeiro\u0026quot;],[\u0026quot;Rondônia\u0026quot;,\u0026quot;Rondônia\u0026quot;],[\u0026quot;Roraima\u0026quot;,\u0026quot;Roraima\u0026quot;],[\u0026quot;Santa Catarina\u0026quot;,\u0026quot;Santa Catarina\u0026quot;],[\u0026quot;Sergipe\u0026quot;,\u0026quot;Sergipe\u0026quot;],[\u0026quot;São Paulo\u0026quot;,\u0026quot;São Paulo\u0026quot;],[\u0026quot;Tocantins\u0026quot;,\u0026quot;Tocantins\u0026quot;]]\"\u003eBrazil\u003c\/option\u003e\n\u003coption value=\"British Indian Ocean Territory\" data-provinces=\"[]\"\u003eBritish Indian Ocean Territory\u003c\/option\u003e\n\u003coption value=\"Virgin Islands, British\" data-provinces=\"[]\"\u003eBritish Virgin Islands\u003c\/option\u003e\n\u003coption value=\"Brunei\" data-provinces=\"[]\"\u003eBrunei\u003c\/option\u003e\n\u003coption value=\"Bulgaria\" data-provinces=\"[]\"\u003eBulgaria\u003c\/option\u003e\n\u003coption value=\"Burkina Faso\" data-provinces=\"[]\"\u003eBurkina Faso\u003c\/option\u003e\n\u003coption value=\"Burundi\" data-provinces=\"[]\"\u003eBurundi\u003c\/option\u003e\n\u003coption value=\"Cambodia\" data-provinces=\"[]\"\u003eCambodia\u003c\/option\u003e\n\u003coption value=\"Republic of Cameroon\" data-provinces=\"[]\"\u003eCameroon\u003c\/option\u003e\n\u003coption value=\"Canada\" data-provinces=\"[[\u0026quot;Alberta\u0026quot;,\u0026quot;Alberta\u0026quot;],[\u0026quot;British Columbia\u0026quot;,\u0026quot;British Columbia\u0026quot;],[\u0026quot;Manitoba\u0026quot;,\u0026quot;Manitoba\u0026quot;],[\u0026quot;New Brunswick\u0026quot;,\u0026quot;New Brunswick\u0026quot;],[\u0026quot;Newfoundland and Labrador\u0026quot;,\u0026quot;Newfoundland and Labrador\u0026quot;],[\u0026quot;Northwest Territories\u0026quot;,\u0026quot;Northwest Territories\u0026quot;],[\u0026quot;Nova Scotia\u0026quot;,\u0026quot;Nova Scotia\u0026quot;],[\u0026quot;Nunavut\u0026quot;,\u0026quot;Nunavut\u0026quot;],[\u0026quot;Ontario\u0026quot;,\u0026quot;Ontario\u0026quot;],[\u0026quot;Prince Edward Island\u0026quot;,\u0026quot;Prince Edward Island\u0026quot;],[\u0026quot;Quebec\u0026quot;,\u0026quot;Quebec\u0026quot;],[\u0026quot;Saskatchewan\u0026quot;,\u0026quot;Saskatchewan\u0026quot;],[\u0026quot;Yukon\u0026quot;,\u0026quot;Yukon\u0026quot;]]\"\u003eCanada\u003c\/option\u003e\n\u003coption value=\"Cape Verde\" data-provinces=\"[]\"\u003eCape Verde\u003c\/option\u003e\n\u003coption value=\"Caribbean Netherlands\" data-provinces=\"[]\"\u003eCaribbean Netherlands\u003c\/option\u003e\n\u003coption value=\"Cayman Islands\" data-provinces=\"[]\"\u003eCayman Islands\u003c\/option\u003e\n\u003coption value=\"Central African Republic\" data-provinces=\"[]\"\u003eCentral African Republic\u003c\/option\u003e\n\u003coption value=\"Chad\" data-provinces=\"[]\"\u003eChad\u003c\/option\u003e\n\u003coption value=\"Chile\" data-provinces=\"[[\u0026quot;Antofagasta\u0026quot;,\u0026quot;Antofagasta\u0026quot;],[\u0026quot;AraucanÃa\u0026quot;,\u0026quot;AraucanÃa\u0026quot;],[\u0026quot;Arica and Parinacota\u0026quot;,\u0026quot;Arica y Parinacota\u0026quot;],[\u0026quot;Atacama\u0026quot;,\u0026quot;Atacama\u0026quot;],[\u0026quot;Aysén\u0026quot;,\u0026quot;Aysén\u0026quot;],[\u0026quot;BiobÃo\u0026quot;,\u0026quot;BÃo BÃo\u0026quot;],[\u0026quot;Coquimbo\u0026quot;,\u0026quot;Coquimbo\u0026quot;],[\u0026quot;Los Lagos\u0026quot;,\u0026quot;Los Lagos\u0026quot;],[\u0026quot;Los RÃos\u0026quot;,\u0026quot;Los RÃos\u0026quot;],[\u0026quot;Magallanes\u0026quot;,\u0026quot;Magallanes Region\u0026quot;],[\u0026quot;Maule\u0026quot;,\u0026quot;Maule\u0026quot;],[\u0026quot;O\u0026#39;Higgins\u0026quot;,\u0026quot;Libertador General Bernardo OâHiggins\u0026quot;],[\u0026quot;Santiago\u0026quot;,\u0026quot;Santiago Metropolitan\u0026quot;],[\u0026quot;Tarapacá\u0026quot;,\u0026quot;Tarapacá\u0026quot;],[\u0026quot;ValparaÃso\u0026quot;,\u0026quot;ValparaÃso\u0026quot;],[\u0026quot;Ãuble\u0026quot;,\u0026quot;Ãuble\u0026quot;
416]]\"\u003eChile\u003c\/option\u003e\n\u003coption value=\"China\" data-provinces=\"[[\u0026quot;Anhui\u0026quot;,\u0026quot;Anhui\u0026quot;],[\u0026quot;Beijing\u0026quot;,\u0026quot;Beijing\u0026quot;],[\u0026quot;Chongqing\u0026quot;,\u0026quot;Chongqing\u0026quot;],[\u0026quot;Fujian\u0026quot;,\u0026quot;Fujian\u0026quot;],[\u0026quot;Gansu\u0026quot;,\u0026quot;Gansu\u0026quot;],[\u0026quot;Guangdong\u0026quot;,\u0026quot;Guangdong\u0026quot;],[\u0026quot;Guangxi\u0026quot;,\u0026quot;Guangxi\u0026quot;],[\u0026quot;Guizhou\u0026quot;,\u0026quot;Guizhou\u0026quot;],[\u0026quot;Hainan\u0026quot;,\u0026quot;Hainan\u0026quot;],[\u0026quot;Hebei\u0026quot;,\u0026quot;Hebei\u0026quot;],[\u0026quot;Heilongjiang\u0026quot;,\u0026quot;Heilongjiang\u0026quot;],[\u0026quot;Henan\u0026quot;,\u0026quot;Henan\u0026quot;],[\u0026quot;Hubei\u0026quot;,\u0026quot;Hubei\u0026quot;],[\u0026quot;Hunan\u0026quot;,\u0026quot;Hunan\u0026quot;],[\u0026quot;Inner Mongolia\u0026quot;,\u0026quot;Inner Mongolia\u0026quot;],[\u0026quot;Jiangsu\u0026quot;,\u0026quot;Jiangsu\u0026quot;],[\u0026quot;Jiangxi\u0026quot;,\u0026quot;Jiangxi\u0026quot;],[\u0026quot;Jilin\u0026quot;,\u0026quot;Jilin\u0026quot;],[\u0026quot;Liaoning\u0026quot;,\u0026quot;Liaoning\u0026quot;],[\u0026quot;Ningxia\u0026quot;,\u0026quot;Ningxia\u0026quot;],[\u0026quot;Qinghai\u0026quot;,\u0026quot;Qinghai\u0026quot;],[\u0026quot;Shaanxi\u0026quot;,\u0026quot;Shaanxi\u0026quot;],[\u0026quot;Shandong\u0026quot;,\u0026quot;Shandong\u0026quot;],[\u0026quot;Shanghai\u0026quot;,\u0026quot;Shanghai\u0026quot;],[\u0026quot;Shanxi\u0026quot;,\u0026quot;Shanxi\u0026quot;],[\u0026quot;Sichuan\u0026quot;,\u0026quot;Sichuan\u0026quot;],[\u0026quot;Tianjin\u0026quot;,\u0026quot;Tianjin\u0026quot;],[\u0026quot;Xinjiang\u0026quot;,\u0026quot;Xinjiang\u0026quot;],[\u0026quot;Xizang\u0026quot;,\u0026quot;Tibet\u0026quot;],[\u0026quot;Yunnan\u0026quot;,\u0026quot;Yunnan\u0026quot;],[\u0026quot;Zhejiang\u0026quot;,\u0026quot;Zhejiang\u0026quot;]]\"\u003eChina\u003c\/option\u003e\n\u003coption value=\"Christmas Island\" data-provinces=\"[]\"\u003eChristmas Island\u003c\/option\u003e\n\u003coption value=\"Cocos (Keeling) Islands\" data-provinces=\"[]\"\u003eCocos (Keeling) Islands\u003c\/option\u003e\n\u003coption value=\"Colombia\" data-provinces=\"[[\u0026quot;Amazonas\u0026quot;,\u0026quot;Amazonas\u0026quot;],[\u0026quot;Antioquia\u0026quot;,\u0026quot;Antioquia\u0026quot;],[\u0026quot;Arauca\u0026quot;,\u0026quot;Arauca\u0026quot;],[\u0026quot;Atlántico\u0026quot;,\u0026quot;Atlántico\u0026quot;],[\u0026quot;Bogotá, D.C.\u0026quot;,\u0026quot;Capital District\u0026quot;],[\u0026quot;BolÃvar\u0026quot;,\u0026quot;BolÃvar\u0026quot;],[\u0026quot;Boyacá\u0026quot;,\u0026quot;Boyacá\u0026quot;],[\u0026quot;Caldas\u0026quot;,\u0026quot;Caldas\u0026quot;],[\u0026quot;Caquetá\u0026quot;,\u0026quot;Caquetá\u0026quot;],[\u0026quot;Casanare\u0026quot;,\u0026quot;Casanare\u0026quot;],[\u0026quot;Cauca\u0026quot;,\u0026quot;Cauca\u0026quot;],[\u0026quot;Cesar\u0026quot;,\u0026quot;Cesar\u0026quot;],[\u0026quot;Chocó\u0026quot;,\u0026quot;Chocó\u0026quot;],[\u0026quot;Cundinamarca\u0026quot;,\u0026quot;Cundinamarca\u0026quot;],[\u0026quot;Córdoba\u0026quot;,\u0026quot;Córdoba\u0026quot;],[\u0026quot;GuainÃa\u0026quot;,\u0026quot;GuainÃa\u0026quot;],[\u0026quot;Guaviare\u0026quot;,\u0026quot;Guaviare\u0026quot;],[\u0026quot;Huila\u0026quot;,\u0026quot;Huila\u0026quot;],[\u0026quot;La Guajira\u0026quot;,\u0026quot;La Guajira\u0026quot;],[\u0026quot;Magdalena\u0026quot;,\u0026quot;Magdalena\u0026quot;],[\u0026quot;Meta\u0026quot;,\u0026quot;Meta\u0026quot;],[\u0026quot;Nariño\u0026quot;,\u0026quot;Nariño\u0026quot;],[\u0026quot;Norte de Santander\u0026quot;,\u0026quot;Norte de Santander\u0026quot;],[\u0026quot;Putumayo\u0026quot;,\u0026quot;Putumayo\u0026quot;],[\u0026quot;QuindÃo\u0026quot;,\u0026quot;QuindÃo\u0026quot;],[\u0026quot;Risaralda\u0026quot;,\u0026quot;Risaralda\u0026quot;],[\u0026quot;San Andrés, Providencia y Santa Catalina\u0026quot;,\u0026quot;San Andrés \\u0026 Providencia\u0026quot;],[\u0026quot;Santander\u0026quot;,\u0026quot;Santander\u0026quot;],[\u0026quot;Sucre\u0026quot;,\u0026quot;Sucre\u0026quot;],[\u0026quot;Tolima\u0026quot;,\u0026quot;Tolima\u0026quot;],[\u0026quot;Valle del Cauca\u0026quot;,\u0026quot;Valle del Cauca\u0026quot;],[\u0026quot;Vaupés\u0026quot;,\u0026quot;Vaupés\u0026quot;],[\u0026quot;Vichada\u0026quot;,\u0026quot;Vichada\u0026quot;]]\"\u003eColombia\u003c\/option\u003e\n\u003coption value=\"Comoros\" data-provinces=\"[]\"\u003eComoros\u003c\/option\u003e\n\u003coption value=\"Congo\" data-provinces=\"[]\"\u003eCongo - Brazzaville\u003c\/option\u003e\n\u003coption value=\"Congo, The Democratic Republic Of The\" data-provinces=\"[]\"\u003eCongo - Kinshasa\u003c\/option\u003e\n\u003coption value=\"Cook Islands\" data-provinces=\"[]\"\u003eCook Islands\u003c\/option\u003e\n\u003coption value=\"Costa Rica\" data-provinces=\"[[\u0026quot;Alajuela\u0026quot;,\u0026quot;Alajuela\u0026quot;],[\u0026quot;Cartago\u0026quot;,\u0026quot;Cartago\u0026quot;],[\u0026quot;Guanacaste\u0026quot;,\u0026quot;Guanacaste\u0026quot;],[\u0026quot;Heredia\u0026quot;,\u0026quot;Heredia\u0026quot;],[\u0026quot;Limón\u0026quot;,\u0026quot;Limón\u0026quot;],[\u0026quot;Puntarenas\u0026quot;,\u0026quot;Puntarenas\u0026quot;],[\u0026quot;San José\u0026quot;,\u0026quot;San José\u0026quot;]]\"\u003eCosta Rica\u003c\/option\u003e\n\u003coption value=\"Croatia\" data-provinces=\"[]\"\u003eCroatia\u003c\/option\u003e\n\u003coption value=\"Curaçao\" data-provinces=\"[]\"\u003eCuraçao\u003c\/option\u003e\n\u003coption value=\"Cyprus\" data-provinces=\"[]\"\u003eCyprus\u003c\/option\u003e\n\u003coption value=\"Czech Republic\" data-provinces=\"[]\"\u003eCzechia\u003c\/option\u003e\n\u003coption value=\"Côte d'Ivoire\" data-provinces=\"[]\"\u003eCôte dâIvoire\u003c\/option\u003e\n\u003coption value=\"Denmark\" data-provinces=\"[]\"\u003eDenmark\u003c\/option\u003e\n\u003coption value=\"Djibouti\" data-provinces=\"[]\"\u003eDjibouti\u003c\/option\u003e\n\u003coption value=\"Dominica\" data-provinces=\"[]\"\u003eDominica\u003c\/option\u003e\n\u003coption value=\"Dominican Republic\" data-provinces=\"[]\"\u003eDominican Republic\u003c\/option\u003e\n\u003coption value=\"Ecuador\" data-provinces=\"[]\"\u003eEcuador\u003c\/option\u003e\n\u003coption value=\"Egypt\" data-provinces=\"[[\u0026quot;6th of October\u0026quot;,\u0026quot;6th of October\u0026quot;],[\u0026quot;Al Sharqia\u0026quot;,\u0026quot;Al Sharqia\u0026quot;],[\u0026quot;Alexandria\u0026quot;,\u0026quot;Alexandria\u0026quot;],[\u0026quot;Aswan\u0026quot;,\u0026quot;Aswan\u0026quot;],[\u0026quot;Asyut\u0026quot;,\u0026quot;Asyut\u0026quot;],[\u0026quot;Beheira\u0026quot;,\u0026quot;Beheira\u0026quot;],[\u0026quot;Beni Suef\u0026quot;,\u0026quot;Beni Suef\u0026quot;],[\u0026quot;Cairo\u0026quot;,\u0026quot;Cairo\u0026quot;],[\u0026quot;Dakahlia\u0026quot;,\u0026quot;Dakahlia\u0026quot;],[\u0026quot;Damietta\u0026quot;,\u0026quot;Damietta\u0026quot;],[\u0026quot;Faiyum\u0026quot;,\u0026quot;Faiyum\u0026quot;],[\u0026quot;Gharbia\u0026quot;,\u0026quot;Gharbia\u0026quot;],[\u0026quot;Giza\u0026quot;,\u0026quot;Giza\u0026quot;],[\u0026quot;Helwan\u0026quot;,\u0026quot;Helwan\u0026quot;],[\u0026quot;Ismailia\u0026quot;,\u0026quot;Ismailia\u0026quot;],[\u0026quot;Kafr el-Sheikh\u0026quot;,\u0026quot;Kafr el-Sheikh\u0026quot;],[\u0026quot;Luxor\u0026quot;,\u0026quot;Luxor\u0026quot;],[\u0026quot;Matrouh\u0026quot;,\u0026quot;Matrouh\u0026quot;],[\u0026quot;Minya\u0026quot;,\u0026quot;Minya\u0026quot;],[\u0026quot;Monufia\u0026quot;,\u0026quot;Monufia\u0026quot;],[\u0026quot;New Valley\u0026quot;,\u0026quot;New Valley\u0026quot;],[\u0026quot;North Sinai\u0026quot;,\u0026quot;North Sinai\u0026quot;],[\u0026quot;Port Said\u0026quot;,\u0026quot;Port Said\u0026quot;],[\u0026quot;Qalyubia\u0026quot;,\u0026quot;Qalyubia\u0026quot;],[\u0026quot;Qena\u0026quot;,\u0026quot;Qena\u0026quot;],[\u0026quot;Red Sea\u0026quot;,\u0026quot;Red Sea\u0026quot;],[\u0026quot;Sohag\u0026quot;,\u0026quot;Sohag\u0026quot;],[\u0026quot;South Sinai\u0026quot;,\u0026quot;South Sinai\u0026quot;],[\u0026quot;Suez\u0026quot;,\u0026quot;Suez\u0026quot;]]\"\u003eEgypt\u003c\/option\u003e\n\u003coption value=\"El Salvador\" data-provinces=\"[[\u0026quot;Ahuachapán\u0026quot;,\u0026quot;Ahuachapán\u0026quot;],[\u0026quot;Cabañas\u0026quot;,\u0026quot;Cabañas\u0026quot;],[\u0026quot;Chalatenango\u0026quot;,\u0026quot;Chalatenango\u0026quot;],[\u0026quot;Cuscatlán\u0026quot;,\u0026quot;Cuscatlán\u0026quot;],[\u0026quot;La Libertad\u0026quot;,\u0026quot;La Libertad\u0026quot;],[\u0026quot;La Paz\u0026quot;,\u0026quot;La Paz\u0026quot;],[\u0026quot;La Unión\u0026quot;,\u0026quot;La Unión\u0026quot;],[\u0026quot;Morazán\u0026quot;,\u0026quot;Morazán\u0026quot;],[\u0026quot;San Miguel\u0026quot;,\u0026quot;San Miguel\u0026quot;],[\u0026quot;San Salvador\u0026quot;,\u0026quot;San Salvador\u0026quot;],[\u0026quot;San Vicente\u0026quot;,\u0026quot;San Vicente\u0026quot;],[\u0026quot;Santa Ana\u0026quot;,\u0026quot;Santa Ana\u0026quot;],[\u0026quot;Sonsonate\u0026quot;,\u0026quot;Sonsonate\u0026quot;],[\u0026quot;Usulután\u0026quot;,\u0026quot;Usulután\u0026quot;]]\"\u003eEl Salvador\u003c\/option\u003e\n\u003coption value=\"Equatorial Guinea\" data-provinces=\"[]\"\u003eEquatorial Guinea\u003c\/option\u003e\n\u003coption value=\"Eritrea\" data-provinces=\"[]\"\u003eEritrea\u003c\/option\u003e\n\u003coption value=\"Estonia\" data-provinces=\"[]\"\u003eEstonia\u003c\/option\u003e\n\u003coption value=\"Eswatini\" data-provinces=\"[]\"\u003eEswatini\u003c\/option\u003e\n\u003coption value=\"Ethiopia\" data-provinces=\"[]\"\u003eEthiopia\u003c\/option\u003e\n\u003coption value=\"Falkland Islands (Malvinas)\" data-provinces=\"[]\"\u003eFalkland Islands\u003c\/option\u003e\n\u003coption value=\"Faroe Islands\" data-provinces=\"[]\"\u003eFaroe Islands\u003c\/option\u003e\n\u003coption value=\"Fiji\" data-provinces=\"[]\"\u003eFiji\u003c\/option\u003e\n\u003coption value=\"Finland\" data-provinces=\"[]\"\u003eFinland\u003c\/option\u003e\n\u003coption value=\"France\" data-provinces=\"[]\"\u003eFrance\u003c\/option\u003e\n\u003coption value=\"French Guiana\" data-provinces=\"[]\"\u003eFrench Guiana\u003c\/option\u003e\n\u003coption value=\"French Polynesia\" data-provinces=\"[]\"\u003eFrench Polynesia\u003c\/option\u003e\n\u003coption value=\"French Southern Territories\" data-provinces=\"[]\"\u003eFrench Southern Territories\u003c\/option\u003e\n\u003coption value=\"Gabon\" data-provinces=\"[]\"\u003eGabon\u003c\/option\u003e\n\u003coption value=\"Gambia\" data-provinces=\"[]\"\u003eGambia\u003c\/option\u003e\n\u003coption value=\"Georgia\" data-provinces=\"[]\"\u003eGeorgia\u003c\/option\u003e\n\u003coption value=\"Germany\" data-provinces=\"[]\"\u003eGermany\u003c\/option\u003e\n\u003coption value=\"Ghana\" data-provinces=\"[]\"\u003eGhana\u003c\/option\u003e\n\u003coption value=\"Gibraltar\" data-provinces=\"[]\"\u003eGibraltar\u
416003c\/option\u003e\n\u003coption value=\"Greece\" data-provinces=\"[]\"\u003eGreece\u003c\/option\u003e\n\u003coption value=\"Greenland\" data-provinces=\"[]\"\u003eGreenland\u003c\/option\u003e\n\u003coption value=\"Grenada\" data-provinces=\"[]\"\u003eGrenada\u003c\/option\u003e\n\u003coption value=\"Guadeloupe\" data-provinces=\"[]\"\u003eGuadeloupe\u003c\/option\u003e\n\u003coption value=\"Guatemala\" data-provinces=\"[[\u0026quot;Alta Verapaz\u0026quot;,\u0026quot;Alta Verapaz\u0026quot;],[\u0026quot;Baja Verapaz\u0026quot;,\u0026quot;Baja Verapaz\u0026quot;],[\u0026quot;Chimaltenango\u0026quot;,\u0026quot;Chimaltenango\u0026quot;],[\u0026quot;Chiquimula\u0026quot;,\u0026quot;Chiquimula\u0026quot;],[\u0026quot;El Progreso\u0026quot;,\u0026quot;El Progreso\u0026quot;],[\u0026quot;Escuintla\u0026quot;,\u0026quot;Escuintla\u0026quot;],[\u0026quot;Guatemala\u0026quot;,\u0026quot;Guatemala\u0026quot;],[\u0026quot;Huehuetenango\u0026quot;,\u0026quot;Huehuetenango\u0026quot;],[\u0026quot;Izabal\u0026quot;,\u0026quot;Izabal\u0026quot;],[\u0026quot;Jalapa\u0026quot;,\u0026quot;Jalapa\u0026quot;],[\u0026quot;Jutiapa\u0026quot;,\u0026quot;Jutiapa\u0026quot;],[\u0026quot;Petén\u0026quot;,\u0026quot;Petén\u0026quot;],[\u0026quot;Quetzaltenango\u0026quot;,\u0026quot;Quetzaltenango\u0026quot;],[\u0026quot;Quiché\u0026quot;,\u0026quot;Quiché\u0026quot;],[\u0026quot;Retalhuleu\u0026quot;,\u0026quot;Retalhuleu\u0026quot;],[\u0026quot;Sacatepéquez\u0026quot;,\u0026quot;Sacatepéquez\u0026quot;],[\u0026quot;San Marcos\u0026quot;,\u0026quot;San Marcos\u0026quot;],[\u0026quot;Santa Rosa\u0026quot;,\u0026quot;Santa Rosa\u0026quot;],[\u0026quot;Sololá\u0026quot;,\u0026quot;Sololá\u0026quot;],[\u0026quot;Suchitepéquez\u0026quot;,\u0026quot;Suchitepéquez\u0026quot;],[\u0026quot;Totonicapán\u0026quot;,\u0026quot;Totonicapán\u0026quot;],[\u0026quot;Zacapa\u0026quot;,\u0026quot;Zacapa\u0026quot;]]\"\u003eGuatemala\u003c\/option\u003e\n\u003coption value=\"Guernsey\" data-provinces=\"[]\"\u003eGuernsey\u003c\/option\u003e\n\u003coption value=\"Guinea\" data-provinces=\"[]\"\u003eGuinea\u003c\/option\u003e\n\u003coption value=\"Guinea Bissau\" data-provinces=\"[]\"\u003eGuinea-Bissau\u003c\/option\u003e\n\u003coption value=\"Guyana\" data-provinces=\"[]\"\u003eGuyana\u003c\/option\u003e\n\u003coption value=\"Haiti\" data-provinces=\"[]\"\u003eHaiti\u003c\/option\u003e\n\u003coption value=\"Honduras\" data-provinces=\"[]\"\u003eHonduras\u003c\/option\u003e\n\u003coption value=\"Hong Kong\" data-provinces=\"[[\u0026quot;Hong Kong Island\u0026quot;,\u0026quot;Hong Kong Island\u0026quot;],[\u0026quot;Kowloon\u0026quot;,\u0026quot;Kowloon\u0026quot;],[\u0026quot;New Territories\u0026quot;,\u0026quot;New Territories\u0026quot;]]\"\u003eHong Kong SAR\u003c\/option\u003e\n\u003coption value=\"Hungary\" data-provinces=\"[]\"\u003eHungary\u003c\/option\u003e\n\u003coption value=\"Iceland\" data-provinces=\"[]\"\u003eIceland\u003c\/option\u003e\n\u003coption value=\"India\" data-provinces=\"[[\u0026quot;Andaman and Nicobar Islands\u0026quot;,\u0026quot;Andaman and Nicobar Islands\u0026quot;],[\u0026quot;Andhra Pradesh\u0026quot;,\u0026quot;Andhra Pradesh\u0026quot;],[\u0026quot;Arunachal Pradesh\u0026quot;,\u0026quot;Arunachal Pradesh\u0026quot;],[\u0026quot;Assam\u0026quot;,\u0026quot;Assam\u0026quot;],[\u0026quot;Bihar\u0026quot;,\u0026quot;Bihar\u0026quot;],[\u0026quot;Chandigarh\u0026quot;,\u0026quot;Chandigarh\u0026quot;],[\u0026quot;Chhattisgarh\u0026quot;,\u0026quot;Chhattisgarh\u0026quot;],[\u0026quot;Dadra and Nagar Haveli\u0026quot;,\u0026quot;Dadra and Nagar Haveli\u0026quot;],[\u0026quot;Daman and Diu\u0026quot;,\u0026quot;Daman and Diu\u0026quot;],[\u0026quot;Delhi\u0026quot;,\u0026quot;Delhi\u0026quot;],[\u0026quot;Goa\u0026quot;,\u0026quot;Goa\u0026quot;],[\u0026quot;Gujarat\u0026quot;,\u0026quot;Gujarat\u0026quot;],[\u0026quot;Haryana\u0026quot;,\u0026quot;Haryana\u0026quot;],[\u0026quot;Himachal Pradesh\u0026quot;,\u0026quot;Himachal Pradesh\u0026quot;],[\u0026quot;Jammu and Kashmir\u0026quot;,\u0026quot;Jammu and Kashmir\u0026quot;],[\u0026quot;Jharkhand\u0026quot;,\u0026quot;Jharkhand\u0026quot;],[\u0026quot;Karnataka\u0026quot;,\u0026quot;Karnataka\u0026quot;],[\u0026quot;Kerala\u0026quot;,\u0026quot;Kerala\u0026quot;],[\u0026quot;Ladakh\u0026quot;,\u0026quot;Ladakh\u0026quot;],[\u0026quot;Lakshadweep\u0026quot;,\u0026quot;Lakshadweep\u0026quot;],[\u0026quot;Madhya Pradesh\u0026quot;,\u0026quot;Madhya Pradesh\u0026quot;],[\u0026quot;Maharashtra\u0026quot;,\u0026quot;Maharashtra\u0026quot;],[\u0026quot;Manipur\u0026quot;,\u0026quot;Manipur\u0026quot;],[\u0026quot;Meghalaya\u0026quot;,\u0026quot;Meghalaya\u0026quot;],[\u0026quot;Mizoram\u0026quot;,\u0026quot;Mizoram\u0026quot;],[\u0026quot;Nagaland\u0026quot;,\u0026quot;Nagaland\u0026quot;],[\u0026quot;Odisha\u0026quot;,\u0026quot;Odisha\u0026quot;],[\u0026quot;Puducherry\u0026quot;,\u0026quot;Puducherry\u0026quot;],[\u0026quot;Punjab\u0026quot;,\u0026quot;Punjab\u0026quot;],[\u0026quot;Rajasthan\u0026quot;,\u0026quot;Rajasthan\u0026quot;],[\u0026quot;Sikkim\u0026quot;,\u0026quot;Sikkim\u0026quot;],[\u0026quot;Tamil Nadu\u0026quot;,\u0026quot;Tamil Nadu\u0026quot;],[\u0026quot;Telangana\u0026quot;,\u0026quot;Telangana\u0026quot;],[\u0026quot;Tripura\u0026quot;,\u0026quot;Tripura\u0026quot;],[\u0026quot;Uttar Pradesh\u0026quot;,\u0026quot;Uttar Pradesh\u0026quot;],[\u0026quot;Uttarakhand\u0026quot;,\u0026quot;Uttarakhand\u0026quot;],[\u0026quot;West Bengal\u0026quot;,\u0026quot;West Bengal\u0026quot;]]\"\u003eIndia\u003c\/option\u003e\n\u003coption value=\"Indonesia\" data-provinces=\"[[\u0026quot;Aceh\u0026quot;,\u0026quot;Aceh\u0026quot;],[\u0026quot;Bali\u0026quot;,\u0026quot;Bali\u0026quot;],[\u0026quot;Bangka Belitung\u0026quot;,\u0026quot;BangkaâBelitung Islands\u0026quot;],[\u0026quot;Banten\u0026quot;,\u0026quot;Banten\u0026quot;],[\u0026quot;Bengkulu\u0026quot;,\u0026quot;Bengkulu\u0026quot;],[\u0026quot;Gorontalo\u0026quot;,\u0026quot;Gorontalo\u0026quot;],[\u0026quot;Jakarta\u0026quot;,\u0026quot;Jakarta\u0026quot;],[\u0026quot;Jambi\u0026quot;,\u0026quot;Jambi\u0026quot;],[\u0026quot;Jawa Barat\u0026quot;,\u0026quot;West Java\u0026quot;],[\u0026quot;Jawa Tengah\u0026quot;,\u0026quot;Central Java\u0026quot;],[\u0026quot;Jawa Timur\u0026quot;,\u0026quot;East Java\u0026quot;],[\u0026quot;Kalimantan Barat\u0026quot;,\u0026quot;West Kalimantan\u0026quot;],[\u0026quot;Kalimantan Selatan\u0026quot;,\u0026quot;South Kalimantan\u0026quot;],[\u0026quot;Kalimantan Tengah\u0026quot;,\u0026quot;Central Kalimantan\u0026quot;],[\u0026quot;Kalimantan Timur\u0026quot;,\u0026quot;East Kalimantan\u0026quot;],[\u0026quot;Kalimantan Utara\u0026quot;,\u0026quot;North Kalimantan\u0026quot;],[\u0026quot;Kepulauan Riau\u0026quot;,\u0026quot;Riau Islands\u0026quot;],[\u0026quot;
416Lampung\u0026quot;,\u0026quot;Lampung\u0026quot;],[\u0026quot;Maluku\u0026quot;,\u0026quot;Maluku\u0026quot;],[\u0026quot;Maluku Utara\u0026quot;,\u0026quot;North Maluku\u0026quot;],[\u0026quot;North Sumatra\u0026quot;,\u0026quot;North Sumatra\u0026quot;],[\u0026quot;Nusa Tenggara Barat\u0026quot;,\u0026quot;West Nusa Tenggara\u0026quot;],[\u0026quot;Nusa Tenggara Timur\u0026quot;,\u0026quot;East Nusa Tenggara\u0026quot;],[\u0026quot;Papua\u0026quot;,\u0026quot;Papua\u0026quot;],[\u0026quot;Papua Barat\u0026quot;,\u0026quot;West Papua\u0026quot;],[\u0026quot;Riau\u0026quot;,\u0026quot;Riau\u0026quot;],[\u0026quot;South Sumatra\u0026quot;,\u0026quot;South Sumatra\u0026quot;],[\u0026quot;Sulawesi Barat\u0026quot;,\u0026quot;West Sulawesi\u0026quot;],[\u0026quot;Sulawesi Selatan\u0026quot;,\u0026quot;South Sulawesi\u0026quot;],[\u0026quot;Sulawesi Tengah\u0026quot;,\u0026quot;Central Sulawesi\u0026quot;],[\u0026quot;Sulawesi Tenggara\u0026quot;,\u0026quot;Southeast Sulawesi\u0026quot;],[\u0026quot;Sulawesi Utara\u0026quot;,\u0026quot;North Sulawesi\u0026quot;],[\u0026quot;West Sumatra\u0026quot;,\u0026quot;West Sumatra\u0026quot;],[\u0026quot;Yogyakarta\u0026quot;,\u0026quot;Yogyakarta\u0026quot;]]\"\u003eIndonesia\u003c\/option\u003e\n\u003coption value=\"Iraq\" data-provinces=\"[]\"\u003eIraq\u003c\/option\u003e\n\u003coption value=\"Ireland\" data-provinces=\"[[\u0026quot;Carlow\u0026quot;,\u0026quot;Carlow\u0026quot;],[\u0026quot;Cavan\u0026quot;,\u0026quot;Cavan\u0026quot;],[\u0026quot;Clare\u0026quot;,\u0026quot;Clare\u0026quot;],[\u0026quot;Cork\u0026quot;,\u0026quot;Cork\u0026quot;],[\u0026quot;Donegal\u0026quot;,\u0026quot;Donegal\u0026quot;],[\u0026quot;Dublin\u0026quot;,\u0026quot;Dublin\u0026quot;],[\u0026quot;Galway\u0026quot;,\u0026quot;Galway\u0026quot;],[\u0026quot;Kerry\u0026quot;,\u0026quot;Kerry\u0026quot;],[\u0026quot;Kildare\u0026quot;,\u0026quot;Kildare\u0026quot;],[\u0026quot;Kilkenny\u0026quot;,\u0026quot;Kilkenny\u0026quot;],[\u0026quot;Laois\u0026quot;,\u0026quot;Laois\u0026quot;],[\u0026quot;Leitrim\u0026quot;,\u0026quot;Leitrim\u0026quot;],[\u0026quot;Limerick\u0026quot;,\u0026quot;Limerick\u0026quot;],[\u0026quot;Longford\u0026quot;,\u0026quot;Longford\u0026quot;],[\u0026quot;Louth\u0026quot;,\u0026quot;Louth\u0026quot;],[\u0026quot;Mayo\u0026quot;,\u0026quot;Mayo\u0026quot;],[\u0026quot;Meath\u0026quot;,\u0026quot;Meath\u0026quot;],[\u0026quot;Monaghan\u0026quot;,\u0026quot;Monaghan\u0026quot;],[\u0026quot;Offaly\u0026quot;,\u0026quot;Offaly\u0026quot;],[\u0026quot;Roscommon\u0026quot;,\u0026quot;Roscommon\u0026quot;],[\u0026quot;Sligo\u0026quot;,\u0026quot;Sligo\u0026quot;],[\u0026quot;Tipperary\u0026quot;,\u0026quot;Tipperary\u0026quot;],[\u0026quot;Waterford\u0026quot;,\u0026quot;Waterford\u0026quot;],[\u0026quot;Westmeath\u0026quot;,\u0026quot;Westmeath\u0026quot;],[\u0026quot;Wexford\u0026quot;,\u0026quot;Wexford\u0026quot;],[\u0026quot;Wicklow\u0026quot;,\u0026quot;Wicklow\u0026quot;]]\"\u003eIreland\u003c\/option\u003e\n\u003coption value=\"Isle Of Man\" data-provinces=\"[]\"\u003eIsle of Man\u003c\/option\u003e\n\u003coption value=\"Israel\" data-provinces=\"[]\"\u003eIsrael\u003c\/option\u003e\n\u003coption value=\"Italy\" data-provinces=\"[[\u0026quot;Agrigento\u0026quot;,\u0026quot;Agrigento\u0026quot;],[\u0026quot;Alessandria\u0026quot;,\u0026quot;Alessandria\u0026quot;],[\u0026quot;Ancona\u0026quot;,\u0026quot;Ancona\u0026quot;],[\u0026quot;Aosta\u0026quot;,\u0026quot;Aosta Valley\u0026quot;],[\u0026quot;Arezzo\u0026quot;,\u0026quot;Arezzo\u0026quot;],[\u0026quot;Ascoli Piceno\u0026quot;,\u0026quot;Ascoli Piceno\u0026quot;],[\u0026quot;Asti\u0026quot;,\u0026quot;Asti\u0026quot;],[\u0026quot;Avellino\u0026quot;,\u0026quot;Avellino\u0026quot;],[\u0026quot;Bari\u0026quot;,\u0026quot;Bari\u0026quot;],[\u0026quot;Barletta-Andria-Trani\u0026quot;,\u0026quot;Barletta-Andria-Trani\u0026quot;],[\u0026quot;Belluno\u0026quot;,\u0026quot;Belluno\u0026quot;],[\u0026quot;Benevento\u0026quot;,\u0026quot;Benevento\u0026quot;],[\u0026quot;Bergamo\u0026quot;,\u0026quot;Bergamo\u0026quot;],[\u0026quot;Biella\u0026quot;,\u0026quot;Biella\u0026quot;],[\u0026quot;Bologna\u0026quot;,\u0026quot;Bologna\u0026quot;],[\u0026quot;Bolzano\u0026quot;,\u0026quot;South Tyrol\u0026quot;],[\u0026quot;Brescia\u0026quot;,\u0026quot;Brescia\u0026quot;],[\u0026quot;Brindisi\u0026quot;,\u0026quot;Brindisi\u0026quot;],[\u0026quot;Cagliari\u0026quot;,\u0026quot;Cagliari\u0026quot;],[\u0026quot;Caltanissetta\u0026quot;,\u0026quot;Caltanissetta\u0026quot;],[\u0026quot;Campobasso\u0026quot;,\u0026quot;Campobasso\u0026quot;],[\u0026quot;Caserta\u0026quot;,\u0026quot;Caserta\u0026quot;],[\u0026quot;Catania\u0026quot;,\u0026quot;Catania\u0026quot;],[\u0026quot;Catanzaro\u0026quot;,\u0026quot;Catanzaro\u0026quot;],[\u0026quot;Chieti\u0026quot;,\u0026quot;Chieti\u0026quot;],[\u0026quot;Como\u0026quot;,\u0026quot;Como\u0026quot;],[\u0026quot;Cosenza\u0026quot;,\u0026quot;Cosenza\u0026quot;],[\u0026quot;Cremona\u0026quot;,\u0026quot;Cremona\u0026quot;],[\u0026quot;Crotone\u0026quot;,\u0026quot;Crotone\u0026quot;],[\u0026quot;Cuneo\u0026quot;,\u0026quot;Cuneo\u0026quot;],[\u0026quot;Enna\u0026quot;,\u0026quot;Enna\u0026quot;],[\u0026quot;Fermo\u0026quot;,\u0026quot;Fermo\u0026quot;],[\u0026quot;Ferrara\u0026quot;,\u0026quot;Ferrara\u0026quot;],[\u0026quot;Firenze\u0026quot;,\u0026quot;Florence\u0026quot;],[\u0026quot;Foggia\u0026quot;,\u0026quot;Foggia\u0026quot;],[\u0026quot;Forlì-Cesena\u0026quot;,\u0026quot;Forlì-Cesena\u0026quot;],[\u0026quot;Frosinone\u0026quot;,\u0026quot;Frosinone\u0026quot;],[\u0026quot;Gallura Nord-Est Sardegna\u0026quot;,\u0026quot;Gallura Nord-Est Sardegna\u0026quot;],[\u0026quot;Genova\u0026quot;,\u0026quot;Genoa\u0026quot;],[\u0026quot;Gorizia\u0026quot;,\u0026quot;Gorizia\u0026quot;],[\u0026quot;Grosseto\u0026quot;,\u0026quot;Grosseto\u0026quot;],[\u0026quot;Imperia\u0026quot;,\u0026quot;Imperia\u0026quot;],[\u0026quot;Isernia\u0026quot;,\u0026quot;Isernia\u0026quot;],[\u0026quot;L\u0026#39;Aquila\u0026quot;,\u0026quot;LâAquila\u0026quot;],[\u0026quot;La Spezia\u0026quot;,\u0026quot;La Spezia\u0026quot;],[\u0026quot;Latina\u0026quot;,\u0026quot;Latina\u0026quot;],[\u0026quot;Lecce\u0026quot;,\u0026quot;Lecce\u0026quot;],[\u0026quot;Lecco\u0026quot;,\u0026quot;Lecco\u0026quot;],[\u0026quot;Livorno\u0026quot;,\u0026quot;Livorno\u0026quot;],[\u0026quot;Lodi\u0026quot;,\u0026quot;Lodi\u0026quot;],[\u0026quot;Lucca\u0026quot;,\u0026quot;Lucca\u0026quot;],[\u0026quot;Macerata\u0026quot;,\u0026quot;Macerata\u0026quot;],[\u0026quot;Mantova\u0026quot;,\u0026quot;Mantua\u0026quot;],[\u0026quot;Massa-Carrara\u0026quot;,\u0026quot;Massa and Carrara\u0026quot;],[\u0026quot;Matera\u0026quot;,\u0026quot;Matera\u0026quot;],[\u0026quot;Medio Campidano\u0026quot;,\u0026quot;Medio Campidano\u0026quot;],[\u0026quot;Messina\u0026quot;,\u0026quot;Messina\u0026quot;],[\u0026quot;Milano\u0026quot;,\u0026quot;Milan\u0026quot;],[\u0026quot;Modena\u0026quot;,\u0026quot;Modena\u0026quot;],[\u0026quot;Monza e Brianza\u0026quot;,\u0026quot;Monza and Brianza\u0026quot;],[\u0026quot;Napoli\u0026quot;,\u0026quot;Naples\u0026quot;],[\u0026quot;Novara\u0026quot;,\u0026quot;Novara\u0026quot;],[\u0026quot;Nuoro\u0026quot;,\u0026quot;Nuoro\u0026quot;],[\u0026quot;Ogliastra\u0026quot;,\u0026quot;Ogliastra\u0026quot;],[\u0026quot;Oristano\u0026quot;,\u0026quot;Oristano\u0026quot;],[\u0026quot;Padova\u0026quot;,\u0026quot;Padua\u0026quot;],[\u0026quot;Palermo\u0026quot;,\u0026quot;Palermo\u0026quot;],[\u0026quot;Parma\u0026quot;,\u0026quot;Parma\u0026quot;],[\u0026quot;Pavia\u0026quot;,\u0026quot;Pavia\u0026quot;],[\u0026quot;Perugia\u0026quot;,\u0026quot;Perugia\u0026quot;],[\u0026quot;Pesaro e Urbino\u0026quot;,\u0026quot;Pesaro and Urbino\u0026quot;],[\u0026quot;Pescara\u0026quot;,\u0026quot;Pescara\u0026quot;],[\u0026quot;Piacenza\u0026quot;,\u0026quot;Piacenza\u0026quot;],[\u0026quot;Pisa\u0026quot;,\u0026quot;Pisa\u0026quot;],[\u0026quot;Pistoia\u0026quot;,\u0026quot;Pistoia\u0026quot;],[\u0026quot;Pordenone\u0026quot;,\u0026quot;Pordenone\u0026quot;],[\u0026quot;Potenza\u0026quot;,\u0026quot;Potenza\u0026quot;],[\u0026quot;Prato\u0026quot;,\u0026quot;Prato\u0026quot;],[\u0026quot;Ragusa\u0026quot;,\u0026quot;Ragusa\u0026quot;],[\u0026quot;Ravenna\u0026quot;,\u0026quot;Ravenna\u0026quot;],[\u0026quot;Reggio Calabria\u0026quot;,\u0026quot;Reggio Calabria\u0026quot;],[\u0026quot;Reggio Emilia\u0026quot;,\u0026quot;Reggio Emilia\u0026quot;],[\u0026quot;Rieti\u0026quot;,\u0026quot;Rieti\u0026quot;],[\u0026quot;Rimini\u0026quot;,\u0026quot;Rimini\u0026quot;],[\u0026quot;Roma\u0026quot;,\u0026quot;Rome\u0026quot;],[\u0026quot;Rovigo\u0026quot;,\u0026quot;Rovigo\u0026quot;],[\u0026quot;Salerno\u0026quot;,\u0026quot;Salerno\u0026quot;],[\u0026quot;Sassari\u0026quot;,\u0026quot;Sassari\u0026quot;],[\u0026quot;Savona\u0026quot;,\u0026quot;Savona\u0026quot;],[\u0026quot;Siena\u0026quot;,\u0026quot;Siena\u0026quot;],[\u0026quot;Siracusa\u0026quot;,\u0026quot;Syracuse\u0026quot;],[\u0026quot;Sondrio\u0026quot;,\u0026quot;Sondrio\u0026quot;],[\u0026quot;Sulcis Iglesiente\u0026quot;,\u0026quot;Sulcis Iglesiente\u0026quot;],[\u0026quot;Taranto\u0026quot;,\u0026quot;Taranto\u0026quot;],[\u0026quot;Teramo\u0026quot;,\u0026quot;Teramo\u0026quot;],[\u0026quot;Terni\u0026quot;,\u0026quot;Terni\u0026quot;],[\u0026quot;Torino\u0026quot;,\u0026quot;Turin\u0026quot;],[\u0026quot;Trapani\u0026quot;,\u0026quot;Trapani\u0026quot;],[\u0026quot;Trento\u0026quot;,\u0026quot;Trentino\u0026quot;],[\u0026quot;Treviso\u0026quot;,\u0026quot;Treviso\u0026quot;],[\u0026quot;Trieste\u0026quot;,\u0026quot;Trieste\u0026quot;],[\u0026quot;Udine\u0026quot;,\u0026quot;Udine\u0026quot;],[\u0026quot;Varese\u0026quot;,\u0026quot;Varese\u0026quot;],[\u0026quot;Venezia\u0026quot;,\u0026quot;Venice\u0026quot;],[\u0026quot;Verbano-Cusio-Ossola\u0026quot;,\u0026quot;Verbano-Cusio-Ossola\u0026quot;],[\u0026quot;Vercelli\u0026quot;,\u0026quot;Vercelli\u0026quot;],[\u0026quot;Verona\u0026quot;,\u0026quot;Verona\u0026quot;],[\u0026quot;Vibo Valentia\u0026quot;,\u0026quot;Vibo Valentia\u0026quot;],[\u0026quot;Vicenza\u0026quot;,\u0026quot;Vicenza\u0026quot;],[\u0026quot;Viterbo\u0026quot;,\u0026quot;Viterbo\u0026quot;]]\"\u003eItaly\u003c\/option\u003e\n\u003coption value=\"Jamaica\" data-provinces=\"[]\"\u003eJamaica\u003c\/option\u003e\n\u003coption value=\"Japan\" data-provinces=\"[[\u0026quot;Aichi\u0026quot;,\u0026quot;Aichi\u0026quot;],[\u0026quot;Akita\u0026quot;,\u0026quot;Akita\u0026quot;],[\u0026quot;Aomori\u0026quot;,\u0026quot;Aomori\u0026quot;],[\u0026quot;Chiba\u0026quot;,\u0026quot;Chiba\u0026quot;],[\u0026quot;Ehime\u0026quot;,\u0026quot;Ehime\u0026quot;],[\u0026quot;Fukui\u0026quot;,\u0026quot;Fukui\u0026quot;],[\u0026quot;Fukuoka\u0026quot;,\u0026quot;Fukuoka\u0026quot;],[\u0026quot;Fukushima\u0026quot;,\u0026quot;Fukushima\u0026quot;],[\u0026quot;Gifu\u0026quot;,\u0026quot;Gifu\u0026quot;],[\u0026quot;Gunma\u0026quot;,\u0026quot;Gunma\u0026quot;],[\u0026quot;Hiroshima\u0026quot;,\u0026quot;Hiroshima\u0026quot;],[\u0026quot;HokkaidÅ\u0026quot;,\u0026quot;Hokkaido\u0026quot;],[\u0026quot;HyÅgo\u0026quot;,\u0026quot;Hyogo\u0026quot;],[\u0026quot;Ibaraki\u0026quot;,\u0026quot;Ibaraki\u0026quot;],[\u0026quot;Ishikawa\u0026quot;,\u0026quot;Ishikawa\u0026quot;],[\u0026quot;Iwate\u0026quot;,\u0026quot;Iwate\u0026quot;],[\u0026quot;Kagawa\u0026quot;,\u0026quot;Kagawa\u0026quot;],[\u0026quot;Kagoshima\u0026quot;,\u0026quot;Kagoshima\u0026quot;],[\u0026quot;Kanagawa\u0026quot;,\u0026quot;Kanagawa\u0026quot;],[\u0026quot;Kumamoto\u0026quot;,\u0026quot;Kumamoto\u0026quot;],[\u0026quot;KyÅto\u0026quot;,\u0026quot;Kyoto\u0026quot;],[\u0026quot;KÅchi\u0026quot;,\u0026quot;Kochi\u0026quot;],[\u0026quot;Mie\u0026quot;,\u0026quot;Mie\u0026quot;],[\u0026quot;Miyagi\u0026quot;,\u0026quot;Miyagi\u0026quot;],[\u0026quot;Miyazaki\u0026quot;,\u0026quot;Miyazaki\u0026quot;],[\u0026quot;Nagano\u0026quot;,\u0026quot;Nagano\u0026quot;],[\u0026quot;Nagasaki\u0026quot;,\u0026quot;Nagasaki\u0026quot;],[\u0026quot;Nara\u0026quot;,\u0026quot;Nara\u0026quot;],[\u0026quot;Niigata\u0026quot;,\u0026quot;Niigata\u0026quot;],[\u0026quot;Okayama\u0026quot;,\u0026quot;Okayama\u0026quot;],[\u0026quot;Okinawa\u0026quot;,\u0026quot;Okinawa\u0026quot;],[\u0026quot;Saga\u0026quot;,\u0026quot;Saga\u0026quot;],[\u0026quot;Saitama\u0026quot;,\u0026quot;Saitama\u0026quot;],[\u0026quot;Shiga\u0026quot;,\u0026quot;Shiga\u0026quot;],[\u0026quot;Shimane\u0026quot;,\u0026quot;Shimane\u0026quot;],[\u0026quot;Shizuoka\u0026quot;,\u0026quot;Shizuoka\u0026quot;],[\u0026quot;Tochigi\u0026quot;,\u0026quot;Tochigi\u0026quot;],[\u0026quot;Tokushima\u0026quot;,\u0026quot;Tokushima\u0026quot;],[\u0026quot;Tottori\u0026quot;,\u0026quot;Tottori\u0026quot;],[\u0026quot;Toyama\u0026quot;,\u0026quot;Toyama\u0026quot;],[\u0026quot;TÅkyÅ\u0026quot;,\u0026quot;Tokyo\u0026quot;],[\u0026quot;Wakayama\u0026quot;,\u0026quot;Wakayama\u0026quot;],[\u0026quot;Yamagata\u0026quot;,\u0026quot;Yamagata\u0026quot;],[\u0026quot;Yamaguchi\u0026quot;,\u0026quot;Yamaguchi\u0026quot;],[\u0026quot;Yamanashi\u0026quot;,\u0026quot;Yamanashi\u0026quot;],[\u0026quot;Åita\u0026quot;,\u0026quot;Oita\u0026quot;],[\u0026quot;Åsaka\u0026quot;,\u0026quot;Osaka\u0026quot;
416]]\"\u003eJapan\u003c\/option\u003e\n\u003coption value=\"Jersey\" data-provinces=\"[]\"\u003eJersey\u003c\/option\u003e\n\u003coption value=\"Jordan\" data-provinces=\"[]\"\u003eJordan\u003c\/option\u003e\n\u003coption value=\"Kazakhstan\" data-provinces=\"[]\"\u003eKazakhstan\u003c\/option\u003e\n\u003coption value=\"Kenya\" data-provinces=\"[]\"\u003eKenya\u003c\/option\u003e\n\u003coption value=\"Kiribati\" data-provinces=\"[]\"\u003eKiribati\u003c\/option\u003e\n\u003coption value=\"Kosovo\" data-provinces=\"[]\"\u003eKosovo\u003c\/option\u003e\n\u003coption value=\"Kuwait\" data-provinces=\"[[\u0026quot;Al Ahmadi\u0026quot;,\u0026quot;Al Ahmadi\u0026quot;],[\u0026quot;Al Asimah\u0026quot;,\u0026quot;Al Asimah\u0026quot;],[\u0026quot;Al Farwaniyah\u0026quot;,\u0026quot;Al Farwaniyah\u0026quot;],[\u0026quot;Al Jahra\u0026quot;,\u0026quot;Al Jahra\u0026quot;],[\u0026quot;Hawalli\u0026quot;,\u0026quot;Hawalli\u0026quot;],[\u0026quot;Mubarak Al-Kabeer\u0026quot;,\u0026quot;Mubarak Al-Kabeer\u0026quot;]]\"\u003eKuwait\u003c\/option\u003e\n\u003coption value=\"Kyrgyzstan\" data-provinces=\"[]\"\u003eKyrgyzstan\u003c\/option\u003e\n\u003coption value=\"Lao People's Democratic Republic\" data-provinces=\"[]\"\u003eLaos\u003c\/option\u003e\n\u003coption value=\"Latvia\" data-provinces=\"[]\"\u003eLatvia\u003c\/option\u003e\n\u003coption value=\"Lebanon\" data-provinces=\"[]\"\u003eLebanon\u003c\/option\u003e\n\u003coption value=\"Lesotho\" data-provinces=\"[]\"\u003eLesotho\u003c\/option\u003e\n\u003coption value=\"Liberia\" data-provinces=\"[]\"\u003eLiberia\u003c\/option\u003e\n\u003coption value=\"Libyan Arab Jamahiriya\" data-provinces=\"[]\"\u003eLibya\u003c\/option\u003e\n\u003coption value=\"Liechtenstein\" data-provinces=\"[]\"\u003eLiechtenstein\u003c\/option\u003e\n\u003coption value=\"Lithuania\" data-provinces=\"[]\"\u003eLithuania\u003c\/option\u003e\n\u003coption value=\"Luxembourg\" data-provinces=\"[]\"\u003eLuxembourg\u003c\/option\u003e\n\u003coption value=\"Macao\" data-provinces=\"[]\"\u003eMacao SAR\u003c\/option\u003e\n\u003coption value=\"Madagascar\" data-provinces=\"[]\"\u003eMadagascar\u003c\/option\u003e\n\u003coption value=\"Malawi\" data-provinces=\"[]\"\u003eMalawi\u003c\/option\u003e\n\u003coption value=\"Malaysia\" data-provinces=\"[[\u0026quot;Johor\u0026quot;,\u0026quot;Johor\u0026quot;],[\u0026quot;Kedah\u0026quot;,\u0026quot;Kedah\u0026quot;],[\u0026quot;Kelantan\u0026quot;,\u0026quot;Kelantan\u0026quot;],[\u0026quot;Kuala Lumpur\u0026quot;,\u0026quot;Kuala Lumpur\u0026quot;],[\u0026quot;Labuan\u0026quot;,\u0026quot;Labuan\u0026quot;],[\u0026quot;Melaka\u0026quot;,\u0026quot;Malacca\u0026quot;],[\u0026quot;Negeri Sembilan\u0026quot;,\u0026quot;Negeri Sembilan\u0026quot;],[\u0026quot;Pahang\u0026quot;,\u0026quot;Pahang\u0026quot;],[\u0026quot;Penang\u0026quot;,\u0026quot;Penang\u0026quot;],[\u0026quot;Perak\u0026quot;,\u0026quot;Perak\u0026quot;],[\u0026quot;Perlis\u0026quot;,\u0026quot;Perlis\u0026quot;],[\u0026quot;Putrajaya\u0026quot;,\u0026quot;Putrajaya\u0026quot;],[\u0026quot;Sabah\u0026quot;,\u0026quot;Sabah\u0026quot;],[\u0026quot;Sarawak\u0026quot;,\u0026quot;Sarawak\u0026quot;],[\u0026quot;Selangor\u0026quot;,\u0026quot;Selangor\u0026quot;],[\u0026quot;Terengganu\u0026quot;,\u0026quot;Terengganu\u0026quot;]]\"\u003eMalaysia\u003c\/option\u003e\n\u003coption value=\"Maldives\" data-provinces=\"[]\"\u003eMaldives\u003c\/option\u003e\n\u003coption value=\"Mali\" data-provinces=\"[]\"\u003eMali\u003c\/option\u003e\n\u003coption value=\"Malta\" data-provinces=\"[]\"\u003eMalta\u003c\/option\u003e\n\u003coption value=\"Martinique\" data-provinces=\"[]\"\u003eMartinique\u003c\/option\u003e\n\u003coption value=\"Mauritania\" data-provinces=\"[]\"\u003eMauritania\u003c\/option\u003e\n\u003coption value=\"Mauritius\" data-provinces=\"[]\"\u003eMauritius\u003c\/option\u003e\n\u003coption value=\"Mayotte\" data-provinces=\"[]\"\u003eMayotte\u003c\/option\u003e\n\u003coption value=\"Mexico\" data-provinces=\"[[\u0026quot;Aguascalientes\u0026quot;,\u0026quot;Aguascalientes\u0026quot;],[\u0026quot;Baja California\u0026quot;,\u0026quot;Baja California\u0026quot;],[\u0026quot;Baja California Sur\u0026quot;,\u0026quot;Baja California Sur\u0026quot;],[\u0026quot;Campeche\u0026quot;,\u0026quot;Campeche\u0026quot;],[\u0026quot;Chiapas\u0026quot;,\u0026quot;Chiapas\u0026quot;],[\u0026quot;Chihuahua\u0026quot;,\u0026quot;Chihuahua\u0026quot;],[\u0026quot;Ciudad de México\u0026quot;,\u0026quot;Ciudad de Mexico\u0026quot;],[\u0026quot;Coahuila\u0026quot;,\u0026quot;Coahuila\u0026quot;],[\u0026quot;Colima\u0026quot;,\u0026quot;Colima\u0026quot;],[\u0026quot;Durango\u0026quot;,\u0026quot;Durango\u0026quot;],[\u0026quot;Guanajuato\u0026quot;,\u0026quot;Guanajuato\u0026quot;],[\u0026quot;Guerrero\u0026quot;,\u0026quot;Guerrero\u0026quot;],[\u0026quot;Hidalgo\u0026quot;,\u0026quot;Hidalgo\u0026quot;],[\u0026quot;Jalisco\u0026quot;,\u0026quot;Jalisco\u0026quot;],[\u0026quot;Michoacán\u0026quot;,\u0026quot;Michoacán\u0026quot;],[\u0026quot;Morelos\u0026quot;,\u0026quot;Morelos\u0026quot;],[\u0026quot;México\u0026quot;,\u0026quot;Mexico State\u0026quot;],[\u0026quot;Nayarit\u0026quot;,\u0026quot;Nayarit\u0026quot;],[\u0026quot;Nuevo León\u0026quot;,\u0026quot;Nuevo León\u0026quot;],[\u0026quot;Oaxaca\u0026quot;,\u0026quot;Oaxaca\u0026quot;],[\u0026quot;Puebla\u0026quot;,\u0026quot;Puebla\u0026quot;],[\u0026quot;Querétaro\u0026quot;,\u0026quot;Querétaro\u0026quot;],[\u0026quot;Quintana Roo\u0026quot;,\u0026quot;Quintana Roo\u0026quot;],[\u0026quot;San Luis PotosÃ\u0026quot;,\u0026quot;San Luis PotosÃ\u0026quot;],[\u0026quot;Sinaloa\u0026quot;,\u0026quot;Sinaloa\u0026quot;],[\u0026quot;Sonora\u0026quot;,\u0026quot;Sonora\u0026quot;],[\u0026quot;Tabasco\u0026quot;,\u0026quot;Tabasco\u0026quot;],[\u0026quot;Tamaulipas\u0026quot;,\u0026quot;Tamaulipas\u0026quot;],[\u0026quot;Tlaxcala\u0026quot;,\u0026quot;Tlaxcala\u0026quot;],[\u0026quot;Veracruz\u0026quot;,\u0026quot;Veracruz\u0026quot;],[\u0026quot;Yucatán\u0026quot;,\u0026quot;Yucatán\u0026quot;],[\u0026quot;Zacatecas\u0026quot;,\u0026quot;Zacatecas\u0026quot;]]\"\u003eMexico\u003c\/option\u003e\n\u003coption value=\"Moldova, Republic of\" data-provinces=\"[]\"\u003eMoldova\u003c\/option\u003e\n\u003coption value=\"Monaco\" data-provinces=\"[]\"\u003eMonaco\u003c\/option\u003e\n\u003coption value=\"Mongolia\" data-provinces=\"[]\"\u003eMongolia\u003c\/option\u003e\n\u003coption value=\"Montenegro\" data-provinces=\"[]\"\u003eMontenegro\u003c\/option\u003e\n\u003coption value=\"Montserrat\" data-provinces=\"[]\"\u003eMontserrat\u003c\/option\u003e\n\u003coption value=\"Morocco\" data-provinces=\"[]\"\u003eMorocco\u003c\/option\u003e\n\u003coption value=\"Mozambique\" data-provinces=\"[]\"\u003eMozambique\u003c\/option\u003e\n\u003coption value=\"Myanmar\" data-provinces=\"[]\"\u003eMyanmar (Burma)\u003c\/option\u003e\n\u003coption value=\"Namibia\" data-provinces=\"[]\"\u003eNamibia\u003c\/option\u003e\n\u003coption value=\"Nauru\" data-provinces=\"[]\"\u003eNauru\u003c\/option\u003e\n\u003coption value=\"Nepal\" data-provinces=\"[]\"\u003eNepal\u003c\/option\u003e\n\u003coption value=\"Netherlands\" data-provinces=\"[]\"\u003eNetherlands\u003c\/option\u003e\n\u003coption value=\"New Caledonia\" data-provinces=\"[]\"\u003eNew Caledonia\u003c\/option\u003e\n\u003coption value=\"New Zealand\" data-provinces=\"[[\u0026quot;Auckland\u0026quot;,\u0026quot;Auckland\u0026quot;],[\u0026quot;Bay of Plenty\u0026quot;,\u0026quot;Bay of Plenty\u0026quot;],[\u0026quot;Canterbury\u0026quot;,\u0026quot;Canterbury\u0026quot;],[\u0026quot;Chatham Islands\u0026quot;,\u0026quot;Chatham Islands\u0026quot;],[\u0026quot;Gisborne\u0026quot;,\u0026quot;Gisborne\u0026quot;],[\u0026quot;Hawke\u0026#39;s Bay\u0026quot;,\u0026quot;Hawkeâs Bay\u0026quot;],[\u0026quot;Manawatu-Wanganui\u0026quot;,\u0026quot;ManawatÅ«-Whanganui\u0026quot;],[\u0026quot;Marlborough\u0026quot;,\u0026quot;Marlborough\u0026quot;],[\u0026quot;Nelson\u0026quot;,\u0026quot;Nelson\u0026quot;],[\u0026quot;Northland\u0026quot;,\u0026quot;Northland\u0026quot;],[\u0026quot;Otago\u0026quot;,\u0026quot;Otago\u0026quot;],[\u0026quot;Southland\u0026quot;,\u0026quot;Southland\u0026quot;],[\u0026quot;Taranaki\u0026quot;,\u0026quot;Taranaki\u0026quot;],[\u0026quot;Tasman\u0026quot;,\u0026quot;Tasman\u0026quot;],[\u0026quot;Waikato\u0026quot;,\u0026quot;Waikato\u0026quot;],[\u0026quot;Wellington\u0026quot;,\u0026quot;Wellington\u0026quot;],[\u0026quot;West Coast\u0026quot;,\u0026quot;West Coast\u0026quot;]]\"\u003eNew Zealand\u003c\/option\u003e\n\u003coption value=\"Nicaragua\" data-provinces=\"[]\"\u003eNicaragua\u003c\/option\u003e\n\u003coption value=\"Niger\" data-provinces=\"[]\"\u003eNiger\u003c\/option\u003e\n\u003coption value=\"Nigeria\" data-provinces=\"[[\u0026quot;Abia\u0026quot;,\u0026quot;Abia\u0026quot;],[\u0026quot;Abuja Federal Capital Territory\u0026quot;,\u0026quot;Federal Capital Territory\u0026quot;],[\u0026quot;Adamawa\u0026quot;,\u0026quot;Adamawa\u0026quot;],[\u0026quot;Akwa Ibom\u0026quot;,\u0026quot;Akwa Ibom\u0026quot;],[\u0026quot;Anambra\u0026quot;,\u0026quot;Anambra\u0026quot;],[\u0026quot;Bauchi\u0026quot;,\u0026quot;Bauchi\u0026quot;],[\u0026quot;Bayelsa\u0026quot;,\u0026quot;Bayelsa\u0026quot;],[\u0026quot;Benue\u0026quot;,\u0026quot;Benue\u0026quot;],[\u0026quot;Borno\u0026quot;,\u0026quot;Borno\u0026quot;],[\u0026quot;Cross River\u0026quot;,\u0026quot;Cross River\u0026quot;],[\u0026quot;Delta\u0026quot;,\u0026quot;Delta\u0026quot;],[\u0026quot;Ebonyi\u0026quot;,\u0026quot;Ebonyi\u0026quot;],[\u0026quot;
416Edo\u0026quot;,\u0026quot;Edo\u0026quot;],[\u0026quot;Ekiti\u0026quot;,\u0026quot;Ekiti\u0026quot;],[\u0026quot;Enugu\u0026quot;,\u0026quot;Enugu\u0026quot;],[\u0026quot;Gombe\u0026quot;,\u0026quot;Gombe\u0026quot;],[\u0026quot;Imo\u0026quot;,\u0026quot;Imo\u0026quot;],[\u0026quot;Jigawa\u0026quot;,\u0026quot;Jigawa\u0026quot;],[\u0026quot;Kaduna\u0026quot;,\u0026quot;Kaduna\u0026quot;],[\u0026quot;Kano\u0026quot;,\u0026quot;Kano\u0026quot;],[\u0026quot;Katsina\u0026quot;,\u0026quot;Katsina\u0026quot;],[\u0026quot;Kebbi\u0026quot;,\u0026quot;Kebbi\u0026quot;],[\u0026quot;Kogi\u0026quot;,\u0026quot;Kogi\u0026quot;],[\u0026quot;Kwara\u0026quot;,\u0026quot;Kwara\u0026quot;],[\u0026quot;Lagos\u0026quot;,\u0026quot;Lagos\u0026quot;],[\u0026quot;Nasarawa\u0026quot;,\u0026quot;Nasarawa\u0026quot;],[\u0026quot;Niger\u0026quot;,\u0026quot;Niger\u0026quot;],[\u0026quot;Ogun\u0026quot;,\u0026quot;Ogun\u0026quot;],[\u0026quot;Ondo\u0026quot;,\u0026quot;Ondo\u0026quot;],[\u0026quot;Osun\u0026quot;,\u0026quot;Osun\u0026quot;],[\u0026quot;Oyo\u0026quot;,\u0026quot;Oyo\u0026quot;],[\u0026quot;Plateau\u0026quot;,\u0026quot;Plateau\u0026quot;],[\u0026quot;Rivers\u0026quot;,\u0026quot;Rivers\u0026quot;],[\u0026quot;Sokoto\u0026quot;,\u0026quot;Sokoto\u0026quot;],[\u0026quot;Taraba\u0026quot;,\u0026quot;Taraba\u0026quot;],[\u0026quot;Yobe\u0026quot;,\u0026quot;Yobe\u0026quot;],[\u0026quot;Zamfara\u0026quot;,\u0026quot;Zamfara\u0026quot;]]\"\u003eNigeria\u003c\/option\u003e\n\u003coption value=\"Niue\" data-provinces=\"[]\"\u003eNiue\u003c\/option\u003e\n\u003coption value=\"Norfolk Island\" data-provinces=\"[]\"\u003eNorfolk Island\u003c\/option\u003e\n\u003coption value=\"North Macedonia\" data-provinces=\"[]\"\u003eNorth Macedonia\u003c\/option\u003e\n\u003coption value=\"Norway\" data-provinces=\"[]\"\u003eNorway\u003c\/option\u003e\n\u003coption value=\"Oman\" data-provinces=\"[]\"\u003eOman\u003c\/option\u003e\n\u003coption value=\"Pakistan\" data-provinces=\"[]\"\u003ePakistan\u003c\/option\u003e\n\u003coption value=\"Palestinian Territory, Occupied\" data-provinces=\"[]\"\u003ePalestinian Territories\u003c\/option\u003e\n\u003coption value=\"Panama\" data-provinces=\"[[\u0026quot;Bocas del Toro\u0026quot;,\u0026quot;Bocas del Toro\u0026quot;],[\u0026quot;ChiriquÃ\u0026quot;,\u0026quot;ChiriquÃ\u0026quot;],[\u0026quot;Coclé\u0026quot;,\u0026quot;Coclé\u0026quot;],[\u0026quot;Colón\u0026quot;,\u0026quot;Colón\u0026quot;],[\u0026quot;Darién\u0026quot;,\u0026quot;Darién\u0026quot;],[\u0026quot;Emberá\u0026quot;,\u0026quot;Emberá\u0026quot;],[\u0026quot;Herrera\u0026quot;,\u0026quot;Herrera\u0026quot;],[\u0026quot;Kuna Yala\u0026quot;,\u0026quot;Guna Yala\u0026quot;],[\u0026quot;Los Santos\u0026quot;,\u0026quot;Los Santos\u0026quot;],[\u0026quot;Ngöbe-Buglé\u0026quot;,\u0026quot;Ngöbe-Buglé\u0026quot;],[\u0026quot;Panamá\u0026quot;,\u0026quot;Panamá\u0026quot;],[\u0026quot;Panamá Oeste\u0026quot;,\u0026quot;West Panamá\u0026quot;],[\u0026quot;Veraguas\u0026quot;,\u0026quot;Veraguas\u0026quot;]]\"\u003ePanama\u003c\/option\u003e\n\u003coption value=\"Papua New Guinea\" data-provinces=\"[]\"\u003ePapua New Guinea\u003c\/option\u003e\n\u003coption value=\"Paraguay\" data-provinces=\"[]\"\u003eParaguay\u003c\/option\u003e\n\u003coption value=\"Peru\" data-provinces=\"[[\u0026quot;Amazonas\u0026quot;,\u0026quot;Amazonas\u0026quot;],[\u0026quot;ApurÃmac\u0026quot;,\u0026quot;ApurÃmac\u0026quot;],[\u0026quot;Arequipa\u0026quot;,\u0026quot;Arequipa\u0026quot;],[\u0026quot;Ayacucho\u0026quot;,\u0026quot;Ayacucho\u0026quot;],[\u0026quot;Cajamarca\u0026quot;,\u0026quot;Cajamarca\u0026quot;],[\u0026quot;Callao\u0026quot;,\u0026quot;El Callao\u0026quot;],[\u0026quot;Cuzco\u0026quot;,\u0026quot;Cusco\u0026quot;],[\u0026quot;Huancavelica\u0026quot;,\u0026quot;Huancavelica\u0026quot;],[\u0026quot;Huánuco\u0026quot;,\u0026quot;Huánuco\u0026quot;],[\u0026quot;Ica\u0026quot;,\u0026quot;Ica\u0026quot;],[\u0026quot;JunÃn\u0026quot;,\u0026quot;JunÃn\u0026quot;],[\u0026quot;La Libertad\u0026quot;,\u0026quot;La Libertad\u0026quot;],[\u0026quot;Lambayeque\u0026quot;,\u0026quot;Lambayeque\u0026quot;],[\u0026quot;Lima (departamento)\u0026quot;,\u0026quot;Lima (Department)\u0026quot;],[\u0026quot;Lima (provincia)\u0026quot;,\u0026quot;Lima (Metropolitan)\u0026quot;],[\u0026quot;Loreto\u0026quot;,\u0026quot;Loreto\u0026quot;],[\u0026quot;Madre de Dios\u0026quot;,\u0026quot;Madre de Dios\u0026quot;],[\u0026quot;Moquegua\u0026quot;,\u0026quot;Moquegua\u0026quot;],[\u0026quot;Pasco\u0026quot;,\u0026quot;Pasco\u0026quot;],[\u0026quot;Piura\u0026quot;,\u0026quot;Piura\u0026quot;],[\u0026quot;Puno\u0026quot;,\u0026quot;Puno\u0026quot;],[\u0026quot;San MartÃn\u0026quot;,\u0026quot;San MartÃn\u0026quot;],[\u0026quot;Tacna\u0026quot;,\u0026quot;Tacna\u0026quot;],[\u0026quot;Tumbes\u0026quot;,\u0026quot;Tumbes\u0026quot;],[\u0026quot;Ucayali\u0026quot;,\u0026quot;Ucayali\u0026quot;],[\u0026quot;Ãncash\u0026quot;,\u0026quot;Ancash\u0026quot;]]\"\u003ePeru\u003c\/option\u003e\n\u003coption value=\"Philippines\" data-provinces=\"[[\u0026quot;Abra\u0026quot;,\u0026quot;Abra\u0026quot;],[\u0026quot;Agusan del Norte\u0026quot;,\u0026quot;Agusan del Norte\u0026quot;],[\u0026quot;Agusan del Sur\u0026quot;,\u0026quot;Agusan del Sur\u0026quot;],[\u0026quot;Aklan\u0026quot;,\u0026quot;Aklan\u0026quot;],[\u0026quot;Albay\u0026quot;,\u0026quot;Albay\u0026quot;],[\u0026quot;Antique\u0026quot;,\u0026quot;Antique\u0026quot;],[\u0026quot;Apayao\u0026quot;,\u0026quot;Apayao\u0026quot;],[\u0026quot;Aurora\u0026quot;,\u0026quot;Aurora\u0026quot;],[\u0026quot;Basilan\u0026quot;,\u0026quot;Basilan\u0026quot;],[\u0026quot;Bataan\u0026quot;,\u0026quot;Bataan\u0026quot;],[\u0026quot;Batanes\u0026quot;,\u0026quot;Batanes\u0026quot;],[\u0026quot;Batangas\u0026quot;,\u0026quot;Batangas\u0026quot;],[\u0026quot;Benguet\u0026quot;,\u0026quot;Benguet\u0026quot;],[\u0026quot;Biliran\u0026quot;,\u0026quot;Biliran\u0026quot;],[\u0026quot;Bohol\u0026quot;,\u0026quot;Bohol\u0026quot;],[\u0026quot;Bukidnon\u0026quot;,\u0026quot;Bukidnon\u0026quot;],[\u0026quot;Bulacan\u0026quot;,\u0026quot;Bulacan\u0026quot;],[\u0026quot;Cagayan\u0026quot;,\u0026quot;Cagayan\u0026quot;],[\u0026quot;Camarines Norte\u0026quot;,\u0026quot;Camarines Norte\u0026quot;],[\u0026quot;Camarines Sur\u0026quot;,\u0026quot;Camarines Sur\u0026quot;],[\u0026quot;Camiguin\u0026quot;,\u0026quot;Camiguin\u0026quot;],[\u0026quot;Capiz\u0026quot;,\u0026quot;Capiz\u0026quot;],[\u0026quot;Catanduanes\u0026quot;,\u0026quot;Catanduanes\u0026quot;],[\u0026quot;Cavite\u0026quot;,\u0026quot;Cavite\u0026quot;],[\u0026quot;Cebu\u0026quot;,\u0026quot;Cebu\u0026quot;],[\u0026quot;Cotabato\u0026quot;,\u0026quot;Cotabato\u0026quot;],[\u0026quot;Davao Occidental\u0026quot;,\u0026quot;Davao Occidental\u0026quot;],[\u0026quot;Davao Oriental\u0026quot;,\u0026quot;Davao Oriental\u0026quot;],[\u0026quot;Davao de Oro\u0026quot;,\u0026quot;Compostela Valley\u0026quot;],[\u0026quot;Davao del Norte\u0026quot;,\u0026quot;Davao del Norte\u0026quot;],[\u0026quot;Davao del Sur\u0026quot;,\u0026quot;Davao del Sur\u0026quot;],[\u0026quot;Dinagat Islands\u0026quot;,\u0026quot;Dinagat Islands\u0026quot;],[\u0026quot;Eastern Samar\u0026quot;,\u0026quot;Eastern Samar\u0026quot;],[\u0026quot;Guimaras\u0026quot;,\u0026quot;Guimaras\u0026quot;],[\u0026quot;Ifugao\u0026quot;,\u0026quot;Ifugao\u0026quot;],[\u0026quot;Ilocos Norte\u0026quot;,\u0026quot;Ilocos Norte\u0026quot;],[\u0026quot;Ilocos Sur\u0026quot;,\u0026quot;Ilocos Sur\u0026quot;],[\u0026quot;Iloilo\u0026quot;,\u0026quot;Iloilo\u0026quot;],[\u0026quot;Isabela\u0026quot;,\u0026quot;Isabela\u0026quot;],[\u0026quot;Kalinga\u0026quot;,\u0026quot;Kalinga\u0026quot;],[\u0026quot;La Union\u0026quot;,\u0026quot;La Union\u0026quot;],[\u0026quot;Laguna\u0026quot;,\u0026quot;Laguna\u0026quot;],[\u0026quot;Lanao del Norte\u0026quot;,\u0026quot;Lanao del Norte\u0026quot;],[\u0026quot;Lanao del Sur\u0026quot;,\u0026quot;Lanao del Sur\u0026quot;],[\u0026quot;Leyte\u0026quot;,\u0026quot;Leyte\u0026quot;],[\u0026quot;Maguindanao\u0026quot;,\u0026quot;Maguindanao\u0026quot;],[\u0026quot;Marinduque\u0026quot;,\u0026quot;Marinduque\u0026quot;],[\u0026quot;Masbate\u0026quot;,\u0026quot;Masbate\u0026quot;],[\u0026quot;Metro Manila\u0026quot;,\u0026quot;Metro Manila\u0026quot;],[\u0026quot;Misamis Occidental\u0026quot;,\u0026quot;Misamis Occidental\u0026quot;],[\u0026quot;Misamis Oriental\u0026quot;,\u0026quot;Misamis Oriental\u0026quot;],[\u0026quot;Mountain Province\u0026quot;,\u0026quot;Mountain\u0026quot;],[\u0026quot;Negros Occidental\u0026quot;,\u0026quot;Negros Occidental\u0026quot;],[\u0026quot;Negros Oriental\u0026quot;,\u0026quot;Negros Oriental\u0026quot;],[\u0026quot;Northern Samar\u0026quot;,\u0026quot;Northern Samar\u0026quot;],[\u0026quot;Nueva Ecija\u0026quot;,\u0026quot;Nueva Ecija\u0026quot;],[\u0026quot;Nueva Vizcaya\u0026quot;,\u0026quot;Nueva Vizcaya\u0026quot;],[\u0026quot;Occidental Mindoro\u0026quot;,\u0026quot;Occidental Mindoro\u0026quot;],[\u0026quot;Oriental Mindoro\u0026quot;,\u0026quot;Oriental Mindoro\u0026quot;],[\u0026quot;Palawan\u0026quot;,\u0026quot;Palawan\u0026quot;],[\u0026quot;Pampanga\u0026quot;,\u0026quot;Pampanga\u0026quot;],[\u0026quot;Pangasinan\u0026quot;,\u0026quot;Pangasinan\u0026quot;],[\u0026quot;Quezon\u0026quot;,\u0026quot;Quezon\u0026quot;],[\u0026quot;Quirino\u0026quot;,\u0026quot;Quirino\u0026quot;],[\u0026quot;Rizal\u0026quot;,\u0026quot;Rizal\u0026quot;],[\u0026quot;Romblon\u0026quot;,\u0026quot;Romblon\u0026quot;],[\u0026quot;Samar\u0026quot;,\u0026quot;Samar\u0026quot;],[\u0026quot;Sarangani\u0026quot;,\u0026quot;Sarangani\u0026quot;],[\u0026quot;Siquijor\u0026quot;,\u0026quot;Siquijor\u0026quot;],[\u0026quot;Sorsogon\u0026quot;,\u0026quot;Sorsogon\u0026quot;],[\u0026quot;South Cotabato\u0026quot;,\u0026quot;South Cotabato\u0026quot;],[\u0026quot;Southern Leyte\u0026quot;,\u0026quot;Southern Leyte\u0026quot;],[\u0026quot;Sultan Kudarat\u0026quot;,\u0026quot;Sultan Kudarat\u0026quot;],[\u0026quot;Sulu\u0026quot;,\u0026quot;Sulu\u0026quot;],[\u0026quot;Surigao del Norte\u0026quot;,\u0026quot;Surigao del Norte\u0026quot;],[\u0026quot;Surigao del Sur\u0026quot;,\u0026quot;Surigao del Sur\u0026quot;],[\u0026quot;Tarlac\u0026quot;,\u0026quot;Tarlac\u0026quot;],[\u0026quot;Tawi-Tawi\u0026quot;,\u0026quot;Tawi-Tawi\u0026quot;],[\u0026quot;Zambales\u0026quot;,\u0026quot;Zambales\u0026quot;],[\u0026quot;Zamboanga Sibugay\u0026quot;,\u0026quot;Zamboanga Sibugay\u0026quot;],[\u0026quot;Zamboanga del Norte\u0026quot;,\u0026quot;Zamboanga del Norte\u0026quot;],[\u0026quot;Zamboanga del Sur\u0026quot;,\u0026quot;Zamboanga del Sur\u0026quot;]]\"\u003ePhilippines\u003c\/option\u003e\n\u003coption value=\"Pitcairn\" data-provinces=\"[]\"\u003ePitcairn Islands\u003c\/option\u003e\n\u003coption value=\"Poland\" data-provinces=\"[]\"\u003ePoland\u003c\/option\u003e\n\u003coption value=\"Portugal\" data-provinces=\"[[\u0026quot;Aveiro\u0026quot;,\u0026quot;Aveiro\u0026quot;],[\u0026quot;Açores\u0026quot;,\u0026quot;Azores\u0026quot;],[\u0026quot;Beja\u0026quot;,\u0026quot;Beja\u0026quot;],[\u0026quot;Braga\u0026quot;,\u0026quot;Braga\u0026quot;],[\u0026quot;Bragança\u0026quot;,\u0026quot;Bragança\u0026quot;],[\u0026quot;Castelo Branco\u0026quot;,\u0026quot;Castelo Branco\u0026quot;],[\u0026quot;Coimbra\u0026quot;,\u0026quot;Coimbra\u0026quot;],[\u0026quot;Faro\u0026quot;,\u0026quot;Faro\u0026quot;],[\u0026quot;Guarda\u0026quot;,\u0026quot;Guarda\u0026quot;],[\u0026quot;Leiria\u0026quot;,\u0026quot;Leiria\u0026quot;],[\u0026quot;Lisboa\u0026quot;,\u0026quot;Lisbon\u0026quot;],[\u0026quot;Madeira\u0026quot;,\u0026quot;Madeira\u0026quot;],[\u0026quot;Portalegre\u0026quot;,\u0026quot;Portalegre\u0026quot;],[\u0026quot;Porto\u0026quot;,\u0026quot;Porto\u0026quot;],[\u0026quot;
416Santarém\u0026quot;,\u0026quot;Santarém\u0026quot;],[\u0026quot;Setúbal\u0026quot;,\u0026quot;Setúbal\u0026quot;],[\u0026quot;Viana do Castelo\u0026quot;,\u0026quot;Viana do Castelo\u0026quot;],[\u0026quot;Vila Real\u0026quot;,\u0026quot;Vila Real\u0026quot;],[\u0026quot;Viseu\u0026quot;,\u0026quot;Viseu\u0026quot;],[\u0026quot;Ãvora\u0026quot;,\u0026quot;Ãvora\u0026quot;]]\"\u003ePortugal\u003c\/option\u003e\n\u003coption value=\"Qatar\" data-provinces=\"[]\"\u003eQatar\u003c\/option\u003e\n\u003coption value=\"Reunion\" data-provinces=\"[]\"\u003eRéunion\u003c\/option\u003e\n\u003coption value=\"Romania\" data-provinces=\"[[\u0026quot;Alba\u0026quot;,\u0026quot;Alba\u0026quot;],[\u0026quot;Arad\u0026quot;,\u0026quot;Arad\u0026quot;],[\u0026quot;ArgeÈ\u0026quot;,\u0026quot;ArgeÈ\u0026quot;],[\u0026quot;BacÄu\u0026quot;,\u0026quot;BacÄu\u0026quot;],[\u0026quot;Bihor\u0026quot;,\u0026quot;Bihor\u0026quot;],[\u0026quot;BistriÈa-NÄsÄud\u0026quot;,\u0026quot;BistriÅ£a-NÄsÄud\u0026quot;],[\u0026quot;BotoÈani\u0026quot;,\u0026quot;BotoÅani\u0026quot;],[\u0026quot;BraÈov\u0026quot;,\u0026quot;BraÅov\u0026quot;],[\u0026quot;BrÄila\u0026quot;,\u0026quot;BrÄila\u0026quot;],[\u0026quot;BucureÈti\u0026quot;,\u0026quot;Bucharest\u0026quot;],[\u0026quot;BuzÄu\u0026quot;,\u0026quot;BuzÄu\u0026quot;],[\u0026quot;CaraÈ-Severin\u0026quot;,\u0026quot;CaraÈ-Severin\u0026quot;],[\u0026quot;Cluj\u0026quot;,\u0026quot;Cluj\u0026quot;],[\u0026quot;ConstanÈa\u0026quot;,\u0026quot;ConstanÈa\u0026quot;],[\u0026quot;Covasna\u0026quot;,\u0026quot;Covasna\u0026quot;],[\u0026quot;CÄlÄraÈi\u0026quot;,\u0026quot;CÄlÄraÈi\u0026quot;],[\u0026quot;Dolj\u0026quot;,\u0026quot;Dolj\u0026quot;],[\u0026quot;DâmboviÈa\u0026quot;,\u0026quot;DâmboviÈa\u0026quot;],[\u0026quot;GalaÈi\u0026quot;,\u0026quot;GalaÈi\u0026quot;],[\u0026quot;Giurgiu\u0026quot;,\u0026quot;Giurgiu\u0026quot;],[\u0026quot;Gorj\u0026quot;,\u0026quot;Gorj\u0026quot;],[\u0026quot;Harghita\u0026quot;,\u0026quot;Harghita\u0026quot;],[\u0026quot;Hunedoara\u0026quot;,\u0026quot;Hunedoara\u0026quot;],[\u0026quot;IalomiÈa\u0026quot;,\u0026quot;IalomiÈa\u0026quot;],[\u0026quot;IaÈi\u0026quot;,\u0026quot;IaÈi\u0026quot;],[\u0026quot;Ilfov\u0026quot;,\u0026quot;Ilfov\u0026quot;],[\u0026quot;MaramureÈ\u0026quot;,\u0026quot;MaramureÅ\u0026quot;],[\u0026quot;MehedinÈi\u0026quot;,\u0026quot;MehedinÈi\u0026quot;],[\u0026quot;MureÈ\u0026quot;,\u0026quot;MureÅ\u0026quot;],[\u0026quot;NeamÈ\u0026quot;,\u0026quot;NeamÅ£\u0026quot;],[\u0026quot;Olt\u0026quot;,\u0026quot;Olt\u0026quot;],[\u0026quot;Prahova\u0026quot;,\u0026quot;Prahova\u0026quot;],[\u0026quot;Satu Mare\u0026quot;,\u0026quot;Satu Mare\u0026quot;],[\u0026quot;Sibiu\u0026quot;,\u0026quot;Sibiu\u0026quot;],[\u0026quot;Suceava\u0026quot;,\u0026quot;Suceava\u0026quot;],[\u0026quot;SÄlaj\u0026quot;,\u0026quot;SÄlaj\u0026quot;],[\u0026quot;Teleorman\u0026quot;,\u0026quot;Teleorman\u0026quot;],[\u0026quot;TimiÈ\u0026quot;,\u0026quot;TimiÈ\u0026quot;],[\u0026quot;Tulcea\u0026quot;,\u0026quot;Tulcea\u0026quot;],[\u0026quot;Vaslui\u0026quot;,\u0026quot;Vaslui\u0026quot;],[\u0026quot;Vrancea\u0026quot;,\u0026quot;Vrancea\u0026quot;],[\u0026quot;Vâlcea\u0026quot;,\u0026quot;Vâlcea\u0026quot;]]\"\u003eRomania\u003c\/option\u003e\n\u003coption value=\"Russia\" data-provinces=\"[[\u0026quot;Altai Krai\u0026quot;,\u0026quot;Altai Krai\u0026quot;],[\u0026quot;Altai Republic\u0026quot;,\u0026quot;Altai\u0026quot;],[\u0026quot;Amur Oblast\u0026quot;,\u0026quot;Amur\u0026quot;],[\u0026quot;Arkhangelsk Oblast\u0026quot;,\u0026quot;Arkhangelsk\u0026quot;],[\u0026quot;Astrakhan Oblast\u0026quot;,\u0026quot;Astrakhan\u0026quot;],[\u0026quot;Belgorod Oblast\u0026quot;,\u0026quot;Belgorod\u0026quot;],[\u0026quot;Bryansk Oblast\u0026quot;,\u0026quot;Bryansk\u0026quot;],[\u0026quot;Chechen Republic\u0026quot;,\u0026quot;Chechen\u0026quot;],[\u0026quot;Chelyabinsk Oblast\u0026quot;,\u0026quot;Chelyabinsk\u0026quot;],[\u0026quot;Chukotka Autonomous Okrug\u0026quot;,\u0026quot;Chukotka Okrug\u0026quot;],[\u0026quot;Chuvash Republic\u0026quot;,\u0026quot;Chuvash\u0026quot;],[\u0026quot;Irkutsk Oblast\u0026quot;,\u0026quot;Irkutsk\u0026quot;],[\u0026quot;Ivanovo Oblast\u0026quot;,\u0026quot;Ivanovo\u0026quot;],[\u0026quot;Jewish Autonomous Oblast\u0026quot;,\u0026quot;Jewish\u0026quot;],[\u0026quot;Kabardino-Balkarian Republic\u0026quot;,\u0026quot;Kabardino-Balkar\u0026quot;],[\u0026quot;Kaliningrad Oblast\u0026quot;,\u0026quot;Kaliningrad\u0026quot;],[\u0026quot;Kaluga Oblast\u0026quot;,\u0026quot;Kaluga\u0026quot;],[\u0026quot;Kamchatka Krai\u0026quot;,\u0026quot;Kamchatka Krai\u0026quot;],[\u0026quot;KarachayâCherkess Republic\u0026quot;,\u0026quot;Karachay-Cherkess\u0026quot;],[\u0026quot;Kemerovo Oblast\u0026quot;,\u0026quot;Kemerovo\u0026quot;],[\u0026quot;Khabarovsk Krai\u0026quot;,\u0026quot;Khabarovsk Krai\u0026quot;],[\u0026quot;Khanty-Mansi Autonomous Okrug\u0026quot;,\u0026quot;Khanty-Mansi\u0026quot;],[\u0026quot;Kirov Oblast\u0026quot;,\u0026quot;Kirov\u0026quot;],[\u0026quot;Komi Republic\u0026quot;,\u0026quot;Komi\u0026quot;],[\u0026quot;Kostroma Oblast\u0026quot;,\u0026quot;Kostroma\u0026quot;],[\u0026quot;Krasnodar Krai\u0026quot;,\u0026quot;Krasnodar Krai\u0026quot;],[\u0026quot;Krasnoyarsk Krai\u0026quot;,\u0026quot;Krasnoyarsk Krai\u0026quot;],[\u0026quot;Kurgan Oblast\u0026quot;,\u0026quot;Kurgan\u0026quot;],[\u0026quot;Kursk Oblast\u0026quot;,\u0026quot;Kursk\u0026quot;],[\u0026quot;Leningrad Oblast\u0026quot;,\u0026quot;Leningrad\u0026quot;],[\u0026quot;Lipetsk Oblast\u0026quot;,\u0026quot;Lipetsk\u0026quot;],[\u0026quot;Magadan Oblast\u0026quot;,\u0026quot;Magadan\u0026quot;],[\u0026quot;Mari El Republic\u0026quot;,\u0026quot;Mari El\u0026quot;],[\u0026quot;Moscow\u0026quot;,\u0026quot;Moscow\u0026quot;],[\u0026quot;Moscow Oblast\u0026quot;,\u0026quot;Moscow Province\u0026quot;],[\u0026quot;Murmansk Oblast\u0026quot;,\u0026quot;Murmansk\u0026quot;],[\u0026quot;Nizhny Novgorod Oblast\u0026quot;,\u0026quot;Nizhny Novgorod\u0026quot;],[\u0026quot;Novgorod Oblast\u0026quot;,\u0026quot;Novgorod\u0026quot;],[\u0026quot;Novosibirsk Oblast\u0026quot;,\u0026quot;Novosibirsk\u0026quot;],[\u0026quot;Omsk Oblast\u0026quot;,\u0026quot;Omsk\u0026quot;],[\u0026quot;Orenburg Oblast\u0026quot;,\u0026quot;Orenburg\u0026quot;],[\u0026quot;Oryol Oblast\u0026quot;,\u0026quot;Oryol\u0026quot;],[\u0026quot;Penza Oblast\u0026quot;,\u0026quot;Penza\u0026quot;],[\u0026quot;Perm Krai\u0026quot;,\u0026quot;Perm Krai\u0026quot;],[\u0026quot;Primorsky Krai\u0026quot;,\u0026quot;Primorsky Krai\u0026quot;],[\u0026quot;Pskov Oblast\u0026quot;,\u0026quot;Pskov\u0026quot;],[\u0026quot;Republic of Adygeya\u0026quot;,\u0026quot;Adygea\u0026quot;],[\u0026quot;Republic of Bashkortostan\u0026quot;,\u0026quot;Bashkortostan\u0026quot;],[\u0026quot;Republic of Buryatia\u0026quot;,\u0026quot;Buryat\u0026quot;],[\u0026quot;Republic of Dagestan\u0026quot;,\u0026quot;Dagestan\u0026quot;],[\u0026quot;Republic of Ingushetia\u0026quot;,\u0026quot;Ingushetia\u0026quot;],[\u0026quot;Republic of Kalmykia\u0026quot;,\u0026quot;Kalmykia\u0026quot;],[\u0026quot;Republic of Karelia\u0026quot;,\u0026quot;Karelia\u0026quot;],[\u0026quot;Republic of Khakassia\u0026quot;,\u0026quot;Khakassia\u0026quot;],[\u0026quot;Republic of Mordovia\u0026quot;,\u0026quot;Mordovia\u0026quot;],[\u0026quot;Republic of North OssetiaâAlania\u0026quot;,\u0026quot;North Ossetia-Alania\u0026quot;],[\u0026quot;Republic of Tatarstan\u0026quot;,\u0026quot;Tatarstan\u0026quot;],[\u0026quot;Rostov Oblast\u0026quot;,\u0026quot;Rostov\u0026quot;],[\u0026quot;Ryazan Oblast\u0026quot;,\u0026quot;Ryazan\u0026quot;],[\u0026quot;Saint Petersburg\u0026quot;,\u0026quot;Saint Petersburg\u0026quot;],[\u0026quot;Sakha Republic (Yakutia)\u0026quot;,\u0026quot;Sakha\u0026quot;],[\u0026quot;Sakhalin Oblast\u0026quot;,\u0026quot;Sakhalin\u0026quot;],[\u0026quot;Samara Oblast\u0026quot;,\u0026quot;Samara\u0026quot;],[\u0026quot;Saratov Oblast\u0026quot;,\u0026quot;Saratov\u0026quot;],[\u0026quot;Smolensk Oblast\u0026quot;,\u0026quot;Smolensk\u0026quot;],[\u0026quot;Stavropol Krai\u0026quot;,\u0026quot;Stavropol Krai\u0026quot;],[\u0026quot;Sverdlovsk Oblast\u0026quot;,\u0026quot;Sverdlovsk\u0026quot;],[\u0026quot;Tambov Oblast\u0026quot;,\u0026quot;Tambov\u0026quot;],[\u0026quot;Tomsk Oblast\u0026quot;,\u0026quot;Tomsk\u0026quot;],[\u0026quot;Tula Oblast\u0026quot;,\u0026quot;Tula\u0026quot;],[\u0026quot;Tver Oblast\u0026quot;,\u0026quot;Tver\u0026quot;],[\u0026quot;Tyumen Oblast\u0026quot;,\u0026quot;Tyumen\u0026quot;],[\u0026quot;Tyva Republic\u0026quot;,\u0026quot;Tuva\u0026quot;],[\u0026quot;Udmurtia\u0026quot;,\u0026quot;Udmurt\u0026quot;],[\u0026quot;Ulyanovsk Oblast\u0026quot;,\u0026quot;Ulyanovsk\u0026quot;],[\u0026quot;Vladimir Oblast\u0026quot;,\u0026quot;Vladimir\u0026quot;],[\u0026quot;Volgograd Oblast\u0026quot;,\u0026quot;Volgograd\u0026quot;],[\u0026quot;Vologda Oblast\u0026quot;,\u0026quot;Vologda\u0026quot;],[\u0026quot;Voronezh Oblast\u0026quot;,\u0026quot;Voronezh\u0026quot;],[\u0026quot;Yamalo-Nenets Autonomous Okrug\u0026quot;,\u0026quot;Yamalo-Nenets Okrug\u0026quot;],[\u0026quot;Yaroslavl Oblast\u0026quot;,\u0026quot;Yaroslavl\u0026quot;],[\u0026quot;Zabaykalsky Krai\u0026quot;,\u0026quot;Zabaykalsky Krai\u0026quot;]]\"\u003eRussia\u003c\/option\u003e\n\u003coption value=\"Rwanda\" data-provinces=\"[]\"\u003eRwanda\u003c\/option\u003e\n\u003coption value=\"Samoa\" data-provinces=\"[]\"\u003eSamoa\u003c\/option\u003e\n\u003coption value=\"San Marino\" data-provinces=\"[]\"\u003eSan Marino\u003c\/option\u003e\n\u003coption value=\"Sao Tome And Principe\" data-provinces=\"[]\"\u003eSão Tomé \u0026 PrÃncipe\u003c\/option\u003e\n\u003coption value=\"Saudi Arabia\" data-provinces=\"[]\"\u003eSaudi Arabia\u003c\/option\u003e\n\u003coption value=\"Senegal\" data-provinces=\"[]\"\u003eSenegal\u003c\/option\u003e\n\u003coption value=\"Serbia\" data-provinces=\"[]\"\u003eSerbia\u003c\/option\u003e\n\u003coption value=\"Seychelles\" data-provinces=\"[]\"\u003eSeychelles\u003c\/option\u003e\n\u003coption value=\"Sierra Leone\" data-provinces=\"[]\"\u003eSierra Leone\u003c\/option\u003e\n\u003coption value=\"Singapore\" data-provinces=\"[]\"\u003eSingapore\u003c\/option\u003e\n\u003coption value=\"Sint Maarten\" data-provinces=\"[]\"\u003eSint Maarten\u003c\/option\u003e\n\u003coption value=\"Slovakia\" data-provinces=\"[]\"\u003eSlovakia\u003c\/option\u003e\n\u003coption value=\"Slovenia\" data-provinces=\"[]\"\u003eSlovenia\u003c\/option\u003e\n\u003coption value=\"Solomon Islands\" data-provinces=\"[]\"\u003eSolomon Islands\u003c\/option\u003e\n\u003coption value=\"Somalia\" data-provinces=\"[]\"\u003eSomalia\u003c\/option\u003e\n\u003coption value=\"South Africa\" data-provinces=\"[[\u0026quot;Eastern Cape\u0026quot;,\u0026quot;Eastern Cape\u0026quot;],[\u0026quot;Free State\u0026quot;,\u0026quot;Free State\u0026quot;],[\u0026quot;Gauteng\u0026quot;,\u0026quot;Gauteng\u0026quot;],[\u0026quot;KwaZulu-Natal\u0026quot;,\u0026quot;KwaZulu-Natal\u0026quot;],[\u0026quot;Limpopo\u0026quot;,\u0026quot;Limpopo\u0026quot;],[\u0026quot;Mpumalanga\u0026quot;,\u0026quot;Mpumalanga\u0026quot;],[\u0026quot;North West\u0026quot;,\u0026quot;North West\u0026quot;],[\u0026quot;Northern Cape\u0026quot;,\u0026quot;Northern Cape\u0026quot;],[\u0026quot;Western Cape\u0026quot;,\u0026quot;Western Cape\u0026quot;]]\"\u003eSouth Africa\u003c\/option\u003e\n\u003coption value=\"South Georgia And The South Sandwich Islands\" data-provinces=\"[]\"\u003eSouth Georgia \u0026 South Sandwich Islands\u003c\/option\u003e\n\u003coption value=\"South Korea\" data-provinces=\"[[\u0026quot;Busan\u0026quot;,\u0026quot;Busan\u0026quot;],[\u0026quot;Chungbuk\u0026quot;,\u0026quot;North Chungcheong\u0026quot;],[\u0026quot;Chungnam\u0026quot;,\u0026quot;South Chungcheong\u0026quot;],[\u0026quot;Daegu\u0026quot;,\u0026quot;Daegu\u0026quot;],[\u0026quot;Daejeon\u0026quot;,\u0026quot;Daejeon\u0026quot;],[\u0026quot;Gangwon\u0026quot;,\u0026quot;Gangwon\u0026quot;],[\u0026quot;Gwangju\u0026quot;,\u0026quot;Gwangju City\u0026quot;],[\u0026quot;Gyeongbuk\u0026quot;,\u0026quot;North Gyeongsang\u0026quot;],[\u0026quot;Gyeonggi\u0026quot;,\u0026quot;Gyeonggi\u0026quot;],[\u0026quot;Gyeongnam\u0026quot;,\u0026quot;South Gyeongsang\u0026quot;],[\u0026quot;Incheon\u0026quot;,\u0026quot;Incheon\u0026quot;],[\u0026quot;Jeju\u0026quot;,\u0026quot;Jeju\u0026quot;],[\u0026quot;Jeonbuk\u0026quot;,\u0026quot;North Jeolla\u0026quot;],[\u0026quot;Jeonnam\u0026quot;,\u0026quot;South Jeolla\u0026quot;],[\u0026quot;Sejong\u0026quot;,\u0026quot;Sejong\u0026quot;],[\u0026quot;Seoul\u0026quot;,\u0026quot;Seoul\u0026quot;],[\u0026quot;Ulsan\u0026quot;,\u0026quot;Ulsan\u0026quot;]]\"\u003eSouth Korea\u003c\/option\u003e\n\u003coption value=\"South Sudan\" data-provinces=\"[]\"\u003eSouth Sudan\u003c\/option\u003e\n\u003coption value=\"Spain\" data-provinces=\"[[\u0026quot;A Coruña\u0026quot;,\u0026quot;A Coruña\u0026quot;],[\u0026quot;Albacete\u0026quot;,\u0026quot;Albacete\u0026quot;],[\u0026quot;Alicante\u0026quot;,\u0026quot;Alicante\u0026quot;],[\u0026quot;AlmerÃa\u0026quot;,\u0026quot;AlmerÃa\u0026quot;],[\u0026quot;Asturias\u0026quot;,\u0026quot;Asturias Province\u0026quot;],[\u0026quot;Badajoz\u0026quot;,\u0026quot;Badajoz\u0026quot;],[\u0026quot;Balears\u0026quot;,\u0026quot;Balears Province\u0026quot;],[\u0026quot;Barcelona\u0026quot;,\u0026quot;Barcelona\u0026quot;],[\u0026quot;Burgos\u0026quot;,\u0026quot;Burgos\u0026quot;],[\u0026quot;Cantabria\u0026quot;,\u0026quot;Cantabria Province\u0026quot;],[\u0026quot;Castellón\u0026quot;,\u0026quot;Castellón\u0026quot;],[\u0026quot;Ceuta\u0026quot;,\u0026quot;Ceuta\u0026quot;],[\u0026quot;Ciudad Real\u0026quot;,\u0026quot;Ciudad Real\u0026quot;],[\u0026quot;Cuenca\u0026quot;,\u0026quot;Cuenca\u0026quot;],[\u0026quot;Cáceres\u0026quot;,\u0026quot;Cáceres\u0026quot;],[\u0026quot;Cádiz\u0026quot;,\u0026quot;Cádiz\u0026quot;],[\u0026quot;Córdoba\u0026quot;,\u0026quot;Córdoba\u0026quot;],[\u0026quot;Girona\u0026quot;,\u0026quot;Girona\u0026quot;],[\u0026quot;Granada\u0026quot;,\u0026quot;Granada\u0026quot;],[\u0026quot;Guadalajara\u0026quot;,\u0026quot;Guadalajara\u0026quot;],[\u0026quot;
416Guipúzcoa\u0026quot;,\u0026quot;Gipuzkoa\u0026quot;],[\u0026quot;Huelva\u0026quot;,\u0026quot;Huelva\u0026quot;],[\u0026quot;Huesca\u0026quot;,\u0026quot;Huesca\u0026quot;],[\u0026quot;Jaén\u0026quot;,\u0026quot;Jaén\u0026quot;],[\u0026quot;La Rioja\u0026quot;,\u0026quot;La Rioja Province\u0026quot;],[\u0026quot;Las Palmas\u0026quot;,\u0026quot;Las Palmas\u0026quot;],[\u0026quot;León\u0026quot;,\u0026quot;León\u0026quot;],[\u0026quot;Lleida\u0026quot;,\u0026quot;Lleida\u0026quot;],[\u0026quot;Lugo\u0026quot;,\u0026quot;Lugo\u0026quot;],[\u0026quot;Madrid\u0026quot;,\u0026quot;Madrid Province\u0026quot;],[\u0026quot;Melilla\u0026quot;,\u0026quot;Melilla\u0026quot;],[\u0026quot;Murcia\u0026quot;,\u0026quot;Murcia\u0026quot;],[\u0026quot;Málaga\u0026quot;,\u0026quot;Málaga\u0026quot;],[\u0026quot;Navarra\u0026quot;,\u0026quot;Navarra\u0026quot;],[\u0026quot;Ourense\u0026quot;,\u0026quot;Ourense\u0026quot;],[\u0026quot;Palencia\u0026quot;,\u0026quot;Palencia\u0026quot;],[\u0026quot;Pontevedra\u0026quot;,\u0026quot;Pontevedra\u0026quot;],[\u0026quot;Salamanca\u0026quot;,\u0026quot;Salamanca\u0026quot;],[\u0026quot;Santa Cruz de Tenerife\u0026quot;,\u0026quot;Santa Cruz de Tenerife\u0026quot;],[\u0026quot;Segovia\u0026quot;,\u0026quot;Segovia\u0026quot;],[\u0026quot;Sevilla\u0026quot;,\u0026quot;Seville\u0026quot;],[\u0026quot;Soria\u0026quot;,\u0026quot;Soria\u0026quot;],[\u0026quot;Tarragona\u0026quot;,\u0026quot;Tarragona\u0026quot;],[\u0026quot;Teruel\u0026quot;,\u0026quot;Teruel\u0026quot;],[\u0026quot;Toledo\u0026quot;,\u0026quot;Toledo\u0026quot;],[\u0026quot;Valencia\u0026quot;,\u0026quot;Valencia\u0026quot;],[\u0026quot;Valladolid\u0026quot;,\u0026quot;Valladolid\u0026quot;],[\u0026quot;Vizcaya\u0026quot;,\u0026quot;Biscay\u0026quot;],[\u0026quot;Zamora\u0026quot;,\u0026quot;Zamora\u0026quot;],[\u0026quot;Zaragoza\u0026quot;,\u0026quot;Zaragoza\u0026quot;],[\u0026quot;Ãlava\u0026quot;,\u0026quot;Ãlava\u0026quot;],[\u0026quot;Ãvila\u0026quot;,\u0026quot;Ãvila\u0026quot;]]\"\u003eSpain\u003c\/option\u003e\n\u003coption value=\"Sri Lanka\" data-provinces=\"[]\"\u003eSri Lanka\u003c\/option\u003e\n\u003coption value=\"Saint Barthélemy\" data-provinces=\"[]\"\u003eSt. Barthélemy\u003c\/option\u003e\n\u003coption value=\"Saint Helena\" data-provinces=\"[]\"\u003eSt. Helena\u003c\/option\u003e\n\u003coption value=\"Saint Kitts And Nevis\" data-provinces=\"[]\"\u003eSt. Kitts \u0026 Nevis\u003c\/option\u003e\n\u003coption value=\"Saint Lucia\" data-provinces=\"[]\"\u003eSt. Lucia\u003c\/option\u003e\n\u003coption value=\"Saint Martin\" data-provinces=\"[]\"\u003eSt. Martin\u003c\/option\u003e\n\u003coption value=\"Saint Pierre And Miquelon\" data-provinces=\"[]\"\u003eSt. Pierre \u0026 Miquelon\u003c\/option\u003e\n\u003coption value=\"St. Vincent\" data-provinces=\"[]\"\u003eSt. Vincent \u0026 Grenadines\u003c\/option\u003e\n\u003coption value=\"Sudan\" data-provinces=\"[]\"\u003eSudan\u003c\/option\u003e\n\u003coption value=\"Suriname\" data-provinces=\"[]\"\u003eSuriname\u003c\/option\u003e\n\u003coption value=\"Svalbard And Jan Mayen\" data-provinces=\"[]\"\u003eSvalbard \u0026 Jan Mayen\u003c\/option\u003e\n\u003coption value=\"Sweden\" data-provinces=\"[]\"\u003eSweden\u003c\/option\u003e\n\u003coption value=\"Switzerland\" data-provinces=\"[]\"\u003eSwitzerland\u003c\/option\u003e\n\u003coption value=\"Taiwan\" data-provinces=\"[]\"\u003eTaiwan\u003c\/option\u003e\n\u003coption value=\"Tajikistan\" data-provinces=\"[]\"\u003eTajikistan\u003c\/option\u003e\n\u003coption value=\"Tanzania, United Republic Of\" data-provinces=\"[]\"\u003eTanzania\u003c\/option\u003e\n\u003coption value=\"Thailand\" data-provinces=\"[[\u0026quot;Amnat Charoen\u0026quot;,\u0026quot;Amnat Charoen\u0026quot;],[\u0026quot;Ang Thong\u0026quot;,\u0026quot;Ang Thong\u0026quot;],[\u0026quot;Bangkok\u0026quot;,\u0026quot;Bangkok\u0026quot;],[\u0026quot;Bueng Kan\u0026quot;,\u0026quot;Bueng Kan\u0026quot;],[\u0026quot;Buriram\u0026quot;,\u0026quot;Buri Ram\u0026quot;],[\u0026quot;Chachoengsao\u0026quot;,\u0026quot;Chachoengsao\u0026quot;],[\u0026quot;Chai Nat\u0026quot;,\u0026quot;Chai Nat\u0026quot;],[\u0026quot;Chaiyaphum\u0026quot;,\u0026quot;Chaiyaphum\u0026quot;],[\u0026quot;Chanthaburi\u0026quot;,\u0026quot;Chanthaburi\u0026quot;],[\u0026quot;Chiang Mai\u0026quot;,\u0026quot;Chiang Mai\u0026quot;],[\u0026quot;Chiang Rai\u0026quot;,\u0026quot;Chiang Rai\u0026quot;],[\u0026quot;Chon Buri\u0026quot;,\u0026quot;Chon Buri\u0026quot;],[\u0026quot;Chumphon\u0026quot;,\u0026quot;Chumphon\u0026quot;],[\u0026quot;Kalasin\u0026quot;,\u0026quot;Kalasin\u0026quot;],[\u0026quot;Kamphaeng Phet\u0026quot;,\u0026quot;Kamphaeng Phet\u0026quot;],[\u0026quot;Kanchanaburi\u0026quot;,\u0026quot;Kanchanaburi\u0026quot;],[\u0026quot;Khon Kaen\u0026quot;,\u0026quot;Khon Kaen\u0026quot;],[\u0026quot;Krabi\u0026quot;,\u0026quot;Krabi\u0026quot;],[\u0026quot;Lampang\u0026quot;,\u0026quot;Lampang\u0026quot;],[\u0026quot;Lamphun\u0026quot;,\u0026quot;Lamphun\u0026quot;],[\u0026quot;Loei\u0026quot;,\u0026quot;Loei\u0026quot;],[\u0026quot;Lopburi\u0026quot;,\u0026quot;Lopburi\u0026quot;],[\u0026quot;Mae Hong Son\u0026quot;,\u0026quot;Mae Hong Son\u0026quot;],[\u0026quot;Maha Sarakham\u0026quot;,\u0026quot;Maha Sarakham\u0026quot;],[\u0026quot;Mukdahan\u0026quot;,\u0026quot;Mukdahan\u0026quot;],[\u0026quot;Nakhon Nayok\u0026quot;,\u0026quot;Nakhon Nayok\u0026quot;],[\u0026quot;Nakhon Pathom\u0026quot;,\u0026quot;Nakhon Pathom\u0026quot;],[\u0026quot;Nakhon Phanom\u0026quot;,\u0026quot;Nakhon Phanom\u0026quot;],[\u0026quot;Nakhon Ratchasima\u0026quot;,\u0026quot;Nakhon Ratchasima\u0026quot;],[\u0026quot;Nakhon Sawan\u0026quot;,\u0026quot;Nakhon Sawan\u0026quot;],[\u0026quot;Nakhon Si Thammarat\u0026quot;,\u0026quot;Nakhon Si Thammarat\u0026quot;],[\u0026quot;Nan\u0026quot;,\u0026quot;Nan\u0026quot;],[\u0026quot;Narathiwat\u0026quot;,\u0026quot;Narathiwat\u0026quot;],[\u0026quot;Nong Bua Lam Phu\u0026quot;,\u0026quot;Nong Bua Lam Phu\u0026quot;],[\u0026quot;Nong Khai\u0026quot;,\u0026quot;Nong Khai\u0026quot;],[\u0026quot;Nonthaburi\u0026quot;,\u0026quot;Nonthaburi\u0026quot;],[\u0026quot;Pathum Thani\u0026quot;,\u0026quot;Pathum Thani\u0026quot;],[\u0026quot;Pattani\u0026quot;,\u0026quot;Pattani\u0026quot;],[\u0026quot;Pattaya\u0026quot;,\u0026quot;Pattaya\u0026quot;],[\u0026quot;Phangnga\u0026quot;,\u0026quot;Phang Nga\u0026quot;],[\u0026quot;Phatthalung\u0026quot;,\u0026quot;Phatthalung\u0026quot;],[\u0026quot;Phayao\u0026quot;,\u0026quot;Phayao\u0026quot;],[\u0026quot;Phetchabun\u0026quot;,\u0026quot;Phetchabun\u0026quot;],[\u0026quot;Phetchaburi\u0026quot;,\u0026quot;Phetchaburi\u0026quot;],[\u0026quot;Phichit\u0026quot;,\u0026quot;Phichit\u0026quot;],[\u0026quot;Phitsanulok\u0026quot;,\u0026quot;Phitsanulok\u0026quot;],[\u0026quot;
416Phra Nakhon Si Ayutthaya\u0026quot;,\u0026quot;Phra Nakhon Si Ayutthaya\u0026quot;],[\u0026quot;Phrae\u0026quot;,\u0026quot;Phrae\u0026quot;],[\u0026quot;Phuket\u0026quot;,\u0026quot;Phuket\u0026quot;],[\u0026quot;Prachin Buri\u0026quot;,\u0026quot;Prachin Buri\u0026quot;],[\u0026quot;Prachuap Khiri Khan\u0026quot;,\u0026quot;Prachuap Khiri Khan\u0026quot;],[\u0026quot;Ranong\u0026quot;,\u0026quot;Ranong\u0026quot;],[\u0026quot;Ratchaburi\u0026quot;,\u0026quot;Ratchaburi\u0026quot;],[\u0026quot;Rayong\u0026quot;,\u0026quot;Rayong\u0026quot;],[\u0026quot;Roi Et\u0026quot;,\u0026quot;Roi Et\u0026quot;],[\u0026quot;Sa Kaeo\u0026quot;,\u0026quot;Sa Kaeo\u0026quot;],[\u0026quot;Sakon Nakhon\u0026quot;,\u0026quot;Sakon Nakhon\u0026quot;],[\u0026quot;Samut Prakan\u0026quot;,\u0026quot;Samut Prakan\u0026quot;],[\u0026quot;Samut Sakhon\u0026quot;,\u0026quot;Samut Sakhon\u0026quot;],[\u0026quot;Samut Songkhram\u0026quot;,\u0026quot;Samut Songkhram\u0026quot;],[\u0026quot;Saraburi\u0026quot;,\u0026quot;Saraburi\u0026quot;],[\u0026quot;Satun\u0026quot;,\u0026quot;Satun\u0026quot;],[\u0026quot;Sing Buri\u0026quot;,\u0026quot;Sing Buri\u0026quot;],[\u0026quot;Sisaket\u0026quot;,\u0026quot;Si Sa Ket\u0026quot;],[\u0026quot;Songkhla\u0026quot;,\u0026quot;Songkhla\u0026quot;],[\u0026quot;Sukhothai\u0026quot;,\u0026quot;Sukhothai\u0026quot;],[\u0026quot;Suphan Buri\u0026quot;,\u0026quot;Suphanburi\u0026quot;],[\u0026quot;Surat Thani\u0026quot;,\u0026quot;Surat Thani\u0026quot;],[\u0026quot;Surin\u0026quot;,\u0026quot;Surin\u0026quot;],[\u0026quot;Tak\u0026quot;,\u0026quot;Tak\u0026quot;],[\u0026quot;Trang\u0026quot;,\u0026quot;Trang\u0026quot;],[\u0026quot;Trat\u0026quot;,\u0026quot;Trat\u0026quot;],[\u0026quot;Ubon Ratchathani\u0026quot;,\u0026quot;Ubon Ratchathani\u0026quot;],[\u0026quot;Udon Thani\u0026quot;,\u0026quot;Udon Thani\u0026quot;],[\u0026quot;Uthai Thani\u0026quot;,\u0026quot;Uthai Thani\u0026quot;],[\u0026quot;Uttaradit\u0026quot;,\u0026quot;Uttaradit\u0026quot;],[\u0026quot;Yala\u0026quot;,\u0026quot;Yala\u0026quot;],[\u0026quot;Yasothon\u0026quot;,\u0026quot;Yasothon\u0026quot;]]\"\u003eThailand\u003c\/option\u003e\n\u003coption value=\"Timor Leste\" data-provinces=\"[]\"\u003eTimor-Leste\u003c\/option\u003e\n\u003coption value=\"Togo\" data-provinces=\"[]\"\u003eTogo\u003c\/option\u003e\n\u003coption value=\"Tokelau\" data-provinces=\"[]\"\u003eTokelau\u003c\/option\u003e\n\u003coption value=\"Tonga\" data-provinces=\"[]\"\u003eTonga\u003c\/option\u003e\n\u003coption value=\"Trinidad and Tobago\" data-provinces=\"[]\"\u003eTrinidad \u0026 Tobago\u003c\/option\u003e\n\u003coption value=\"Tristan da Cunha\" data-provinces=\"[]\"\u003eTristan da Cunha\u003c\/option\u003e\n\u003coption value=\"Tunisia\" data-provinces=\"[]\"\u003eTunisia\u003c\/option\u003e\n\u003coption value=\"Turkey\" data-provinces=\"[]\"\u003eTürkiye\u003c\/option\u003e\n\u003coption value=\"Turkmenistan\" data-provinces=\"[]\"\u003eTurkmenistan\u003c\/option\u003e\n\u003coption value=\"Turks and Caicos Islands\" data-provinces=\"[]\"\u003eTurks \u0026 Caicos Islands\u003c\/option\u003e\n\u003coption value=\"Tuvalu\" data-provinces=\"[]\"\u003eTuvalu\u003c\/option\u003e\n\u003coption value=\"United States Minor Outlying Islands\" data-provinces=\"[]\"\u003eU.S. Outlying Islands\u003c\/option\u003e\n\u003coption value=\"Uganda\" data-provinces=\"[]\"\u003eUganda\u003c\/option\u003e\n\u003coption value=\"Ukraine\" data-provinces=\"[]\"\u003eUkraine\u003c\/option\u003e\n\u003coption value=\"United Arab Emirates\" data-provinces=\"[[\u0026quot;Abu Dhabi\u0026quot;,\u0026quot;Abu Dhabi\u0026quot;],[\u0026quot;Ajman\u0026quot;,\u0026quot;Ajman\u0026quot;],[\u0026quot;Dubai\u0026quot;,\u0026quot;Dubai\u0026quot;],[\u0026quot;Fujairah\u0026quot;,\u0026quot;Fujairah\u0026quot;],[\u0026quot;Ras al-Khaimah\u0026quot;,\u0026quot;Ras al-Khaimah\u0026quot;],[\u0026quot;Sharjah\u0026quot;,\u0026quot;Sharjah\u0026quot;],[\u0026quot;Umm al-Quwain\u0026quot;,\u0026quot;Umm al-Quwain\u0026quot;]]\"\u003eUnited Arab Emirates\u003c\/option\u003e\n\u003coption value=\"United Kingdom\" data-provinces=\"[[\u0026quot;British Forces\u0026quot;,\u0026quot;British Forces\u0026quot;],[\u0026quot;England\u0026quot;,\u0026quot;England\u0026quot;],[\u0026quot;Northern Ireland\u0026quot;,\u0026quot;Northern Ireland\u0026quot;],[\u0026quot;Scotland\u0026quot;,\u0026quot;Scotland\u0026quot;],[\u0026quot;Wales\u0026quot;,\u0026quot;Wales\u0026quot;]]\"\u003eUnited Kingdom\u003c\/option\u003e\n\u003coption value=\"United States\" data-provinces=\"[[\u0026quot;Alabama\u0026quot;,\u0026quot;Alabama\u0026quot;],[\u0026quot;Alaska\u0026quot;,\u0026quot;Alaska\u0026quot;],[\u0026quot;American Samoa\u0026quot;,\u0026quot;American Samoa\u0026quot;],[\u0026quot;Arizona\u0026quot;,\u0026quot;Arizona\u0026quot;],[\u0026quot;Arkansas\u0026quot;,\u0026quot;Arkansas\u0026quot;],[\u0026quot;Armed Forces Americas\u0026quot;,\u0026quot;Armed Forces Americas\u0026quot;],[\u0026quot;Armed Forces Europe\u0026quot;,\u0026quot;Armed Forces Europe\u0026quot;],[\u0026quot;Armed Forces Pacific\u0026quot;,\u0026quot;Armed Forces Pacific\u0026quot;],[\u0026quot;California\u0026quot;,\u0026quot;California\u0026quot;],[\u0026quot;Colorado\u0026quot;,\u0026quot;Colorado\u0026quot;],[\u0026quot;Connecticut\u0026quot;,\u0026quot;Connecticut\u0026quot;],[\u0026quot;Delaware\u0026quot;,\u0026quot;Delaware\u0026quot;],[\u0026quot;District of Columbia\u0026quot;,\u0026quot;Washington DC\u0026quot;],[\u0026quot;Federated States of Micronesia\u0026quot;,\u0026quot;Micronesia\u0026quot;],[\u0026quot;Florida\u0026quot;,\u0026quot;Florida\u0026quot;],[\u0026quot;Georgia\u0026quot;,\u0026quot;Georgia\u0026quot;],[\u0026quot;Guam\u0026quot;,\u0026quot;Guam\u0026quot;],[\u0026quot;Hawaii\u0026quot;,\u0026quot;Hawaii\u0026quot;],[\u0026quot;Idaho\u0026quot;,\u0026quot;Idaho\u0026quot;],[\u0026quot;Illinois\u0026quot;,\u0026quot;Illinois\u0026quot;],[\u0026quot;Indiana\u0026quot;,\u0026quot;Indiana\u0026quot;],[\u0026quot;Iowa\u0026quot;,\u0026quot;Iowa\u0026quot;],[\u0026quot;Kansas\u0026quot;,\u0026quot;Kansas\u0026quot;],[\u0026quot;Kentucky\u0026quot;,\u0026quot;Kentucky\u0026quot;],[\u0026quot;Louisiana\u0026quot;,\u0026quot;Louisiana\u0026quot;],[\u0026quot;Maine\u0026quot;,\u0026quot;Maine\u0026quot;],[\u0026quot;Marshall Islands\u0026quot;,\u0026quot;Marshall Islands\u0026quot;],[\u0026quot;Maryland\u0026quot;,\u0026quot;Maryland\u0026quot;],[\u0026quot;Massachusetts\u0026quot;,\u0026quot;Massachusetts\u0026quot;],[\u0026quot;Michigan\u0026quot;,\u0026quot;Michigan\u0026quot;],[\u0026quot;Minnesota\u0026quot;,\u0026quot;Minnesota\u0026quot;],[\u0026quot;Mississippi\u0026quot;,\u0026quot;Mississippi\u0026quot;],[\u0026quot;Missouri\u0026quot;,\u0026quot;Missouri\u0026quot;],[\u0026quot;Montana\u0026quot;,\u0026quot;Montana\u0026quot;],[\u0026quot;Nebraska\u0026quot;,\u0026quot;Nebraska\u0026quot;],[\u0026quot;Nevada\u0026quot;,\u0026quot;Nevada\u0026quot;],[\u0026quot;New Hampshire\u0026quot;,\u0026quot;New Hampshire\u0026quot;],[\u0026quot;New Jersey\u0026quot;,\u0026quot;New Jersey\u0026quot;],[\u0026quot;New Mexico\u0026quot;,\u0026quot;New Mexico\u0026quot;],[\u0026quot;New York\u0026quot;,\u0026quot;New York\u0026quot;],[\u0026quot;North Carolina\u0026quot;,\u0026quot;North Carolina\u0026quot;],[\u0026quot;North Dakota\u0026quot;,\u0026quot;North Dakota\u0026quot;],[\u0026quot;Northern Mariana Islands\u0026quot;,\u0026quot;Northern Mariana Islands\u0026quot;],[\u0026quot;Ohio\u0026quot;,\u0026quot;Ohio\u0026quot;],[\u0026quot;Oklahoma\u0026quot;,\u0026quot;Oklahoma\u0026quot;],[\u0026quot;Oregon\u0026quot;,\u0026quot;Oregon\u0026quot;],[\u0026quot;Palau\u0026quot;,\u0026quot;Palau\u0026quot;],[\u0026quot;Pennsylvania\u0026quot;,\u0026quot;Pennsylvania\u0026quot;],[\u0026quot;Puerto Rico\u0026quot;,\u0026quot;Puerto Rico\u0026quot;],[\u0026quot;Rhode Island\u0026quot;,\u0026quot;Rhode Island\u0026quot;],[\u0026quot;South Carolina\u0026quot;,\u0026quot;South Carolina\u0026quot;],[\u0026quot;South Dakota\u0026quot;,\u0026quot;South Dakota\u0026quot;],[\u0026quot;Tennessee\u0026quot;,\u0026quot;Tennessee\u0026quot;],[\u0026quot;Texas\u0026quot;,\u0026quot;Texas\u0026quot;],[\u0026quot;Utah\u0026quot;,\u0026quot;Utah\u0026quot;],[\u0026quot;Vermont\u0026quot;,\u0026quot;Vermont\u0026quot;],[\u0026quot;Virgin Islands\u0026quot;,\u0026quot;U.S. Virgin Islands\u0026quot;],[\u0026quot;Virginia\u0026quot;,\u0026quot;Virginia\u0026quot;],[\u0026quot;Washington\u0026quot;,\u0026quot;Washington\u0026quot;],[\u0026quot;West Virginia\u0026quot;,\u0026quot;West Virginia\u0026quot;],[\u0026quot;Wisconsin\u0026quot;,\u0026quot;Wisconsin\u0026quot;],[\u0026quot;Wyoming\u0026quot;,\u0026quot;Wyoming\u0026quot;]]\"\u003eUnited States\u003c\/option\u003e\n\u003coption value=\"Uruguay\" data-provinces=\"[[\u0026quot;Artigas\u0026quot;,\u0026quot;Artigas\u0026quot;],[\u0026quot;Canelones\u0026quot;,\u0026quot;Canelones\u0026quot;],[\u0026quot;Cerro Largo\u0026quot;,\u0026quot;Cerro Largo\u0026quot;],[\u0026quot;Colonia\u0026quot;,\u0026quot;Colonia\u0026quot;],[\u0026quot;Durazno\u0026quot;,\u0026quot;Durazno\u0026quot;],[\u0026quot;Flores\u0026quot;,\u0026quot;Flores\u0026quot;],[\u0026quot;Florida\u0026quot;,\u0026quot;Florida\u0026quot;],[\u0026quot;Lavalleja\u0026quot;,\u0026quot;Lavalleja\u0026quot;],[\u0026quot;Maldonado\u0026quot;,\u0026quot;Maldonado\u0026quot;],[\u0026quot;Montevideo\u0026quot;,\u0026quot;Montevideo\u0026quot;],[\u0026quot;Paysandú\u0026quot;,\u0026quot;Paysandú\u0026quot;],[\u0026quot;Rivera\u0026quot;,\u0026quot;Rivera\u0026quot;],[\u0026quot;Rocha\u0026quot;,\u0026quot;Rocha\u0026quot;],[\u0026quot;RÃo Negro\u0026quot;,\u0026quot;RÃo Negro\u0026quot;],[\u0026quot;Salto\u0026quot;,\u0026quot;Salto\u0026quot;],[\u0026quot;San José\u0026quot;,\u0026quot;San José\u0026quot;],[\u0026quot;Soriano\u0026quot;,\u0026quot;Soriano\u0026quot;],[\u0026quot;Tacuarembó\u0026quot;,\u0026quot;Tacuarembó\u0026quot;],[\u0026quot;Treinta y Tres\u0026quot;,\u0026quot;Treinta y Tres\u0026quot;]]\"\u003eUruguay\u003c\/option\u003e\n\u003coption value=\"Uzbekistan\" data-provinces=\"[]\"\u003eUzbekistan\u003c\/option\u003e\n\u003coption value=\"Vanuatu\" data-provinces=\"[]\"\u003eVanuatu\u003c\/option\u003e\n\u003coption value=\"Holy See (Vatican City State)\" data-provinces=\"[]\"\u003eVatican City\u003c\/option\u003e\n\u003coption value=\"Venezuela\" data-provinces=\"[[\u0026quot;Amazonas\u0026quot;,\u0026quot;Amazonas\u0026quot;],[\u0026quot;Anzoátegui\u0026quot;,\u0026quot;Anzoátegui\u0026quot;],[\u0026quot;Apure\u0026quot;,\u0026quot;Apure\u0026quot;],[\u0026quot;Aragua\u0026quot;,\u0026quot;Aragua\u0026quot;],[\u0026quot;Barinas\u0026quot;,\u0026quot;Barinas\u0026quot;],[\u0026quot;BolÃvar\u0026quot;,\u0026quot;BolÃvar\u0026quot;],[\u0026quot;Carabobo\u0026quot;,\u0026quot;Carabobo\u0026quot;],[\u0026quot;Cojedes\u0026quot;,\u0026quot;Cojedes\u0026quot;],[\u0026quot;Delta Amacuro\u0026quot;,\u0026quot;Delta Amacuro\u0026quot;],[\u0026quot;Dependencias Federales\u0026quot;,\u0026quot;Federal Dependencies\u0026quot;],[\u0026quot;Distrito Capital\u0026quot;,\u0026quot;Capital\u0026quot;],[\u0026quot;Falcón\u0026quot;,\u0026quot;Falcón\u0026quot;],[\u0026quot;Guárico\u0026quot;,\u0026quot;Guárico\u0026quot;],[\u0026quot;La Guaira\u0026quot;,\u0026quot;Vargas\u0026quot;],[\u0026quot;Lara\u0026quot;,\u0026quot;Lara\u0026quot;],[\u0026quot;Miranda\u0026quot;,\u0026quot;Miranda\u0026quot;],[\u0026quot;Monagas\u0026quot;,\u0026quot;Monagas\u0026quot;],[\u0026quot;Mérida\u0026quot;,\u0026quot;Mérida\u0026quot;],[\u0026quot;Nueva Esparta\u0026quot;,\u0026quot;Nueva Esparta\u0026quot;],[\u0026quot;Portuguesa\u0026quot;,\u0026quot;Portuguesa\u0026quot;],[\u0026quot;Sucre\u0026quot;,\u0026quot;Sucre\u0026quot;],[\u0026quot;Trujillo\u0026quot;,\u0026quot;Trujillo\u0026quot;],[\u0026quot;Táchira\u0026quot;,\u0026quot;Táchira\u0026quot;],[\u0026quot;Yaracuy\u0026quot;,\u0026quot;Yaracuy\u0026quot;],[\u0026quot;Zulia\u0026quot;,\u0026quot;Zulia\u0026quot;]]\"\u003eVenezuela\u003c\/option\u003e\n\u003coption value=\"Vietnam\" data-provinces=\"[]\"\u003eVietnam\u003c\/option\u003e\n\u003coption value=\"Wallis And Futuna\" data-provinces=\"[]\"\u003eWallis \u0026 Futuna\u003c\/option\u003e\n\u003coption value=\"Western Sahara\" data-provinces=\"[]\"\u003eWestern Sahara\u003c\/option\u003e\n\u003coption value=\"Yemen\" data-provinces=\"[]\"\u003eYemen\u003c\/option\u003e\n\u003coption value=\"Zambia\" data-provinces=\"[]\"\u003eZambia\u003c\/option\u003e\n\u003coption value=\"Zimbabwe\" data-provinces=\"[]\"\u003eZimbabwe\u003c\/option\u003e"; 417 418</script>
418 419 420 <style> 421 422 :root { 423 424 425 426 427 --color-text: #2e3133; 428 429 --color-text-alpha-90: rgba(46, 49, 51, 0.9); 430 --color-text-alpha-80: rgba(46, 49, 51, 0.8); 431 --color-text-alpha-70: rgba(46, 49, 51, 0.7); 432 --color-text-alpha-60: rgba(46, 49, 51, 0.6); 433 --color-text-alpha-50: rgba(46, 49, 51, 0.5); 434 --color-text-alpha-40: rgba(46, 49, 51, 0.4); 435 --color-text-alpha-30: rgba(46, 49, 51, 0.3); 436 --color-text-alpha-25: rgba(46, 49, 51, 0.25); 437 --color-text-alpha-20: rgba(46, 49, 51, 0.2); 438 --color-text-alpha-10: rgba(46, 49, 51, 0.1); 439 --color-text-alpha-05: rgba(46, 49, 51, 0.05); 440--color-text-link: #273376; 441 --color-text-error: #D02F2E; 442 --color-text-success: #478947; 443 --color-background-success: rgba(71, 137, 71, 0.1); 444 --color-white: #FFFFFF; 445 --color-black: #000000; 446 447 --color-background: #ffffff; 448 --color-background-alpha-80: rgba(255, 255, 255, 0.8); 449 450 --color-background-semi-transparent-80: rgba(255, 255, 255, 0.8); 451 --color-background-semi-transparent-90: rgba(255, 255, 255, 0.9); 452 453 --color-background-transparent: rgba(255, 255, 255, 0); 454 --color-border: #494c4f; 455 --color-border-meta: rgba(73, 76, 79, 0.6); 456 --color-overlay: rgba(0, 0, 0, 0.8); 457 458 --color-accent: #8ca5de; 459 --color-accent-contrasting: #121212; 460 461 --color-background-meta: #f7f7f7; 462 --color-background-meta-alpha: rgba(247, 247, 247, 0.6); 463 --color-background-darker-meta: #eaeaea; 464 --color-background-darker-meta-alpha: rgba(234, 234, 234, 0.6); 465 --color-background-placeholder: #eaeaea; 466 --color-background-placeholder-lighter: #f2f2f2; 467 --color-foreground-placeholder: rgba(46, 49, 51, 0.4); 468 469 470 --color-button-primary-text: #ffffff; 471 --color-button-primary-text-alpha-30: rgba(255, 255, 255, 0.3); 472 --color-button-primary-background: #b2441e; 473 --color-button-primary-background-alpha: rgba(178, 68, 30, 0.6); 474 --color-button-primary-background-darken-5: #9c3c1a; 475 --color-button-primary-background-hover: #933819; 476 477 478 --color-button-secondary-text: #ffffff; 479 --color-button-secondary-text-alpha-30: rgba(255, 255, 255, 0.3); 480 --color-button-secondary-background: #293273; 481 --color-button-secondary-background-alpha: rgba(41, 50, 115, 0.6); 482 --color-button-secondary-background-darken-5: #222a60; 483 --color-button-secondary-background-hover: #323d8d; 484 --color-border-button-secondary: #293273; 485 486 487 --color-button-tertiary-text: var(--color-text); 488 --color-button-tertiary-text-alpha-30: rgba(46, 49, 51, 0.3); 489 --color-button-tertiary-text-disabled: var(--color-text-alpha-50); 490 --color-button-tertiary-background: var(--color-background); 491 --color-button-tertiary-background-darken-5: #f2f2f2; 492 --color-border-button-tertiary: var(--color-text-alpha-40); 493 --color-border-button-tertiary-hover: var(--color-text-alpha-80); 494 --color-border-button-tertiary-disabled: var(--color-text-alpha-20); 495 496 497 --color-background-button-fab: #b2441e; 498 --color-foreground-button-fab: #fafafa; 499 --color-foreground-button-fab-alpha-05: rgba(250, 250, 250, 0.05); 500 501 502 --divider-height: 1px; 503 --divider-margin-top: 20px; 504 --divider-margin-bottom: 20px; 505 506 507 --color-border-input: rgba(10, 31, 143, 0.4); 508 --color-text-input: #0A1F8F; 509 --color-text-input-alpha-3: rgba(10, 31, 143, 0.03); 510 --color-text-input-alpha-5: rgba(10, 31, 143, 0.05); 511 --color-text-input-alpha-10: rgba(10, 31, 143, 0.1); 512 --color-background-input: #f7f7f7; 513 514 515 --color-border-input-popups-drawers: rgba(10, 31, 143, 0.4); 516 --color-text-input-popups-drawers: #0A1F8F; 517 --color-text-input-popups-drawers-alpha-5: rgba(10, 31, 143, 0.05); 518 --color-text-input-popups-drawers-alpha-10: rgba(10, 31, 143, 0.1); 519 --color-background-input-popups-drawers: #f7f7f7; 520 521 522 523 --payment-terms-background-color: #f7f7f7; 524 525 526 527 --color-background-sale-badge: #e40e47; 528 --color-text-sale-badge: #ffffff; 529 --color-border-sale-badge: #e40e47; 530 --color-background-sold-badge: #707070; 531 --color-text-sold-badge: #FFFFFF; 532 --color-border-sold-badge: #707070; 533 --color-background-new-badge: #000000; 534 --color-text-new-badge: #ffffff; 535 --color-border-new-badge: #000000; 536 537 538 --color-text-header: #0e1029; 539 --color-text-header-half-transparent: rgba(14, 16, 41, 0.5); 540 --color-background-header: #ffffff; 541 --color-background-header-transparent: rgba(255, 255, 255, 0); 542 --color-shadow-header: rgba(0, 0, 0, 0.15); 543 --color-background-cart-dot: #ffffff; 544 --color-text-cart-dot: #2e3133; 545 --color-background-search-field: #fbfbfb; 546 --color-border-search-field: #ffffff; 547 --color-text-search-field: #2e3133; 548 549 550 551 --color-text-main-menu: #2e3133; 552 --color-background-main-menu: #f5f5f5; 553 554 555 556 --color-background-footer: #ffffff; 557 --color-text-footer: #0A1F8F; 558 --color-text-footer-subdued: rgba(10, 31, 143, 0.7); 559 560 561 562 --color-products-sale-price: #de0f2b; 563 --color-products-sale-price-alpha-05: rgba(222, 15, 43, 0.05); 564 --color-products-rating-star: #eba200; 565 566 567 --color-products-stock-good: #0d944b; 568 --color-products-stock-medium: #b2441e; 569 --color-products-stock-bad: #737373; 570 571 572 --color-free-shipping-bar-below-full: #b2441e; 573 --color-free-shipping-bar-full: #3558b0; 574 575 576 --color-text-popups-drawers: #2e3133; 577 --color-text-popups-drawers-alpha-03: rgba(46, 49, 51, 0.03); 578 --color-text-popups-drawers-alpha-05: rgba(46, 49, 51, 0.05); 579 --color-text-popups-drawers-alpha-10: rgba(46, 49, 51, 0.1); 580 --color-text-popups-drawers-alpha-20: rgba(46, 49, 51, 0.2); 581 --color-text-popups-drawers-alpha-30: rgba(46, 49, 51, 0.3); 582 --color-text-popups-drawers-alpha-60: rgba(46, 49, 51, 0.6); 583 --color-text-popups-drawers-alpha-80: rgba(46, 49, 51, 0.8); 584 --color-text-popups-drawers-no-transparency-alpha-10: #e1e1e2; 585 --color-sale-price-popups-drawers: #b2441e; 586 --color-sale-price-popups-drawers-alpha-05: rgba(178, 68, 30, 0.05); 587 --color-links-popups-drawers: #494c4f; 588 --color-background-popups-drawers: #f5f5f5; 589 --color-background-popups-drawers-alpha-0: rgba(245, 245, 245, 0); 590 --color-background-popups-drawers-alt: #e6e9eb; 591 --color-border-popups-drawers: rgba(46, 49, 51, 0.15); 592 --color-border-popups-drawers-alt: #cad0d4; 593 594 595 596 597 598 599 --font-logo: "BrandonGrotesque", sans-serif; 600 --font-logo-weight: 400; 601 --font-logo-style: normal; 602 603 --logo-letter-spacing: 0.0em; 604 605 --logo-font-size: 606clamp(1.5rem, 1.25rem + 0.8333vw, 1.875rem) 607; 608 609 610 --line-height-heading: 1.15; 611 --line-height-subheading: 1.30; 612 --font-heading: "BrandonGrotesque", sans-serif; 613 --font-heading-weight: 400; 614 --font-heading-bold-weight: bold; 615 --font-heading-style: normal; 616 --font-heading-base-size: 42px; 617 618 619 620 621 --font-size-heading-display-1: 622clamp(3.15rem, 2.625rem + 1.75vw, 3.9375rem) 623; 624 --font-size-heading-display-2: 625clamp(2.7993rem, 2.3328rem + 1.5551vw, 3.4991rem) 626; 627 --font-size-heading-display-3: 628clamp(2.4499rem, 2.0416rem + 1.3609vw, 3.0623rem) 629; 630 --font-size-heading-1-base: 631clamp(2.1rem, 1.75rem + 1.1667vw, 2.625rem) 632; 633 --font-size-heading-2-base: 634clamp(1.8375rem, 1.5312rem + 1.0209vw, 2.2969rem) 635; 636 --font-size-heading-3-base: 637clamp(1.6275rem, 1.3562rem + 0.9042vw, 2.0344rem) 638; 639 --font-size-heading-4-base: 640clamp(1.365rem, 1.1375rem + 0.7584vw, 1.7063rem) 641; 642 --font-size-heading-5-base: 643clamp(1.155rem, 0.9625rem + 0.6418vw, 1.4438rem) 644; 645 --font-size-heading-6-base: 646clamp(1.05rem, 0.875rem + 0.5833vw, 1.3125rem) 647; 648 649 650 --line-height-body: 1.5; 651 --font-body: "TT Norms Pro", sans-serif; 652 --font-body-weight: 400; 653 --font-body-style: normal; 654 --font-body-italic: italic; 655 --font-body-bold-weight: bold; 656 --font-body-base-size: 15px; 657 658 659 660 --font-size-body-400: 661clamp(1.4057rem, 1.3016rem + 0.3471vw, 1.5619rem) 662; 663 --font-size-body-350:
664clamp(1.312rem, 1.2148rem + 0.324vw, 1.4578rem) 665; 666 --font-size-body-300: 667clamp(1.2184rem, 1.1281rem + 0.3009vw, 1.3538rem) 668; 669 --font-size-body-250: 670clamp(1.1247rem, 1.0414rem + 0.2778vw, 1.2497rem) 671; 672 --font-size-body-200: 673clamp(1.0311rem, 0.9548rem + 0.2544vw, 1.1456rem) 674; 675 --font-size-body-150: 676clamp(0.9374rem, 0.8679rem + 0.2316vw, 1.0416rem) 677; 678 --font-size-body-100: 679clamp(0.8438rem, 0.7813rem + 0.2082vw, 0.9375rem) 680; 681 --font-size-body-75: 682clamp(0.7493rem, 0.6938rem + 0.1849vw, 0.8325rem) 683; 684 --font-size-body-60: 685clamp(0.7708rem, 0.7708rem + 0.0vw, 0.7708rem) 686; 687 --font-size-body-50: 688clamp(0.7284rem, 0.7284rem + 0.0vw, 0.7284rem) 689; 690 --font-size-body-25: 691clamp(0.6769rem, 0.6769rem + 0.0vw, 0.6769rem) 692; 693 --font-size-body-20: 694clamp(0.6244rem, 0.6244rem + 0.0vw, 0.6244rem) 695; 696 697 698 699 --font-size-navigation-base: 14px; 700 701 702 703 --font-navigation: var(--font-heading); 704 705 --font-weight-navigation: var(--font-heading-bold-weight); 706 707 708 709 --font-navigation-base-text-transform: uppercase; 710 --font-navigation-base-letter-spacing: 0.04em; 711 712 713 714 715 --line-height-button: 1.4; 716 717 718 719 --font-button-text-transform: uppercase; 720 721 --font-size-button: 722clamp(0.7847rem, 0.7266rem + 0.1938vw, 0.8719rem) 723; 724 --font-size-button-small: 725clamp(0.6968rem, 0.6452rem + 0.172vw, 0.7742rem) 726; 727 --font-size-button-x-small: 728clamp(0.6968rem, 0.6452rem + 0.172vw, 0.7742rem) 729; 730 731 732 733 --font-weight-text-button: var(--font-body-weight); 734 735 736 --font-button: var(--font-heading); 737 738 739 740 --font-weight-button: var(--font-heading-bold-weight); 741 742 743 744 745 746 --font-button-letter-spacing: 0.04em; 747 748 749 750 751 752 753 --font-product-listing-title: var(--font-heading); 754 755 756 757 758 --font-product-listing-title-text-transform: uppercase; 759 --font-product-listing-title-letter-spacing: 0.04em; 760 --font-size-product-listing-title: 761clamp(0.9416rem, 0.8718rem + 0.2327vw, 1.0463rem) 762; 763 764 765 766 767 768 769 --font-product-badge: var(--font-heading); 770 771 772 773 --font-weight-badge: var(--font-heading-bold-weight); 774 775 776 777 778 779 --font-product-badge-text-transform: uppercase; 780 --font-size-product-badge: var(--font-size-body-25); 781 782 783 --font-product-badge-letter-spacing: 0.04em; 784 785 786 787 788 --font-product-price: var(--font-body); 789 790 791 792 --font-weight-product-price: var(--font-body-bold-weight); 793 794 795 } 796 797 798 @supports not (font-size: clamp(10px, 3.3vw, 20px)) { 799 :root { 800 --logo-font-size: 8011.6875rem 802; 803 804 --font-size-heading-display-1: 8053.5438rem 806; 807 --font-size-heading-display-2: 8083.1492rem 809; 810 --font-size-heading-display-3: 8112.7561rem 812; 813 --font-size-heading-1-base: 8142.3625rem 815; 816 --font-size-heading-2-base: 8172.0672rem 818; 819 --font-size-heading-3-base: 8201.8309rem 821; 822 --font-size-heading-4-base: 8231.5356rem 824; 825 --font-size-heading-5-base: 8261.2994rem 827; 828 --font-size-heading-6-base: 8291.1813rem 830; 831 832 --font-size-body-400: 8331.4838rem 834; 835 --font-size-body-350: 8361.3849rem 837; 838 --font-size-body-300: 8391.2861rem 840; 841 --font-size-body-250: 8421.1872rem 843; 844 --font-size-body-200: 8451.0883rem 846; 847 --font-size-body-150: 8480.9895rem 849; 850 --font-size-body-100: 8510.8906rem 852; 853 --font-size-body-75: 8540.7909rem 855; 856 --font-size-body-60: 8570.7708rem 858; 859 --font-size-body-50: 8600.7284rem 861; 862 --font-size-body-25: 8630.6769rem 864; 865 --font-size-body-20: 8660.6244rem 867; 868 869 870 --font-size-button: 8710.8283rem 872; 873 --font-size-button-small: 8740.7355rem 875; 876 --font-size-button-x-small: 8770.7355rem 878; 879 880 881 882 --font-size-product-listing-title: 8830.9939rem 884; 885 886 } 887 } 888 889 890 .product-badge[data-handle="ships-fast"] .product-badge__inner{color: #ffffff; background-color: #4D9C4C; border-color: #4D9C4C;}.product-badge[data-handle="best-seller"] .product-badge__inner{color: #ffffff; background-color: #7f5fca; border-color: #7f5fca;}.product-badge[data-handle="clearance"] .product-badge__inner,.product-badge[data-handle="deal"] .product-badge__inner{color: #da0000; background-color: #ffffff; border-color: #ffffff;}</style> 891 892
892<script src="//www.nativecos.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer></script>
892<script> 893 flu = window.flu || {}; 894 flu.chunks = { 895 photoswipe: "//www.nativecos.com/cdn/shop/t/1755/assets/photoswipe-chunk.js?v=17330699505520629161790803677", 896 nouislider: "//www.nativecos.com/cdn/shop/t/1755/assets/nouislider-chunk.js?v=131351027671466727271790803677", 897 polyfillInert: "//www.nativecos.com/cdn/shop/t/1755/assets/polyfill-inert-chunk.js?v=9775187524458939151790803677", 898 polyfillResizeObserver: "//www.nativecos.com/cdn/shop/t/1755/assets/polyfill-resize-observer-chunk.js?v=49253094118087005231790803677", 899 }; 900</script>
900 901 902 903 904 905 906
906<script type="module" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-theme.min.js?v=74154890189941090341790804789"></script>
906 907 908 909 910 911 912 913 914 915 916
916<script src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-events.js?v=161749928821946886311790803677" defer></script>
916 917 918 919 920 921 922
923<script src="//www.nativecos.com/cdn/shop/t/1755/assets/variant-grid-selector.js?v=34944116449477971741790803677" defer></script>
923 924 925<meta name="viewport" content="width=device-width,initial-scale=1">
926<script defer> 927 var defineVH = function () { 928 document.documentElement.style.setProperty('--vh', window.innerHeight * 0.01 + 'px'); 929 }; 930 window.addEventListener('resize', defineVH); 931 window.addEventListener('orientationchange', defineVH); 932 defineVH(); 933</script>
vendor: 2 bytes, line 933
933
934<script> 935 document.addEventListener('click', function (event) { 936 var trigger = event.target.closest('[data-product-item-scent-options]'); 937 if (!trigger) { 938 return; 939 } 940 941 event.preventDefault(); 942 event.stopPropagation(); 943 944 var productItem = trigger.closest('.product-item'); 945 if (!productItem) { 946 var destination = trigger.dataset.productUrl; 947 if (destination) { 948 window.location.href = destination; 949 } 950 return; 951 } 952 953 var quickAddButton = productItem.querySelector('.product-item__quick-add'); 954 955 if (quickAddButton) { 956 quickAddButton.click(); 957 return; 958 } 959 960 var destination = trigger.dataset.productUrl || (productItem.dataset ? productItem.dataset.url : null); 961 962 if (destination) { 963 window.location.href = destination; 964 } 965 }); 966</script>
966 967 968<link href="//www.nativecos.com/cdn/shop/t/1755/assets/theme.css?v=51110508633388856121790803677" rel="stylesheet" type="text/css" media="all" /> 969 970 971 <link href="//www.nativecos.com/cdn/shop/t/1755/assets/tailwind-output.css?v=181686310431355948921790804791" rel="stylesheet" type="text/css" media="all" />�� 972�
973<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/VoJEkxbe5TB_o3oxQRYCvw" async></script>
973 974 975
976<script type="text/plain" class="optanon-category-4"> 977 var CRL8_SITENAME = 'nativeenus-rvozez'; 978 !(function () { 979 var e = (window.crl8 = window.crl8 || {}), 980 n = !1, 981 i = []; 982 (e.ready = function (e) { 983 n ? e() : i.push(e); 984 }), 985 (e.pixel = 986 e.pixel || 987 function () { 988 e.pixel.q.push(arguments); 989 }), 990 (e.pixel.q = e.pixel.q || []); 991 var t = window.document, 992 o = t.createElement('script'), 993 c = e.debug || -1 !== t.location.search.indexOf('crl8-debug=true') ? 'js' : 'min.js'; 994 (o.async = !0), 995 (o.src = t.location.protocol + '//edge.curalate.com/sites/' + CRL8_SITENAME + '/site/latest/site.' + c), 996 (o.onload = function () { 997 (n = !0), 998 i.forEach(function (e) { 999 e(); 1000 }); 1001 }); 1002 var r = t.getElementsByTagName('script')[0]; 1003 r.parentNode.insertBefore(o, r.nextSibling); 1004 })(); 1005</script>
1005 1006 1007
1008<script src="//www.nativecos.com/cdn/shop/t/1755/assets/onetrust.js?v=118597321423921072141790803677" async></script>
vendor: 2 bytes, line 1008
1008
1009<script src="//www.nativecos.com/cdn/shop/t/1755/assets/consent-scripts.js?v=58146861767383510311790803677" async></script>
1009 1010
1011<script src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-patches.js?v=102488097809704150821790803677" async></script>
1011 1012 1013 <!-- PG - DataLayer -->
1014<script type="text/javascript"> 1015 (function () { 1016 window.PGdataLayer = window.PGdataLayer || []; 1017 1018 window.PGdataLayer = { 1019 GTM: { 1020 SiteLocale: 'en-us', 1021 SiteTouchpoint: '33355', 1022 SiteCountry: 'US', 1023 SiteBrand: 'Native', 1024 SiteLanguage: 'EN', 1025 SitePlatform: 'nativecos.com', 1026 SiteEnvironment: 'Prod', 1027 SiteHost: 'Shopify', 1028 SiteTechnicalAgency: 'BairesDev', 1029 SiteStatus: 'Live', 1030 GoogleAnalyticsLocal: 'UA-65293269-1', 1031 ConsentOverlay: 'OneTrust', 1032 ConsentOverlayID: '018e0ec1-dc57-7348-9fb4-8bb64cfe88d4', 1033 SitePrivacyProtection: 'CCPA', 1034 FacebookRemarketingID: '907412775995865', 1035 GoogleAnalyticsGA4MeasurementID: 'G-DCDTF7LNWE', 1036 GoogleAnalyticsSiteSpeedSampleRate: 'high', 1037 GoogleAnalyticsAllowLinker: 'true', 1038 GoogleAnalyticsLinkerDomains: 'nativecos.com', 1039 GoogleAnalyticsOptimizeContainerID: 'GTM-KKND4LN', 1040 GoogleAnalyticsReportingView: '14422435', 1041 GoogleReCaptcha: 'true', 1042 Rudderstack: '2wLZvPSLUf9ydPPx8BYXIfnNUO4', 1043 }, 1044 user: { 1045 sourceID: 14825, 1046 marketingProgramNbr: 560, 1047 }, 1048 }; 1049 1050 var template = 'customers/login'; 1051 PGdataLayer.content = { 1052 type: 'customers/login', 1053 }; 1054 })(); 1055</script>
1055 1056 1057 <!-- Rebuy Script tag --> 1058<link rel="preconnect" href="https://rebuyengine.com" crossorigin> 1059<link rel="preconnect" href="https://cdn.rebuyengine.com" crossorigin> 1060<link rel="preconnect" href="https://cached.rebuyengine.com" crossorigin>
1061<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=native-deodorant.myshopify.com"></script>
1061 1062 �
1062<script id="variants-metafields-json" type="application/json">{ "product": { "handle":null, "title":null, "breadcrumb": { "name": null, "url": null } }, "default": { "meta_title":"Login to Your Native Account | Manage Orders \u0026 More | Native", "meta_description":""},}</script>
1062 1063 � 1064 1065
1065<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1065<meta name="google-site-verification" content="CWN4coa7q1M89TMdyGzqG1n9wKk8cML0-7t3mhJT8E4"> 1066<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/13619483/digital_wallets/dialog"> 1067<meta id="in-context-paypal-metadata" data-shop-id="13619483" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1068<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1068<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3799351470"></script>
1068 1069<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1070<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3799351470&shop_id=13619483" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1070
1070
1071<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":13619483,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/13619483","merchantName":"Native","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Native","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1071
1071
1072<script id="shopify-features" type="application/json">{"accessToken":"5817be877c6e9e3087e6295c54486a5b","betas":["rich-media-storefront-analytics"],"domain":"www.nativecos.com","predictiveSearch":true,"shopId":13619483,"locale":"en"}</script>
vendor: 1 bytes, line 1072
1072
1073<script>var Shopify = Shopify || {}; 1074Shopify.shop = "native-deodorant.myshopify.com"; 1075Shopify.locale = "en"; 1076Shopify.currency = {"active":"USD","rate":"1.0"}; 1077Shopify.country = "US"; 1078Shopify.theme = {"name":"[PRD] Holiday 2026 Launch+3234","id":188123185326,"schema_name":"Cornerstone","schema_version":"4.1.0","theme_store_id":null,"role":"main"}; 1079Shopify.theme.handle = "null"; 1080Shopify.theme.style = {"id":null,"handle":null}; 1081Shopify.cdnHost = "www.nativecos.com/cdn"; 1082Shopify.routes = Shopify.routes || {}; 1083Shopify.routes.root = "/"; 1084Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1085Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1086Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1087Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1087
1087
1088<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1088
1088
1089<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 1089
1089
1090<script> 1091 window.ShopifyPay = window.ShopifyPay || {}; 1092 window.ShopifyPay.apiHost = "shop.app\/pay"; 1093 window.ShopifyPay.redirectState = null; 1094</script>
vendor: 1 bytes, line 1094
1094
1095<script> 1096 window.Shopify = window.Shopify || {}; 1097 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1098 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1099 window.Shopify.SignInWithShop.eligible = true; 1100</script>
vendor: 1 bytes, line 1100
1100
1101<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 1101
1101
1102<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 1102
1102
1103<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 1103
1103
1104<script type="module"> 1105 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 1106await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 1107 1108 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 1109window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 1110 1111</script>
vendor: 1 bytes, line 1111
1111
1112<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 1112
1112
1113<script type="module"> 1114 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1115 1116 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1117 1118</script>
vendor: 1 bytes, line 1118
1118
1119<script> 1120 window.Shopify = window.Shopify || {}; 1121 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1122 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"]}; 1123</script>
vendor: 1 bytes, line 1123
1123
1124<script>(function() { 1125 var isLoaded = false; 1126 function asyncLoad() { 1127 if (isLoaded) return; 1128 isLoaded = true; 1129 var urls = ["https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=native-deodorant.myshopify.com","https:\/\/app.electricsms.com\/cart-widget\/widget.min.js?shop=native-deodorant.myshopify.com","","\/\/cdn.shopify.com\/proxy\/6268c027b94b4c9d4691724859ad4a1183ac115d1f047b8d0400ddd1f65f97a1\/apps.bazaarvoice.com\/deployments\/native-en_us\/main_site\/production\/en_US\/bv.js?shop=native-deodorant.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=native-deodorant.myshopify.com",""]; 1130 for (var i = 0; i < urls.length; i++) { 1131 var s = document.createElement('script'); 1132 s.type = 'text/javascript'; 1133 s.async = true; 1134 s.src = urls[i]; 1135 var x = document.getElementsByTagName('script')[0]; 1136 x.parentNode.insertBefore(s, x); 1137 } 1138 }; 1139 if(window.attachEvent) { 1140 window.attachEvent('onload', asyncLoad); 1141 } else { 1142 window.addEventListener('load', asyncLoad, false); 1143 } 1144})();</script>
vendor: 1 bytes, line 1144
1144
1145<script id="__st">var __st={"a":13619483,"offset":-25200,"reqid":"5d6278d7-5c6d-4fe9-96f8-fd89fc333af5-1790935670","pageurl":"www.nativecos.com\/account\/login","u":"6989ea2c11ed"};</script>
vendor: 1 bytes, line 1145
1145
1146<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1146
1146
1147<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 1147
1147
1148<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.nativecos.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1148
1148
1149<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.nativecos.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>
1149<script crossorigin="anonymous" defer="defer" src="//www.nativecos.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1149
1149
1150<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 1150
1150
1151<script> 1152 window.Shopify = window.Shopify || {}; 1153 window.Shopify.MCP = window.Shopify.MCP || {}; 1154 window.Shopify.MCP.enabled = true; 1155 window.Shopify.MCP.shop = "native-deodorant.myshopify.com"; 1156 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.nativecos.com\/api\/mcp"; 1157 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 1158</script>
vendor: 1 bytes, line 1158
1158
1159<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.nativecos.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1160</script>
vendor: 1 bytes, line 1160
1160
1161<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.nativecos.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1162</script>
vendor: 1 bytes, line 1162
1162
1163<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1164 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); 1165</script>
vendor: 1 bytes, line 1165
1165
1166<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})}})); 1167</script>
1167 1168<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.nativecos.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1169<style id="shopify-accelerated-checkout-cart"> 1170 #shopify-buyer-consent { 1171 margin-top: 1em; 1172 display: inline-block; 1173 width: 100%; 1174} 1175 1176#shopify-buyer-consent.hidden { 1177 display: none; 1178} 1179 1180#shopify-subscription-policy-button { 1181 background: none; 1182 border: none; 1183 padding: 0; 1184 text-decoration: underline; 1185 font-size: inherit; 1186 cursor: pointer; 1187} 1188 1189#shopify-subscription-policy-button::before { 1190 box-shadow: none; 1191} 1192 1193 </style> 1194<link rel="stylesheet" media="screen" href="//www.nativecos.com/cdn/shop/t/1755/compiled_assets/styles.css?v=167184798106977724591790803677">
1195<script id="sections-script" data-sections="main-customer-login" defer="defer" src="//www.nativecos.com/cdn/shop/t/1755/compiled_assets/scripts.js?v=41105424961473175131790803677"></script>
vendor: 1 bytes, line 1195
1195
1196<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1196 1197 1198 <!-- BEGIN app block: shopify://apps/ab-tasty/blocks/abtasty-tag/50439cd8-89e0-4240-838a-2948c07c763d --> 1199 1200
1200<script 1201 type="text/javascript" 1202 src="https://try.abtasty.com/69c0b1fe9f6075cc6459517a4870b25c.js" 1203 async 1204 ></script>
1204 1205 1206
1206<script type="text/javascript"> 1207 // This waits for all the external ressources (including ABTasty tag) to load before executing the callback function. 1208 window.addEventListener('load', function () { 1209 if(!window.ABTasty) { 1210 // AB Tasty tag is not loaded so exit. 1211 return 1212 } 1213 1214 if (window.ABTasty.eventState?.['consentValid']?.status === 'complete') { 1215 updateShopifyDataForWebPixel(); 1216 } else { 1217 window.addEventListener('abtasty_consentValid', () => { 1218 updateShopifyDataForWebPixel(); 1219 }); 1220 } 1221 1222 1223 async function waitForVisitorId(maxRetries = 5, delayMs = 500) { 1224 for (let i = 0; i < maxRetries; i++) { 1225 const visitorId = ABTasty.api.v1.getValue('visitorId') 1226 if (visitorId) { 1227 return visitorId; 1228 } 1229 await new Promise(resolve => setTimeout(resolve, delayMs)); 1230 } 1231 return null; 1232 } 1233 1234 1235 async function updateShopifyDataForWebPixel() { 1236 const STORAGE_KEY = 'ABTastyShopify'; 1237 const consentReady = ABTasty.consentReady; 1238 const shouldHandleSubdomain = "false" === "true"; 1239 1240 if(!consentReady) { 1241 if(shouldHandleSubdomain) { 1242 await cookieStore.delete(STORAGE_KEY); 1243 } 1244 return localStorage.removeItem(STORAGE_KEY); 1245 } 1246 1247 const visitorId = await waitForVisitorId(5, 500); 1248 1249 if (!visitorId) { 1250 console.error('[AB Tasty] Unable to get AB Tasty visitorID after 5 retry'); 1251 return; 1252 } 1253 1254 const ABTastyData = { 1255 identifier: "69c0b1fe9f6075cc6459517a4870b25c", 1256 campaigns: ABTasty.getCampaignHistory(), 1257 visitorId: visitorId, 1258 accountId: ABTasty.getAccountSettings().id, 1259 consent: ABTasty.consentReady, 1260 }; 1261 1262 if (shouldHandleSubdomain) { 1263 await cookieStore.set({ 1264 name: STORAGE_KEY, 1265 value: JSON.stringify(ABTastyData), 1266 expires: Date.now() + 1 * 24 * 60 * 60 * 1000, // 1 day 1267 domain: window.location.hostname, 1268 }); 1269 } 1270 localStorage.setItem(STORAGE_KEY, JSON.stringify(ABTastyData)); 1271 } 1272 }); 1273 </script>
1273 1274 1275 1276 1277 1278 1279<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1280<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: 13619483,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};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 1280
1280
1281<script> 1282 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1283</script>
vendor: 1 bytes, line 1283
1283
1284<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}
1284).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: 13619483,storefrontBaseUrl: "https://www.nativecos.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.nativecos.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2790523054","configuration":"{\"isUserEvents\":\"enabled\",\"isSavePromiseDate\":\"enabled\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d0a6deccdda72f2ea2eba90a96ee634","type":"APP","apiClientId":1461275,"privacyPurposes":["ANALYTICS","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1284,"dataSharingState":"unrestricted"},{"id":"1922236590","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":3977633,"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":"1883177134","configuration":"{\"pixelCode\":\"D6G90NBC77UFIQG1NEL0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1493565614","configuration":"{\"cart_viewed\":\"true\",\"checkout_address_info_submitted\":\"true\",\"checkout_completed\":\"true\",\"checkout_contact_info_submitted\":\"true\",\"checkout_shipping_info_submitted\":\"true\",\"checkout_started\":\"true\",\"collection_viewed\":\"true\",\"page_viewed\":\"true\",\"payment_info_submitted\":\"true\",\"product_added_to_cart\":\"true\",\"product_removed_from_cart\":\"true\",\"product_viewed\":\"true\",\"search_submitted\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4b912d4db8d67578541bfae8b70a40a9","type":"APP","apiClientId":100317265921,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"751599790","configuration":"{\"store_id\":\"6678\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"495747246","configuration":"{\"tagID\":\"2613612774603\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"298254510","configuration":"{\"pixelId\":\"a6a697fd-9d8e-40d3-8c5a-0d18d81d8602\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"94568622","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"99","type":"CUSTOM","privacyPurposes":[],"name":"GTM Pixel"},{"id":"114458798","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":[],"name":"TDD Pixel"},{"id":"114786478","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel "},{"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":"Native","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"native-deodorant.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.nativecos.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8948217708718","handle":"hand-soap","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47290862436526","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.nativecos.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"188123185326","themePublished":"true","eventMetadataId":"43e37bb1-6db8-4e3d-902e-54235762936c","shopId":"13619483","storefrontBaseUrl":"https:\/\/www.nativecos.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1284<script> 1285 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1286 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1287 window.ShopifyAnalytics.meta.currency = 'USD'; 1288 var meta = {"page":{"requestId":"5d6278d7-5c6d-4fe9-96f8-fd89fc333af5-1790935670"}}; 1289 for (var attr in meta) { 1290 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1291 } 1292</script>
vendor: 1 bytes, line 1292
1292
1293<script class="analytics"> 1294 (function () { 1295 var customDocumentWrite = function(content) { 1296 var jquery = null; 1297 1298 if (window.jQuery) { 1299 jquery = window.jQuery; 1300 } else if (window.Checkout && window.Checkout.$) { 1301 jquery = window.Checkout.$; 1302 } 1303 1304 if (jquery) { 1305 jquery('body').append(content); 1306 } 1307 }; 1308 1309 var hasLoggedConversion = function(token) { 1310 if (token) { 1311 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1312 } 1313 return false; 1314 } 1315 1316 var setCookieIfConversion = function(token) { 1317 if (token) { 1318 var twoMonthsFromNow = new Date(Date.now()); 1319 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1320 1321 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1322 } 1323 } 1324 1325 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1326 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1327 if (trekkie.integrations) { 1328 return; 1329 } 1330 trekkie.methods = [ 1331 'identify', 1332 'page', 1333 'ready', 1334 'track', 1335 'trackForm', 1336 'trackLink' 1337 ]; 1338 trekkie.factory = function(method) { 1339 return function() { 1340 var args = Array.prototype.slice.call(arguments); 1341 args.unshift(method); 1342 trekkie.push(args); 1343 if (method == 'track' || method == 'page') { 1344 var pageUrl; 1345 try { 1346 pageUrl = window.location.href; 1347 } catch (e) {} 1348 var pageReferrer; 1349 try { 1350 pageReferrer = document.referrer; 1351 } catch (e) {} 1352 try { 1353 if (window.__TREKKIE_SHIM_QUEUE == null) { 1354 window.__TREKKIE_SHIM_QUEUE = []; 1355 } 1356 window.__TREKKIE_SHIM_QUEUE.push({ 1357 from: 'trekkie-stub', 1358 method: method, 1359 args: args.slice(1), 1360 pageContext: { 1361 url: pageUrl, 1362 referrer: pageReferrer 1363 } 1364 }); 1365 } catch (e) { 1366 // no-op 1367 } 1368 } 1369 return trekkie; 1370 }; 1371 }; 1372 for (var i = 0; i < trekkie.methods.length; i++) { 1373 var key = trekkie.methods[i]; 1374 trekkie[key] = trekkie.factory(key); 1375 } 1376 trekkie.load = function(config) { 1377 trekkie.config = config || {}; 1378 trekkie.config.initialDocumentCookie = document.cookie; 1379 var first = document.getElementsByTagName('script')[0]; 1380var script = document.createElement('script'); 1381script.type = 'text/javascript'; 1382script.onerror = function(e) { 1383 var scriptFallback = document.createElement('script'); 1384 scriptFallback.type = 'text/javascript'; 1385 scriptFallback.onerror = function(error) { 1386 var Monorail = { 1387 produce: function produce(monorailDomain, schemaId, payload) { 1388 var currentMs = new Date().getTime(); 1389 var event = { 1390 schema_id: schemaId, 1391 payload: payload, 1392 metadata: { 1393 event_created_at_ms: currentMs, 1394 event_sent_at_ms: currentMs 1395 } 1396 }; 1397 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1398 }, 1399 sendRequest: function sendRequest(endpointUrl, payload) { 1400 // Try the sendBeacon API 1401 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1402 var blobData = new window.Blob([payload], { 1403 type: 'text/plain' 1404 }); 1405 1406 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1407 return true; 1408 } // sendBeacon was not successful 1409 1410 } // XHR beacon 1411 1412 var xhr = new XMLHttpRequest(); 1413 1414 try { 1415 xhr.open('POST', endpointUrl); 1416 xhr.setRequestHeader('Content-Type', 'text/plain'); 1417 xhr.send(payload); 1418 } catch (e) { 1419 console.log(e); 1420 } 1421 1422 return false; 1423 }, 1424 isIos12: function isIos12() { 1425 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1426 } 1427 }; 1428 Monorail.produce('monorail-edge.shopifysvc.com', 1429 'trekkie_storefront_load_errors/1.1', 1430 {shop_id: 13619483, 1431 theme_id: 188123185326, 1432 app_name: "storefront", 1433 context_url: window.location.href, 1434 source_url: "//www.nativecos.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1435 1436 }; 1437 scriptFallback.async = true; 1438 scriptFallback.src = '//www.nativecos.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1439 first.parentNode.insertBefore(scriptFallback, first); 1440}; 1441script.async = true; 1442script.src = '//www.nativecos.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1443first.parentNode.insertBefore(script, first); 1444 1445 }; 1446 trekkie.load( 1447 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":13619483,"isMerchantRequest":null,"themeId":188123185326,"themeCityHash":"12585809099644664453","contentLanguage":"en","currency":"USD","eventMetadataId":"43e37bb1-6db8-4e3d-902e-54235762936c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1448 ); 1449 1450 var loaded = false;
1451 trekkie.ready(function() { 1452 if (loaded) return; 1453 loaded = true; 1454 1455 window.ShopifyAnalytics.lib = window.trekkie; 1456 1457 var originalDocumentWrite = document.write; 1458 document.write = customDocumentWrite; 1459 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1460 document.write = originalDocumentWrite; 1461 1462 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1463 var token = match? match[1]: undefined; 1464 if (!hasLoggedConversion(token)) { 1465 setCookieIfConversion(token); 1466 1467 } 1468 }); 1469 1470 window.ShopifyAnalytics.lib.page(null,{"requestId":"5d6278d7-5c6d-4fe9-96f8-fd89fc333af5-1790935670","shopifyEmitted":true}); 1471 1472 var eventsListenerScript = document.createElement('script'); 1473 eventsListenerScript.async = true; 1474 eventsListenerScript.src = "//www.nativecos.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1475 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1476})();</script>
vendor: 1 bytes, line 1476
1476
1477<script 1478 defer 1479 src="https://www.nativecos.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1480 data-application="storefront-renderer" 1481 data-shop-id="13619483" 1482 data-render-region="gcp-us-east1" 1483 data-page-type="customers/login" 1484 data-theme-instance-id="188123185326" 1485 data-theme-name="Cornerstone" 1486 data-theme-version="4.1.0" 1487 data-monorail-region="shop_domain" 1488 data-resource-timing-sampling-rate="10" 1489 data-shs="true" 1490 data-shs-beacon="true" 1491 data-shs-export-with-fetch="true" 1492 data-shs-logs-sample-rate="1" 1493 data-shs-beacon-endpoint="https://www.nativecos.com/api/collect" 1494></script>
1494 1495<meta name="shopify-y" content="56089487-e9ef-4628-b6c2-68bb069717aa" data-expiration="1822493270000"><meta name="shopify-s" content="fce032b7-67b5-49c4-b1d9-4921a66ca252" data-expiration="1790937470000"><meta name="new-cookie-storage-activated" content="t"> 1496</head> 1497 1498 <body class="template-customers-login template-customers/login"> 1499 1500 1501 �<div class="page"> 1502 1503 1504 <div class="theme-editor-scroll-offset"></div> 1505 1506 <div class="header__space" data-header-space></div> 1507 <!-- BEGIN sections: header-group --> 1508<div id="shopify-section-sections--27654664126638__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-wrapper"><div 1509 class=" 1510 announcement-bar 1511 1512 1513 " 1514 data-section-id="sections--27654664126638__announcement-bar" 1515 data-scroller-id="announcement-bar-sections--27654664126638__announcement-bar" 1516 data-section-type="announcement-bar" 1517 data-item-count="3" 1518 style=" 1519 --color-background: #0A1F8F; 1520 --color-gradient-overlay: #0a1f8f; 1521 --color-gradient-overlay-transparent: rgba(10, 31, 143, 0); 1522 --color-text: #ffffff; 1523 --color-border: rgba(255, 255, 255, 0.3) 1524 " 1525 > 1526 <div class="announcement-bar__inner"><div class="announcement-bar__links" data-navigation> 1527 <ul class="navigation__links-list fs-body-50"> 1528 <li 1529 1530 > 1531 <a 1532 href="/pages/scent-quiz" 1533 class="" 1534 data-link 1535 1536 > 1537 <span class="link-hover"> 1538 Take Our Scent Quiz 1539 </span> 1540 </a> 1541 </li><li 1542 1543 > 1544 <a 1545 href="/pages/rewards" 1546 class="" 1547 data-link 1548 1549 > 1550 <span class="link-hover"> 1551 Rewards 1552 </span> 1553 </a> 1554 </li><li 1555 1556 > 1557 <a 1558 href="/pages/contact-us" 1559 class="" 1560 data-link 1561 1562 > 1563 <span class="link-hover"> 1564 Help 1565 </span> 1566 </a> 1567 </li> 1568</ul> 1569 1570 </div><div class="announcement-bar__announcements-wrapper"> 1571 1572 <div 1573 class="announcement-bar__nav-button-wrapper announcement-bar__nav-button-wrapper--prev" 1574 > 1575 <button 1576 type="button" 1577 class="announcement-bar__nav-button announcement-bar__nav-button--prev" 1578 title="Previous slide" 1579 data-scroll-slider-prev-button 1580 name="prev" 1581 style=" 1582 --icon-width: 10px; 1583 --icon-height: 10px; 1584 " 1585 > 1586 1587<span class="icon icon-chevron-v2 " style="" > 1588 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 1589</span> 1590 1591 </button> 1592 </div> 1593 � 1594
1594<script src="//www.nativecos.com/cdn/shop/t/1755/assets/scroll-slider.js?v=125647406178824305551790803677" type="module"></script>
1594 1595 1596 1597 1598 1599 � 1600
1600<script src="//www.nativecos.com/cdn/shop/t/1755/assets/slideshow.js?v=6014208066395939321790803677" type="module"></script>
1600 1601 1602 1603 1604 1605<slideshow-component 1606 class="scroll-slider scroll-slider--full-width-below-720 scroll-all-sizes" 1607 style="--columns: 1; --peek: 0px; --gap: 20px;" 1608 data-id="announcement-bar-sections--27654664126638__announcement-bar" 1609 data-navigation-container=".announcement-bar" 1610 data-autoplay="true" 1611 data-autoplay-delay="4000" 1612 data-autoplay-pause-on-hover="true" 1613 1614 data-is-slideshow="true" 1615 1616> 1617 <div class="scroll-slider__slider announcement-bar__announcements"> 1618 <div 1619 class="announcement-bar__item ff-body fs-body-60" 1620 1621 1622 data-index="0" 1623 ><div class="announcement-bar__item-inner"> 1624 1625 1626 1627 1628<a href="/collections/shop-all" >FREE SHIPPING ON ORDERS $15+</a> 1629 1630 1631 1632 1633 1634 <div 1635 class="announcement-bar-modal" 1636 id="announcement-modal-content-0" 1637 > 1638 <div class="announcement-bar-modal__content"> 1639 1640 1641 <div class="announcement-bar-modal__text"> 1642 <p>Add your information popup content here</p> 1643 </div> 1644 </div> 1645 </div> 1646 1647 </div> 1648 </div><div 1649 class="announcement-bar__item ff-body fs-body-60" 1650 1651 inert 1652 1653 1654 data-index="1" 1655 ><div class="announcement-bar__item-inner"> 1656 1657 1658 1659 1660<a href="/collections/shop-all" >FREE GIFT ON ORDERS $35+</a> 1661 1662 1663 1664 1665 1666 <div 1667 class="announcement-bar-modal" 1668 id="announcement-modal-content-1" 1669 > 1670 <div class="announcement-bar-modal__content"> 1671 1672 1673 <div class="announcement-bar-modal__text"> 1674 <p>Add your information popup content here</p> 1675 </div> 1676 </div> 1677 </div> 1678 1679 </div> 1680 </div><div 1681 class="announcement-bar__item ff-body fs-body-60" 1682 1683 inert 1684 1685 1686 data-index="2" 1687 ><div class="announcement-bar__item-inner"> 1688 1689 1690 1691 1692<a href="/collections/shop-all" >FREE GIFT ON ORDERS $55+</a> 1693 1694 1695 1696 1697 1698 <div 1699 class="announcement-bar-modal" 1700 id="announcement-modal-content-2" 1701 > 1702 <div class="announcement-bar-modal__content"> 1703 1704 1705 <div class="announcement-bar-modal__text"> 1706 <p>Add your information popup content here</p> 1707 </div> 1708 </div> 1709 </div> 1710 1711 </div> 1712 </div> 1713 </div> 1714</slideshow-component> 1715 1716 <div 1717 class="announcement-bar__nav-button-wrapper announcement-bar__nav-button-wrapper--next" 1718 > 1719 <button 1720 type="button" 1721 class="announcement-bar__nav-button announcement-bar__nav-button--next" 1722 title="Next slide" 1723 data-scroll-slider-next-button 1724 name="next" 1725 style=" 1726 --icon-width: 10px; 1727 --icon-height: 10px; 1728 " 1729 > 1730 1731<span class="icon icon-chevron-v2 " style="" > 1732 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 1733</span> 1734 1735 </button> 1736 </div> 1737 </div></div> 1738 </div> 1739<style>
1739 #shopify-section-sections--27654664126638__announcement-bar .announcement-bar__announcements-wrapper .scroll-slider {min-width: 23em;} </style></div><div id="shopify-section-sections--27654664126638__header" class="shopify-section shopify-section-group-header-group header__outer-wrapper">
1739<script> 1740 document.documentElement.classList.add("sticky-header-enabled");</script>
1740 1741 1742��
1742<script defer> 1743 /** 1744 * Close mobile menu on click of any [data-close-mobile-menu]. 1745 * Prefers the theme's event bus; falls back to clicking the built-in close button. 1746 */ 1747 (function () { 1748 function closeViaBus() { 1749 if (typeof window.r$1 === 'function') { 1750 // global emitter used elsewhere in the theme 1751 window.r$1('mobile-menu:close'); // mobile-menu listens for this 1752 return true; 1753 } 1754 return false; 1755 } 1756 1757 document.addEventListener('click', function (e) { 1758 const t = e.target.closest('[data-close-mobile-menu]'); 1759 if (!t) return; 1760 e.preventDefault(); 1761 1762 // 1) Best path: tell the section to run its own close() (handles focus + scroll lock) 1763 if (closeViaBus()) return; 1764 1765 // 2) Fallback: click the themeâs own close button inside [data-mobile-menu] 1766 const mm = document.querySelector('[data-mobile-menu]'); 1767 const btn = mm && mm.querySelector('.mobile-menu-close-button'); 1768 if (btn) btn.click(); 1769 }); 1770 })(); 1771</script>
1771 1772
1773<script> 1774 /** 1775 * Hide main page content from screen readers while a desktop nav submenu/meganav, 1776 * quick search, mobile menu, or cart is open, preventing users from browsing 1777 * outside the open overlay. 1778 * Watches for: 1779 * - `dropdown-active` class on the header element (submenu/meganav) 1780 * - `mobile-menu-open` attribute on <body> (mobile menu) 1781 * - `data-quick-search-open` attribute on <body> (quick search) 1782 * - `rebuy-cart-visible` class on <body> (Rebuy cart) 1783 */ 1784 document.addEventListener('DOMContentLoaded', function () { 1785 var header = document.getElementById('header-section'); 1786 var mainContent = document.getElementById('main'); 1787 var mobileMenu = document.querySelector('[data-mobile-menu]'); 1788 if (!header || !mainContent) return; 1789 1790 function updateMainVisibility() { 1791 var dropdownOpen = header.classList.contains('dropdown-active'); 1792 var mobileMenuOpen = document.body.getAttribute('mobile-menu-open') === 'true'; 1793 var searchOpen = document.body.dataset.quickSearchOpen === 'true'; 1794 var cartOpen = document.body.classList.contains('rebuy-cart-visible'); 1795 if (dropdownOpen || mobileMenuOpen || searchOpen || cartOpen) { 1796 mainContent.setAttribute('aria-hidden', 'true'); 1797 } else { 1798 mainContent.removeAttribute('aria-hidden'); 1799 } 1800 // When mobile menu or desktop nav is open, hide all body children except 1801 // the header (and mobile menu) so screen readers cannot navigate outside 1802 var overlayOpen = mobileMenuOpen || dropdownOpen; 1803 1804 const main = document.querySelector('#main'); 1805 Array.from(main.children).forEach(function (el) { 1806 if (el === header || el === mobileMenu) return; 1807 if (overlayOpen) { 1808 el.setAttribute('aria-hidden', 'true'); 1809 } else { 1810 el.removeAttribute('aria-hidden'); 1811 } 1812 }); 1813 1814 } 1815 1816 var headerObserver = new MutationObserver(updateMainVisibility); 1817 headerObserver.observe(header, { attributes: true, attributeFilter: ['class'] }); 1818 1819 var bodyObserver = new MutationObserver(updateMainVisibility); 1820 bodyObserver.observe(document.body, { 1821 attributes: true, 1822 attributeFilter: ['class', 'data-quick-search-open', 'mobile-menu-open'], 1823 }); 1824 }); 1825</script>
1825 1826 1827
1828<script> 1829 document.addEventListener('DOMContentLoaded', function () { 1830 var cartPanel = document.getElementById('quick-cart-panel'); 1831 if (!cartPanel) return; 1832 1833 function updateCartExpandedState() { 1834 var isOpen = cartPanel.classList.contains('active'); 1835 1836 document.querySelectorAll('#header-section [data-header-cart]').forEach(function (trigger) { 1837 trigger.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 1838 }); 1839 } 1840 1841 updateCartExpandedState(); 1842 1843 var cartObserver = new MutationObserver(updateCartExpandedState); 1844 cartObserver.observe(cartPanel, { attributes: true, attributeFilter: ['class'] }); 1845 }); 1846</script>
1846<header 1847 id="header-section" 1848 class=" 1849 tw:group header header--layout-inline-logo-left-menu-center header--mobile-layout-logo-center-menu-left header--has-logo header--has-accounts header--navigation-is-all-caps 1850 1851 " 1852 data-section-id="sections--27654664126638__header" 1853 data-section-type="header" 1854 1855 data-enable-sticky-header="true" 1856 1857 1858 data-navigation-interaction="hover" 1859 data-navigation-position="inline" 1860 1861 data-is-sticky="true" 1862 1863 data-search-enabled="true" 1864 data-mobile-search-appearance="icon" 1865 data-drop-shadow="none" 1866 style=" 1867 --logo-width: 165px; 1868 --mobile-logo-width: 90px; 1869 --color-text-transparent: #ffffff; 1870 --color-text-featured-link: #d22919; 1871 " 1872> 1873
1873<script type="application/json" data-search-settings> 1874 { 1875 "limit": 8 1876 } 1877 </script>
1877 1878 1879 <a href="#main" class="header__skip-to-content btn btn--primary btn--small" tabindex="1"> 1880 Skip to content 1881 </a> 1882 1883 <div class="header__background-container tw:md:drop-shadow-lg tw:mx-auto tw:py-[7px] tw:md:py-0"> 1884 <div class="header__inner-wrapper tw:max-w-full tw:px-[25px] tw:md:px-[40px]"> 1885 <div class="header__inner"> 1886 <div 1887 class="header__content header__content-desktop three-segment" 1888 > 1889 �<div 1890 class=" 1891 header__content-segment 1892 header__content-segment-desktop 1893 header__content-segment-logo 1894 header__content-segment--left 1895 " 1896 > 1897 <span class="header__logo"> 1898 <a 1899 class="header__logo-link" 1900 href="/" 1901 aria-label="Native" 1902 > 1903 <div class="header__logo-wrapper"> 1904 <div 1905 class="image regular-logo" 1906 style="" 1907 > 1908 <img 1909 alt="" 1910 class="image__img" 1911 1912 fetchpriority="high" 1913 1914 width="333" 1915 height="97" 1916 1917 src="//www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=320" 1918 1919 1920 srcset="//www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=100 100w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=150 150w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=200 200w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=240 240w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=280 280w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=300 300w" 1921 sizes="(max-width: 960px) 90px, 165px" 1922 onload="javascript: this.closest('.image').classList.add('loaded')" 1923/> 1924 1925 </div> 1926 1927 1928 </div> 1929
1930 <span class="header__logo-text">Native</span> 1931 </a> 1932 </span></div> 1933 1934 <div 1935 class=" 1936 header__content-segment 1937 header__content-segment-desktop 1938 1939 header__content-segment--center 1940 " 1941 > 1942 <nav class="header__links" data-navigation> 1943 <ul class="navigation__links-list fs-navigation-base"> 1944 <li 1945 1946 data-submenu-parent 1947 1948 > 1949 <a 1950 href="/collections/shop-all" 1951 class="navigation__submenu-trigger fs-navigation-base" 1952 data-link 1953 data-parent 1954 1955 data-meganav-trigger 1956 data-meganav-type="meganav_image_with_text" 1957 data-meganav-handle="shop" 1958 1959 aria-haspopup="true" 1960 aria-expanded="false" 1961 > 1962 <span class="link-hover"> 1963 Shop 1964 </span> 1965 1966 1967 </a> 1968 1969 <template data-template-key="meganav:shop"> 1970 <div 1971 class=" 1972 meganav tw:bg-white tw:shadow-none 1973 1974 " 1975 data-submenu 1976 data-hidden="true" 1977 data-menu-handle="shop" 1978 data-meganav-type="meganav_image_with_text" 1979 style=" 1980 --nav-column-count: 1;--secondary-width: 75%;" 1981 1982> 1983 <div class="meganav-inner tw:max-w-[95%] tw:bg-white"> 1984 1985 1986 <div class="meganav__content tw:py-[80px] ff-body"> 1987 <div class="meganav__primary tw:justify-between"> 1988 <div 1989 class="meganav__nav tw:h-fit" 1990 data-column-count="1" 1991 data-show-column-dividers="true" 1992> 1993 <div class="tw:pl-[40px] tw:uppercase tw:text-black tw:font-bold tw:text-[12px] meganav-primary-header-area__heading-desk"></div> 1994 <ul class="meganav__list-parent tw:pl-[40px]" depth="0" data-show-column-dividers="true"> 1995 <li class=" 1996 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 1997 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 1998 " 1999 depth="0" 2000 > 2001 2002 2003 2004 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2005 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/new-arrivals">New Arrivals</a> 2006 2007 2008 </div> 2009 2010 2011 2012 </li><li class=" 2013 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2014 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2015 " 2016 depth="0" 2017 > 2018 2019 2020 2021 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2022 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/best-sellers">Best Sellers</a> 2023 2024 2025 </div> 2026 2027 2028 2029 </li><li class=" 2030 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2031 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2032 " 2033 depth="0" 2034 > 2035 2036 2037 2038 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2039 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/pages/sensitive-series">Sensitive Series</a> 2040 2041 <span style="background: #165d7e" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 2042 New 2043 </span> 2044 </div> 2045 2046 2047 2048 </li><li class=" 2049 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2050 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2051 " 2052 depth="0" 2053 > 2054 2055 2056 2057 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2058 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/pages/bundles">Bundles</a> 2059 2060 <span style="background: #e63235" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 2061 SAVE UP TO 25% 2062 </span> 2063 </div> 2064 2065 2066 2067 </li><li class=" 2068 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2069 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2070 " 2071 depth="0" 2072 > 2073 2074 2075 2076 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2077 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/last-chance-scents">Last Chance Scents</a> 2078
2079 <span style="background: #e63235" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 2080 SAVE 30% OR MORE 2081 </span> 2082 </div> 2083 2084 2085 2086 </li> 2087 </ul> 2088 2089 2090</div> 2091<ul class="tw:space-y-5"> 2092 2093 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 2094 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 2095 <span>Subscribe, save 25%, and never run out.</span> 2096 </li> 2097 2098 </ul> 2099 </div> 2100 <div class="meganav__secondary tw:px-0 tw:border-l-0"> 2101 2102 2103 <div 2104 class="meganav__secondary--inner meganav-promo-image-with-text-inner tw:px-16" 2105 data-layout="" 2106 data-column-count="3" 2107 data-image-position="above_text" 2108 > 2109 <div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2110 <a href="/collections/shop-all?category_filter=deodorant" aria-label="DEODORANT" class="meganav-promo-image-with-text-item--image"> 2111 <div 2112 class="image animation--lazy-load" 2113 style="position: relative;" 2114 > 2115 <img 2116 alt="" 2117 class="image__img" 2118 2119 loading="lazy" 2120 2121 width="1580" 2122 height="800" 2123 2124 src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=320" 2125 2126 2127 srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant.jpg?v=1768483969&width=1500 1500w" 2128 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2129 onload="javascript: this.closest('.image').classList.add('loaded')" 2130/> 2131 2132 <h3 2133 class=" 2134 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2135 " 2136 2137 > 2138 2139 DEODORANT 2140 2141 </h3> 2142 </div> 2143 2144 2145 2146 2147 </a> 2148 2149 <div 2150 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2151 > 2152 2153 2154 2155 </div> 2156</div> 2157��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2158 <a href="/collections/shop-all?category_filter=body" aria-label="BODY" class="meganav-promo-image-with-text-item--image"> 2159 <div 2160 class="image animation--lazy-load" 2161 style="position: relative;" 2162 > 2163 <img 2164 alt="" 2165 class="image__img" 2166 2167 loading="lazy" 2168 2169 width="1580" 2170 height="800" 2171 2172 src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=320" 2173 2174 2175 srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body.jpg?v=1768483969&width=1500 1500w" 2176 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2177 onload="javascript: this.closest('.image').classList.add('loaded')" 2178/> 2179 2180 <h3 2181 class=" 2182 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2183 " 2184 2185 > 2186 2187 BODY 2188 2189 </h3> 2190 </div> 2191 2192 2193 2194 2195 </a> 2196 2197 <div 2198 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2199 > 2200 2201 2202 2203 </div> 2204</div> 2205��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2206 <a href="/collections/shop-all?category_filter=hair" aria-label="HAIR" class="meganav-promo-image-with-text-item--image"> 2207 <div 2208 class="image animation--lazy-load" 2209 style="position: relative;" 2210 > 2211 <img 2212 alt="" 2213 class="image__img" 2214 2215 loading="lazy" 2216 2217 width="1580" 2218 height="800" 2219 2220 src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=320" 2221 2222 2223 srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair.jpg?v=1768483969&width=1500 1500w" 2224 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2225 onload="javascript: this.closest('.image').classList.add('loaded')" 2226/> 2227 2228 <h3 2229 class=" 2230 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2231 " 2232 2233 > 2234 2235 HAIR 2236 2237 </h3> 2238 </div> 2239 2240 2241 2242 2243 </a> 2244 2245 <div 2246 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2247 > 2248 2249 2250 2251 </div> 2252</div> 2253��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2254 <a href="/collections/shop-all?category_filter=skincare" aria-label="SKINCARE" class="meganav-promo-image-with-text-item--image"> 2255 <div 2256 class="image animation--lazy-load" 2257 style="position: relative;" 2258 > 2259 <img 2260 alt="" 2261 class="image__img" 2262 2263 loading="lazy" 2264 2265 width="1580" 2266 height="800" 2267 2268 src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=320" 2269 2270 2271 srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin.jpg?v=1768483969&width=1500 1500w" 2272 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2273 onload="javascript: this.closest('.image').classList.add('loaded')" 2274/> 2275 2276 <h3 2277 class=" 2278 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2279 " 2280 2281 > 2282 2283 SKINCARE 2284 2285 </h3> 2286 </div> 2287 2288 2289 2290 2291 </a> 2292 2293 <div 2294 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2295 > 2296 2297 2298 2299 </div> 2300</div> 2301��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2302 <a href="/collections/shop-all?category_filter=body_sunscreen" aria-label="SUNSCREEN" class="meganav-promo-image-with-text-item--image"> 2303 <div 2304 class="image animation--lazy-load" 2305 style="position: relative;" 2306 > 2307 <img 2308 alt="" 2309 class="image__img" 2310 2311 loading="lazy" 2312 2313 width="632" 2314 height="320" 2315 2316 src="//www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=320" 2317 2318 2319 srcset="//www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=100 100w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=150 150w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=200 200w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=240 240w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=280 280w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=300 300w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=360 360w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=400 400w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=450 450w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=500 500w, //www.nativecos.com/cdn/shop/file
2319s/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=550 550w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Desktop_632_320_opacity.jpg?v=1783625550&width=600 600w" 2320 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2321 onload="javascript: this.closest('.image').classList.add('loaded')" 2322/> 2323 2324 <h3 2325 class=" 2326 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2327 " 2328 2329 > 2330 2331 SUNSCREEN 2332 2333 </h3> 2334 </div> 2335 2336 2337 2338 2339 </a> 2340 2341 <div 2342 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2343 > 2344 2345 2346 2347 </div> 2348</div> 2349��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2350 <a href="/products/hand-soap" aria-label="HAND SOAP" class="meganav-promo-image-with-text-item--image"> 2351 <div 2352 class="image animation--lazy-load" 2353 style="position: relative;" 2354 > 2355 <img 2356 alt="" 2357 class="image__img" 2358 2359 loading="lazy" 2360 2361 width="1580" 2362 height="800" 2363 2364 src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=320" 2365 2366 2367 srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap.jpg?v=1768483969&width=1500 1500w" 2368 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2369 onload="javascript: this.closest('.image').classList.add('loaded')" 2370/> 2371 2372 <h3 2373 class=" 2374 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2375 " 2376 2377 > 2378 2379 HAND SOAP 2380 2381 </h3> 2382 </div> 2383 2384 2385 2386 2387 </a> 2388 2389 <div 2390 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2391 > 2392 2393 2394 2395 </div> 2396</div> 2397���� 2398 </div> 2399 2400 <div class="tw:px-16 tw:pt-4"> 2401 <a class="tw:bg-blue tw:hover:bg-black tw:text-white tw:p-4 tw:w-full tw:block tw:text-center tw:uppercase meganav-custom-cta-desk" href="/collections/shop-all">Shop All</a> 2402 </div> 2403 2404</div> 2405 2406 </div> 2407 </div> 2408</div> 2409</template>�� 2410 </li><li 2411 2412 data-submenu-parent 2413 2414 > 2415 <a 2416 href="/collections/new-arrivals" 2417 class="navigation__submenu-trigger fs-navigation-base" 2418 data-link 2419 data-parent 2420 2421 data-meganav-trigger 2422 data-meganav-type="meganav_image_with_text" 2423 data-meganav-handle="featured" 2424 2425 aria-haspopup="true" 2426 aria-expanded="false" 2427 >
2428 <span class="link-hover"> 2429 Featured 2430 </span> 2431 2432 2433 </a> 2434 2435 <template data-template-key="meganav:featured"> 2436 <div 2437 class=" 2438 meganav tw:bg-white tw:shadow-none 2439 2440 " 2441 data-submenu 2442 data-hidden="true" 2443 data-menu-handle="featured" 2444 data-meganav-type="meganav_image_with_text" 2445 style=" 2446 --nav-column-count: 1;--secondary-width: 75%;" 2447 2448> 2449 <div class="meganav-inner tw:max-w-[95%] tw:bg-white"> 2450 2451 2452 <div class="meganav__content tw:py-[80px] ff-body"> 2453 <div class="meganav__primary tw:justify-between"> 2454 <div 2455 class="meganav__nav tw:h-fit" 2456 data-column-count="1" 2457 data-show-column-dividers="true" 2458> 2459 <div class="tw:pl-[40px] tw:uppercase tw:text-black tw:font-bold tw:text-[12px] meganav-primary-header-area__heading-desk"></div> 2460 <ul class="meganav__list-parent tw:pl-[40px]" depth="0" data-show-column-dividers="true"> 2461 <li class=" 2462 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2463 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2464 " 2465 depth="0" 2466 > 2467 2468 2469 2470 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2471 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/new-arrivals">New Arrivals</a> 2472 2473 2474 </div> 2475 2476 2477 2478 </li><li class=" 2479 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2480 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2481 " 2482 depth="0" 2483 > 2484 2485 2486 2487 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2488 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/best-sellers">Best Sellers</a> 2489 2490 2491 </div> 2492 2493 2494 2495 </li><li class=" 2496 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2497 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2498 " 2499 depth="0" 2500 > 2501 2502 2503 2504 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2505 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/pages/bundles">Bundles</a> 2506 2507 <span style="background: #e63235" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 2508 SAVE UP TO 25% 2509 </span> 2510 </div> 2511 2512 2513 2514 </li><li class=" 2515 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2516 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2517 " 2518 depth="0" 2519 > 2520 2521 2522 2523 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2524 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/last-chance-scents">Last Chance Scents</a> 2525 2526 <span style="background: #e63235" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 2527 SAVE 30% OR MORE 2528 </span> 2529 </div> 2530 2531 2532 2533 </li> 2534 </ul> 2535 2536 2537</div> 2538<ul class="tw:space-y-5"> 2539 2540 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 2541 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 2542 <span>Subscribe, save 25%, and never run out.</span> 2543 </li> 2544 2545 </ul> 2546 </div> 2547 <div class="meganav__secondary tw:px-0 tw:border-l-0"> 2548 2549 2550 <div 2551 class="meganav__secondary--inner meganav-promo-image-with-text-inner tw:px-16" 2552 data-layout="" 2553 data-column-count="2" 2554 data-image-position="above_text" 2555 > 2556 <div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2557 <a href="/pages/peanuts-holiday" aria-label="" class="meganav-promo-image-with-text-item--image"> 2558 <div 2559 class="image animation--lazy-load" 2560 style="position: relative;" 2561 > 2562 <img 2563 alt="A winter-themed flat lay featuring Permuis Native products, including a white shampoo bottle, a lip balm tube, and a stick, styled with blue mittens and a red knit scarf in the snow." 2564 class="image__img" 2565 2566 loading="lazy" 2567 2568 width="972" 2569 height="386" 2570 2571 src="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=320" 2572 2573 2574 srcset="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=100 100w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=150 150w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=200 200w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=240 240w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=280 280w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=300 300w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=360 360w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=400 400w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=450 450w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=500 500w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=550 550w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=600 600w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=6
257450 650w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=700 700w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=750 750w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=850 850w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=900 900w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Desktop.jpg?v=1789410686&width=950 950w" 2575 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 2576 onload="javascript: this.closest('.image').classList.add('loaded')" 2577/> 2578 2579 <h3 2580 class=" 2581 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom meganav-promo-image-with-text-item-heading__desk--image 2582 " 2583 2584 style="--meganav-promo-heading-image-max-width-desktop: 297px; --meganav-promo-heading-image-max-width-mobile: 297px;" 2585 2586 > 2587 2588 <img 2589 alt="" 2590 class="image__img" 2591 2592 loading="lazy" 2593 2594 width="616" 2595 height="126" 2596 2597 src="//www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=297" 2598 2599 2600 srcset="//www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=100 100w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=150 150w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=200 200w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=240 240w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=280 280w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=300 300w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=360 360w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=400 400w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=450 450w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=500 500w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=550 550w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=600 600w" 2601 sizes="100vw" 2602 onload="javascript: this.closest('.image').classList.add('loaded')" 2603/> 2604 2605 2606 </h3> 2607 </div> 2608 2609 2610 2611 2612 </a> 2613 2614 <div 2615 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2616 > 2617 2618 2619 2620 </div> 2621</div> 2622��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2623 <a href="/pages/holiday-2026" aria-label="HOLIDAY" class="meganav-promo-image-with-text-item--image"> 2624 <div 2625 class="image animation--lazy-load" 2626 style="position: relative;" 2627 > 2628 <img 2629 alt="" 2630 class="image__img" 2631 2632 loading="lazy" 2633 2634 width="972" 2635 height="386" 2636 2637 src="//www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=320" 2638 2639 2640 srcset="//www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=100 100w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=150 150w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=200 200w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=240 240w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=280 280w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=300 300w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=360 360w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=400 400w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=450 450w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=500 500w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=550 550w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=600 600w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=650 650w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=700 700w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=750 750w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=850 850w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=900 900w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Desktop.jpg?v=1790367233&width=950 950w" 2641 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 2642 onload="javascript: this.closest('.image').classList.add('loaded')" 2643/> 2644 2645 <h3 2646 class=" 2647 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 2648 " 2649 2650 > 2651 2652 HOLIDAY 2653 2654 </h3> 2655 </div> 2656 2657 2658 2659 2660 </a> 2661 2662 <div 2663 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2664 > 2665 2666 2667 2668 </div> 2669</div> 2670��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2671 <a href="/pages/peanuts-fall" aria-label="" class="meganav-promo-image-with-text-item--image"> 2672 <div 2673 class="image animation--lazy-load" 2674 style="position: relative;" 2675 > 2676 <img 2677 alt="Native Peanuts snack boxes displayed on a wooden tabletop with apples, cinnamon sticks, and decorative stickers around them." 2678 class="image__img" 2679 2680 loading="lazy" 2681 2682 width="972" 2683 height="386" 2684 2685 src="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=320" 2686 2687 2688 srcset="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=100 100w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=150 150w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=200 200w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=240 240w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=280 280w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=300 300w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=360 360w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=400 400w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=450 450w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=500 500w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=550 550w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=600 600w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=6
268850 650w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=700 700w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=750 750w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=850 850w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=900 900w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Desktop.jpg?v=1786039136&width=950 950w" 2689 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 2690 onload="javascript: this.closest('.image').classList.add('loaded')" 2691/> 2692 2693 <h3 2694 class=" 2695 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom meganav-promo-image-with-text-item-heading__desk--image 2696 " 2697 2698 style="--meganav-promo-heading-image-max-width-desktop: 297px; --meganav-promo-heading-image-max-width-mobile: 297px;" 2699 2700 > 2701 2702 <img 2703 alt="" 2704 class="image__img" 2705 2706 loading="lazy" 2707 2708 width="616" 2709 height="126" 2710 2711 src="//www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=297" 2712 2713 2714 srcset="//www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=100 100w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=150 150w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=200 200w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=240 240w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=280 280w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=300 300w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=360 360w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=400 400w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=450 450w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=500 500w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=550 550w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=600 600w" 2715 sizes="100vw" 2716 onload="javascript: this.closest('.image').classList.add('loaded')" 2717/> 2718 2719 2720 </h3> 2721 </div> 2722 2723 2724 2725 2726 </a> 2727 2728 <div 2729 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2730 > 2731 2732 2733 2734 </div> 2735</div> 2736��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2737 <a href="/pages/wonder-fall" aria-label="WONDER-FALL" class="meganav-promo-image-with-text-item--image"> 2738 <div 2739 class="image animation--lazy-load" 2740 style="position: relative;" 2741 > 2742 <img 2743 alt="A styled product arrangement featuring several white rectangular Native brand boxes and bottles with orange and brown label details, surrounded by small pumpkins, cinnamon sticks, and dried botanicals on a reflective green surface." 2744 class="image__img" 2745 2746 loading="lazy" 2747 2748 width="972" 2749 height="386" 2750 2751 src="//www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=320" 2752 2753 2754 srcset="//www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=100 100w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=150 150w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=200 200w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=240 240w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=280 280w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=300 300w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=360 360w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=400 400w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=450 450w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=500 500w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=550 550w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=600 600w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=6
275450 650w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=700 700w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=750 750w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=800 800w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=850 850w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=900 900w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Desktop.jpg?v=1787202777&width=950 950w" 2755 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 2756 onload="javascript: this.closest('.image').classList.add('loaded')" 2757/> 2758 2759 <h3 2760 class=" 2761 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 2762 " 2763 2764 > 2765 2766 WONDER-FALL 2767 2768 </h3> 2769 </div> 2770 2771 2772 2773 2774 </a> 2775 2776 <div 2777 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2778 > 2779 2780 2781 2782 </div> 2783</div> 2784������ 2785 </div> 2786 2787</div> 2788 2789 </div> 2790 </div> 2791</div> 2792</template>�� 2793 </li><li 2794 2795 data-submenu-parent 2796 2797 > 2798 <a 2799 href="/pages/scents" 2800 class="navigation__submenu-trigger fs-navigation-base" 2801 data-link 2802 data-parent 2803 2804 data-meganav-trigger 2805 data-meganav-type="meganav_image_with_text" 2806 data-meganav-handle="scents" 2807 2808 aria-haspopup="true" 2809 aria-expanded="false" 2810 > 2811 <span class="link-hover"> 2812 Scents 2813 </span> 2814 2815 2816 </a> 2817 2818 <template data-template-key="meganav:scents"> 2819 <div 2820 class=" 2821 meganav tw:bg-white tw:shadow-none 2822 2823 " 2824 data-submenu 2825 data-hidden="true" 2826 data-menu-handle="scents" 2827 data-meganav-type="meganav_image_with_text" 2828 style=" 2829 --nav-column-count: 1;--secondary-width: 75%;" 2830 2831> 2832 <div class="meganav-inner tw:max-w-[95%] tw:bg-white"> 2833 <header class="meganav__header"> 2834 2835 2836 2837 </header> 2838 2839 <div class="meganav__content tw:py-[80px] ff-body"> 2840 <div class="meganav__primary tw:justify-between"> 2841 <div 2842 class="meganav__nav tw:h-fit" 2843 data-column-count="1" 2844 data-show-column-dividers="true" 2845> 2846 <div class="tw:pl-[40px] tw:uppercase tw:text-black tw:font-bold tw:text-[12px] meganav-primary-header-area__heading-desk">Most-loved scents</div> 2847 <ul class="meganav__list-parent tw:pl-[40px]" depth="0" data-show-column-dividers="true"> 2848 <li class=" 2849 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2850 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2851 " 2852 depth="0" 2853 > 2854 2855 2856 2857 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2858 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/shop-all?variant_filter=coconut-vanilla">Coconut & Vanilla</a> 2859 2860 2861 </div> 2862 2863 2864 2865 </li><li class=" 2866 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2867 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2868 " 2869 depth="0" 2870 > 2871 2872 2873 2874 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2875 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/shop-all?variant_filter=sea-salt-cedar">Sea Salt & Cedar</a> 2876 2877 2878 </div> 2879 2880 2881 2882 </li><li class=" 2883 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2884 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2885 " 2886 depth="0" 2887 > 2888 2889 2890 2891 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2892 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/shop-all?variant_filter=citrus-herbal-musk">Citrus & Herbal Musk</a> 2893 2894 2895 </div> 2896 2897 2898 2899 </li><li class=" 2900 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 2901 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 2902 " 2903 depth="0" 2904 > 2905 2906 2907 2908 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 2909 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/collections/shop-all?custom_filter=unscented">Unscented</a> 2910 2911 2912 </div> 2913 2914 2915 2916 </li> 2917 </ul> 2918 2919 2920</div> 2921<ul class="tw:space-y-5"> 2922 2923 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 2924 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" />
2925 <span>Subscribe, save 25%, and never run out.</span> 2926 </li> 2927 2928 </ul> 2929 </div> 2930 <div class="meganav__secondary tw:px-0 tw:border-l-0"> 2931 2932 2933 <div 2934 class="meganav__secondary--inner meganav-promo-image-with-text-inner tw:px-16" 2935 data-layout="" 2936 data-column-count="3" 2937 data-image-position="above_text" 2938 > 2939 <div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2940 <a href="/pages/scents?family=warm-sweet" aria-label="WARM & SWEET" class="meganav-promo-image-with-text-item--image"> 2941 <div 2942 class="image animation--lazy-load" 2943 style="position: relative;" 2944 > 2945 <img 2946 alt="" 2947 class="image__img" 2948 2949 loading="lazy" 2950 2951 width="1580" 2952 height="800" 2953 2954 src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=320" 2955 2956 2957 srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=6
295750 650w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet.jpg?v=1768484127&width=1500 1500w" 2958 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 2959 onload="javascript: this.closest('.image').classList.add('loaded')" 2960/> 2961 2962 <h3 2963 class=" 2964 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 2965 " 2966 2967 > 2968 2969 WARM & SWEET 2970 2971 </h3> 2972 </div> 2973 2974 2975 2976 2977 </a> 2978 2979 <div 2980 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 2981 > 2982 2983 2984 2985 </div> 2986</div> 2987��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 2988 <a href="/pages/scents?family=citrus-tropical" aria-label="CITRUS & TROPICAL" class="meganav-promo-image-with-text-item--image"> 2989 <div 2990 class="image animation--lazy-load" 2991 style="position: relative;" 2992 > 2993 <img 2994 alt="" 2995 class="image__img" 2996 2997 loading="lazy" 2998 2999 width="1580" 3000 height="800" 3001 3002 src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=320" 3003 3004 3005 srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=6
300550 650w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_bf12ca8d-b94d-4a71-9b73-3fe9f577c58c.jpg?v=1768484127&width=1500 1500w" 3006 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 3007 onload="javascript: this.closest('.image').classList.add('loaded')" 3008/> 3009 3010 <h3 3011 class=" 3012 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 3013 " 3014 3015 > 3016 3017 CITRUS & TROPICAL 3018 3019 </h3> 3020 </div> 3021 3022 3023 3024 3025 </a> 3026 3027 <div 3028 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3029 > 3030 3031 3032 3033 </div> 3034</div> 3035��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3036 <a href="/pages/scents?family=fresh-green" aria-label="FRESH & GREEN" class="meganav-promo-image-with-text-item--image"> 3037 <div 3038 class="image animation--lazy-load" 3039 style="position: relative;" 3040 > 3041 <img 3042 alt="" 3043 class="image__img" 3044 3045 loading="lazy" 3046 3047 width="1580" 3048 height="800" 3049 3050 src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=320" 3051 3052 3053 srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=6
305350 650w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_691408bd-0d34-48da-97ce-0e5e09b66e37.jpg?v=1768484127&width=1500 1500w" 3054 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 3055 onload="javascript: this.closest('.image').classList.add('loaded')" 3056/> 3057 3058 <h3 3059 class=" 3060 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 3061 " 3062 3063 > 3064 3065 FRESH & GREEN 3066 3067 </h3> 3068 </div> 3069 3070 3071 3072 3073 </a> 3074 3075 <div 3076 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3077 > 3078 3079 3080 3081 </div> 3082</div> 3083��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3084 <a href="/pages/scents?family=berries-fruit" aria-label="BERRIES & FRUIT" class="meganav-promo-image-with-text-item--image"> 3085 <div 3086 class="image animation--lazy-load" 3087 style="position: relative;" 3088 > 3089 <img 3090 alt="" 3091 class="image__img" 3092 3093 loading="lazy" 3094 3095 width="1580" 3096 height="800" 3097 3098 src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=320" 3099 3100 3101 srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=6
310150 650w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_89c20c42-62f1-4663-8228-9067bb8e2335.jpg?v=1768484127&width=1500 1500w" 3102 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 3103 onload="javascript: this.closest('.image').classList.add('loaded')" 3104/> 3105 3106 <h3 3107 class=" 3108 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 3109 " 3110 3111 > 3112 3113 BERRIES & FRUIT 3114 3115 </h3> 3116 </div> 3117 3118 3119 3120 3121 </a> 3122 3123 <div 3124 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3125 > 3126 3127 3128 3129 </div> 3130</div> 3131��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3132 <a href="/pages/scents?family=soft-floral" aria-label="SOFT & FLORAL" class="meganav-promo-image-with-text-item--image"> 3133 <div 3134 class="image animation--lazy-load" 3135 style="position: relative;" 3136 > 3137 <img 3138 alt="" 3139 class="image__img" 3140 3141 loading="lazy" 3142 3143 width="1580" 3144 height="800" 3145 3146 src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=320" 3147 3148 3149 srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=6
314950 650w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral.jpg?v=1768484127&width=1500 1500w" 3150 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 3151 onload="javascript: this.closest('.image').classList.add('loaded')" 3152/> 3153 3154 <h3 3155 class=" 3156 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 3157 " 3158 3159 > 3160 3161 SOFT & FLORAL 3162 3163 </h3> 3164 </div> 3165 3166 3167 3168 3169 </a> 3170 3171 <div 3172 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3173 > 3174 3175 3176 3177 </div> 3178</div> 3179��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3180 <a href="/pages/scents?family=wood-spice" aria-label="WOOD & SPICE" class="meganav-promo-image-with-text-item--image"> 3181 <div 3182 class="image animation--lazy-load" 3183 style="position: relative;" 3184 > 3185 <img 3186 alt="" 3187 class="image__img" 3188 3189 loading="lazy" 3190 3191 width="1580" 3192 height="800" 3193 3194 src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=320" 3195 3196 3197 srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=6
319750 650w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_9dbd00c3-b9fb-424b-9383-d07a49ff5966.jpg?v=1768484127&width=1500 1500w" 3198 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 3)" 3199 onload="javascript: this.closest('.image').classList.add('loaded')" 3200/> 3201 3202 <h3 3203 class=" 3204 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--center 3205 " 3206 3207 > 3208 3209 WOOD & SPICE 3210 3211 </h3> 3212 </div> 3213 3214 3215 3216 3217 </a> 3218 3219 <div 3220 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3221 > 3222 3223 3224 3225 </div> 3226</div> 3227���� 3228 </div> 3229 3230 <div class="tw:px-16 tw:pt-4"> 3231 <a class="tw:bg-blue tw:hover:bg-black tw:text-white tw:p-4 tw:w-full tw:block tw:text-center tw:uppercase meganav-custom-cta-desk" href="/pages/scents">explore scents</a> 3232 </div> 3233 3234</div> 3235 3236 </div> 3237 </div> 3238</div> 3239</template>�� 3240 </li><li 3241 3242 data-submenu-parent 3243 3244 > 3245 <a 3246 href="/pages/bundles" 3247 class="navigation__submenu-trigger fs-navigation-base" 3248 data-link 3249 data-parent 3250 3251 data-meganav-trigger 3252 data-meganav-type="meganav_image_with_text" 3253 data-meganav-handle="bundles" 3254 3255 aria-haspopup="true" 3256 aria-expanded="false" 3257 > 3258 <span class="link-hover"> 3259 Bundles 3260 </span> 3261 3262 3263 </a> 3264 3265 <template data-template-key="meganav:bundles"> 3266 <div 3267 class=" 3268 meganav tw:bg-white tw:shadow-none 3269 3270 " 3271 data-submenu 3272 data-hidden="true" 3273 data-menu-handle="bundles" 3274 data-meganav-type="meganav_image_with_text" 3275 style=" 3276 --nav-column-count: 1;--secondary-width: 75%;" 3277 3278> 3279 <div class="meganav-inner tw:max-w-[95%] tw:bg-white"> 3280 3281 3282 <div class="meganav__content tw:py-[80px] ff-body"> 3283 <div class="meganav__primary tw:justify-between"> 3284 <div 3285 class="meganav__nav tw:h-fit" 3286 data-column-count="1" 3287 data-show-column-dividers="true" 3288> 3289 <div class="tw:pl-[40px] tw:uppercase tw:text-black tw:font-bold tw:text-[12px] meganav-primary-header-area__heading-desk"></div> 3290 <ul class="meganav__list-parent tw:pl-[40px]" depth="0" data-show-column-dividers="true"> 3291 <li class=" 3292 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 3293 tw:font-medium tw:text-[28px] tw:w-[250px] tw:text-black meganav-bundles-primary-title tw:font-family-body 3294 " 3295 depth="0" 3296 > 3297 3298 3299 3300 <div class="tw:inline-flex tw:items-center tw:gap-2 tw:font-family-body ">
3301 <a class="tw:font-family-body tw:text-[28px] tw:tracking-[0.01em] tw:text-black" href="/pages/bundles">Stock your shelf and save.</a> 3302 3303 3304 </div> 3305 3306 3307 3308 </li> 3309 </ul> 3310 3311 3312</div> 3313<ul class="tw:space-y-5"> 3314 3315 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 3316 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 3317 <span>25% off subscriptions.</span> 3318 </li> 3319 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 3320 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-bundle_large.png?v=75645871007493829021790803677" /> 3321 <span>20% off all bundles.</span> 3322 </li> 3323 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 3324 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-returns_large.png?v=119889324543161820111790803677" /> 3325 <span>Free & easy returns.</span> 3326 </li> 3327 <li class="tw:pl-[40px] tw:flex tw:items-center tw:gap-2"> 3328 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/cusotm-icon-menu-shipping_large.png?v=133078386496459274641790803677" /> 3329 <span>Free shipping on orders $15+</span> 3330 </li> 3331 3332 </ul> 3333 </div> 3334 <div class="meganav__secondary tw:px-0 tw:border-l-0"> 3335 3336 3337 <div 3338 class="meganav__secondary--inner meganav-promo-image-with-text-inner tw:px-16" 3339 data-layout="" 3340 data-column-count="2" 3341 data-image-position="above_text" 3342 > 3343 <div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3344 <a href="/pages/build-your-bundle" aria-label="BUILD A BUNDLE" class="meganav-promo-image-with-text-item--image"> 3345 <div 3346 class="image animation--lazy-load" 3347 style="position: relative;" 3348 > 3349 <img 3350 alt="" 3351 class="image__img" 3352 3353 loading="lazy" 3354 3355 width="2890" 3356 height="2030" 3357 3358 src="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=320" 3359 3360 3361 srcset="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=6
336150 650w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1500 1500w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1600 1600w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=1800 1800w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=2000 2000w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=2200 2200w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=2400 2400w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=2600 2600w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_db3a82f1-9ca5-405a-abf3-08b560537d87.jpg?v=1769945951&width=2800 2800w" 3362 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 3363 onload="javascript: this.closest('.image').classList.add('loaded')" 3364/> 3365 3366 <h3 3367 class=" 3368 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 3369 " 3370 3371 > 3372 3373 BUILD A BUNDLE 3374 3375 </h3> 3376 </div> 3377 3378 3379 3380 3381 </a> 3382 3383 <div 3384 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3385 > 3386 3387 3388 3389 </div> 3390</div> 3391��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3392 <a href="/collections/bundles" aria-label="SHOP ALL BUNDLES" class="meganav-promo-image-with-text-item--image"> 3393 <div 3394 class="image animation--lazy-load" 3395 style="position: relative;" 3396 > 3397 <img 3398 alt="" 3399 class="image__img" 3400 3401 loading="lazy" 3402 3403 width="2890" 3404 height="2030" 3405 3406 src="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=320" 3407 3408 3409 srcset="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_Bu
3409ndles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1500 1500w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1600 1600w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=1800 1800w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=2000 2000w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=2200 2200w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=2400 2400w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=2600 2600w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles.jpg?v=1768484128&width=2800 2800w" 3410 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 3411 onload="javascript: this.closest('.image').classList.add('loaded')" 3412/> 3413 3414 <h3 3415 class=" 3416 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 3417 " 3418 3419 > 3420 3421 SHOP ALL BUNDLES 3422 3423 </h3> 3424 </div> 3425 3426 3427 3428 3429 </a> 3430 3431 <div 3432 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3433 > 3434 3435 3436 3437 </div> 3438</div> 3439�������� 3440 </div> 3441 3442</div> 3443 3444 </div> 3445 </div> 3446</div> 3447</template>�� 3448 </li><li 3449 3450 data-submenu-parent 3451 3452 > 3453 <a 3454 href="/pages/about-us" 3455 class="navigation__submenu-trigger fs-navigation-base" 3456 data-link 3457 data-parent 3458 3459 data-meganav-trigger 3460 data-meganav-type="meganav_image_with_text" 3461 data-meganav-handle="about" 3462 3463 aria-haspopup="true" 3464 aria-expanded="false" 3465 >
3466 <span class="link-hover"> 3467 About 3468 </span> 3469 3470 3471 </a> 3472 3473 <template data-template-key="meganav:about"> 3474 <div 3475 class=" 3476 meganav tw:bg-white tw:shadow-none 3477 3478 " 3479 data-submenu 3480 data-hidden="true" 3481 data-menu-handle="about" 3482 data-meganav-type="meganav_image_with_text" 3483 style=" 3484 --nav-column-count: 1;--secondary-width: 75%;" 3485 3486> 3487 <div class="meganav-inner tw:max-w-[95%] tw:bg-white"> 3488 3489 3490 <div class="meganav__content tw:py-[80px] ff-body"> 3491 <div class="meganav__primary tw:justify-between"> 3492 <div 3493 class="meganav__nav tw:h-fit" 3494 data-column-count="1" 3495 data-show-column-dividers="true" 3496> 3497 <div class="tw:pl-[40px] tw:uppercase tw:text-black tw:font-bold tw:text-[12px] meganav-primary-header-area__heading-desk"></div> 3498 <ul class="meganav__list-parent tw:pl-[40px]" depth="0" data-show-column-dividers="true"> 3499 <li class=" 3500 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 3501 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 3502 " 3503 depth="0" 3504 > 3505 3506 3507 3508 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 3509 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/pages/sensitive-series-explained">Sensitive Seriesâ¨Explained</a> 3510 3511 3512 </div> 3513 3514 3515 3516 </li><li class=" 3517 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 3518 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 3519 " 3520 depth="0" 3521 > 3522 3523 3524 3525 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 3526 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/pages/rewards">Rewards</a> 3527 3528 3529 </div> 3530 3531 3532 3533 </li><li class=" 3534 meganav__list-child animation--dropdown-item tw:py-[10px] tw:mt-0 3535 tw:font-bold tw:uppercase tw:text-[18px] tw:text-blue 3536 " 3537 depth="0" 3538 > 3539 3540 3541 3542 <div class="tw:inline-flex tw:items-center tw:gap-2 "> 3543 <a class="tw:max-w-[142px] tw:2xl:max-w-none" href="/pages/faq">FAQS</a> 3544 3545 3546 </div> 3547 3548 3549 3550 </li> 3551 </ul> 3552 3553 3554</div> 3555<ul class="tw:space-y-5"> 3556 3557 <li class="custom-meganav__social-icons tw:pl-[40px] tw:hidden tw:md:flex tw:items-center tw:gap-[40px]"> 3558 3559 <a 3560 class="tw:inline-flex tw:h-[40px] tw:items-center tw:justify-center" 3561 href="https://www.facebook.com/nativecos/" 3562 aria-label="Facebook" 3563 target="_blank" 3564 rel="noopener" 3565 > 3566 3567<span class="icon icon-facebook-v2 custom-meganav__social-icon" style="--icon-height: 40px;" > 3568 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5806 1.23145H3.70341C2.93049 1.23145 2.1892 1.53849 1.64266 2.08503C1.09611 2.63159 0.789062 3.37286 0.789062 4.1458V19.023C0.789062 19.7959 1.09611 20.5372 1.64266 21.0837C2.1892 21.6302 2.93049 21.9373 3.70341 21.9373H10.4742V14.3797H7.91447V11.4317H10.4742V9.26015C10.4742 8.02945 10.8146 7.07309 11.4953 6.39368C12.176 5.71298 13.0987 5.37133 14.2647 5.37133C15.432 5.37133 16.1877 5.41662 16.5333 5.50204V8.12651H14.9777C14.4161 8.12651 14.033 8.24556 13.8273 8.48368C13.6228 8.72051 13.5206 9.07768 13.5206 9.55262V11.4317H16.4362L16.048 14.3797H13.5206V21.9373H18.5806C19.3535 21.9373 20.0948 21.6302 20.6413 21.0837C21.188 20.5372 21.4949 19.7959 21.4949 19.023V4.1458C21.4949 3.37286 21.188 2.63159 20.6413 2.08503C20.0948 1.53849 19.3535 1.23145 18.5806 1.23145Z" fill="#0A1F8F"/></svg> 3569</span> 3570 3571 </a> 3572 3573 3574 <a 3575 class="tw:inline-flex tw:h-[40px] tw:items-center tw:justify-center" 3576 href="https://www.instagram.com/native/" 3577 aria-label="Instagram" 3578 target="_blank" 3579 rel="noopener" 3580 > 3581 3582<span class="icon icon-instagram-v2 custom-meganav__social-icon" style="--icon-height: 40px;" > 3583 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0487 1.42285H7.19841C5.70471 1.42285 4.27219 2.01622 3.21598 3.07243C2.15978 4.12863 1.56641 5.56115 1.56641 7.05485V15.9051C1.56641 17.3988 2.15978 18.8314 3.21598 19.8876C4.27219 20.9438 5.70471 21.5371 7.19841 21.5371H16.0487C17.5424 21.5371 18.9749 20.9438 20.0311 19.8876C21.0873 18.8314 21.6807 17.3988 21.6807 15.9051V7.05485C21.6807 5.56115 21.0873 4.12863 20.0311 3.07243C18.9749 2.01622 17.5424 1.42285 16.0487 1.42285ZM11.6235 16.3074
3583C10.6688 16.3074 9.73544 16.0243 8.94157 15.4939C8.14771 14.9634 7.52896 14.2095 7.16359 13.3274C6.79821 12.4453 6.70261 11.4746 6.88888 10.5382C7.07515 9.60178 7.53491 8.74161 8.21004 8.06649C8.88517 7.39136 9.74533 6.93159 10.6818 6.74532C11.6182 6.55906 12.5888 6.65465 13.4709 7.02003C14.353 7.38541 15.107 8.00415 15.6374 8.79802C16.1679 9.59188 16.451 10.5252 16.451 11.48C16.451 12.7603 15.9424 13.9882 15.0371 14.8935C14.1317 15.7988 12.9039 16.3074 11.6235 16.3074ZM16.8533 7.45714C16.6146 7.45714 16.3812 7.38636 16.1828 7.25375C15.9843 7.12113 15.8296 6.93265 15.7383 6.71212C15.6469 6.4916 15.623 6.24894 15.6696 6.01483C15.7162 5.78073 15.8311 5.56568 15.9999 5.3969C16.1687 5.22812 16.3837 5.11318 16.6178 5.06661C16.8519 5.02005 17.0946 5.04394 17.3151 5.13529C17.5356 5.22663 17.7241 5.38132 17.8567 5.57979C17.9893 5.77825 18.0601 6.01159 18.0601 6.25028C18.0601 6.57036 17.933 6.87733 17.7066 7.10366C17.4803 7.32999 17.1733 7.45714 16.8533 7.45714Z" fill="#0A1F8F"/></svg> 3584</span> 3585 3586 </a> 3587 3588 3589 <a 3590 class="tw:inline-flex tw:h-[40px] tw:items-center tw:justify-center" 3591 href="https://www.tiktok.com/@native" 3592 aria-label="TikTok" 3593 target="_blank" 3594 rel="noopener" 3595 > 3596 3597<span class="icon icon-tiktok-v2 custom-meganav__social-icon" style="--icon-height: 40px;" > 3598 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7891 5.32705C17.6513 5.25582 17.5171 5.17774 17.3871 5.09309C17.009 4.84315 16.6624 4.54865 16.3547 4.21593C15.5847 3.33494 15.2971 2.44118 15.1912 1.81543H15.1955C15.107 1.29602 15.1436 0.959961 15.1491 0.959961H11.6421V14.5207C11.6421 14.7027 11.6422 14.8827 11.6345 15.0605C11.6345 15.0826 11.6324 15.103 11.6311 15.1269C11.6311 15.1366 11.6311 15.1468 11.629 15.1571C11.629 15.1596 11.629 15.1622 11.629 15.1647C11.592 15.6513 11.436 16.1213 11.1748 16.5334C10.9135 16.9455 10.555 17.2872 10.1307 17.5282C9.68855 17.7798 9.18843 17.9117 8.67971 17.9111C7.04577 17.9111 5.72152 16.5787 5.72152 14.9333C5.72152 13.2879 7.04577 11.9555 8.67971 11.9555C8.989 11.9553 9.2964 12.0039 9.59048 12.0998L9.59473 8.52899C8.70198 8.41368 7.79502 8.48463 6.93107 8.73737C6.06712 8.99011 5.26492 9.41916 4.57508 9.99745C3.97062 10.5226 3.46245 11.1493 3.07344 11.8492C2.9254 12.1044 2.36686 13.1301 2.29922 14.7946C2.25668 15.7394 2.54042 16.7183 2.6757 17.1228V17.1313C2.76078 17.3695 3.09046 18.1825 3.62773 18.8678C4.06097 19.4175 4.57282 19.9004 5.14681 20.3009V20.2924L5.15532 20.3009C6.85307 21.4546 8.73543 21.3789 8.73543 21.3789C9.06129 21.3657 10.1528 21.3789 11.3924 20.7914C12.7673 20.1401 13.55 19.1698 13.55 19.1698C14.0501 18.59 14.4477 17.9293 14.7258 17.216C15.0432 16.3818 15.1491 15.3812 15.1491 14.9814V7.78711C15.1916 7.81263 15.7583 8.1874 15.7583 8.1874C15.7583 8.1874 16.5746 8.71064 17.8482 9.05138C18.762 9.29385 19.9931 9.3449 19.9931 9.3449V5.86348C19.5617 5.91027 18.6858 5.77414 17.7891 5.32705Z" fill="#0A1F8F"/></svg> 3599</span> 3600 3601 </a> 3602 3603 3604 <a 3605 class="tw:inline-flex tw:h-[40px] tw:items-center tw:justify-center" 3606 href="https://app.tyb.xyz/brand/native" 3607 aria-label="TYB" 3608 target="_blank" 3609 rel="noopener" 3610 > 3611 3612<span class="icon icon-tyb custom-meganav__social-icon" style="--icon-height: 40px;" > 3613 <svg class="" viewBox="0 0 600 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="navy" fill-opacity=".9" d="M486.3 232.7c4.2.2 11.2.2 15.5 0 4.2-.1.7-.3-7.8-.3s-12 .2-7.7.3m-181.8 8.5-7 7.3 7.3-7c6.7-6.4 7.7-7.5 6.9-7.5-.1 0-3.4 3.3-7.2 7.2"/> 3614 <path fill="navy" d="M424 1.3c-4.8 1.5-14 11-17.2 17.7-2.9 6.2-6 15.2-7.7 22.5-.7 2.7-1.6 6.6-2.1 8.5-1.5 5.8-3.5 20.1-5 35.5-1.8 17.9-2.4 60.1-1.1 70 6.1 45.5 27.1 67.4 71.9 74.9 12.8 2.2 48.4 2.2 59.6 0 14.6-2.8 27.9-8.2 38.5-15.3 10.2-7 21-20.4 25-31.1.7-1.9 1.7-4.4 2.1-5.5 7.3-18.3 6.3-35.3-3.5-56.9-8.4-18.7-27.3-34.4-48.4-40.3-13.4-3.7-22.8-4.3-39.6-2.4-15.9 1.7-22.3 3.4-35.2 9.2-2.4 1-4.9 1.9-5.7 1.9s-1.8.4-2.1 1c-.3.5-1.8 1-3.2 1-2.8 0-2.8-.8-.3-9.5 8.5-29.8 9.8-53.8 3.6-67.9C448.5 3.2 436-2.5 424 1.3m84.2 122.8c19.1 4 33.2 23.3 31.6 43.3-.7 8.5-3.7 14.7-10.1 20.9-8 7.8-15.1 10.9-29.2 12.8-20.2 2.7-39-5.6-45.1-19.8-.9-2.1-2-4.6-2.5-5.5-1.2-2.3-1.2-22.3 0-24.6.5-.9 1.5-3.1 2.2-4.7 2.2-5 9.9-13.5 15.6-17.3 3.1-2 7.9-4.1 11.1-4.8 7.3-1.6 19.6-1.7 26.4-.3M75.5 16.4c-2.7.6-7.2 2.2-9.9 3.5-4.1 2-5.3 3.3-7.5 8-2.4 5.2-2.6 6.7-2.9 22.1-.4 17.8-.6 18.6-6.2 21.5-2.4 1.2-14.7 3.1-26 3.9-11.1.8-17.7 4.1-21 10.6-3.1 6-2.3 13.2 2.2 19s10.8 8 30.3 10.9c5.8.9 9.6 2.3 11.2 4.2.7.9 1.3 9.5 1.7 22.9.5 20.3 1.2 27.5 3.5 38 4 18.7 9.4 30 18.7 39.5s15.6 11.6 33.4 11.6c12.8 0 20.5-1.1 29.5-4.3 15.6-5.4 38.2-22.4 43.4-32.5 2.9-5.8 2.9-14.8 0-19.8-3.2-5.4-10.7-8.9-19-8.9-3.6 0-8.1.6-10 1.3-5.4 2-18.1 8.2-21.1 10.3-1.7 1.1-4.4 1.8-7.5 1.8-5.7 0-7.9-1.8-11-9-3.7-8.5-4.3-11.6-4.3-22.6 0-22.8 6.8-30.5 29.5-33 24.7-2.6 29.9-4.3 35.8-11.7 2.7-3.3 3.1-4.5 3.1-10.2s-.4-6.9-3-10.1c-5-6.3-13.2-9.5-28.4-11.4-21.3-2.7-26.2-3.8-28.8-6.4-2.5-2.4-2.5-2.5-1.3-11.3 2.5-20.2.1-30.6-8.1-34.9s-16.5-5.2-26.3-3m127.9 51.2c-6 2.1-10.8 7-13.3 13.5-2 5-2.2 7.1-1.8 17.5.7 17.9 2.8 25.5 12.2 43.9 12.2 23.8 28.4 43.2 48.8 58.4 5.7 4.3 6.2 5 6.5 8.8.4 5.4-2.7 10.8-10 17.9-6.1 5.9-23.6 19.3-28.8 21.9-11.2 5.7-23.7 16.2-27.1 22.7-2.6 5.1-2.5 12.9.3 17.9 4 7.1 12.7 9.1 30.6 6.9 22.7-2.8 38.2-12.5 72.5-45.2 35.1-33.4 55.5-59 70.6-88.3 6-11.6 9-19.4 14.3-37.5.8-2.9 1.3-10 1.3-19.5 0-13.3-.3-15.8-2.4-21.5-3.4-9.2-7.2-14.3-12.5-16.9-5.7-2.6-8.2-2.6-14-.1-10.2 4.3-20.1 17.2-25.5 33-1.5 4.4-3.1 8.3-3.4 8.7-.4.3-.7 1.5-.7 2.5s-.4 2.6-1 3.6c-.5.9-2.1 5.3-3.6 9.7-4.5 13.6-13.9 31.8-19.5 37.9-4.2 4.6-5.7 5.6-9.3 6.1-12.5 1.9-24.2-12.6-37.4-46-2.8-7.2-5.8-15.3-6.7-18-.9-2.8-2-5.9-2.5-7s-1.6-4.2-2.6-6.9c-4.2-11.5-12.7-21.2-21.3-24.1-5.4-1.8-8.3-1.8-13.7.1"/> 3615 <path fill="#404080" fill-opacity=".6" d="M54.3 57c0 3.6.2 5 .4 3.2.2-1.7.2-4.7 0-6.5-.2-1.7-.4-.3-.4 3.3"/> 3616 <path fill="#404080" fill-opacity=".3" d="M46.3 139c0 4.1.2 5.8.4 3.7.2-2 .2-5.4 0-7.5-.2-2-.4-.3-.4 3.8"/> 3617 </svg> 3618</span> 3619 3620 </a> 3621 3622 </li> 3623 3624 </ul> 3625 </div> 3626 <div class="meganav__secondary tw:px-0 tw:border-l-0"> 3627 3628 3629 <div 3630 class="meganav__secondary--inner meganav-promo-image-with-text-inner tw:px-16" 3631 data-layout="" 3632 data-column-count="2" 3633 data-image-position="above_text" 3634 > 3635 <div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3636 <a href="/pages/ingredients" aria-label="Ingredients" class="meganav-promo-image-with-text-item--image"> 3637 <div 3638 class="image animation--lazy-load" 3639 style="position: relative;" 3640 > 3641 <img 3642 alt="" 3643 class="image__img" 3644 3645 loading="lazy" 3646 3647 width="2430" 3648 height="965" 3649
3650 src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=320" 3651 3652 3653 srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1500 1500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1600 1600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=1800 1800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=2000 2000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=2200 2200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbn
3653ail_Ingredients_13ab4484-20aa-4593-9cce-ebb2df061ee2.jpg?v=1777485436&width=2400 2400w" 3654 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 3655 onload="javascript: this.closest('.image').classList.add('loaded')" 3656/> 3657 3658 <h3 3659 class=" 3660 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 3661 " 3662 3663 > 3664 3665 Ingredients 3666 3667 </h3> 3668 </div> 3669 3670 3671 3672 3673 </a> 3674 3675 <div 3676 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3677 > 3678 3679 3680 3681 </div> 3682</div> 3683��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3684 <a href="/pages/about-us" aria-label="our story" class="meganav-promo-image-with-text-item--image"> 3685 <div 3686 class="image animation--lazy-load" 3687 style="position: relative;" 3688 > 3689 <img 3690 alt="" 3691 class="image__img" 3692 3693 loading="lazy" 3694 3695 width="2430" 3696 height="965" 3697 3698 src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=320" 3699 3700 3701 srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbn
3701ail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1500 1500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1600 1600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=1800 1800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=2000 2000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=2200 2200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story_541f3501-7ed0-4305-b694-29b4cc45b0e0.jpg?v=1777485437&width=2400 2400w" 3702 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 3703 onload="javascript: this.closest('.image').classList.add('loaded')" 3704/> 3705 3706 <h3 3707 class=" 3708 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 3709 " 3710 3711 > 3712 3713 our story 3714 3715 </h3> 3716 </div> 3717 3718 3719 3720 3721 </a> 3722 3723 <div 3724 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3725 > 3726 3727 3728 3729 </div> 3730</div> 3731��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3732 <a href="/pages/native-never-list" aria-label="OUR NEVER LIST" class="meganav-promo-image-with-text-item--image"> 3733 <div 3734 class="image animation--lazy-load" 3735 style="position: relative;" 3736 > 3737 <img 3738 alt="" 3739 class="image__img" 3740 3741 loading="lazy" 3742 3743 width="2433" 3744 height="967" 3745 3746 src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=320" 3747 3748 3749 srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbn
3749ail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1500 1500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1600 1600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=1800 1800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=2000 2000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=2200 2200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list_80e9950f-7fb9-491f-a95f-d5caadae5109.jpg?v=1777485437&width=2400 2400w" 3750 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 3751 onload="javascript: this.closest('.image').classList.add('loaded')" 3752/> 3753 3754 <h3 3755 class=" 3756 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 3757 " 3758 3759 > 3760 3761 OUR NEVER LIST 3762 3763 </h3> 3764 </div> 3765 3766 3767 3768 3769 </a> 3770 3771 <div 3772 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3773 > 3774 3775 3776 3777 </div> 3778</div> 3779��<div class="meganav-promo-image-with-text-item" data-image-position="above_text"> 3780 <a href="/pages/blogs" aria-label="Blog" class="meganav-promo-image-with-text-item--image"> 3781 <div 3782 class="image animation--lazy-load" 3783 style="position: relative;" 3784 > 3785 <img 3786 alt="" 3787 class="image__img" 3788 3789 loading="lazy" 3790 3791 width="2430" 3792 height="965" 3793 3794 src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=320" 3795 3796 3797 srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=100 100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=150 150w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=200 200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=240 240w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=280 280w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=300 300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbn
3797ail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=360 360w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=400 400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=450 450w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=500 500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=550 550w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=600 600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=650 650w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=700 700w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=750 750w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=850 850w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=900 900w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=950 950w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1000 1000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1100 1100w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1200 1200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1300 1300w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1400 1400w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1500 1500w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1600 1600w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=1800 1800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=2000 2000w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=2200 2200w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog_22e1b6d5-d768-49a3-b96b-c93e4a8b2731.jpg?v=1777485436&width=2400 2400w" 3798 sizes="calc(100vw - (100% - 75%) - (clamp(24px, 2vw, 36px) * 2)) / 2)" 3799 onload="javascript: this.closest('.image').classList.add('loaded')" 3800/> 3801 3802 <h3 3803 class=" 3804 ff-heading fs-heading-6-base meganav-promo-image-with-text-item-heading__desk menu-text--bottom 3805 " 3806 3807 > 3808 3809 Blog 3810 3811 </h3> 3812 </div> 3813 3814 3815 3816 3817 </a> 3818 3819 <div 3820 class="meganav-promo-image-with-text-item--text fs-body-75 animation--container hide-elem " 3821 > 3822 3823 3824 3825 </div> 3826</div> 3827������ 3828 </div> 3829 3830</div> 3831 3832 </div> 3833 </div> 3834</div> 3835</template>�� 3836 </li> 3837</ul> 3838 3839 </nav></div> 3840 3841 <div 3842 class=" 3843 header__content-segment 3844 header__content-segment-desktop 3845 header__content-segment-search 3846 header__content-segment--right 3847 " 3848 > 3849 <div 3850 class="header__quick-search-bar" 3851 data-has-product-type-selector="true" 3852 > 3853 � 3854<div 3855 class=" 3856 quick-search 3857 quick-search--desktop 3858 " 3859 data-quick-search 3860 data-quick-search-scope="desktop" 3861 data-quick-search-active="false" 3862> 3863 <div class="quick-search__inner"> 3864 <div class="quick-search__trigger-container"> 3865 <div 3866 class="quick-search__bar tw:md:drop-shadow-lg" 3867 > 3868 <div 3869 class="quick-search__bar-inner" 3870 style=" 3871 --color-text-input: var(--color-text-search-field); 3872 --color-background-input: var(--color-background-search-field); 3873 --color-border-input: var(--color-border-search-field); 3874 " 3875 ><div class="quick-search__type-select-wrapper quick-search__type-select-wrapper--faux select-wrapper"> 3876 <select 3877 class="quick-search__type-select" 3878 data-quick-search-faux-product-type 3879 > 3880 3881 3882 3883<option disabled>Search within:</option> 3884<option value selected> 3885 All products 3886</option> 3887 3888 <option value="Deodorant" id="deodorant"> 3889 Deodorant 3890 </option> 3891 � 3892 � 3893 </select> 3894 3895<span class="icon icon-chevron-small select-wrapper--icon" style="" > 3896 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 3897</span> 3898 3899 </div><button 3900 type="button" 3901 class="quick-search__faux-input" 3902 data-quick-search-faux-input 3903 data-placeholder-active="true" 3904 aria-label="Open Search" 3905 data-placeholder-when-type-active="Search within '{{ type }}'" 3906 data-placeholder="Sniffing around for something?" 3907 >
3908 <span data-quick-search-faux-text> 3909 3910 Sniffing around for something? 3911 3912 </span> 3913 </button> 3914 3915 <button 3916 type="button" 3917 name="view-results" 3918 class="quick-search__submit" 3919 aria-label="Search" 3920 data-color-source="primary_button" 3921 data-quick-search-faux-submit 3922 > 3923 3924<span class="icon icon-search " style="" > 3925 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" fill-rule="evenodd" d="M9.993 1.627c4.627 0 8.391 3.819 8.391 8.512 0 4.692-3.764 8.51-8.39 8.51-4.626 0-8.39-3.818-8.39-8.51 0-4.693 3.764-8.512 8.39-8.512Zm0 18.65c2.555 0 4.88-.985 6.65-2.59L22.866 24 24 22.85l-6.246-6.336a10.176 10.176 0 0 0 2.234-6.375C19.988 4.549 15.504 0 9.993 0 4.483 0 0 4.549 0 10.139c0 5.59 4.484 10.138 9.993 10.138Z" clip-rule="evenodd"/></g><defs><clipPath id="searchClip"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg> 3926</span> 3927 3928 </button> 3929 </div> 3930 </div> 3931 3932 3933 3934 <a 3935 class=" 3936 header__icon-touch 3937 header__icon-touch--search 3938 icon-only-search-trigger 3939 no-transition 3940 " 3941 href="/search" 3942 aria-label="Open Search" 3943 data-header-button-type="search" 3944 role="button" 3945 data-search-trigger 3946 > 3947 3948 3949<span 3950 class="icon-button header-search " 3951 data-size="large"data-has-secondary-icon="false" 3952> 3953 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 3954 <span class="icon-button__icon tw:before:bg-transparent"> 3955 3956 3957<span class="icon icon-header-search icon--primary" style=""> 3958 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3959 <!-- Replace with custom icon 3960 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.107 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 3961 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 3962 --> 3963 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 3964 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 3965</span> 3966 3967 3968 </span> 3969</span> 3970 3971 </a> 3972� 3973 3974 </div> 3975 <div class="quick-search__active-search-container" data-search-active-container> 3976 <form 3977 action="/search" 3978 class="quick-search__form tw:m-auto tw:left-0 tw:right-0 tw:w-full" 3979 autocomplete="off" 3980 data-quick-search-form 3981 data-scroll-lock-ignore 3982 > 3983 <input type="hidden" name="options[prefix]" value="last"> 3984 <label 3985 for="QuickSearchInputdesktop" 3986 class="visually-hidden" 3987 aria-label="Sniffing around for something?" 3988 ></label> 3989 3990 <div class="quick-search__bar tw:md:justify-between"> 3991 <div class="quick-search__bar-inner"> 3992 3993 <input 3994 class="quick-search__input" 3995 id="QuickSearchInputdesktop" 3996 type="text" 3997 name="q" 3998 value="" 3999 placeholder="Sniffing around for something?" 4000 data-quick-search-input 4001 > 4002 4003 <button 4004 type="reset" 4005 class="quick-search__clear" 4006 aria-label="Clear" 4007 data-quick-search-clear 4008 > 4009 4010<span class="icon icon-close-small " style="" > 4011 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="square" stroke-width="3.292" d="M3.346 3.346 12 12m0 0 8.653 8.654M12 12l8.653-8.654M12 12l-8.654 8.654"/></svg> 4012</span> 4013 4014 </button> 4015 </div> 4016 4017 <div class="tw:relative"> 4018 <button 4019 type="submit" 4020 class="quick-search__submit tw:absolute tw:md:static tw:rounded-[2px]" 4021 aria-label="View all search result" 4022 data-color-source="primary_button" 4023 data-quick-search-submit 4024 > 4025 View Results 4026 </button> 4027 <button 4028 type="button" 4029 class="quick-search__cancel tw:absolute tw:md:static tw:rounded-[2px]" 4030 data-quick-search-cancel 4031 > 4032 Cancel 4033 </button> 4034 </div> 4035 </div> 4036 4037 4038 <div class="quick-search__results-wrapper tw:rounded-b" data-scroll-lock-ignore> 4039 <div class="quick-search__results tw:relative" data-quick-search-results data-scroll-lock-ignore></div> 4040 <div class="quick-search__loading"> 4041 4042<div 4043 class="loader" 4044 style="" 4045> 4046 <svg 4047 aria-hidden="true" 4048 focusable="false" 4049 role="presentation" 4050 class="loader__spinner"
4051 viewBox="0 0 66 66" 4052 xmlns="http://www.w3.org/2000/svg" 4053 > 4054 <circle class="loader__circle-background" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 4055 <circle class="loader__circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 4056 </svg> 4057</div> 4058</div> 4059 </div> 4060 �<div class="quick-search__suggested-wrapper"> 4061 <div class="quick-search__suggested"><h4 class="quick-search__suggested-header ff-body fs-body-50 fs-accent fs-accent-bold tw:tracking-[0.1em] tw:text-blue tw:text-[14px]"> 4062 Popular searches 4063 </h4><ul class="quick-search__resource-list quick-search__resource-list--list"><li class="quick-search__resource-list-item"> 4064 <a 4065 class="quick-search__result quick-search__result--suggested no-transition tw:text-black tw:flex tw:justify-between" 4066 href="/collections/shop-all?category_filter=deodorant" 4067 data-result-type="suggested-link" 4068 > 4069 <div class="tw:flex"> 4070 4071 4072<span 4073 class="icon-button header-search " 4074 data-size="large"data-has-secondary-icon="false" 4075> 4076 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4077 <span class="icon-button__icon tw:before:bg-transparent"> 4078 4079 4080<span class="icon icon-header-search icon--primary" style=""> 4081 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4082 <!-- Replace with custom icon 4083 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.107 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4084 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4085 --> 4086 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4087 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4088</span> 4089 4090 4091 </span> 4092</span> 4093 4094 <span class="quick-search__result-heading ff-body fs-body-100">Deodorant</span> 4095 </div> 4096 4097<span class="icon icon-chevron-v2 " style="" > 4098 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.5
40985986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 4099</span> 4100 4101 </a> 4102 </li><li class="quick-search__resource-list-item"> 4103 <a 4104 class="quick-search__result quick-search__result--suggested no-transition tw:text-black tw:flex tw:justify-between" 4105 href="/collections/shop-all?custom_filter=limited-edition" 4106 data-result-type="suggested-link" 4107 > 4108 <div class="tw:flex"> 4109 4110 4111<span 4112 class="icon-button header-search " 4113 data-size="large"data-has-secondary-icon="false" 4114> 4115 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4116 <span class="icon-button__icon tw:before:bg-transparent"> 4117 4118 4119<span class="icon icon-header-search icon--primary" style=""> 4120 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4121 <!-- Replace with custom icon 4122 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.107 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4123 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4124 --> 4125 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4126 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4127</span> 4128 4129 4130 </span> 4131</span> 4132 4133 <span class="quick-search__result-heading ff-body fs-body-100">Limited Edition</span> 4134 </div> 4135 4136<span class="icon icon-chevron-v2 " style="" > 4137 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 4138</span> 4139 4140 </a> 4141 </li><li class="quick-search__resource-list-item"> 4142 <a 4143 class="quick-search__result quick-search__result--suggested no-transition tw:text-black tw:flex tw:justify-between" 4144 href="/collections/shop-all?category_filter=body_body-wash" 4145 data-result-type="suggested-link" 4146 > 4147 <div class="tw:flex"> 4148 4149 4150<span 4151 class="icon-button header-search " 4152 data-size="large"data-has-secondary-icon="false" 4153> 4154 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4155 <span class="icon-button__icon tw:before:bg-transparent"> 4156 4157 4158<span class="icon icon-header-search icon--primary" style=""> 4159 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4160 <!-- Replace with custom icon 4161 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.10
41617 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4162 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4163 --> 4164 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4165 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4166</span> 4167 4168 4169 </span> 4170</span> 4171 4172 <span class="quick-search__result-heading ff-body fs-body-100">Body Wash</span> 4173 </div> 4174 4175<span class="icon icon-chevron-v2 " style="" > 4176 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 4177</span> 4178 4179 </a> 4180 </li></ul></div> 4181 </div></form> 4182 </div> 4183 </div> 4184</div> 4185 4186 </div><div class="header__account-button-wrapper"> 4187 <a 4188 class="header__icon-touch header__icon-touch--account" 4189 href="/account" 4190 aria-label="Go to the account page" 4191 data-account-link 4192 > 4193 4194 4195<span 4196 class="icon-button header-account " 4197 data-size="large"data-has-secondary-icon="false" 4198> 4199 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4200 <span class="icon-button__icon tw:before:bg-transparent"> 4201 4202 4203<span class="icon icon-header-account icon--primary" style=""> 4204 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4205 4206 <!-- Replace with custom icon 4207 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.69 2.164C12.553 2.16384 13.3995 2.4008 14.137 2.849C14.8896 3.30776 15.5085 3.95603 15.932 4.729C16.364 5.51 16.593 6.397 16.597 7.301C16.6017 8.20104 16.3803 9.08784 15.953 9.88C15.5555 10.6181 14.9806 11.2456 14.28 11.706C14.2326 11.7274 14.1885 11.7553 14.149 11.789C13.4166 12.2327 12.5773 12.4688 11.721 12.472C10.8546 12.4731 10.0045 12.2358 9.264 11.786C8.50865 11.3257 7.88757 10.675 7.463 9.899C7.02936 9.10917 6.80144 8.22293 6.80021 7.3219C6.79899 6.42086 7.02451 5.534 7.456 4.743C7.87732 3.96851 8.49455 3.31817 9.246 2.857C9.98182 2.40652 10.8272 2.1668 11.69 2.164ZM14.56 12.88C13.6953 13.3724 12.7181 13.6332 11.723 13.637C10.7149 13.6382 9.72409 13.3754 8.849 12.875C7.1875 13.4999 5.75828 14.6206 4.755 16.085C3.67685 17.6542 3.10139 19.0961 3.105 21C3.105 21.321 2.858 21.582 2.553 21.582C2.247 21.582 2 21.322 2 21C2 18.837 2.652 17.148 3.861 15.399C4.8441 13.9673 6.1891 12.8217 7.759 12.079C7.25783 11.6185 6.83497 11.0794 6.507 10.483C5.97435 9.51303 5.69442 8.42459 5.693 7.318V7.316C5.6927 6.21317 5.96951 5.12795 6.498 4.16C7.01465 3.21132 7.77117 2.4148 8.692 1.85C9.59426 1.29744 10.631 1.0034 11.689 1C12.7467 0.999971 13.7842 1.29055 14.688 1.84C15.6102 2.4019 16.3689 3.19603 16.888 4.143C17.418 5.101 17.698 6.188 17.702 7.297C17.7078 8.39979 17.4365 9.48637 16.913 10.457C16.5841 11.0658 16.1566 11.6159 15.648 12.085C17.2132 12.8276 18.5542 13.9709 19.535 15.399C20.7514 17.1702 21.4005 18.8514 21.396 21C21.396 21.321 21.149 21.582 20.843 21.582C20.538 21.582 20.29 21.322 20.29 21C20.2935 19.0961 19.7181 17.6542 18.64 16.085C17.6397 14.6246 16.2157 13.506 14.56 12.88Z" fill="currentColor" stroke="currentColor" stroke-width="0.19"/> 4208 --> 4209 <path d="M6.13721 13.7891C5.41354 13.7891 4.71133 14.0299 4.14503 14.477C1.93945 16.2164 0.498067 18.8869 0.428919 21.9092C0.400306 22.187 0.493298 22.466 0.682859 22.671C0.862883 22.8844 1.12755 23.0048 1.40534 23.0036H19.4077C19.577 22.9977 19.7391 22.9261 19.8583 22.8081H19.8405C19.9513 22.6853 20.0074 22.5244 19.9978 22.3587C20.0705 19.1814 18.6125 16.3261 16.2984 14.4913C15.7285 14.0382 15.0204 13.7903 14.2919 13.7903H6.13721V13.7891Z" fill="#0E1029"/> 4210 <path d="M10 12C13.3137 12 16 9.31371 16 6C16 2.68629 13.3
4210137 0 10 0C6.68629 0 4 2.68629 4 6C4 9.31371 6.68629 12 10 12Z" fill="#0E1029"/></svg> 4211</span> 4212 4213 4214 </span> 4215</span> 4216 4217 </a><div class="header__account-quick-view" data-account-quick-view aria-hidden="true"> 4218 <div class="header__account-quick-view-inner tw:bg-white"> 4219 4220 4221<div class="login" data-scope="component" data-account-login> 4222 <div class="login__success-wrapper"> 4223 <div class="login__success" data-success-message tabindex="-1"> 4224 <div class="ff-body fs-body-100"> 4225 We've sent you an email with a link to update your password. 4226 </div> 4227 </div> 4228 </div> 4229 4230 <div id="login-form" class="login__wrapper" data-part="login" aria-hidden="false"> 4231 <header class="login__header"> 4232 <h4 class="login__heading ff-heading fs-heading-5-base tw:font-family-heading">Login</h4> 4233 </header> 4234 4235 <div id="login__track-order-message-container" class="login__success-wrapper"></div> 4236 4237 <div class="login__main"> 4238 <form method="post" action="/account/login" id="header-account-login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate" class="login__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /> 4239 <label class="tw:text-blue tw:font-family-heading tw:uppercase tw:font-bold tw:text-[12px] tw:tracking-[0.1em]" for="header-account-login-CustomerEmail">Email</label> 4240 <input 4241 type="email" 4242 class="input tw:rounded-[5px] tw:bg-off-white tw:border-transparent tw:text-black" 4243 name="customer[email]" 4244 id="header-account-login-CustomerEmail" 4245 autocomplete="email" 4246 autocorrect="off" 4247 autocapitalize="off" 4248 4249 > 4250 4251 4252 <div class="login__label-wrapper"> 4253 <label class="tw:text-blue tw:font-family-heading tw:uppercase tw:font-bold tw:text-[12px] tw:tracking-[0.1em]" for="header-account-login-CustomerPassword">Password</label> 4254 <button 4255 type="button" 4256 class="btn btn--text-link fs-body-75 tw:text-blue tw:hover:text-black tw:font-medium tw:tracking-[0.01em]" 4257 data-toggle 4258 aria-controls="header-account-login-register-form" 4259 > 4260 Forgot password? 4261 </button> 4262 </div> 4263 <input 4264 type="password" 4265 class="input tw:rounded-[5px] tw:bg-off-white tw:border-transparent tw:text-black" 4266 value="" 4267 name="customer[password]" 4268 id="header-account-login-CustomerPassword" 4269 > 4270 4271 4272 <button type="submit" class="login__button btn btn--primary btn--full tw:bg-blue tw:hover:bg-black tw:rounded-[5px]"> 4273 Sign in 4274 </button> 4275 4276 <div class="login__links ff-body fs-body-100"> 4277 <span>New customer?</span> 4278 <a class="link" href="/account/register">Create account</a> 4279 </div> 4280 </form> 4281 </div> 4282 </div> 4283 4284 <div id="header-account-login-register-form" class="login__wrapper hide" data-part="reset" aria-hidden="true"> 4285 <div class="login__header"> 4286 <h2 class="login__heading ff-heading fs-heading-3-base">Reset your password</h2> 4287 <p class="login__subheading fs-body-75">We will send you an email to reset your password.</p> 4288 </div> 4289 4290 <div class="login__main"> 4291 <form method="post" action="/account/recover" accept-charset="UTF-8" class="login__form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" />
4292 <label for="header-account-login-RecoverEmail">Email address</label> 4293 <input 4294 type="email" 4295 value="" 4296 name="email" 4297 id="header-account-login-RecoverEmail" 4298 class="input" 4299 autocorrect="off" 4300 autocapitalize="off" 4301 > 4302 4303 <button type="submit" class="login__button btn btn--primary btn--full"> 4304 Submit 4305 </button> 4306 4307 <div class="login__links ff-body fs-body-100"> 4308 <button type="button" data-toggle class="btn btn--text-link" aria-controls="login-form"> 4309 Cancel 4310 </button> 4311 </div> 4312 </form> 4313 </div> 4314 </div> 4315 4316 4317 4318</div> 4319</div> 4320 </div>� 4321 </div> 4322 4323 <a 4324 class="header__cart-link header__icon-touch no-transition header__icon-touch--cart" 4325 href="/cart" 4326 role="button" 4327 aria-label="open cart dialog, 0 items added to the cart" 4328 aria-expanded="false" 4329 aria-controls="quick-cart-panel" 4330 data-header-cart 4331 data-cart-count="0" 4332 > 4333 4334 4335<span 4336 class="icon-button header-shopping-bag " 4337 data-size="large"data-has-secondary-icon="false" 4338> 4339 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4340 <span class="icon-button__icon tw:before:bg-transparent"> 4341 4342 4343<span class="icon icon-header-shopping-bag icon--primary" style=""> 4344 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4345 <!-- 4346 <path d="M19.431 20.5H4.57802L2.23502 8.36267H8.06002C7.88885 9.30174 7.74412 10.2454 7.62602 11.1927C7.61487 11.2728 7.62102 11.3543 7.64405 11.4318C7.66708 11.5094 7.70645 11.581 7.75951 11.6421C7.81257 11.7031 7.8781 11.752 7.95167 11.7856C8.02524 11.8192 8.10515 11.8366 8.18602 11.8367C8.32245 11.8355 8.4538 11.7847 8.55555 11.6938C8.6573 11.6029 8.72251 11.4781 8.73902 11.3427C8.86502 10.3467 9.03002 9.34567 9.20902 8.36767H14.874C15.039 9.39067 15.169 10.4057 15.254 11.3207C15.2598 11.3946 15.2802 11.4666 15.3139 11.5326C15.3477 11.5986 15.3941 11.6572 15.4506 11.7052C15.5072 11.7531 15.5726 11.7895 15.6432 11.812C15.7138 11.8346 15.7882 11.843 15.862 11.8367C16.0118 11.822 16.1497 11.7485 16.2453 11.6322C16.3409 11.516 16.3865 11.3665 16.372 11.2167C16.2817 10.2635 16.164 9.31308 16.019 8.36666H2
43461.759L19.431 20.5ZM11.978 1.637C13.095 1.637 14.066 4.00167 14.683 7.22167H9.43802C10.158 3.79367 11.146 1.637 11.978 1.637ZM22.869 7.42566C22.8156 7.36303 22.7492 7.31272 22.6744 7.2782C22.5997 7.24367 22.5184 7.22575 22.436 7.22567H15.832C15.232 3.89767 14.07 0.5 11.978 0.5C10.153 0.5 8.96402 3.83467 8.27502 7.22167H1.56502C1.48277 7.22313 1.40173 7.24167 1.32702 7.2761C1.25231 7.31053 1.18557 7.36009 1.13102 7.42167C1.07765 7.48556 1.03912 7.5605 1.01819 7.64108C0.997269 7.72166 0.994477 7.80588 1.01002 7.88767L3.55802 21.161C3.57909 21.2919 3.64593 21.4111 3.74665 21.4974C3.84737 21.5836 3.97542 21.6313 4.10802 21.632H19.901C20.0339 21.6323 20.1625 21.585 20.2634 21.4986C20.3643 21.4121 20.4309 21.2923 20.451 21.161L22.991 7.88667C23.0058 7.80558 23.0025 7.72223 22.9814 7.64256C22.9604 7.56288 22.922 7.48883 22.869 7.42566Z" fill="currentColor"/> 4347 Replaced with custom icon 4348 --> 4349 <path d="M20.9789 20.766L19.5753 9.54255C19.5753 9.54255 19.5753 9.44681 19.5753 9.40425L18.6928 6.80851C18.4376 6.24468 17.8634 5.88298 17.2361 5.89362H15.0245V4.93617C15.0138 2.47872 13.0361 0.5 10.5905 0.5C8.14496 0.5 6.1566 2.48936 6.1566 4.93617V5.85106H3.95559C3.37078 5.8617 2.83913 6.20213 2.58394 6.73404L1.47812 9.38298C1.45686 9.43617 1.43559 9.5 1.43559 9.56383L0.0214126 20.766C-0.212511 22.5851 1.0847 24.2553 2.90293 24.4787C3.04116 24.5 3.17939 24.5 3.31762 24.5H17.672C19.5115 24.5 20.9895 23.0106 20.9895 21.1702C20.9895 21.0319 20.9895 20.8936 20.9683 20.7553L20.9789 20.766ZM10.5905 2.30851C12.0579 2.30851 13.2488 3.5 13.2488 4.96808V5.88298H7.9323V4.96808C7.9323 3.5 9.12319 2.30851 10.5905 2.30851ZM5.93331 8.95745H3.40268C3.32825 8.95745 3.25382 8.91489 3.22192 8.85106C3.19002 8.78723 3.19002 8.71277 3.22192 8.64894L3.77483 7.31915C3.80673 7.24468 3.87053 7.20213 3.94496 7.19149H6.14597V8.73404C6.14597 8.8617 6.05027 8.95745 5.92268 8.96809L5.93331 8.95745ZM13.0255 8.98936H8.15559C8.028 8.98936 7.9323 8.88298 7.9323 8.75532V7.21277H13.2488V8.75532C13.2488 8.88298 13.1531 8.97872 13.0255 8.98936ZM17.8741 8.85106C17.8315 8.91489 17.7677 8.94681 17.6827 8.94681H15.2371C15.1095 8.94681 15.0138 8.84043 15.0138 8.71277V7.20213H17.2255C17.2893 7.20213 17.3531 7.24468 17.3743 7.30851L17.8634 8.6383C17.8953 8.70213 17.8953 8.7766 17.8634 8.84043L17.8741 8.85106Z" fill="#0E1029"/></svg> 4350</span> 4351 4352 4353 </span> 4354</span> 4355 4356 4357 4358 </a> 4359 </div></div> 4360 4361 4362 <div 4363 class=" 4364 header__content header__content-mobile 4365 three-segment 4366 " 4367 > 4368 <div class="header__content-segment header__content-segment--left"> 4369 <button 4370 class="header__menu-icon header__icon-touch header__icon-menu" 4371 aria-label="Open menu" 4372 aria-expanded="false" 4373 data-aria-label-closed="Open menu" 4374 data-aria-label-opened="Close menu" 4375 data-menu-button 4376 > 4377 4378 4379<span 4380 class="icon-button header-menu" 4381 data-size="large"data-has-secondary-icon="false" 4382> 4383 <span class="icon-button__icon"> 4384 4385<span class="icon icon-header-menu icon--primary" style="" > 4386 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.77789 12.6414H21.2221M2.77789 5H21.2221M2.77789 20.3694H21.2221" stroke="currentColor" stroke-width="1.33203"/></svg> 4387</span> 4388 4389 4390 4391 </span> 4392</span> 4393 4394 </button> 4395 <button 4396 type="button" 4397 class="mobile-menu-close-button tw:left-[18px] header__menu-icon header__icon-touch header__icon-menu" 4398 aria-label="Close menu" 4399 aria-expanded="true" 4400 data-close-mobile-menu 4401 > 4402 4403 4404<span 4405 class="icon-button modal-drawer-close" 4406 data-size="large"data-has-secondary-icon="false"aria-hidden hiddenstyle="--icon-width: 24px; --icon-height: 24px;" 4407> 4408 <span class="icon-button__icon"> 4409 4410<span class="icon icon-modal-drawer-close icon--primary" style="" > 4411 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4412 <path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg> 4413</span> 4414 4415 4416 4417 </span> 4418</span> 4419 4420 </button></div> 4421
4422 <span class="header__logo"> 4423 <a 4424 class="header__logo-link" 4425 href="/" 4426 aria-label="Native" 4427 > 4428 <div class="header__logo-wrapper"> 4429 <div 4430 class="image regular-logo" 4431 style="" 4432 > 4433 <img 4434 alt="" 4435 class="image__img" 4436 4437 fetchpriority="high" 4438 4439 width="333" 4440 height="97" 4441 4442 src="//www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=320" 4443 4444 4445 srcset="//www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=100 100w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=150 150w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=200 200w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=240 240w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=280 280w, //www.nativecos.com/cdn/shop/files/native-logo.png?v=1768476538&width=300 300w" 4446 sizes="(max-width: 960px) 90px, 165px" 4447 onload="javascript: this.closest('.image').classList.add('loaded')" 4448/> 4449 4450 </div> 4451 4452 4453 </div> 4454
4455 <span class="header__logo-text">Native</span> 4456 </a> 4457 </span>� 4458 4459 4460 4461 <div class="header__content-segment header__content-segment--right"> 4462 4463 <a 4464 class=" 4465 header__icon-touch 4466 header__icon-touch--search 4467 icon-only-search-trigger 4468 no-transition 4469 " 4470 href="/search" 4471 aria-label="Open Search" 4472 data-header-button-type="search" 4473 role="button" 4474 data-search-trigger 4475 > 4476 4477 4478<span 4479 class="icon-button header-search " 4480 data-size="large"data-has-secondary-icon="false" 4481> 4482 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4483 <span class="icon-button__icon tw:before:bg-transparent"> 4484 4485 4486<span class="icon icon-header-search icon--primary" style=""> 4487 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4488 <!-- Replace with custom icon 4489 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.107 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4490 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4491 --> 4492 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4493 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4494</span> 4495 4496 4497 </span> 4498</span> 4499 4500 </a> 4501<a 4502 class="header__cart-link header__icon-touch no-transition header__icon-touch--cart" 4503 href="/cart" 4504 role="button" 4505 aria-label="open cart dialog, 0 items added to the cart" 4506 aria-expanded="false" 4507 aria-controls="quick-cart-panel" 4508 data-header-cart 4509 data-cart-count="0" 4510 > 4511 4512 4513<span 4514 class="icon-button header-shopping-bag " 4515 data-size="large"data-has-secondary-icon="false" 4516> 4517 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4518 <span class="icon-button__icon tw:before:bg-transparent"> 4519 4520 4521<span class="icon icon-header-shopping-bag icon--primary" style=""> 4522 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4523 <!-- 4524 <path d="M19.431 20.5H4.57802L2.23502 8.36267H8.06002C7.88885 9.30174 7.74412 10.2454 7.62602 11.1927C7.61487 11.2728 7.62102 11.3543 7.64405 11.4318C7.66708 11.5094 7.70645 11.581 7.75951 11.6421C7.81257 11.7031 7.8781 11.752 7.95167 11.7856C8.02524 11.8192 8.10515 11.8366 8.18602 11.8367C8.32245 11.8355 8.4538 11.7847 8.55555 11.6938C8.6573 11.6029 8.72251 11.4781 8.73902 11.3427C8.86502 10.3467 9.03002 9.34567 9.20902 8.36767H14.874C15.039 9.39067 15.169 10.4057 15.254 11.3207C15.2598 11.3946 15.2802 11.4666 15.3139 11.5326C15.3477 11.5986 15.3941 11.6572 15.4506 11.7052C15.5072 11.7531 15.5726 11.7895 15.6432 11.812C15.7138 11.8346 15.7882 11.843 15.862 11.8367C16.0118 11.822 16.1497 11.7485 16.2453 11.6322C16.3409 11.516 16.3865 11.3665 16.372 11.2167C16.2817 10.2635 16.164 9.31308 16.019 8.36666H2
45241.759L19.431 20.5ZM11.978 1.637C13.095 1.637 14.066 4.00167 14.683 7.22167H9.43802C10.158 3.79367 11.146 1.637 11.978 1.637ZM22.869 7.42566C22.8156 7.36303 22.7492 7.31272 22.6744 7.2782C22.5997 7.24367 22.5184 7.22575 22.436 7.22567H15.832C15.232 3.89767 14.07 0.5 11.978 0.5C10.153 0.5 8.96402 3.83467 8.27502 7.22167H1.56502C1.48277 7.22313 1.40173 7.24167 1.32702 7.2761C1.25231 7.31053 1.18557 7.36009 1.13102 7.42167C1.07765 7.48556 1.03912 7.5605 1.01819 7.64108C0.997269 7.72166 0.994477 7.80588 1.01002 7.88767L3.55802 21.161C3.57909 21.2919 3.64593 21.4111 3.74665 21.4974C3.84737 21.5836 3.97542 21.6313 4.10802 21.632H19.901C20.0339 21.6323 20.1625 21.585 20.2634 21.4986C20.3643 21.4121 20.4309 21.2923 20.451 21.161L22.991 7.88667C23.0058 7.80558 23.0025 7.72223 22.9814 7.64256C22.9604 7.56288 22.922 7.48883 22.869 7.42566Z" fill="currentColor"/> 4525 Replaced with custom icon 4526 --> 4527 <path d="M20.9789 20.766L19.5753 9.54255C19.5753 9.54255 19.5753 9.44681 19.5753 9.40425L18.6928 6.80851C18.4376 6.24468 17.8634 5.88298 17.2361 5.89362H15.0245V4.93617C15.0138 2.47872 13.0361 0.5 10.5905 0.5C8.14496 0.5 6.1566 2.48936 6.1566 4.93617V5.85106H3.95559C3.37078 5.8617 2.83913 6.20213 2.58394 6.73404L1.47812 9.38298C1.45686 9.43617 1.43559 9.5 1.43559 9.56383L0.0214126 20.766C-0.212511 22.5851 1.0847 24.2553 2.90293 24.4787C3.04116 24.5 3.17939 24.5 3.31762 24.5H17.672C19.5115 24.5 20.9895 23.0106 20.9895 21.1702C20.9895 21.0319 20.9895 20.8936 20.9683 20.7553L20.9789 20.766ZM10.5905 2.30851C12.0579 2.30851 13.2488 3.5 13.2488 4.96808V5.88298H7.9323V4.96808C7.9323 3.5 9.12319 2.30851 10.5905 2.30851ZM5.93331 8.95745H3.40268C3.32825 8.95745 3.25382 8.91489 3.22192 8.85106C3.19002 8.78723 3.19002 8.71277 3.22192 8.64894L3.77483 7.31915C3.80673 7.24468 3.87053 7.20213 3.94496 7.19149H6.14597V8.73404C6.14597 8.8617 6.05027 8.95745 5.92268 8.96809L5.93331 8.95745ZM13.0255 8.98936H8.15559C8.028 8.98936 7.9323 8.88298 7.9323 8.75532V7.21277H13.2488V8.75532C13.2488 8.88298 13.1531 8.97872 13.0255 8.98936ZM17.8741 8.85106C17.8315 8.91489 17.7677 8.94681 17.6827 8.94681H15.2371C15.1095 8.94681 15.0138 8.84043 15.0138 8.71277V7.20213H17.2255C17.2893 7.20213 17.3531 7.24468 17.3743 7.30851L17.8634 8.6383C17.8953 8.70213 17.8953 8.7766 17.8634 8.84043L17.8741 8.85106Z" fill="#0E1029"/></svg> 4528</span> 4529 4530 4531 </span> 4532</span> 4533 4534 4535 4536 </a></div> 4537 </div> 4538 4539 <div class="header__content header__content-mobile header__content--search-bar"> 4540 <div 4541 class="header__quick-search-bar" 4542 role="dialog" 4543 aria-modal="true" 4544 aria-label="Sniffing around for something?" 4545 > 4546 � 4547<div 4548 class=" 4549 quick-search 4550 quick-search--mobile 4551 " 4552 data-quick-search 4553 data-quick-search-scope="mobile" 4554 data-quick-search-active="false" 4555> 4556 <div class="quick-search__inner"> 4557 <div class="quick-search__trigger-container"> 4558 <div 4559 class="quick-search__bar tw:md:drop-shadow-lg" 4560 > 4561 <div 4562 class="quick-search__bar-inner" 4563 style=" 4564 --color-text-input: var(--color-text-search-field); 4565 --color-background-input: var(--color-background-search-field); 4566 --color-border-input: var(--color-border-search-field); 4567 " 4568 ><div class="quick-search__type-select-wrapper quick-search__type-select-wrapper--faux select-wrapper"> 4569 <select 4570 class="quick-search__type-select" 4571 data-quick-search-faux-product-type 4572 > 4573 4574 4575 4576<option disabled>Search within:</option> 4577<option value selected> 4578 All products 4579</option> 4580 4581 <option value="Deodorant" id="deodorant"> 4582 Deodorant 4583 </option> 4584 � 4585 � 4586 </select> 4587 4588<span class="icon icon-chevron-small select-wrapper--icon" style="" > 4589 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 4590</span> 4591 4592 </div><button 4593 type="button" 4594 class="quick-search__faux-input" 4595 data-quick-search-faux-input 4596 data-placeholder-active="true" 4597 aria-label="Open Search" 4598 data-placeholder-when-type-active="Search within '{{ type }}'" 4599 data-placeholder="Sniffing around for something?" 4600 >
4601 <span data-quick-search-faux-text> 4602 4603 Sniffing around for something? 4604 4605 </span> 4606 </button> 4607 4608 <button 4609 type="button" 4610 name="view-results" 4611 class="quick-search__submit" 4612 aria-label="Search" 4613 data-color-source="primary_button" 4614 data-quick-search-faux-submit 4615 > 4616 4617<span class="icon icon-search " style="" > 4618 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" fill-rule="evenodd" d="M9.993 1.627c4.627 0 8.391 3.819 8.391 8.512 0 4.692-3.764 8.51-8.39 8.51-4.626 0-8.39-3.818-8.39-8.51 0-4.693 3.764-8.512 8.39-8.512Zm0 18.65c2.555 0 4.88-.985 6.65-2.59L22.866 24 24 22.85l-6.246-6.336a10.176 10.176 0 0 0 2.234-6.375C19.988 4.549 15.504 0 9.993 0 4.483 0 0 4.549 0 10.139c0 5.59 4.484 10.138 9.993 10.138Z" clip-rule="evenodd"/></g><defs><clipPath id="searchClip"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg> 4619</span> 4620 4621 </button> 4622 </div> 4623 </div> 4624 4625 4626 4627 4628 </div> 4629 <div class="quick-search__active-search-container" data-search-active-container> 4630 <form 4631 action="/search" 4632 class="quick-search__form tw:m-auto tw:left-0 tw:right-0 tw:w-full" 4633 autocomplete="off" 4634 data-quick-search-form 4635 data-scroll-lock-ignore 4636 > 4637 <input type="hidden" name="options[prefix]" value="last"> 4638 <label 4639 for="QuickSearchInputmobile" 4640 class="visually-hidden" 4641 aria-label="Sniffing around for something?" 4642 ></label> 4643 4644 <div class="quick-search__bar tw:md:justify-between"> 4645 <div class="quick-search__bar-inner"> 4646 4647 <input 4648 class="quick-search__input" 4649 id="QuickSearchInputmobile" 4650 type="text" 4651 name="q" 4652 value="" 4653 placeholder="Sniffing around for something?" 4654 data-quick-search-input 4655 > 4656 4657 <button 4658 type="reset" 4659 class="quick-search__clear" 4660 aria-label="Clear" 4661 data-quick-search-clear 4662 > 4663 4664<span class="icon icon-close-small " style="" > 4665 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="square" stroke-width="3.292" d="M3.346 3.346 12 12m0 0 8.653 8.654M12 12l8.653-8.654M12 12l-8.654 8.654"/></svg> 4666</span> 4667 4668 </button> 4669 </div> 4670 4671 <div class="tw:relative"> 4672 <button 4673 type="submit" 4674 class="quick-search__submit tw:absolute tw:md:static tw:rounded-[2px]" 4675 aria-label="View all search result" 4676 data-color-source="primary_button" 4677 data-quick-search-submit 4678 > 4679 View Results 4680 </button> 4681 <button 4682 type="button" 4683 class="quick-search__cancel tw:absolute tw:md:static tw:rounded-[2px]" 4684 data-quick-search-cancel 4685 > 4686 Cancel 4687 </button> 4688 </div> 4689 </div> 4690 4691 4692 <div class="quick-search__results-wrapper tw:rounded-b" data-scroll-lock-ignore> 4693 <div class="quick-search__results tw:relative" data-quick-search-results data-scroll-lock-ignore></div> 4694 <div class="quick-search__loading"> 4695 4696<div 4697 class="loader" 4698 style="" 4699> 4700 <svg 4701 aria-hidden="true" 4702 focusable="false" 4703 role="presentation" 4704 class="loader__spinner" 4705 viewBox="0 0 66 66" 4706 xmlns="http://www.w3.org/2000/svg" 4707 > 4708 <circle class="loader__circle-background" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 4709 <circle class="loader__circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 4710 </svg> 4711</div> 4712</div> 4713 </div> 4714 �<div class="quick-search__suggested-wrapper"> 4715 <div class="quick-search__suggested"><h4 class="quick-search__suggested-header ff-body fs-body-50 fs-accent fs-accent-bold tw:tracking-[0.1em] tw:text-blue tw:text-[14px]"> 4716 Popular searches 4717 </h4><ul class="quick-search__resource-list quick-search__resource-list--list"><li class="quick-search__resource-list-item"> 4718 <a 4719 class="quick-search__result quick-search__result--suggested no-transition tw:text-black tw:flex tw:justify-between" 4720 href="/collections/shop-all?category_filter=deodorant" 4721 data-result-type="suggested-link" 4722 > 4723 <div class="tw:flex"> 4724 4725 4726<span 4727 class="icon-button header-search " 4728 data-size="large"data-has-secondary-icon="false" 4729> 4730 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4731 <span class="icon-button__icon tw:before:bg-transparent"> 4732 4733 4734<span class="icon icon-header-search icon--primary" style=""> 4735 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4736 <!-- Replace with custom icon 4737 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.10
47377 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4738 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4739 --> 4740 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4741 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4742</span> 4743 4744 4745 </span> 4746</span> 4747 4748 <span class="quick-search__result-heading ff-body fs-body-100">Deodorant</span> 4749 </div> 4750 4751<span class="icon icon-chevron-v2 " style="" > 4752 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 4753</span> 4754 4755 </a> 4756 </li><li class="quick-search__resource-list-item"> 4757 <a 4758 class="quick-search__result quick-search__result--suggested no-transition tw:text-black tw:flex tw:justify-between" 4759 href="/collections/shop-all?custom_filter=limited-edition" 4760 data-result-type="suggested-link" 4761 > 4762 <div class="tw:flex"> 4763 4764 4765<span 4766 class="icon-button header-search " 4767 data-size="large"data-has-secondary-icon="false" 4768> 4769 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4770 <span class="icon-button__icon tw:before:bg-transparent"> 4771 4772 4773<span class="icon icon-header-search icon--primary" style=""> 4774 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4775 <!-- Replace with custom icon 4776 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.107 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4777 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4778 --> 4779 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.
47790717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4780 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4781</span> 4782 4783 4784 </span> 4785</span> 4786 4787 <span class="quick-search__result-heading ff-body fs-body-100">Limited Edition</span> 4788 </div> 4789 4790<span class="icon icon-chevron-v2 " style="" > 4791 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 4792</span> 4793 4794 </a> 4795 </li><li class="quick-search__resource-list-item"> 4796 <a 4797 class="quick-search__result quick-search__result--suggested no-transition tw:text-black tw:flex tw:justify-between" 4798 href="/collections/shop-all?category_filter=body_body-wash" 4799 data-result-type="suggested-link" 4800 > 4801 <div class="tw:flex"> 4802 4803 4804<span 4805 class="icon-button header-search " 4806 data-size="large"data-has-secondary-icon="false" 4807> 4808 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 4809 <span class="icon-button__icon tw:before:bg-transparent"> 4810 4811 4812<span class="icon icon-header-search icon--primary" style=""> 4813 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4814 <!-- Replace with custom icon 4815 <path d="M10.8857 18.6844C11.9212 18.6844 12.9466 18.4804 13.9034 18.0841C14.8601 17.6879 15.7294 17.107 16.4617 16.3748C17.1939 15.6425 17.7748 14.7732 18.1711 13.8165C18.5674 12.8597 18.7713 11.8343 18.7713 10.7987C18.7713 9.76319 18.5674 8.73777 18.1711 7.78103C17.7748 6.8243 17.1939 5.95499 16.4617 5.22274C15.7294 4.49049 14.8601 3.90964 13.9034 3.51335C12.9466 3.11705 11.9212 2.91309 10.8857 2.91309C8.79425 2.91309 6.7885 3.74389 5.30966 5.22274C3.83081 6.70159 3 8.70734 3 10.7987C3 12.8902 3.83081 14.8959 5.30966 16.3748C6.7885 17.8536 8.79425 18.6844 10.8857 18.6844Z" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10" stroke-linecap="round"/> 4816 <path d="M16.5259 16.5312L21.4326 21.4379" stroke="currentColor" stroke-width="1.36676" stroke-miterlimit="10"/> 4817 --> 4818 <path d="M8.97295 16.8659C10.932 17.3019 12.8809 16.9658 14.5178 16.0717L15.3112 19.5137C15.3112 19.5137 15.5614 19.8306 15.8894 20.3375C16.2297 20.8365 16.6739 21.508 17.0893 22.1987L18.2541 24.0813L18.7656 24.9485L21.6469 23.1161L21.0784 22.2852L19.8674 20.4319C19.4579 19.8176 19.0655 19.1921 18.6906 18.556C18.3707 18.044 18.1898 17.683 18.1898 17.683L15.409 15.505C16.9696 14.3688 18.0623 12.7025 18.4823 10.8184C19.4365 6.5302 16.7229 2.26322 12.4347 1.30901C8.14656 0.354797 3.87958 3.06843 2.92537 7.35659C1.97116 11.6447 4.68479 15.9117 8.97295 16.8659Z" fill="#0E1029"/> 4819 <path d="M10.7891 3.83594C13.0728 3.91734 15.5152 5.57571 15.9252 8.09052" stroke="white" stroke-linecap="round"/></svg> 4820</span> 4821 4822 4823 </span> 4824</span> 4825
4826 <span class="quick-search__result-heading ff-body fs-body-100">Body Wash</span> 4827 </div> 4828 4829<span class="icon icon-chevron-v2 " style="" > 4830 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.878605 5.12378L5.62236 5.12379L3.55985 7.18003C3.44216 7.29772 3.37605 7.45735 3.37605 7.62379C3.37605 7.79022 3.44216 7.94985 3.55985 8.06754C3.67754 8.18522 3.83717 8.25134 4.0036 8.25134C4.17004 8.25134 4.32966 8.18522 4.44735 8.06754L7.57236 4.94254C7.62926 4.8831 7.67386 4.813 7.70361 4.73629C7.76612 4.58412 7.76612 4.41345 7.70361 4.26129C7.67386 4.18457 7.62926 4.11448 7.57236 4.05504L4.44735 0.930036C4.38925 0.871456 4.32013 0.824959 4.24397 0.793228C4.1678 0.761497 4.08611 0.745162 4.00361 0.745162C3.9211 0.745162 3.83941 0.761497 3.76324 0.793228C3.68708 0.824958 3.61796 0.871456 3.55986 0.930036C3.50127 0.988138 3.45478 1.05726 3.42305 1.13342C3.39132 1.20959 3.37498 1.29128 3.37498 1.37379C3.37498 1.45629 3.39132 1.53798 3.42305 1.61415C3.45478 1.69031 3.50127 1.75943 3.55986 1.81754L5.62236 3.87379L0.878605 3.87378C0.712844 3.87378 0.553872 3.93963 0.436663 4.05684C0.319452 4.17405 0.253605 4.33302 0.253605 4.49878C0.253605 4.66455 0.319452 4.82352 0.436662 4.94073C0.553872 5.05794 0.712844 5.12378 0.878605 5.12378Z" fill="currentColor" transform="scale(2.8)"/></svg> 4831</span> 4832 4833 </a> 4834 </li></ul></div> 4835 </div></form> 4836 </div> 4837 </div> 4838</div> 4839 4840 </div> 4841 </div> 4842 </div> 4843 </div> 4844 </div> 4845 4846 4847 4848 <div class="no-js-menu no-js-menu--desktop"> 4849 <nav> 4850 <ul> 4851 4852 <li> 4853 <a href="/collections/shop-all">Shop</a> 4854 </li> 4855 4856 <li> 4857 <a href="/collections/new-arrivals">New Arrivals</a> 4858 </li> 4859 4860 4861 <li> 4862 <a href="/collections/best-sellers">Best Sellers</a> 4863 </li> 4864 4865 4866 <li> 4867 <a href="/pages/sensitive-series">Sensitive Series</a> 4868 </li> 4869 4870 4871 <li> 4872 <a href="/pages/bundles">Bundles</a> 4873 </li> 4874 4875 4876 <li> 4877 <a href="/collections/last-chance-scents">Last Chance Scents</a> 4878 </li> 4879 4880 4881 4882 <li> 4883 <a href="/collections/new-arrivals">Featured</a> 4884 </li> 4885 4886 <li> 4887 <a href="/collections/new-arrivals">New Arrivals</a> 4888 </li> 4889 4890 4891 <li> 4892 <a href="/collections/best-sellers">Best Sellers</a> 4893 </li> 4894 4895 4896 <li> 4897 <a href="/pages/bundles">Bundles</a> 4898 </li> 4899 4900 4901 <li> 4902 <a href="/collections/last-chance-scents">Last Chance Scents</a> 4903 </li> 4904 4905 4906 4907 <li> 4908 <a href="/pages/scents">Scents</a> 4909 </li> 4910 4911 <li> 4912 <a href="/collections/shop-all?variant_filter=coconut-vanilla">Coconut & Vanilla</a> 4913 </li> 4914 4915 4916 <li> 4917 <a href="/collections/shop-all?variant_filter=sea-salt-cedar">Sea Salt & Cedar</a> 4918 </li> 4919 4920 4921 <li> 4922 <a href="/collections/shop-all?variant_filter=citrus-herbal-musk">Citrus & Herbal Musk</a> 4923 </li> 4924 4925 4926 <li> 4927 <a href="/collections/shop-all?custom_filter=unscented">Unscented</a> 4928 </li> 4929 4930 4931 4932 <li> 4933 <a href="/pages/bundles">Bundles</a> 4934 </li> 4935 4936 <li> 4937 <a href="/pages/bundles">Stock your shelf and save.</a> 4938 </li> 4939 4940 4941 4942 <li> 4943 <a href="/pages/about-us">About</a> 4944 </li> 4945 4946 <li> 4947 <a href="/pages/sensitive-series-explained">Sensitive Seriesâ¨Explained</a> 4948 </li> 4949 4950 4951 <li> 4952 <a href="/pages/rewards">Rewards</a> 4953 </li> 4954 4955 4956 <li> 4957 <a href="/pages/faq">FAQS</a> 4958 </li> 4959 4960 4961 4962</ul> 4963</nav> 4964 4965 </div> 4966</header> 4967
4968<script> 4969 // Set heading height at component level 4970 const header = document.querySelector('[data-section-type="header"]'); 4971 document.documentElement.style.setProperty('--height-header', header.offsetHeight + 'px'); 4972</script>
4972 4973 4974 4975 4976<div class="flash-alert" data-flash-alert> 4977 <div class="flash-alert__container ff-body fs-body-100"></div> 4978</div> 4979 4980 4981 4982</div><div id="shopify-section-sections--27654664126638__mobile-menu" class="shopify-section shopify-section-group-header-group"> 4983 4984<section 4985 class="mobile-menu" 4986 id="mobile-mega-menu" 4987 data-mobile-menu 4988 data-scroll-lock-ignore 4989 data-section-type="mobile-menu" 4990 data-section-id="sections--27654664126638__mobile-menu" 4991 role="dialog" 4992 aria-modal="true" 4993 aria-label="Main Menu" 4994 data-gap="0" 4995 style=" 4996 --color-text-featured-link: #db4827; 4997 --social-media-icons-per-row: 5; 4998 4999 --logo-width: 100px; 5000 5001 " 5002> 5003 <div class="mobile-menu__overlay tw:fixed tw:bg-white" data-overlay></div> 5004 5005 <div 5006 class="mobile-menu__panel tw:w-full tw:max-w-full tw:shadow-none tw:bg-white" 5007 5008 > 5009 <template data-template-key="mobile-menu-contents"> 5010 <button 5011 name="close-mobile-menu" 5012 aria-label="Close menu" 5013 class="mobile-menu-close-button tw:invisible" 5014 > 5015 5016 5017<span 5018 class="icon-button modal-drawer-close" 5019 data-size="large"data-has-secondary-icon="false"style="--icon-width: 24px; --icon-height: 24px;" 5020> 5021 <span class="icon-button__icon"> 5022 5023<span class="icon icon-modal-drawer-close icon--primary" style="" > 5024 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5025 <path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg> 5026</span> 5027 5028 5029 5030 </span> 5031</span> 5032 5033 </button> 5034 5035 <div class="mobile-menu__viewport"> 5036 <div class="mobile-menu__viewport-content" data-depth="0" data-all-links> 5037 <div class="mobile-menu__main" data-main role="navigation"> 5038 <div class="mobile-menu__links-wrapper"> 5039 5040 5041 5042 5043 5044 5045 5046 5047<div class="tw:pb-[50%]" data-pane-key="home" data-scroll-lock-ignore data-menu-depth="0"> 5048 <ul 5049 data-primary-container="true" 5050 class="tw:px-[20px]" 5051 > 5052 5053 5054 5055 5056 � 5057 <li 5058 class="mobile-menu__item fs-body-100 mobile-menu__item--has-children " 5059 data-list-item 5060 menu_depth="0" 5061 > 5062 <a 5063 class="mobile-menu__link no-transition tw:px-0 tw:border-b-[1px] tw:border-medium-grey tw:py-4 " 5064 href="/collections/shop-all" 5065 tabindex="0" 5066 data-action="show-sub-pane" 5067 data-link-target-pane-key="submenu-shop-0-1" 5068 data-link="primary" 5069 aria-haspopup="true" 5070 aria-expanded="false" 5071 role="button" 5072 > 5073 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/menu-shop.jpg?v=1777485228&width=70" alt="Shop" srcset="//www.nativecos.com/cdn/shop/files/menu-shop.jpg?v=1777485228&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5074 Shop 5075 5076 5077 </span> 5078 </div> 5079 5080 <div class="tw:w-[12px]"> 5081 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 5082 <path d="M1.00596 6.99786L8.59596 6.99786L5.29596 10.2879C5.10766 10.4762 5.00187 10.7316 5.00187 10.9979C5.00187 11.2642 5.10766 11.5196 5.29596 11.7079C5.48427 11.8962 5.73966 12.002 6.00596 12.002C6.27226 12.002 6.52766 11.8962 6.71596 11.7079L11.716 6.70786C11.807 6.61276 11.8784 6.50061 11.926 6.37786C12.026 6.1344 12.026 5.86132 11.926 5.61786C11.8784 5.49511 11.807 5.38297 11.716 5.28786L6.71596 0.287862C6.623 0.194134 6.5124 0.119738 6.39054 0.0689692C6.26868 0.0182004 6.13798 -0.00793699 6.00596 -0.007937C5.87395 -0.00793701 5.74325 0.0182003 5.62139 0.0689692C5.49953 0.119738 5.38893 0.194134 5.29596 0.287862C5.20224 0.380825 5.12784 0.491425 5.07707 0.613284C5.0263 0.735144 5.00017 0.86585 5.00017 0.997861C5.00017 1.12987 5.0263 1.26058 5.07707 1.38244C5.12784 1.5043 5.20224 1.6149 5.29596 1.70786L8.59596 4.99786L1.00596 4.99786C0.740747 4.99786 0.486393 5.10322 0.298856 5.29075C0.11132 5.47829 0.00596387 5.73264 0.00596385 5.99786C0.00596383 6.26308 0.11132 6.51743 0.298856 6.70497C0.486392 6.8925 0.740747 6.99786 1.00596 6.99786Z" fill="#0A1F8F"/> 5083 </svg> 5084 </div> 5085 </a> 5086 5087 5088 </li><li 5089 class="mobile-menu__item fs-body-100 mobile-menu__item--has-children " 5090 data-list-item 5091 menu_depth="0" 5092 > 5093 <a 5094 class="mobile-menu__link no-transition tw:px-0 tw:border-b-[1px] tw:border-medium-grey tw:py-4 " 5095 href="/collections/new-arrivals" 5096 tabindex="0" 5097 data-action="show-sub-pane" 5098 data-link-target-pane-key="submenu-featured-1-1" 5099 data-link="primary" 5100 aria-haspopup="true" 5101 aria-expanded="false" 5102 role="button" 5103 > 5104 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">
5104�<img src="//www.nativecos.com/cdn/shop/files/menu-feature_9dc1b262-1b71-4ed3-9da1-6795228d356f.jpg?v=1777485305&width=70" alt="Featured" srcset="//www.nativecos.com/cdn/shop/files/menu-feature_9dc1b262-1b71-4ed3-9da1-6795228d356f.jpg?v=1777485305&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5105 Featured 5106 5107 5108 </span> 5109 </div> 5110 5111 <div class="tw:w-[12px]"> 5112 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 5113 <path d="M1.00596 6.99786L8.59596 6.99786L5.29596 10.2879C5.10766 10.4762 5.00187 10.7316 5.00187 10.9979C5.00187 11.2642 5.10766 11.5196 5.29596 11.7079C5.48427 11.8962 5.73966 12.002 6.00596 12.002C6.27226 12.002 6.52766 11.8962 6.71596 11.7079L11.716 6.70786C11.807 6.61276 11.8784 6.50061 11.926 6.37786C12.026 6.1344 12.026 5.86132 11.926 5.61786C11.8784 5.49511 11.807 5.38297 11.716 5.28786L6.71596 0.287862C6.623 0.194134 6.5124 0.119738 6.39054 0.0689692C6.26868 0.0182004 6.13798 -0.00793699 6.00596 -0.007937C5.87395 -0.00793701 5.74325 0.0182003 5.62139 0.0689692C5.49953 0.119738 5.38893 0.194134 5.29596 0.287862C5.20224 0.380825 5.12784 0.491425 5.07707 0.613284C5.0263 0.735144 5.00017 0.86585 5.00017 0.997861C5.00017 1.12987 5.0263 1.26058 5.07707 1.38244C5.12784 1.5043 5.20224 1.6149 5.29596 1.70786L8.59596 4.99786L1.00596 4.99786C0.740747 4.99786 0.486393 5.10322 0.298856 5.29075C0.11132 5.47829 0.00596387 5.73264 0.00596385 5.99786C0.00596383 6.26308 0.11132 6.51743 0.298856 6.70497C0.486392 6.8925 0.740747 6.99786 1.00596 6.99786Z" fill="#0A1F8F"/> 5114 </svg> 5115 </div> 5116 </a> 5117 5118 5119 </li><li 5120 class="mobile-menu__item fs-body-100 mobile-menu__item--has-children " 5121 data-list-item 5122 menu_depth="0" 5123 > 5124 <a 5125 class="mobile-menu__link no-transition tw:px-0 tw:border-b-[1px] tw:border-medium-grey tw:py-4 " 5126 href="/pages/scents" 5127 tabindex="0" 5128 data-action="show-sub-pane" 5129 data-link-target-pane-key="submenu-scents-2-1" 5130 data-link="primary" 5131 aria-haspopup="true" 5132 aria-expanded="false" 5133 role="button" 5134 > 5135 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_SCENTS.jpg?v=1768497209&width=70" alt="Scents" srcset="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_SCENTS.jpg?v=1768497209&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5136 Scents 5137 5138 5139 </span> 5140 </div> 5141 5142 <div class="tw:w-[12px]"> 5143 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 5144 <path d="M1.00596 6.99786L8.59596 6.99786L5.29596 10.2879C5.10766 10.4762 5.00187 10.7316 5.00187 10.9979C5.00187 11.2642 5.10766 11.5196 5.29596 11.7079C5.48427 11.8962 5.73966 12.002 6.00596 12.002C6.27226 12.002 6.52766 11.8962 6.71596 11.7079L11.716 6.70786C11.807 6.61276 11.8784 6.50061 11.926 6.37786C12.026 6.1344 12.026 5.86132 11.926 5.61786C11.8784 5.49511 11.807 5.38297 11.716 5.28786L6.71596 0.287862C6.623 0.194134 6.5124 0.119738 6.39054 0.0689692C6.26868 0.0182004 6.13798 -0.00793699 6.00596 -0.007937C5.87395 -0.00793701 5.74325 0.0182003 5.62139 0.0689692C5.49953 0.119738 5.38893 0.194134 5.29596 0.287862C5.20224 0.380825 5.12784 0.491425 5.07707 0.613284C5.0263 0.735144 5.00017 0.86585 5.00017 0.997861C5.00017 1.12987 5.0263 1.26058 5.07707 1.38244C5.12784 1.5043 5.20224 1.6149 5.29596 1.70786L8.59596 4.99786L1.00596 4.99786C0.740747 4.99786 0.486393 5.10322 0.298856 5.29075C0.11132 5.47829 0.00596387 5.73264 0.00596385 5.99786C0.00596383 6.26308 0.11132 6.51743 0.298856 6.70497C0.486392 6.8925 0.740747 6.99786 1.00596 6.99786Z" fill="#0A1F8F"/> 5145 </svg> 5146 </div> 5147 </a> 5148 5149 5150 </li><li 5151 class="mobile-menu__item fs-body-100 mobile-menu__item--has-children " 5152 data-list-item 5153 menu_depth="0" 5154 > 5155 <a 5156 class="mobile-menu__link no-transition tw:px-0 tw:border-b-[1px] tw:border-medium-grey tw:py-4 " 5157 href="/pages/bundles" 5158 tabindex="0" 5159 data-action="show-sub-pane" 5160 data-link-target-pane-key="submenu-bundles-3-1" 5161 data-link="primary" 5162 aria-haspopup="true" 5163 aria-expanded="false" 5164 role="button" 5165 > 5166 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">
5166�<img src="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70" alt="Bundles" srcset="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5167 Bundles 5168 5169 5170 </span> 5171 </div> 5172 5173 <div class="tw:w-[12px]"> 5174 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 5175 <path d="M1.00596 6.99786L8.59596 6.99786L5.29596 10.2879C5.10766 10.4762 5.00187 10.7316 5.00187 10.9979C5.00187 11.2642 5.10766 11.5196 5.29596 11.7079C5.48427 11.8962 5.73966 12.002 6.00596 12.002C6.27226 12.002 6.52766 11.8962 6.71596 11.7079L11.716 6.70786C11.807 6.61276 11.8784 6.50061 11.926 6.37786C12.026 6.1344 12.026 5.86132 11.926 5.61786C11.8784 5.49511 11.807 5.38297 11.716 5.28786L6.71596 0.287862C6.623 0.194134 6.5124 0.119738 6.39054 0.0689692C6.26868 0.0182004 6.13798 -0.00793699 6.00596 -0.007937C5.87395 -0.00793701 5.74325 0.0182003 5.62139 0.0689692C5.49953 0.119738 5.38893 0.194134 5.29596 0.287862C5.20224 0.380825 5.12784 0.491425 5.07707 0.613284C5.0263 0.735144 5.00017 0.86585 5.00017 0.997861C5.00017 1.12987 5.0263 1.26058 5.07707 1.38244C5.12784 1.5043 5.20224 1.6149 5.29596 1.70786L8.59596 4.99786L1.00596 4.99786C0.740747 4.99786 0.486393 5.10322 0.298856 5.29075C0.11132 5.47829 0.00596387 5.73264 0.00596385 5.99786C0.00596383 6.26308 0.11132 6.51743 0.298856 6.70497C0.486392 6.8925 0.740747 6.99786 1.00596 6.99786Z" fill="#0A1F8F"/> 5176 </svg> 5177 </div> 5178 </a> 5179 5180 5181 </li><li 5182 class="mobile-menu__item fs-body-100 mobile-menu__item--has-children " 5183 data-list-item 5184 menu_depth="0" 5185 > 5186 <a 5187 class="mobile-menu__link no-transition tw:px-0 " 5188 href="/pages/about-us" 5189 tabindex="0" 5190 data-action="show-sub-pane" 5191 data-link-target-pane-key="submenu-about-4-1" 5192 data-link="primary" 5193 aria-haspopup="true" 5194 aria-expanded="false" 5195 role="button" 5196 > 5197 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_About.jpg?v=1777485342&width=70" alt="About" srcset="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_About.jpg?v=1777485342&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5198 About 5199 5200 5201 </span> 5202 </div> 5203 5204 <div class="tw:w-[12px]"> 5205 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 5206 <path d="M1.00596 6.99786L8.59596 6.99786L5.29596 10.2879C5.10766 10.4762 5.00187 10.7316 5.00187 10.9979C5.00187 11.2642 5.10766 11.5196 5.29596 11.7079C5.48427 11.8962 5.73966 12.002 6.00596 12.002C6.27226 12.002 6.52766 11.8962 6.71596 11.7079L11.716 6.70786C11.807 6.61276 11.8784 6.50061 11.926 6.37786C12.026 6.1344 12.026 5.86132 11.926 5.61786C11.8784 5.49511 11.807 5.38297 11.716 5.28786L6.71596 0.287862C6.623 0.194134 6.5124 0.119738 6.39054 0.0689692C6.26868 0.0182004 6.13798 -0.00793699 6.00596 -0.007937C5.87395 -0.00793701 5.74325 0.0182003 5.62139 0.0689692C5.49953 0.119738 5.38893 0.194134 5.29596 0.287862C5.20224 0.380825 5.12784 0.491425 5.07707 0.613284C5.0263 0.735144 5.00017 0.86585 5.00017 0.997861C5.00017 1.12987 5.0263 1.26058 5.07707 1.38244C5.12784 1.5043 5.20224 1.6149 5.29596 1.70786L8.59596 4.99786L1.00596 4.99786C0.740747 4.99786 0.486393 5.10322 0.298856 5.29075C0.11132 5.47829 0.00596387 5.73264 0.00596385 5.99786C0.00596383 6.26308 0.11132 6.51743 0.298856 6.70497C0.486392 6.8925 0.740747 6.99786 1.00596 6.99786Z" fill="#0A1F8F"/> 5207 </svg> 5208 </div> 5209 </a> 5210 5211 5212 </li> 5213 5214 � 5215 5216 </ul> 5217 5218 5219 5220 5221 5222 �� 5223 5224 <div class="tw:mt-auto tw:grid tw:grid-cols-3 tw:gap-[10px] tw:px-[20px]"> 5225 5226 <a 5227 href="/account" 5228 class="tw:bg-blue tw:text-white tw:py-[11px] tw:text-center tw:rounded-md" 5229 > 5230 <div> 5231 <svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5232 <g clip-path="url(#clip0_6058_48615)"> 5233 <path d="M3.34891 8.21289C2.96685 8.21289 2.59612 8.34004 2.29714 8.57607C1.13269 9.49441 0.371714 10.9043 0.335207 12.4999C0.320101 12.6466 0.369196 12.7939 0.469276 12.9021C0.56432 13.0148 0.704053 13.0784 0.85071 13.0777H10.3551C10.4445 13.0746 10.5301 13.0368 10.593 12.9745H10.5836C10.6421 12.9097 10.6717 12.8247 10.6667 12.7372C10.7051 11.0598 9.93526 9.5
52335232 8.71354 8.58362C8.41267 8.34444 8.03879 8.21352 7.65421 8.21352H3.34891V8.21289Z" fill="white"/> 5234 <path d="M5.38842 7.26317C7.1379 7.26317 8.55613 5.84493 8.55613 4.09545C8.55613 2.34597 7.1379 0.927734 5.38842 0.927734C3.63894 0.927734 2.2207 2.34597 2.2207 4.09545C2.2207 5.84493 3.63894 7.26317 5.38842 7.26317Z" fill="white"/> 5235 </g> 5236 <defs> 5237 <clipPath id="clip0_6058_48615"> 5238 <rect width="10.3352" height="12.1429" fill="white" transform="translate(0.33252 0.927734)"/> 5239 </clipPath> 5240 </defs> 5241 </svg> 5242 </div> 5243 <span class="tw:font-family-heading tw:font-bold tw:uppercase tw:text-[12px]">Account</span> 5244 </a> 5245 5246 5247 <a 5248 href="/pages/rewards" 5249 class="tw:bg-blue tw:text-white tw:py-[11px] tw:text-center tw:rounded-md" 5250 > 5251 <div> 5252 <svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5253 <path d="M5.83892 0.224891L6.98605 2.78729L9.67136 3.14166C9.98422 3.19618 10.1146 3.57781 9.87993 3.82315L7.89854 5.75857L8.39388 8.53905C8.44603 8.86616 8.13317 9.1115 7.84639 8.94794L5.47393 7.58496L3.10146 8.94794C2.81468 9.1115 2.50183 8.86616 2.55397 8.53905L3.04932 5.75857L1.12007 3.82315C0.885427 3.60507 1.01578 3.19618 1.32863 3.14166L4.01395 2.78729L5.16108 0.224891C5.29143 -0.0749637 5.70857 -0.0749637 5.83892 0.224891Z" fill="white"/> 5254 <path d="M7.28179 11.5665H6.14884V8.84523L5.58237 8.48438L5.0159 8.84523V11.5665H3.88295C3.25578 11.5665 2.75 12.1304 2.75 12.8295V13.461H8.37428V12.8295C8.37428 12.1304 7.8685 11.5665 7.24133 11.5665H7.28179Z" fill="white"/> 5255 </svg> 5256 </div> 5257 <span class="tw:font-family-heading tw:font-bold tw:uppercase tw:text-[12px]">Rewards</span> 5258 </a> 5259 5260 5261 <a 5262 href="/pages/faqs" 5263 class="tw:bg-blue tw:text-white tw:py-[11px] tw:text-center tw:rounded-md" 5264 > 5265 <div> 5266 <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5267 <g clip-path="url(#clip0_6058_48625)"> 5268 <path d="M13.0398 0.660156H3.53002C2.64473 0.660156 1.93078 1.3741 1.93078 2.2594V5.42932L0.331543 7.02856L1.93078 8.6278V11.7977C1.93078 12.683 2.64473 13.397 3.53002 13.397H13.0398C13.9251 13.397 14.639 12.683 14.639 11.7977V2.2594C14.639 1.3741 13.9251 0.660156 13.0398 0.660156ZM8.64188 10.9981C8.47053 11.1694 8.27063 11.2551 8.04216 11.2551C7.8137 11.2551 7.58524 11.1694 7.41389 10.9981C7.24254 10.8268 7.15687 10.6268 7.15687 10.3698C7.15687 10.1128 7.24254 9.9129 7.41389 9.74155C7.58524 9.57021 7.78514 9.48453 8.04216 9.48453C8.29918 9.48453 8.49909 9.57021 8.64188 9.74155C8.78467 9.9129 8.8989 10.1128 8.8989 10.3698C8.8989 10.6268 8.81323 10.8268 8.64188 10.9981ZM10.8979 5.82913C10.8408 6.05759 10.7266 6.22894 10.5838 6.40028C10.441 6.57163 10.2982 6.71442 10.1269 6.82865C9.95554 6.94288 9.75563 7.08567 9.52717 7.22846C9.32727 7.34269 9.18448 7.42837 9.0988 7.51404C9.01313 7.59971 8.92746 7.68539 8.84178 7.79962C8.78467 7.91385 8.72755 8.05664 8.72755 8.22799V8.65636H7.29966V8.22799C7.29966 7.94241 7.29966 7.71395 7.38533 7.51404C7.44245 7.31414 7.49956 7.17135 7.58524 7.05712C7.67091 6.94288 7.75659 6.85721 7.89937 6.74298C8.01361 6.65731 8.15639 6.57163 8.27063 6.54307C8.38486 6.48596 8.52765 6.42884 8.69899 6.34317C8.87034 6.2575 9.01313 6.17182 9.12736 6.05759C9.4415 5.80057 9.58429 5.51499 9.58429 5.14374C9.58429 4.8296 9.49861 4.57258 9.29871 4.37268C9.0988 4.17277 8.84178 4.0871 8.52765 4.0871C8.21351 4.0871 7.89937 4.20133 7.69947 4.40123C7.49956 4.60114 7.38533 4.91528 7.38533 5.31509H6.07167C6.07167 4.54402 6.30013 3.94431 6.75706 3.45883C7.21399 2.97334 7.84226 2.74488 8.61332 2.74488C9.35583 2.74488 9.92698 2.94478 10.3553 3.37315C10.7837 3.80152 11.0122 4.37268 11.0122 5.08662C11.0122 5.3722 10.9836 5.60066 10.9265 5.82913H10.8979Z" fill="white"/> 5269 </g> 5270 <defs> 5271 <clipPath id="clip0_6058_48625"> 5272 <rect width="14.2789" height="12.6797" fill="white" transform="translate(0.360352 0.660156)"/> 5273 </clipPath> 5274 </defs> 5275 </svg> 5276 </div>
5277 <span class="tw:font-family-heading tw:font-bold tw:uppercase tw:text-[12px]">Help</span> 5278 </a> 5279 5280 </div> 5281 </div> 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292<ul 5293 data-menu-depth="1" 5294 data-pane-key="submenu-shop-0-1" 5295 data-scroll-lock-ignore 5296 aria-hidden="true" 5297 inert 5298 class="mobile-menu__list mobile-menu__list--sub tw:pb-60" 5299 > 5300 5301 5302 5303<li class="mobile-menu__item mobile-menu__item--header tw:shadow-none"> 5304 <button 5305 class="mobile-menu__item--heading-back-link fs-body-100 tw:ml-0 tw:bg-lilac tw:text-blue tw:min-h-[23px] tw:rounded tw:uppercase tw:scent-label tw:font-family-heading tw:px-0 tw:w-[107px] tw:justify-center tw:gap-[10px] tw:h-[23px] tw:leading-3" 5306 data-action="home" 5307 aria-label="Main Menu" 5308 > 5309 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 5310 <path d="M0.0375223 3.30973C0.0613294 3.24841 0.0970273 3.19238 0.142567 3.14487L2.64361 0.646925C2.69024 0.600344 2.74561 0.563394 2.80655 0.538185C2.86748 0.512975 2.9328 0.5 2.99875 0.5C3.13196 0.5 3.25971 0.55285 3.3539 0.646925C3.40054 0.693506 3.43754 0.748805 3.46278 0.809666C3.48802 0.870527 3.50101 0.935757 3.50101 1.00163C3.50101 1.13467 3.44809 1.26227 3.3539 1.35634L1.70321 2.99999H5.49979C5.63246 2.99999 5.75969 3.05262 5.85349 3.14631C5.9473 3.24 6 3.36707 6 3.49957C6 3.63207 5.9473 3.75915 5.85349 3.85284C5.75969 3.94653 5.63246 3.99916 5.49979 3.99916H1.70321L3.3539 5.64281C3.40078 5.68925 3.438 5.74451 3.46339 5.80539C3.48879 5.86626 3.50186 5.93156 3.50186 5.99752C3.50186 6.06347 3.48879 6.12877 3.46339 6.18965C3.438 6.25052 3.40078 6.30578 3.3539 6.35222C3.3074 6.39905 3.25208 6.43622 3.19112 6.46158C3.13017 6.48694 3.06479 6.5 2.99875 6.5C2.93272 6.5 2.86734 6.48694 2.80638 6.46158C2.74543 6.43622 2.69011 6.39905 2.64361 6.35222L0.142567 3.85428C0.0970273 3.80677 0.0613294 3.75074 0.0375223 3.68942C-0.0125074 3.56779 -0.0125074 3.43136 0.0375223 3.30973Z" fill="#0A1F8F"/> 5311 </svg> 5312 Main Menu 5313 </button> 5314</li> 5315 5316 5317 <li class="mobile-menu__item mobile-menu__item--heading tw:mt-0"> 5318 <a 5319 class="mobile-menu__link" 5320 data-heading="true" 5321 href="/collections/shop-all" 5322 > 5323 <span class="ff-heading fs-body-300 fs-heading-4-base tw:h5-medium tw:uppercase meganav-menu-item__heading-mobile">Shop</span> 5324 </a> 5325 </li> 5326 5327 <li class="mobile_menu__promo_blocks tw:mt-0" data-position="top"> 5328 <div class="mobile_menu__promo_block mobile-menu-block-promoted-text tw:border-b-0" > 5329 �<div class="tw:grid tw:gap-[14px] tw:grid-cols-2 tw:gap-2" role="list"><div class="" role="listitem"><a href="/collections/shop-all?category_filter=deodorant" class="tw:block tw:relative"> 5330 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Deodorant</span> 5331 5332 <img src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant_7c399105-b679-4fe2-b3e8-807513bdf8b4.jpg?v=1768497141&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant_7c399105-b679-4fe2-b3e8-807513bdf8b4.jpg?v=1768497141&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant_7c399105-b679-4fe2-b3e8-807513bdf8b4.jpg?v=1768497141&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant_7c399105-b679-4fe2-b3e8-807513bdf8b4.jpg?v=1768497141&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant_7c399105-b679-4fe2-b3e8-807513bdf8b4.jpg?v=1768497141&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Deodorant_7c399105-b679-4fe2-b3e8-807513bdf8b4.jpg?v=1768497141&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/collections/shop-all?category_filter=body" class="tw:block tw:relative">
5333 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Body</span> 5334 5335 <img src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body_b35ef97c-4e41-42d1-8528-c73fd207124b.jpg?v=1768497098&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body_b35ef97c-4e41-42d1-8528-c73fd207124b.jpg?v=1768497098&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body_b35ef97c-4e41-42d1-8528-c73fd207124b.jpg?v=1768497098&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body_b35ef97c-4e41-42d1-8528-c73fd207124b.jpg?v=1768497098&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body_b35ef97c-4e41-42d1-8528-c73fd207124b.jpg?v=1768497098&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Body_b35ef97c-4e41-42d1-8528-c73fd207124b.jpg?v=1768497098&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/collections/shop-all?category_filter=hair" class="tw:block tw:relative"> 5336 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Hair</span> 5337 5338 <img src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair_108517f1-6032-49f5-9312-63e125de1381.jpg?v=1768497097&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair_108517f1-6032-49f5-9312-63e125de1381.jpg?v=1768497097&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair_108517f1-6032-49f5-9312-63e125de1381.jpg?v=1768497097&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair_108517f1-6032-49f5-9312-63e125de1381.jpg?v=1768497097&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair_108517f1-6032-49f5-9312-63e125de1381.jpg?v=1768497097&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Hair_108517f1-6032-49f5-9312-63e125de1381.jpg?v=1768497097&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/collections/shop-all?category_filter=skincare" class="tw:block tw:relative"> 5339 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Skincare</span> 5340 5341 <img src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin_19b6c062-19a7-4445-90b3-00cda5554044.jpg?v=1768497137&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin_19b6c062-19a7-4445-90b3-00cda5554044.jpg?v=1768497137&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin_19b6c062-19a7-4445-90b3-00cda5554044.jpg?v=1768497137&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin_19b6c062-19a7-4445-90b3-00cda5554044.jpg?v=1768497137&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin_19b6c062-19a7-4445-90b3-00cda5554044.jpg?v=1768497137&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Skin_19b6c062-19a7-4445-90b3-00cda5554044.jpg?v=1768497137&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/collections/shop-all?category_filter=body_sunscreen" class="tw:block tw:relative">
5342 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Sunscreen</span> 5343 5344 <img src="//www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Mobile_336_160_opacity.jpg?v=1783625550&width=960" srcset="//www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Mobile_336_160_opacity.jpg?v=1783625550&width=320 320w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Mobile_336_160_opacity.jpg?v=1783625550&width=480 480w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Mobile_336_160_opacity.jpg?v=1783625550&width=640 640w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Mobile_336_160_opacity.jpg?v=1783625550&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Sun_Nav_Bar_Mobile_336_160_opacity.jpg?v=1783625550&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/products/hand-soap" class="tw:block tw:relative"> 5345 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Hand Soap</span> 5346 5347 <img src="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap_36ab68e4-f155-4275-86e0-1c786ae99535.jpg?v=1768497113&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap_36ab68e4-f155-4275-86e0-1c786ae99535.jpg?v=1768497113&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap_36ab68e4-f155-4275-86e0-1c786ae99535.jpg?v=1768497113&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap_36ab68e4-f155-4275-86e0-1c786ae99535.jpg?v=1768497113&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap_36ab68e4-f155-4275-86e0-1c786ae99535.jpg?v=1768497113&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Shop_Thumbnail_Handsoap_36ab68e4-f155-4275-86e0-1c786ae99535.jpg?v=1768497113&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div></div> 5348 <a href="/collections/shop-all" class="tw:font-family-heading tw:font-bold tw:text-[14px] tw:bg-blue tw:hover:bg-black tw:text-white tw:px-4 tw:py-2 tw:w-full tw:block tw:text-center tw:uppercase tw:rounded tw:mt-[14px] meganav-promo-blocks__cta-mobile"> 5349 Shop all 5350 </a></div> 5351 5352<div class="tw:px-[16px] tw:text-[12px] tw:font-family-heading tw:uppercase tw:font-bold tw:tracking-widest meganav-primary-header-area__heading-mob"></div> 5353 5354 </li>� 5355 <li 5356 class="mobile-menu__item fs-body-100 " 5357 data-list-item 5358 menu_depth="1" 5359 > 5360 <a 5361 class="mobile-menu__link " 5362 href="/collections/new-arrivals" 5363 tabindex="0" 5364 5365 > 5366 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/menu-feature_9dc1b262-1b71-4ed3-9da1-6795228d356f.jpg?v=1777485305&width=70" alt="New Arrivals" srcset="//www.nativecos.com/cdn/shop/files/menu-feature_9dc1b262-1b71-4ed3-9da1-6795228d356f.jpg?v=1777485305&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5367 New Arrivals 5368 5369 5370 </span> 5371 </div> 5372 5373 5374 </a> 5375 5376 5377 </li><li 5378 class="mobile-menu__item fs-body-100 " 5379 data-list-item 5380 menu_depth="1" 5381 > 5382 <a 5383 class="mobile-menu__link " 5384 href="/collections/best-sellers" 5385 tabindex="0" 5386 5387 > 5388 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5389 Best Sellers 5390 5391 5392 </span> 5393 </div> 5394 5395 5396 </a> 5397 5398 5399 </li><li 5400 class="mobile-menu__item fs-body-100 " 5401 data-list-item 5402 menu_depth="1" 5403 > 5404 <a 5405 class="mobile-menu__link " 5406 href="/pages/sensitive-series" 5407 tabindex="0" 5408 5409 > 5410 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5411 Sensitive Series 5412
5413 <span style="background: #165d7e; line-height:normal" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 5414 New 5415 </span> 5416 </span> 5417 </div> 5418 5419 5420 </a> 5421 5422 5423 </li><li 5424 class="mobile-menu__item fs-body-100 " 5425 data-list-item 5426 menu_depth="1" 5427 > 5428 <a 5429 class="mobile-menu__link " 5430 href="/pages/bundles" 5431 tabindex="0" 5432 5433 > 5434 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70" alt="Bundles" srcset="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5435 Bundles 5436 5437 <span style="background: #e63235; line-height:normal" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 5438 SAVE UP TO 25% 5439 </span> 5440 </span> 5441 </div> 5442 5443 5444 </a> 5445 5446 5447 </li><li 5448 class="mobile-menu__item fs-body-100 " 5449 data-list-item 5450 menu_depth="1" 5451 > 5452 <a 5453 class="mobile-menu__link " 5454 href="/collections/last-chance-scents" 5455 tabindex="0" 5456 5457 > 5458 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5459 Last Chance Scents 5460 5461 <span style="background: #e63235; line-height:normal" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 5462 SAVE 30% OR MORE 5463 </span> 5464 </span> 5465 </div> 5466 5467 5468 </a> 5469 5470 5471 </li> 5472 5473 � 5474 5475 <li> 5476 5477 <div class="tw:flex tw:items-center tw:gap-2 tw:mt-5 tw:justify-center meganav-bundles-primary__value-props-mob"> 5478 <img class="tw:w-6 tw:h-6 tw:text-[12px]" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 5479 <span>Subscribe, save 25%, and never run out.</span> 5480 </div> 5481 5482 </li> 5483 5484 </ul> 5485 5486 �� 5487 5488 5489 5490 5491 5492<ul 5493 data-menu-depth="1" 5494 data-pane-key="submenu-featured-1-1" 5495 data-scroll-lock-ignore 5496 aria-hidden="true" 5497 inert 5498 class="mobile-menu__list mobile-menu__list--sub tw:pb-60" 5499 > 5500 5501 5502 5503<li class="mobile-menu__item mobile-menu__item--header tw:shadow-none"> 5504 <button 5505 class="mobile-menu__item--heading-back-link fs-body-100 tw:ml-0 tw:bg-lilac tw:text-blue tw:min-h-[23px] tw:rounded tw:uppercase tw:scent-label tw:font-family-heading tw:px-0 tw:w-[107px] tw:justify-center tw:gap-[10px] tw:h-[23px] tw:leading-3" 5506 data-action="home" 5507 aria-label="Main Menu" 5508 > 5509 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 5510 <path d="M0.0375223 3.30973C0.0613294 3.24841 0.0970273 3.19238 0.142567 3.14487L2.64361 0.646925C2.69024 0.600344 2.74561 0.563394 2.80655 0.538185C2.86748 0.512975 2.9328 0.5 2.99875 0.5C3.13196 0.5 3.25971 0.55285 3.3539 0.646925C3.40054 0.693506 3.43754 0.748805 3.46278 0.809666C3.48802 0.870527 3.50101 0.935757 3.50101 1.00163C3.50101 1.13467 3.44809 1.26227 3.3539 1.35634L1.70321 2.99999H5.49979C5.63246 2.99999 5.75969 3.05262 5.85349 3.14631C5.9473 3.24 6 3.36707 6 3.49957C6 3.63207 5.9473 3.75915 5.85349 3.85284C5.75969 3.94653 5.63246 3.99916 5.49979 3.99916H1.70321L3.3539 5.64281C3.40078 5.68925 3.438 5.74451 3.46339 5.80539C3.48879 5.86626 3.50186 5.93156 3.50186 5.99752C3.50186 6.06347 3.48879 6.12877 3.46339 6.18965C3.438 6.25052 3.40078 6.30578 3.3539 6.35222C3.3074 6.39905 3.25208 6.43622 3.19112 6.46158C3.13017 6.48694 3.06479 6.5 2.99875 6.5C2.93272 6.5 2.86734 6.48694 2.80638 6.46158C2.74543 6.43622 2.69011 6.39905 2.64361 6.35222L0.142567 3.85428C0.0970273 3.80677 0.0613294 3.75074 0.0375223 3.68942C-0.0125074 3.56779 -0.0125074 3.43136 0.0375223 3.30973Z" fill="#0A1F8F"/> 5511 </svg> 5512 Main Menu 5513 </button> 5514</li> 5515 5516 5517 <li class="mobile-menu__item mobile-menu__item--heading tw:mt-0"> 5518 <a 5519 class="mobile-menu__link" 5520 data-heading="true" 5521 href="/collections/new-arrivals" 5522 >
5523 <span class="ff-heading fs-body-300 fs-heading-4-base tw:h5-medium tw:uppercase meganav-menu-item__heading-mobile">Featured</span> 5524 </a> 5525 </li> 5526 5527 <li class="mobile_menu__promo_blocks tw:mt-0" data-position="top"> 5528 <div class="mobile_menu__promo_block mobile-menu-block-promoted-text tw:border-b-0" > 5529 �<div class="tw:grid tw:gap-[14px] tw:grid-cols-2 tw:gap-2" role="list"><div class="" role="listitem"><a href="/pages/peanuts-holiday" class="tw:block tw:relative"> 5530 <span class="custom-mobile-menu-block-image-grid__title custom-mobile-menu-block-image-grid__title--image tw:absolute menu-text--bottom tw:m-auto tw:w-full tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center" style="max-width: 133px;"> 5531 <img src="//www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=400" srcset="//www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=100 100w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=200 200w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=300 300w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_HOLIDAY_WHITE_1.svg?v=1789508825&width=400 400w" width="400" height="82" loading="lazy" sizes="(min-width: 768px) 33vw, 100vw" class="tw:w-full tw:h-auto tw:block"> 5532 </span> 5533 5534 <img src="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Mobile.jpg?v=1789411141&width=960" alt="Three Peanuts Native winter-themed skincare products arranged on white faux snow with blue knit mittens and red knit socks. The products include a larger white bottle, a smaller white tube, and a green-and-white stick container, all featuring Snoopy and Charlie illustrations." srcset="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Mobile.jpg?v=1789411141&width=320 320w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Mobile.jpg?v=1789411141&width=480 480w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Mobile.jpg?v=1789411141&width=640 640w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Mobile.jpg?v=1789411141&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Winter_Nav_Bar_Mobile.jpg?v=1789411141&width=960 960w" width="960" height="960" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/holiday-2026" class="tw:block tw:relative"> 5535 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">HOLIDAY</span> 5536 5537 <img src="//www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Mobile.jpg?v=1790367558&width=960" alt="A white Native Disodorant stick package with blue text and border, displayed on a red gift box with a red ribbon, white faux snow, and holiday greenery against a red curtain background." srcset="//www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Mobile.jpg?v=1790367558&width=320 320w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Mobile.jpg?v=1790367558&width=480 480w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Mobile.jpg?v=1790367558&width=640 640w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Mobile.jpg?v=1790367558&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Holiday26_Nav_Bar_Mobile.jpg?v=1790367558&width=960 960w" width="960" height="960" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/peanuts-fall" class="tw:block tw:relative">
5538 <span class="custom-mobile-menu-block-image-grid__title custom-mobile-menu-block-image-grid__title--image tw:absolute menu-text--bottom tw:m-auto tw:w-full tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center" style="max-width: 133px;"> 5539 <img src="//www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=400" srcset="//www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=100 100w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=200 200w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=300 300w, //www.nativecos.com/cdn/shop/files/native_x_peanuts_FALL_WHITE_1.svg?v=1789508825&width=400 400w" width="400" height="82" loading="lazy" sizes="(min-width: 768px) 33vw, 100vw" class="tw:w-full tw:h-auto tw:block"> 5540 </span> 5541 5542 <img src="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Mobile.jpg?v=1786039135&width=960" srcset="//www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Mobile.jpg?v=1786039135&width=320 320w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Mobile.jpg?v=1786039135&width=480 480w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Mobile.jpg?v=1786039135&width=640 640w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Mobile.jpg?v=1786039135&width=800 800w, //www.nativecos.com/cdn/shop/files/Native_Peanuts_Fall_Nav_Bar_Mobile.jpg?v=1786039135&width=960 960w" width="960" height="960" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/wonder-fall" class="tw:block tw:relative"> 5543 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Wonder-Fall</span> 5544 5545 <img src="//www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Mobile.jpg?v=1787202777&width=960" srcset="//www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Mobile.jpg?v=1787202777&width=320 320w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Mobile.jpg?v=1787202777&width=480 480w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Mobile.jpg?v=1787202777&width=640 640w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Mobile.jpg?v=1787202777&width=800 800w, //www.nativecos.com/cdn/shop/files/Wonder_Fall_2026_Nav_Bar_Module_Mobile.jpg?v=1787202777&width=960 960w" width="960" height="960" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div></div> 5546 </div> 5547 5548<div class="tw:px-[16px] tw:text-[12px] tw:font-family-heading tw:uppercase tw:font-bold tw:tracking-widest meganav-primary-header-area__heading-mob"></div> 5549 5550 </li>� 5551 <li 5552 class="mobile-menu__item fs-body-100 " 5553 data-list-item 5554 menu_depth="1" 5555 > 5556 <a 5557 class="mobile-menu__link " 5558 href="/collections/new-arrivals" 5559 tabindex="0" 5560 5561 > 5562 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/menu-feature_9dc1b262-1b71-4ed3-9da1-6795228d356f.jpg?v=1777485305&width=70" alt="New Arrivals" srcset="//www.nativecos.com/cdn/shop/files/menu-feature_9dc1b262-1b71-4ed3-9da1-6795228d356f.jpg?v=1777485305&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5563 New Arrivals 5564 5565 5566 </span> 5567 </div> 5568 5569 5570 </a> 5571 5572 5573 </li><li 5574 class="mobile-menu__item fs-body-100 " 5575 data-list-item 5576 menu_depth="1" 5577 > 5578 <a 5579 class="mobile-menu__link " 5580 href="/collections/best-sellers" 5581 tabindex="0" 5582 5583 > 5584 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5585 Best Sellers 5586 5587 5588 </span> 5589 </div> 5590 5591 5592 </a> 5593 5594 5595 </li><li 5596 class="mobile-menu__item fs-body-100 " 5597 data-list-item 5598 menu_depth="1" 5599 > 5600 <a 5601 class="mobile-menu__link " 5602 href="/pages/bundles" 5603 tabindex="0" 5604 5605 > 5606 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">
5606�<img src="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70" alt="Bundles" srcset="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5607 Bundles 5608 5609 <span style="background: #e63235; line-height:normal" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 5610 SAVE UP TO 25% 5611 </span> 5612 </span> 5613 </div> 5614 5615 5616 </a> 5617 5618 5619 </li><li 5620 class="mobile-menu__item fs-body-100 " 5621 data-list-item 5622 menu_depth="1" 5623 > 5624 <a 5625 class="mobile-menu__link " 5626 href="/collections/last-chance-scents" 5627 tabindex="0" 5628 5629 > 5630 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5631 Last Chance Scents 5632 5633 <span style="background: #e63235; line-height:normal" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 5634 SAVE 30% OR MORE 5635 </span> 5636 </span> 5637 </div> 5638 5639 5640 </a> 5641 5642 5643 </li> 5644 5645 � 5646 5647 <li> 5648 5649 <div class="tw:flex tw:items-center tw:gap-2 tw:mt-5 tw:justify-center meganav-bundles-primary__value-props-mob"> 5650 <img class="tw:w-6 tw:h-6 tw:text-[12px]" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 5651 <span>Subscribe, save 25%, and never run out.</span> 5652 </div> 5653 5654 </li> 5655 5656 </ul> 5657 5658 �� 5659 5660 5661 5662 5663 5664<ul 5665 data-menu-depth="1" 5666 data-pane-key="submenu-scents-2-1" 5667 data-scroll-lock-ignore 5668 aria-hidden="true" 5669 inert 5670 class="mobile-menu__list mobile-menu__list--sub tw:pb-60" 5671 > 5672 5673 5674 5675<li class="mobile-menu__item mobile-menu__item--header tw:shadow-none"> 5676 <button 5677 class="mobile-menu__item--heading-back-link fs-body-100 tw:ml-0 tw:bg-lilac tw:text-blue tw:min-h-[23px] tw:rounded tw:uppercase tw:scent-label tw:font-family-heading tw:px-0 tw:w-[107px] tw:justify-center tw:gap-[10px] tw:h-[23px] tw:leading-3" 5678 data-action="home" 5679 aria-label="Main Menu" 5680 > 5681 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 5682 <path d="M0.0375223 3.30973C0.0613294 3.24841 0.0970273 3.19238 0.142567 3.14487L2.64361 0.646925C2.69024 0.600344 2.74561 0.563394 2.80655 0.538185C2.86748 0.512975 2.9328 0.5 2.99875 0.5C3.13196 0.5 3.25971 0.55285 3.3539 0.646925C3.40054 0.693506 3.43754 0.748805 3.46278 0.809666C3.48802 0.870527 3.50101 0.935757 3.50101 1.00163C3.50101 1.13467 3.44809 1.26227 3.3539 1.35634L1.70321 2.99999H5.49979C5.63246 2.99999 5.75969 3.05262 5.85349 3.14631C5.9473 3.24 6 3.36707 6 3.49957C6 3.63207 5.9473 3.75915 5.85349 3.85284C5.75969 3.94653 5.63246 3.99916 5.49979 3.99916H1.70321L3.3539 5.64281C3.40078 5.68925 3.438 5.74451 3.46339 5.80539C3.48879 5.86626 3.50186 5.93156 3.50186 5.99752C3.50186 6.06347 3.48879 6.12877 3.46339 6.18965C3.438 6.25052 3.40078 6.30578 3.3539 6.35222C3.3074 6.39905 3.25208 6.43622 3.19112 6.46158C3.13017 6.48694 3.06479 6.5 2.99875 6.5C2.93272 6.5 2.86734 6.48694 2.80638 6.46158C2.74543 6.43622 2.69011 6.39905 2.64361 6.35222L0.142567 3.85428C0.0970273 3.80677 0.0613294 3.75074 0.0375223 3.68942C-0.0125074 3.56779 -0.0125074 3.43136 0.0375223 3.30973Z" fill="#0A1F8F"/> 5683 </svg> 5684 Main Menu 5685 </button> 5686</li> 5687 5688 5689 <li class="mobile-menu__item mobile-menu__item--heading tw:mt-0"> 5690 <a 5691 class="mobile-menu__link" 5692 data-heading="true" 5693 href="/pages/scents" 5694 >
5695 <span class="ff-heading fs-body-300 fs-heading-4-base tw:h5-medium tw:uppercase meganav-menu-item__heading-mobile">Scents</span> 5696 </a> 5697 </li> 5698 5699 <li class="mobile_menu__promo_blocks tw:mt-0" data-position="top"> 5700 <div class="mobile_menu__promo_block mobile-menu-block-promoted-text tw:border-b-0" > 5701 �<div class="tw:grid tw:gap-[14px] tw:grid-cols-2 tw:gap-2" role="list"><div class="" role="listitem"><a href="/pages/scents?family=warm-sweet" class="tw:block tw:relative"> 5702 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Warm & Sweet</span> 5703 5704 <img src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet_c61e8490-a703-4477-a63a-a5d0c915b806.jpg?v=1768497112&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet_c61e8490-a703-4477-a63a-a5d0c915b806.jpg?v=1768497112&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet_c61e8490-a703-4477-a63a-a5d0c915b806.jpg?v=1768497112&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet_c61e8490-a703-4477-a63a-a5d0c915b806.jpg?v=1768497112&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet_c61e8490-a703-4477-a63a-a5d0c915b806.jpg?v=1768497112&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Warm_Sweet_c61e8490-a703-4477-a63a-a5d0c915b806.jpg?v=1768497112&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/scents?family=citrus-tropical" class="tw:block tw:relative"> 5705 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Citrus & Tropical</span> 5706 5707 <img src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_aa734261-42f3-461b-acf1-929b75f566cf.jpg?v=1768497138&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_aa734261-42f3-461b-acf1-929b75f566cf.jpg?v=1768497138&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_aa734261-42f3-461b-acf1-929b75f566cf.jpg?v=1768497138&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_aa734261-42f3-461b-acf1-929b75f566cf.jpg?v=1768497138&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_aa734261-42f3-461b-acf1-929b75f566cf.jpg?v=1768497138&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Citrus_Tropical_aa734261-42f3-461b-acf1-929b75f566cf.jpg?v=1768497138&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/scents?family=fresh-green" class="tw:block tw:relative"> 5708 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Fresh & Green</span> 5709 5710 <img src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_ce2bdb62-e831-4cd6-9ef2-0ce9f2795645.jpg?v=1768497138&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_ce2bdb62-e831-4cd6-9ef2-0ce9f2795645.jpg?v=1768497138&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_ce2bdb62-e831-4cd6-9ef2-0ce9f2795645.jpg?v=1768497138&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_ce2bdb62-e831-4cd6-9ef2-0ce9f2795645.jpg?v=1768497138&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_ce2bdb62-e831-4cd6-9ef2-0ce9f2795645.jpg?v=1768497138&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Fresh_Green_ce2bdb62-e831-4cd6-9ef2-0ce9f2795645.jpg?v=1768497138&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/scents?family=berries-fruit" class="tw:block tw:relative">
5711 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Berries & Fruit</span> 5712 5713 <img src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_ca447dca-999e-46bb-9f11-9f8180f5725c.jpg?v=1768497097&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_ca447dca-999e-46bb-9f11-9f8180f5725c.jpg?v=1768497097&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_ca447dca-999e-46bb-9f11-9f8180f5725c.jpg?v=1768497097&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_ca447dca-999e-46bb-9f11-9f8180f5725c.jpg?v=1768497097&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_ca447dca-999e-46bb-9f11-9f8180f5725c.jpg?v=1768497097&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Berries_Fruit_ca447dca-999e-46bb-9f11-9f8180f5725c.jpg?v=1768497097&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/scents?family=soft-floral" class="tw:block tw:relative"> 5714 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Soft & Floral</span> 5715 5716 <img src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral_4daad457-0cd0-4538-994e-b88e31bd61df.jpg?v=1768497137&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral_4daad457-0cd0-4538-994e-b88e31bd61df.jpg?v=1768497137&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral_4daad457-0cd0-4538-994e-b88e31bd61df.jpg?v=1768497137&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral_4daad457-0cd0-4538-994e-b88e31bd61df.jpg?v=1768497137&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral_4daad457-0cd0-4538-994e-b88e31bd61df.jpg?v=1768497137&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Soft_Floral_4daad457-0cd0-4538-994e-b88e31bd61df.jpg?v=1768497137&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/scents?family=wood-spice" class="tw:block tw:relative"> 5717 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--center tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Wood & Spice</span> 5718 5719 <img src="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_1151b4b1-42e9-4644-8162-7c8fde1570a5.jpg?v=1768497097&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_1151b4b1-42e9-4644-8162-7c8fde1570a5.jpg?v=1768497097&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_1151b4b1-42e9-4644-8162-7c8fde1570a5.jpg?v=1768497097&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_1151b4b1-42e9-4644-8162-7c8fde1570a5.jpg?v=1768497097&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_1151b4b1-42e9-4644-8162-7c8fde1570a5.jpg?v=1768497097&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Scents_Thumbnail_Wood_Spice_1151b4b1-42e9-4644-8162-7c8fde1570a5.jpg?v=1768497097&width=960 960w" width="960" height="457" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div></div> 5720 <a href="/pages/scents" class="tw:font-family-heading tw:font-bold tw:text-[14px] tw:bg-blue tw:hover:bg-black tw:text-white tw:px-4 tw:py-2 tw:w-full tw:block tw:text-center tw:uppercase tw:rounded tw:mt-[14px] meganav-promo-blocks__cta-mobile"> 5721 Explore Scents 5722 </a></div> 5723 5724<div class="tw:px-[16px] tw:text-[12px] tw:font-family-heading tw:uppercase tw:font-bold tw:tracking-widest meganav-primary-header-area__heading-mob">most-loved scents</div> 5725 5726 </li>� 5727 <li 5728 class="mobile-menu__item fs-body-100 " 5729 data-list-item 5730 menu_depth="1" 5731 > 5732 <a 5733 class="mobile-menu__link " 5734 href="/collections/shop-all?variant_filter=coconut-vanilla" 5735 tabindex="0" 5736 5737 > 5738 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5739 Coconut & Vanilla 5740 5741 5742 </span> 5743 </div> 5744 5745 5746 </a> 5747 5748 5749 </li><li 5750 class="mobile-menu__item fs-body-100 " 5751 data-list-item 5752 menu_depth="1" 5753 > 5754 <a 5755 class="mobile-menu__link " 5756 href="/collections/shop-all?variant_filter=sea-salt-cedar" 5757 tabindex="0" 5758 5759 > 5760 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5761 Sea Salt & Cedar 5762 5763 5764 </span> 5765 </div> 5766 5767 5768 </a> 5769 5770 5771 </li><li 5772 class="mobile-menu__item fs-body-100 " 5773 data-list-item 5774 menu_depth="1" 5775 > 5776 <a 5777 class="mobile-menu__link " 5778 href="/collections/shop-all?variant_filter=citrus-herbal-musk" 5779 tabindex="0" 5780 5781 > 5782 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5783 Citrus & Herbal Musk 5784 5785 5786 </span> 5787 </div> 5788 5789 5790 </a> 5791 5792 5793 </li><li 5794 class="mobile-menu__item fs-body-100 " 5795 data-list-item 5796 menu_depth="1" 5797 > 5798 <a 5799 class="mobile-menu__link " 5800 href="/collections/shop-all?custom_filter=unscented" 5801 tabindex="0" 5802 5803 > 5804 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5805 Unscented 5806 5807 5808 </span> 5809 </div> 5810 5811 5812 </a> 5813 5814 5815 </li> 5816 5817 � 5818 5819 <li> 5820 5821 <div class="tw:flex tw:items-center tw:gap-2 tw:mt-5 tw:justify-center meganav-bundles-primary__value-props-mob">
5822 <img class="tw:w-6 tw:h-6 tw:text-[12px]" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 5823 <span>Subscribe, save 25%, and never run out.</span> 5824 </div> 5825 5826 </li> 5827 5828 </ul> 5829 5830 �� 5831 5832 5833 5834 5835 5836<ul 5837 data-menu-depth="1" 5838 data-pane-key="submenu-bundles-3-1" 5839 data-scroll-lock-ignore 5840 aria-hidden="true" 5841 inert 5842 class="mobile-menu__list mobile-menu__list--sub tw:pb-60" 5843 > 5844 5845 5846 5847<li class="mobile-menu__item mobile-menu__item--header tw:shadow-none"> 5848 <button 5849 class="mobile-menu__item--heading-back-link fs-body-100 tw:ml-0 tw:bg-lilac tw:text-blue tw:min-h-[23px] tw:rounded tw:uppercase tw:scent-label tw:font-family-heading tw:px-0 tw:w-[107px] tw:justify-center tw:gap-[10px] tw:h-[23px] tw:leading-3" 5850 data-action="home" 5851 aria-label="Main Menu" 5852 > 5853 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 5854 <path d="M0.0375223 3.30973C0.0613294 3.24841 0.0970273 3.19238 0.142567 3.14487L2.64361 0.646925C2.69024 0.600344 2.74561 0.563394 2.80655 0.538185C2.86748 0.512975 2.9328 0.5 2.99875 0.5C3.13196 0.5 3.25971 0.55285 3.3539 0.646925C3.40054 0.693506 3.43754 0.748805 3.46278 0.809666C3.48802 0.870527 3.50101 0.935757 3.50101 1.00163C3.50101 1.13467 3.44809 1.26227 3.3539 1.35634L1.70321 2.99999H5.49979C5.63246 2.99999 5.75969 3.05262 5.85349 3.14631C5.9473 3.24 6 3.36707 6 3.49957C6 3.63207 5.9473 3.75915 5.85349 3.85284C5.75969 3.94653 5.63246 3.99916 5.49979 3.99916H1.70321L3.3539 5.64281C3.40078 5.68925 3.438 5.74451 3.46339 5.80539C3.48879 5.86626 3.50186 5.93156 3.50186 5.99752C3.50186 6.06347 3.48879 6.12877 3.46339 6.18965C3.438 6.25052 3.40078 6.30578 3.3539 6.35222C3.3074 6.39905 3.25208 6.43622 3.19112 6.46158C3.13017 6.48694 3.06479 6.5 2.99875 6.5C2.93272 6.5 2.86734 6.48694 2.80638 6.46158C2.74543 6.43622 2.69011 6.39905 2.64361 6.35222L0.142567 3.85428C0.0970273 3.80677 0.0613294 3.75074 0.0375223 3.68942C-0.0125074 3.56779 -0.0125074 3.43136 0.0375223 3.30973Z" fill="#0A1F8F"/> 5855 </svg> 5856 Main Menu 5857 </button> 5858</li> 5859 5860 5861 <li class="mobile-menu__item mobile-menu__item--heading tw:mt-0"> 5862 <a 5863 class="mobile-menu__link" 5864 data-heading="true" 5865 href="/pages/bundles" 5866 > 5867 <span class="ff-heading fs-body-300 fs-heading-4-base tw:h5-medium tw:uppercase meganav-menu-item__heading-mobile">Bundles</span> 5868 </a> 5869 </li> 5870 5871 <li class="mobile_menu__promo_blocks tw:mt-0" data-position="top"> 5872 <div class="mobile_menu__promo_block mobile-menu-block-promoted-text tw:border-b-0" > 5873 �<div class="tw:grid tw:gap-[14px] tw:grid-cols-1" role="list"><div class="" role="listitem"><a href="/pages/build-your-bundle" class="tw:block tw:relative"> 5874 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">BUILD A BUNDLE</span> 5875 5876 <img src="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_Mobile.jpg?v=1769946001&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_Mobile.jpg?v=1769946001&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_Mobile.jpg?v=1769946001&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_Mobile.jpg?v=1769946001&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_Mobile.jpg?v=1769946001&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Build_A_Bundle_Mobile.jpg?v=1769946001&width=960 960w" width="960" height="439" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/collections/bundles" class="tw:block tw:relative">
5877 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">SHOP ALL BUNDLES</span> 5878 5879 <img src="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles_8a81da24-3c5f-4408-ab6e-da0b47a01653.jpg?v=1768497112&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles_8a81da24-3c5f-4408-ab6e-da0b47a01653.jpg?v=1768497112&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles_8a81da24-3c5f-4408-ab6e-da0b47a01653.jpg?v=1768497112&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles_8a81da24-3c5f-4408-ab6e-da0b47a01653.jpg?v=1768497112&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles_8a81da24-3c5f-4408-ab6e-da0b47a01653.jpg?v=1768497112&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_Bundles_Thumbnail_Curated_Bundles_8a81da24-3c5f-4408-ab6e-da0b47a01653.jpg?v=1768497112&width=960 960w" width="960" height="439" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div></div> 5880 </div> 5881 5882<div class="tw:px-[16px] tw:text-[12px] tw:font-family-heading tw:uppercase tw:font-bold tw:tracking-widest meganav-primary-header-area__heading-mob"></div> 5883 5884 </li>� 5885 <li 5886 class="mobile-menu__item fs-body-100 tw:invisible " 5887 data-list-item 5888 menu_depth="1" 5889 > 5890 <a 5891 class="mobile-menu__link " 5892 href="/pages/bundles" 5893 tabindex="0" 5894 5895 > 5896 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<img src="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70" alt="Stock your shelf and save." srcset="//www.nativecos.com/cdn/shop/files/Main_Menu_Thumbnail_BUNDLES.jpg?v=1768497190&width=70 70w" width="70" height="70" loading="lazy" aria-hidden="true">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 5897 Stock your shelf and save. 5898 5899 <span style="background: #e63235; line-height:normal" class="menu-badge tw:mb-[4px] tw:inline-block tw:px-[7px] tw:py-[3px] tw:text-[10px] tw:font-family-heading tw:font-bold tw:tracking-[0.15em] tw:uppercase tw:text-white tw:rounded"> 5900 SAVE UP TO 25% 5901 </span> 5902 </span> 5903 </div> 5904 5905 5906 </a> 5907 5908 5909 </li> 5910 5911 � 5912 5913 <li> 5914 5915 <div class="tw:mt-5 tw:px-5 tw:body-sm-regular meganav-bundles-primary-title">Stock your shelf and save.</div> 5916 <div class="tw:grid tw:grid-cols-2 tw:gap-4 tw:mt-2 tw:px-5 meganav-bundles-primary__value-props-mob"> 5917 <div class="tw:flex tw:items-center tw:gap-2"> 5918 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 5919 <span class="tw:text-[12px]">25% off subscriptions.</span> 5920 </div> 5921 <div class="tw:flex tw:items-center tw:gap-2"> 5922 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-bundle_large.png?v=75645871007493829021790803677" /> 5923 <span class="tw:text-[12px]">20% off all bundles.</span> 5924 </div> 5925 <div class="tw:flex tw:items-center tw:gap-2"> 5926 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-returns_large.png?v=119889324543161820111790803677" /> 5927 <span class="tw:text-[12px]">Free & easy returns.</span> 5928 </div> 5929 <div class="tw:flex tw:items-center tw:gap-2"> 5930 <img class="tw:w-6 tw:h-6" src="//www.nativecos.com/cdn/shop/t/1755/assets/cusotm-icon-menu-shipping_large.png?v=133078386496459274641790803677" />
5931 <span class="tw:text-[12px]">Free shipping on orders $15+</span> 5932 </div> 5933 </div> 5934 5935 </li> 5936 5937 </ul> 5938 5939 �� 5940 5941 5942 5943 5944 5945<ul 5946 data-menu-depth="1" 5947 data-pane-key="submenu-about-4-1" 5948 data-scroll-lock-ignore 5949 aria-hidden="true" 5950 inert 5951 class="mobile-menu__list mobile-menu__list--sub tw:pb-60" 5952 > 5953 5954 5955 5956<li class="mobile-menu__item mobile-menu__item--header tw:shadow-none"> 5957 <button 5958 class="mobile-menu__item--heading-back-link fs-body-100 tw:ml-0 tw:bg-lilac tw:text-blue tw:min-h-[23px] tw:rounded tw:uppercase tw:scent-label tw:font-family-heading tw:px-0 tw:w-[107px] tw:justify-center tw:gap-[10px] tw:h-[23px] tw:leading-3" 5959 data-action="home" 5960 aria-label="Main Menu" 5961 > 5962 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 5963 <path d="M0.0375223 3.30973C0.0613294 3.24841 0.0970273 3.19238 0.142567 3.14487L2.64361 0.646925C2.69024 0.600344 2.74561 0.563394 2.80655 0.538185C2.86748 0.512975 2.9328 0.5 2.99875 0.5C3.13196 0.5 3.25971 0.55285 3.3539 0.646925C3.40054 0.693506 3.43754 0.748805 3.46278 0.809666C3.48802 0.870527 3.50101 0.935757 3.50101 1.00163C3.50101 1.13467 3.44809 1.26227 3.3539 1.35634L1.70321 2.99999H5.49979C5.63246 2.99999 5.75969 3.05262 5.85349 3.14631C5.9473 3.24 6 3.36707 6 3.49957C6 3.63207 5.9473 3.75915 5.85349 3.85284C5.75969 3.94653 5.63246 3.99916 5.49979 3.99916H1.70321L3.3539 5.64281C3.40078 5.68925 3.438 5.74451 3.46339 5.80539C3.48879 5.86626 3.50186 5.93156 3.50186 5.99752C3.50186 6.06347 3.48879 6.12877 3.46339 6.18965C3.438 6.25052 3.40078 6.30578 3.3539 6.35222C3.3074 6.39905 3.25208 6.43622 3.19112 6.46158C3.13017 6.48694 3.06479 6.5 2.99875 6.5C2.93272 6.5 2.86734 6.48694 2.80638 6.46158C2.74543 6.43622 2.69011 6.39905 2.64361 6.35222L0.142567 3.85428C0.0970273 3.80677 0.0613294 3.75074 0.0375223 3.68942C-0.0125074 3.56779 -0.0125074 3.43136 0.0375223 3.30973Z" fill="#0A1F8F"/> 5964 </svg> 5965 Main Menu 5966 </button> 5967</li> 5968 5969 5970 <li class="mobile-menu__item mobile-menu__item--heading tw:mt-0"> 5971 <a 5972 class="mobile-menu__link" 5973 data-heading="true" 5974 href="/pages/about-us" 5975 > 5976 <span class="ff-heading fs-body-300 fs-heading-4-base tw:h5-medium tw:uppercase meganav-menu-item__heading-mobile">About</span> 5977 </a> 5978 </li> 5979 5980 <li class="mobile_menu__promo_blocks tw:mt-0" data-position="top"> 5981 <div class="mobile_menu__promo_block mobile-menu-block-promoted-text tw:border-b-0" > 5982 �<div class="tw:grid tw:gap-[14px] tw:grid-cols-2 tw:gap-2" role="list"><div class="" role="listitem"><a href="/pages/ingredients" class="tw:block tw:relative"> 5983 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">ingredients</span> 5984 5985 <img src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients.jpg?v=1777485426&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients.jpg?v=1777485426&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients.jpg?v=1777485426&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients.jpg?v=1777485426&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients.jpg?v=1777485426&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Ingredients.jpg?v=1777485426&width=960 960w" width="960" height="907" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/about-us" class="tw:block tw:relative"> 5986 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Our Story</span> 5987 5988 <img src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbn
5988ail_Our_Story.jpg?v=1777485426&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story.jpg?v=1777485426&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story.jpg?v=1777485426&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story.jpg?v=1777485426&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story.jpg?v=1777485426&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_Story.jpg?v=1777485426&width=960 960w" width="960" height="907" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/native-never-list" class="tw:block tw:relative"> 5989 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Our never list</span> 5990 5991 <img src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list.jpg?v=1777485426&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list.jpg?v=1777485426&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list.jpg?v=1777485426&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list.jpg?v=1777485426&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list.jpg?v=1777485426&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Our_never_list.jpg?v=1777485426&width=960 960w" width="960" height="907" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div><div class="" role="listitem"><a href="/pages/blogs" class="tw:block tw:relative"> 5992 <span class="custom-mobile-menu-block-image-grid__title tw:absolute menu-text--bottom tw:m-auto tw:text-white tw:uppercase tw:font-family-heading tw:text-[14px] tw:tracking-widest tw:font-bold tw:flex tw:justify-center tw:items-center tw:text-center">Blog</span> 5993 5994 <img src="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog.jpg?v=1777485426&width=960" srcset="//www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog.jpg?v=1777485426&width=320 320w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog.jpg?v=1777485426&width=480 480w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog.jpg?v=1777485426&width=640 640w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog.jpg?v=1777485426&width=800 800w, //www.nativecos.com/cdn/shop/files/Nav_About_Thumbnail_Blog.jpg?v=1777485426&width=960 960w" width="960" height="907" loading="lazy" sizes="(min-width: 1200px) 16.6vw, (min-width: 768px) 33vw, 100vw" class="tw:max-w-full tw:h-auto tw:block tw:rounded-[5px]">�</a></div></div> 5995 </div> 5996 5997<div class="tw:px-[16px] tw:text-[12px] tw:font-family-heading tw:uppercase tw:font-bold tw:tracking-widest meganav-primary-header-area__heading-mob"></div> 5998 5999 </li>� 6000 <li 6001 class="mobile-menu__item fs-body-100 " 6002 data-list-item 6003 menu_depth="1" 6004 > 6005 <a 6006 class="mobile-menu__link " 6007 href="/pages/sensitive-series-explained" 6008 tabindex="0" 6009 6010 > 6011 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 6012 Sensitive Seriesâ¨Explained 6013 6014 6015 </span> 6016 </div> 6017 6018 6019 </a> 6020 6021 6022 </li><li 6023 class="mobile-menu__item fs-body-100 " 6024 data-list-item 6025 menu_depth="1" 6026 > 6027 <a 6028 class="mobile-menu__link " 6029 href="/pages/rewards" 6030 tabindex="0" 6031 6032 > 6033 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 6034 Rewards 6035 6036 6037 </span> 6038 </div> 6039 6040 6041 </a> 6042 6043 6044 </li><li 6045 class="mobile-menu__item fs-body-100 " 6046 data-list-item 6047 menu_depth="1" 6048 > 6049 <a 6050 class="mobile-menu__link " 6051 href="/pages/faq" 6052 tabindex="0" 6053 6054 > 6055 <div class="mobile-menu__link__text fs-body-100 tw:flex tw:items-center tw:gap-5">�<span class="tw:h5-bold tw:uppercase tw:text-blue meganav-menu-item__mobile tw:inline-flex tw:items-center tw:gap-2"> 6056 FAQS 6057 6058 6059 </span> 6060 </div> 6061 6062 6063 </a> 6064 6065 6066 </li> 6067 6068 � 6069 6070 <li> 6071 6072 <div class="tw:flex tw:items-center tw:gap-2 tw:mt-5 tw:justify-center meganav-bundles-primary__value-props-mob">
6073 <img class="tw:w-6 tw:h-6 tw:text-[12px]" src="//www.nativecos.com/cdn/shop/t/1755/assets/custom-icon-menu-subscription_large.png?v=87401866241403047571790803677" /> 6074 <span>Subscribe, save 25%, and never run out.</span> 6075 </div> 6076 6077 </li> 6078 6079 </ul> 6080 6081 �� 6082 6083 6084 6085 <div 6086 data-menu-depth="1" 6087 data-pane-key="account-info" 6088 data-scroll-lock-ignore 6089 aria-hidden="true" 6090 inert 6091 > 6092 6093<li class="mobile-menu__item mobile-menu__item--header tw:shadow-none"> 6094 <button 6095 class="mobile-menu__item--heading-back-link fs-body-100 tw:ml-0 tw:bg-lilac tw:text-blue tw:min-h-[23px] tw:rounded tw:uppercase tw:scent-label tw:font-family-heading tw:px-0 tw:w-[107px] tw:justify-center tw:gap-[10px] tw:h-[23px] tw:leading-3" 6096 data-action="home" 6097 aria-label="Main Menu" 6098 > 6099 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 6100 <path d="M0.0375223 3.30973C0.0613294 3.24841 0.0970273 3.19238 0.142567 3.14487L2.64361 0.646925C2.69024 0.600344 2.74561 0.563394 2.80655 0.538185C2.86748 0.512975 2.9328 0.5 2.99875 0.5C3.13196 0.5 3.25971 0.55285 3.3539 0.646925C3.40054 0.693506 3.43754 0.748805 3.46278 0.809666C3.48802 0.870527 3.50101 0.935757 3.50101 1.00163C3.50101 1.13467 3.44809 1.26227 3.3539 1.35634L1.70321 2.99999H5.49979C5.63246 2.99999 5.75969 3.05262 5.85349 3.14631C5.9473 3.24 6 3.36707 6 3.49957C6 3.63207 5.9473 3.75915 5.85349 3.85284C5.75969 3.94653 5.63246 3.99916 5.49979 3.99916H1.70321L3.3539 5.64281C3.40078 5.68925 3.438 5.74451 3.46339 5.80539C3.48879 5.86626 3.50186 5.93156 3.50186 5.99752C3.50186 6.06347 3.48879 6.12877 3.46339 6.18965C3.438 6.25052 3.40078 6.30578 3.3539 6.35222C3.3074 6.39905 3.25208 6.43622 3.19112 6.46158C3.13017 6.48694 3.06479 6.5 2.99875 6.5C2.93272 6.5 2.86734 6.48694 2.80638 6.46158C2.74543 6.43622 2.69011 6.39905 2.64361 6.35222L0.142567 3.85428C0.0970273 3.80677 0.0613294 3.75074 0.0375223 3.68942C-0.0125074 3.56779 -0.0125074 3.43136 0.0375223 3.30973Z" fill="#0A1F8F"/> 6101 </svg> 6102 Main Menu 6103 </button> 6104</li> 6105 6106 6107<div class="login" data-scope="component" data-account-login> 6108 <div class="login__success-wrapper"> 6109 <div class="login__success" data-success-message tabindex="-1"> 6110 <div class="ff-body fs-body-100"> 6111 We've sent you an email with a link to update your password. 6112 </div> 6113 </div> 6114 </div> 6115 6116 <div id="login-form" class="login__wrapper" data-part="login" aria-hidden="false"> 6117 <header class="login__header"> 6118 <h4 class="login__heading ff-heading fs-heading-4-base tw:font-family-heading">Login</h4> 6119 </header> 6120 6121 <div id="login__track-order-message-container" class="login__success-wrapper"></div> 6122 6123 <div class="login__main"> 6124 <form method="post" action="/account/login" id="mobile-menu-account-login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate" class="login__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /> 6125 <label class="tw:text-blue tw:font-family-heading tw:uppercase tw:font-bold tw:text-[12px] tw:tracking-[0.1em]" for="mobile-menu-account-login-CustomerEmail">Email</label> 6126 <input 6127 type="email" 6128 class="input tw:rounded-[5px] tw:bg-off-white tw:border-transparent tw:text-black" 6129 name="customer[email]" 6130 id="mobile-menu-account-login-CustomerEmail" 6131 autocomplete="email" 6132 autocorrect="off" 6133 autocapitalize="off" 6134 6135 > 6136 6137 6138 <div class="login__label-wrapper"> 6139 <label class="tw:text-blue tw:font-family-heading tw:uppercase tw:font-bold tw:text-[12px] tw:tracking-[0.1em]" for="mobile-menu-account-login-CustomerPassword">Password</label> 6140 <button 6141 type="button" 6142 class="btn btn--text-link fs-body-75 tw:text-blue tw:hover:text-black tw:font-medium tw:tracking-[0.01em]" 6143 data-toggle 6144 aria-controls="mobile-menu-account-login-register-form" 6145 > 6146 Forgot password? 6147 </button> 6148 </div> 6149 <input 6150 type="password" 6151 class="input tw:rounded-[5px] tw:bg-off-white tw:border-transparent tw:text-black" 6152 value="" 6153 name="customer[password]" 6154 id="mobile-menu-account-login-CustomerPassword" 6155 > 6156 6157 6158 <button type="submit" class="login__button btn btn--primary btn--full tw:bg-blue tw:hover:bg-black tw:rounded-[5px]"> 6159 Sign in 6160 </button> 6161 6162 <div class="login__links ff-body fs-body-100">
6163 <span>New customer?</span> 6164 <a class="link" href="/account/register">Create account</a> 6165 </div> 6166 </form> 6167 </div> 6168 </div> 6169 6170 <div id="mobile-menu-account-login-register-form" class="login__wrapper hide" data-part="reset" aria-hidden="true"> 6171 <div class="login__header"> 6172 <h2 class="login__heading ff-heading fs-heading-3-base">Reset your password</h2> 6173 <p class="login__subheading fs-body-75">We will send you an email to reset your password.</p> 6174 </div> 6175 6176 <div class="login__main"> 6177 <form method="post" action="/account/recover" accept-charset="UTF-8" class="login__form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" /> 6178 <label for="mobile-menu-account-login-RecoverEmail">Email address</label> 6179 <input 6180 type="email" 6181 value="" 6182 name="email" 6183 id="mobile-menu-account-login-RecoverEmail" 6184 class="input" 6185 autocorrect="off" 6186 autocapitalize="off" 6187 > 6188 6189 <button type="submit" class="login__button btn btn--primary btn--full"> 6190 Submit 6191 </button> 6192 6193 <div class="login__links ff-body fs-body-100"> 6194 <button type="button" data-toggle class="btn btn--text-link" aria-controls="login-form"> 6195 Cancel 6196 </button> 6197 </div> 6198 </form> 6199 </div> 6200 </div> 6201 6202 6203 6204</div> 6205</div> 6206 6207 6208 6209 </div> 6210 </div> 6211 </div> 6212 </div> 6213 </template> 6214 </div> 6215</section> 6216
6217<script> 6218/** 6219 * Goal 6220 * ---- 6221 * Keep the element #mobile-mega-menu perfectly aligned to the bottom edge 6222 * of #header-section at all times â even during scroll, sticky state changes, 6223 * dynamic header height changes, mobile browser chrome expand/collapse, etc. 6224 * 6225 * Approach 6226 * -------- 6227 * - Compute the header's position in *viewport coordinates* using 6228 * `getBoundingClientRect()` on every relevant change. 6229 * - Place the menu using `position: fixed` so its `top/left/right` also use 6230 * viewport coordinates (the same coordinate system as the rect). 6231 * - Recompute (but throttle) on: 6232 * ⢠page scroll / resize / orientation changes 6233 * ⢠header size changes (ResizeObserver) 6234 * ⢠header attribute changes (MutationObserver) like .is-sticky 6235 * ⢠visual viewport changes (mobile address bar show/hide) 6236 * ⢠fonts and late-loading assets that can alter header height 6237 * 6238 * Optional 6239 * -------- 6240 * - Add a vertical gap via data attribute: <nav id="mobile-mega-menu" data-gap="8"> 6241 * - Control lifecycle (attach listeners only while menu is open) via the 6242 * exposed `window.megaMenuTether.start()` / `.stop()` helpers. 6243 */ 6244 6245(function () { 6246 // 1) Grab references to both elements. If either is missing, do nothing. 6247 const header = document.getElementById('header-section'); 6248 const menu = document.getElementById('mobile-mega-menu'); 6249 if (!header || !menu) return; 6250 6251 // 2) Ensure the menu is positioned in *viewport* space. 6252 // Fixed-positioned elements are laid out relative to the viewport, which 6253 // matches the coordinate system returned by getBoundingClientRect(). 6254 // (We set left/right=0 so it spans full width; adjust to your needs.) 6255 const cs = getComputedStyle(menu); 6256 if (cs.position !== 'fixed') { 6257 Object.assign(menu.style, { position: 'fixed', left: '0', right: '0' }); 6258 } 6259 6260 // 3) Optional spacing between header bottom and menu top, read at runtime. 6261 // This lets designers tweak the gap from HTML without code changes. 6262 const gap = () => { 6263 const n = Number(menu.getAttribute('data-gap')); 6264 return Number.isFinite(n) ? n : 0; 6265 }; 6266 6267 // 4) Performance: throttle all reflows to the next animation frame so we never 6268 // spam layout on scroll/resize. Multiple triggers per frame coalesce to one. 6269 let rafId = null; 6270 function schedule() { 6271 if (rafId != null) return; // already scheduled this frame 6272 rafId = requestAnimationFrame(() => { 6273 rafId = null; 6274 place(); 6275 }); 6276 } 6277 6278 // 5) The core: measure header, place menu. 6279 function place() { 6280 // getBoundingClientRect() returns the header's box in viewport coordinates. 6281 // r.bottom is the y-coordinate (in px) of the header's bottom edge. 6282 const r = header.getBoundingClientRect(); 6283 6284 // Compute the desired top position for the menu: 6285 // menu.top = header.bottom + optional gap 6286 // This aligns the menu *directly* beneath the header in the viewport. 6287 let top = Math.round(r.bottom + gap()); 6288 6289 // If the header is off-screen above (r.bottom < 0), top would be negative. 6290 // Clamp to 0 so the menu never renders above the viewport. 6291 if (top < 0) top = 0; 6292 6293 // Apply the placement. 6294 menu.style.top = top + 'px'; 6295 6296 // Optional behavior: hide menu when header is off-screen. 6297 // Uncomment if that matches your UX. 6298 // menu.hidden = (r.bottom <= 0); 6299 } 6300 6301 // 6) Observe header *size* changes (e.g., sticky header shrinks on scroll, 6302 // logo swap, dynamic content). This fires when the header's box changes. 6303 let ro = null; 6304 if ('ResizeObserver' in window) { 6305 ro = new ResizeObserver(schedule); 6306 ro.observe(header); 6307 } 6308 6309 // 7) Observe header *attribute* changes (e.g., adding/removing .is-sticky 6310 // or style changes that might affect height/position). 6311 let mo = null; 6312 if ('MutationObserver' in window) { 6313 mo = new MutationObserver(schedule); 6314 mo.observe(header, { attributes: true, attributeFilter: ['class', 'style'] }); 6315 } 6316 6317 // 8) Recompute on common global events: 6318 // - scroll: header's viewport rect changes as the page moves 6319 // - resize/orientationchange: viewport size changes alter layout 6320 addEventListener('scroll', schedule, { passive: true });
6321 addEventListener('resize', schedule); 6322 addEventListener('orientationchange', schedule); 6323 6324 // 9) Mobile UX: `visualViewport` tracks the *visual* viewport (which can 6325 // change when the URL bar collapses/expands, zooming, etc.). Listening 6326 // here keeps placement crisp during those transitions. 6327 if (window.visualViewport) { 6328 visualViewport.addEventListener('resize', schedule); 6329 visualViewport.addEventListener('scroll', schedule, { passive: true }); 6330 } 6331 6332 // 10) Fonts and late-loading assets can change header height after render. 6333 // When webfonts finish loading, run another placement. 6334 if (document.fonts && document.fonts.ready) { 6335 document.fonts.ready.then(schedule).catch(() => {}); 6336 } 6337 6338 // 11) Run placement on initial load milestones. 6339 addEventListener('load', schedule); 6340 document.addEventListener('DOMContentLoaded', schedule); 6341 6342 // 12) Expose a small API so other scripts (e.g., your menu toggle) can 6343 // force a re-placement *right after* changing visibility/height. 6344 window.megaMenuTether = { 6345 /** 6346 * Manually recompute placement (e.g., call right after opening the menu). 6347 */ 6348 place, 6349 6350 /** 6351 * Optional lifecycle: if you want to attach observers/listeners only while 6352 * the menu is open, call start() on open and stop() on close. This is 6353 * purely an optimization; the script works fine without using these. 6354 */ 6355 start() { 6356 schedule(); 6357 }, 6358 stop() { 6359 removeEventListener('scroll', schedule); 6360 removeEventListener('resize', schedule); 6361 removeEventListener('orientationchange', schedule); 6362 if (window.visualViewport) { 6363 visualViewport.removeEventListener('resize', schedule); 6364 visualViewport.removeEventListener('scroll', schedule); 6365 } 6366 ro && ro.disconnect(); 6367 mo && mo.disconnect(); 6368 } 6369 }; 6370 6371 // 13) First precise placement. 6372 place(); 6373})(); 6374</script>
6374 6375 6376 6377</div> 6378<!-- END sections: header-group -->�<!-- BEGIN sections: overlay-group --> 6379<div id="shopify-section-sections--27654665306286__quick-cart" class="shopify-section shopify-section-group-overlay-group"><div 6380 class="quick-cart" 6381 data-section-id="sections--27654665306286__quick-cart" 6382 data-section-type="quick-cart" 6383 > 6384 <div class="quick-cart__wrapper" id="quick-cart-panel"> 6385 <div class="quick-cart__overlay"></div> 6386 6387 <div class="quick-cart__container tw:bg-white"> 6388 <form 6389 action="/cart" 6390 method="post" 6391 class="quick-cart__form" 6392 data-form 6393 novalidate 6394 data-scroll-lock-ignore 6395 > 6396 <div class="tw:bg-lilac tw:text-center tw:py-[7px] tw:text-[12px] tw:font-medium tw:text-black tw:tracking-[0.02em] tw:leading-[125%]"> 6397 Join the Clean Collective to earn points on all orders. 6398 </div> 6399 <div class="quick-cart__header tw:px-[20px] tw:pt-[20px] tw:bg-white tw:pb-[20px] tw:border-b-[1px] tw:border-[#00000033] "> 6400 <h2 class="quick-cart__heading ff-heading fs-heading-5-base tw:text-black tw:font-bold tw:text-[22px] tw:tracking-[0.1em] tw:uppercase"> 6401 Your cart 6402 </h2> 6403 6404 <button 6405 type="button" 6406 data-modal-close 6407 class="quick-cart__close-icon" 6408 aria-label="Close" 6409 > 6410 6411 6412<span 6413 class="icon-button modal-drawer-close" 6414 data-size="large"data-has-secondary-icon="false"style="--icon-width: 24px; --icon-height: 24px;" 6415> 6416 <span class="icon-button__icon"> 6417 6418<span class="icon icon-modal-drawer-close icon--primary" style="" > 6419 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6420 <path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg> 6421</span> 6422 6423 6424 6425 </span> 6426</span> 6427 6428 </button> 6429 </div> 6430 6431 <div class="quick-cart__empty-state"> 6432 <h3 class="quick-cart__empty-state-heading ff-heading fs-heading fs-heading-4-base tw:font-family-heading tw:font-bold tw:text-[18px] tw:uppercase tw:tracking-widest"> 6433 Your cart is empty 6434 </h3> 6435 6436 <div class="quick-cart__empty-state-promot-text rte ff-body fs-body-100 tw:text-[15px] tw:font-medium tw:tracking-[0.03em] tw:mt-[10px] tw:text-black tw:leading-[130%]"> 6437 <p>Explore our range of products</p> 6438 </div> 6439 6440 <div class="button-wrapper quick-cart__empty-state-promo-button tw:hidden" data-alignment="center"> 6441 <a class="btn btn--outline " href="/collections/shop-all"> 6442 <span style="">Shop All</span> 6443 6444 </a> 6445</div> 6446� 6447 </div> 6448 <div class="quick-cart__footer animation--item tw:bg-blue tw:border-0 tw:text-white tw:pb-[21px]"> 6449 6450 6451 6452 6453 <div class="quick-cart__footer-subtotal tw:items-center"> 6454 <h3 class="ff-body fs-body-200 tw:uppercase tw:font-medium tw:text-[14px] tw:tracking-widest tw:leading-[130%]"> 6455 Subtotal 6456 </h3> 6457 6458 <span class="ff-product-price fs-body-200 tw:font-family-heading tw:text-[14px] tw:leading-[130%] tw:tracking-[0.01em]"><span data-price>$0.00</span> USD 6459 </span> 6460 </div> 6461 6462 <button 6463 type="submit" 6464 name="checkout" 6465 class="quick-cart__submit btn btn--full btn--primary tw:bg-white tw:text-blue tw:hover:bg-black tw:hover:text-white tw:rounded-[5px] tw:tracking-widest tw:text-[16px] tw:py-[14.5px] tw:mt-[15px] tw:leading-[130%] tw:text-blue/50 tw:pointer-events-none " 6466 aria-label="Checkout" 6467 > 6468 Checkout 6469 </button> 6470 6471 <p class="quick-cart__footer-tax-note ff-body fs-body-75 t-subdued tw:text-center tw:mt-[7px] tw:opacity-100 tw:font-family-heading tw:tracking-[0.02em] tw:text-[10px] tw:leading-[120%]"> 6472 Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout</p> 6473 </div> 6474 </form> 6475 </div> 6476 </div> 6477 </div> 6478 6479 6480</div>
6480<div id="shopify-section-sections--27654665306286__popup" class="shopify-section shopify-section-group-overlay-group"> 6481 6482 6483</div> 6484<!-- END sections: overlay-group --><div class="header-overlay" data-header-overlay> 6485 <div class="header-overlay__inner"></div> 6486 </div> 6487 6488 <main id="main" class="main"> 6489 <section id="shopify-section-template--27654677528750__main" class="shopify-section"><section 6490 class="customer login page section" 6491 data-section-id="template--27654677528750__main" 6492 data-section-type="login" 6493 style="--section-style-spacing-top: 0px; --section-style-spacing-bottom: 0px;" 6494> 6495 <div class="login__inner page__inner"> 6496 6497 6498<div class="login" data-scope="template" data-account-login> 6499 <div class="login__success-wrapper"> 6500 <div class="login__success" data-success-message tabindex="-1"> 6501 <div class="ff-body fs-body-100"> 6502 We've sent you an email with a link to update your password. 6503 </div> 6504 </div> 6505 </div> 6506 6507 <div id="login-form" class="login__wrapper" data-part="login" aria-hidden="false"> 6508 <header class="login__header"> 6509 <h4 class="login__heading ff-heading fs-heading-2-base tw:font-family-heading">Login</h4> 6510 </header> 6511 6512 <div id="login__track-order-message-container" class="login__success-wrapper"></div> 6513 6514 <div class="login__main"> 6515 <form method="post" action="/account/login" id="account-login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate" class="login__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /> 6516 6517 6518<label class="tw:text-blue tw:font-family-heading tw:uppercase tw:font-bold tw:text-[12px] tw:tracking-[0.1em]" for="account-login-CustomerEmail">Email</label> 6519 <input 6520 type="email" 6521 class="input tw:rounded-[5px] tw:bg-off-white tw:border-transparent tw:text-black" 6522 name="customer[email]" 6523 id="account-login-CustomerEmail" 6524 autocomplete="email" 6525 autocorrect="off" 6526 autocapitalize="off" 6527 6528 > 6529 6530 6531 <div class="login__label-wrapper"> 6532 <label class="tw:text-blue tw:font-family-heading tw:uppercase tw:font-bold tw:text-[12px] tw:tracking-[0.1em]" for="account-login-CustomerPassword">Password</label> 6533 <button 6534 type="button" 6535 class="btn btn--text-link fs-body-75 tw:text-blue tw:hover:text-black tw:font-medium tw:tracking-[0.01em]" 6536 data-toggle 6537 aria-controls="account-login-register-form" 6538 > 6539 Forgot password? 6540 </button> 6541 </div> 6542 <input 6543 type="password" 6544 class="input tw:rounded-[5px] tw:bg-off-white tw:border-transparent tw:text-black" 6545 value="" 6546 name="customer[password]" 6547 id="account-login-CustomerPassword" 6548 > 6549 6550 6551 <button type="submit" class="login__button btn btn--primary btn--full tw:bg-blue tw:hover:bg-black tw:rounded-[5px]"> 6552 Sign in 6553 </button> 6554 6555 <div class="login__links ff-body fs-body-100"> 6556 <span>New customer?</span> 6557 <a class="link" href="/account/register">Create account</a> 6558 </div> 6559 </form> 6560 </div> 6561 </div> 6562 6563 <div id="account-login-register-form" class="login__wrapper hide" data-part="reset" aria-hidden="true"> 6564 <div class="login__header"> 6565 <h2 class="login__heading ff-heading fs-heading-3-base">Reset your password</h2> 6566 <p class="login__subheading fs-body-75">We will send you an email to reset your password.</p> 6567 </div> 6568 6569 <div class="login__main"> 6570 <form method="post" action="/account/recover" accept-charset="UTF-8" class="login__form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" /> 6571 6572
6573<label for="account-login-RecoverEmail">Email address</label> 6574 <input 6575 type="email" 6576 value="" 6577 name="email" 6578 id="account-login-RecoverEmail" 6579 class="input" 6580 autocorrect="off" 6581 autocapitalize="off" 6582 > 6583 6584 <button type="submit" class="login__button btn btn--primary btn--full"> 6585 Submit 6586 </button> 6587 6588 <div class="login__links ff-body fs-body-100"> 6589 <button type="button" data-toggle class="btn btn--text-link" aria-controls="login-form"> 6590 Cancel 6591 </button> 6592 </div> 6593 </form> 6594 </div> 6595 </div> 6596 6597 6598 6599</div> 6600 6601 </div> 6602</section> 6603 6604 6605 6606 6607 6608 6609</section> 6610 </main><!-- BEGIN sections: footer-group --> 6611<section id="shopify-section-sections--27654664028334__custom_newsletter_compact_MUDrj4" class="shopify-section shopify-section-group-footer-group"><div 6612 class="newsletter-compact section" 6613 data-section-id="sections--27654664028334__custom_newsletter_compact_MUDrj4" 6614 data-section-type="newsletter-compact" 6615 data-spacing-mode="vertical" 6616 style=" 6617 6618--color-text: #0A1F8F; 6619 --color-text-link: #0A1F8F;--color-background: #ffffff;--color-background-alpha-80: rgba(255, 255, 255, 0.8); 6620 6621 --color-text-alpha-90: rgba(10, 31, 143, 0.9); 6622 --color-text-alpha-80: rgba(10, 31, 143, 0.8); 6623 --color-text-alpha-70: rgba(10, 31, 143, 0.7); 6624 --color-text-alpha-60: rgba(10, 31, 143, 0.6); 6625 --color-text-alpha-50: rgba(10, 31, 143, 0.5); 6626 --color-text-alpha-40: rgba(10, 31, 143, 0.4); 6627 --color-text-alpha-30: rgba(10, 31, 143, 0.3); 6628 --color-text-alpha-25: rgba(10, 31, 143, 0.25); 6629 --color-text-alpha-20: rgba(10, 31, 143, 0.2); 6630 --color-text-alpha-10: rgba(10, 31, 143, 0.1); 6631 --color-text-alpha-05: rgba(10, 31, 143, 0.05); 6632--color-text-input: #0A1F8F; --color-background-input: 6633 #f7f7f7; 6634 --section-style-spacing-top: 0px; --section-style-spacing-bottom: 0px; 6635 6636 " 6637> 6638 <div class="section-inner section-inner--full-width"> 6639 <div class="newsletter-compact__inner"> 6640 <div 6641 class="newsletter-compact__block-content section-blocks animation--container" 6642 data-override-form-inputs="false" 6643 > 6644 <div 6645 class="newsletter-compact__block-item newsletter-compact__iframe-block" 6646 style="--iframe-max-width: 600px;" 6647 6648 > 6649 <iframe 6650 id="NewsletterIframe-sections--27654664028334__custom_newsletter_compact_MUDrj4-iframe_embed_RbPrcB" 6651 class="newsletter-compact__iframe" 6652 src="https://native.attn.tv/p/Szg/" 6653 title="Sign up for updates" 6654 width="600" 6655 height="590" 6656 loading="lazy" 6657 referrerpolicy="strict-origin-when-cross-origin" 6658 ></iframe> 6659 </div> 6660 </div> 6661 </div> 6662 </div> 6663</div> 6664 6665 6666</section><footer id="shopify-section-sections--27654664028334__footer" class="shopify-section shopify-section-group-footer-group footer__parent"><div 6667 class="footer section" 6668 data-section-id="sections--27654664028334__footer" 6669 data-section-type="footer" 6670 style=" 6671 --color-background-input: rgba(10, 31, 143, 0.2); 6672 --color-background-input-highlight: rgba(10, 31, 143, 0.35); 6673 --color-text-input: rgba(10, 31, 143, 0.95); 6674 --desktop-column-gap: 100px; 6675 --color-text-alpha-40: rgba(10, 31, 143, 0.4); 6676 " 6677> 6678 <div class="section-inner"> 6679 <div class="footer__inner"> 6680 <div class="footer__groups"> 6681 <div 6682 class="footer__group" 6683 data-show-title-on-desktop="true" 6684 data-block-type="links" 6685 data-prev-block-type="" 6686 data-next-block-type="links" 6687 data-collapse-on-mobile="true" 6688 style=" 6689 6690 6691 " 6692 > 6693 <div class="footer__header ff-body footer__header--collapsed">
6694 <span class="footer__heading ff-heading fs-heading-5-base">PRODUCTS</span> 6695 </div> 6696 6697 <button type="button" class="footer__header ff-body" data-header> 6698 <span class="footer__heading ff-heading fs-heading-6-base">PRODUCTS</span> 6699 <span class="footer__arrow"> 6700<span class="icon icon-chevron-small " style="" > 6701 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6702</span> 6703</span> 6704 </button>� 6705 6706 <div class="footer__group-content"><div class="footer__links fs-body-100"> 6707 6708 <ul> 6709 6710 <li> 6711 <a href="/collections/shop-all?category_filter=deodorant">Deodorant</a> 6712 </li> 6713 6714 <li> 6715 <a href="/collections/shop-all?category_filter=body">Body</a> 6716 </li> 6717 6718 <li> 6719 <a href="/collections/shop-all?category_filter=hair">Hair</a> 6720 </li> 6721 6722 <li> 6723 <a href="/collections/shop-all?category_filter=skincare">Skincare</a> 6724 </li> 6725 6726 <li> 6727 <a href="/products/hand-soap">Hand Soap</a> 6728 </li> 6729 6730 <li> 6731 <a href="/products/toothpaste">Toothpaste</a> 6732 </li> 6733 6734 </ul> 6735 6736 </div></div> 6737 </div><div 6738 class="footer__group" 6739 data-show-title-on-desktop="true" 6740 data-block-type="links" 6741 data-prev-block-type="links" 6742 data-next-block-type="links" 6743 data-collapse-on-mobile="true" 6744 style=" 6745 6746 6747 " 6748 > 6749 <div class="footer__header ff-body footer__header--collapsed"> 6750 <span class="footer__heading ff-heading fs-heading-5-base">SHOP</span> 6751 </div> 6752 6753 <button type="button" class="footer__header ff-body" data-header> 6754 <span class="footer__heading ff-heading fs-heading-6-base">SHOP</span> 6755 <span class="footer__arrow"> 6756<span class="icon icon-chevron-small " style="" > 6757 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6758</span> 6759</span> 6760 </button>� 6761 6762 <div class="footer__group-content"><div class="footer__links fs-body-100"> 6763 6764 <ul> 6765 6766 <li> 6767 <a href="/collections/new-arrivals">New Arrivals</a> 6768 </li> 6769 6770 <li> 6771 <a href="/collections/best-sellers">Best Sellers</a> 6772 </li> 6773 6774 <li> 6775 <a href="/collections/limited-edition">Limited Edition</a> 6776 </li> 6777 6778 <li> 6779 <a href="/pages/bundles">Bundles</a> 6780 </li> 6781 6782 <li> 6783 <a href="/collections/last-chance-scents">Last Chance Scents</a> 6784 </li> 6785 6786 <li> 6787 <a href="/collections/shop-all">Shop All</a> 6788 </li> 6789 6790 </ul> 6791 6792 </div></div> 6793 </div><div 6794 class="footer__group" 6795 data-show-title-on-desktop="true" 6796 data-block-type="links" 6797 data-prev-block-type="links" 6798 data-next-block-type="links" 6799 data-collapse-on-mobile="true" 6800 style=" 6801 6802 6803 " 6804 > 6805 <div class="footer__header ff-body footer__header--collapsed">
6806 <span class="footer__heading ff-heading fs-heading-5-base">COMPANY</span> 6807 </div> 6808 6809 <button type="button" class="footer__header ff-body" data-header> 6810 <span class="footer__heading ff-heading fs-heading-6-base">COMPANY</span> 6811 <span class="footer__arrow"> 6812<span class="icon icon-chevron-small " style="" > 6813 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6814</span> 6815</span> 6816 </button>� 6817 6818 <div class="footer__group-content"><div class="footer__links fs-body-100"> 6819 6820 <ul> 6821 6822 <li> 6823 <a href="/pages/ingredients">Ingredients</a> 6824 </li> 6825 6826 <li> 6827 <a href="/pages/about-us">Our Story</a> 6828 </li> 6829 6830 <li> 6831 <a href="/pages/native-never-list">Our Never List</a> 6832 </li> 6833 6834 <li> 6835 <a href="/pages/blogs">Blog</a> 6836 </li> 6837 6838 <li> 6839 <a href="/pages/sensitive-series-explained">Sensitive Series Explained</a> 6840 </li> 6841 6842 <li> 6843 <a href="/pages/scents">Scents</a> 6844 </li> 6845 6846 </ul> 6847 6848 </div></div> 6849 </div><div 6850 class="footer__group" 6851 data-show-title-on-desktop="true" 6852 data-block-type="links" 6853 data-prev-block-type="links" 6854 data-next-block-type="" 6855 data-collapse-on-mobile="true" 6856 style=" 6857 6858 6859 " 6860 > 6861 <div class="footer__header ff-body footer__header--collapsed"> 6862 <span class="footer__heading ff-heading fs-heading-5-base">SUPPORT</span> 6863 </div> 6864 6865 <button type="button" class="footer__header ff-body" data-header> 6866 <span class="footer__heading ff-heading fs-heading-6-base">SUPPORT</span> 6867 <span class="footer__arrow"> 6868<span class="icon icon-chevron-small " style="" > 6869 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 7.438 12 17.563 22.125 7.438" stroke="currentColor" stroke-width="2.75"/></svg> 6870</span> 6871</span> 6872 </button>� 6873 6874 <div class="footer__group-content"><div class="footer__links fs-body-100"> 6875 6876 <ul> 6877 6878 <li> 6879 <a href="/pages/contact-us">Contact Us</a> 6880 </li> 6881 6882 <li> 6883 <a href="/account/login">My Account</a> 6884 </li> 6885 6886 <li> 6887 <a href="/pages/track-your-order">Track Your Order</a> 6888 </li> 6889 6890 <li> 6891 <a href="/pages/rewards">Rewards</a> 6892 </li> 6893 6894 <li> 6895 <a href="/pages/faq">FAQs</a> 6896 </li> 6897 6898 <li> 6899 <a href="https://www.nativecos.com/apps/returns">Returns</a> 6900 </li> 6901 6902 <li> 6903 <a href="/pages/native-loyalty-program-terms-and-conditions">Loyalty Program Terms & Conditions</a> 6904 </li> 6905 6906 <li> 6907 <a href="/pages/creators-terms-and-conditions">Creators Terms & Conditions</a> 6908 </li> 6909 6910 <li> 6911 <a href="/pages/sitemap">Sitemap</a> 6912 </li> 6913 6914 </ul> 6915 6916 </div></div> 6917 </div> 6918 </div> 6919 6920 <div class="footer__bottom"> 6921 <div class="footer__bottom-left"> 6922 </div> 6923 6924 6925 6926 6927 </div> 6928 </div> 6929 </div> 6930</div> 6931 6932 6933<style>
6933 #shopify-section-sections--27654664028334__footer h3 {font-weight: 700;} #shopify-section-sections--27654664028334__footer button {font-weight: 700;} #shopify-section-sections--27654664028334__footer div.footer {padding-bottom: 0px; padding-top: 0px;} </style></footer><section id="shopify-section-sections--27654664028334__native_logo_86wNfg" class="shopify-section shopify-section-group-footer-group"><div class="section"> 6934 <div class="section-inner" style="--section-style-spacing-top: 36px; --section-style-spacing-bottom: 36px;"> 6935 <div class="native-logo"> 6936 6937<span class="icon icon-native-logo " style="" > 6938 <svg class="" viewBox="0 0 230 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M195.527 53.0789V9.20265C195.527 8.53986 196.058 7.94336 196.787 7.94336H223.298C224.027 7.94336 224.557 8.53986 224.557 9.20265V12.9142C224.557 13.577 224.027 14.1735 223.298 14.1735H202.354V27.6943H220.05C220.713 27.6943 221.31 28.2908 221.31 28.9536V32.6652C221.31 33.3942 220.713 33.9244 220.05 33.9244H202.354V48.1743H223.298C224.027 48.1743 224.557 48.7708 224.557 49.4336V53.0789C224.557 53.7416 224.027 54.3381 223.298 54.3381H196.787C196.058 54.3381 195.527 53.7416 195.527 53.0789Z" fill="#0A1F8F"/> 6939 <path d="M165.564 54.2719L145.35 9.6666C144.952 8.80498 145.482 7.94336 146.476 7.94336H151.182C151.712 7.94336 152.176 8.34103 152.309 8.67242L166.89 41.4802H167.288L181.869 8.67242C182.001 8.34103 182.399 7.94336 182.996 7.94336H187.701C188.696 7.94336 189.226 8.80498 188.828 9.6666L168.481 54.2719C168.282 54.6695 167.884 55.0009 167.354 55.0009H166.691C166.227 55.0009 165.763 54.6695 165.564 54.2719Z" fill="#0A1F8F"/> 6940 <path d="M131.771 53.0789V9.20265C131.771 8.53986 132.368 7.94336 133.031 7.94336H137.405C138.068 7.94336 138.664 8.53986 138.664 9.20265V53.0789C138.664 53.7416 138.068 54.3381 137.405 54.3381H133.031C132.368 54.3381 131.771 53.7416 131.771 53.0789Z" fill="#0A1F8F"/> 6941 <path d="M105.643 53.0789V14.1735H94.8394C94.1103 14.1735 93.5801 13.577 93.5801 12.9142V9.20265C93.5801 8.53986 94.1103 7.94336 94.8394 7.94336H123.339C124.068 7.94336 124.598 8.53986 124.598 9.20265V12.9142C124.598 13.577 124.068 14.1735 123.339 14.1735H112.536V53.0789C112.536 53.7416 111.939 54.3381 111.276 54.3381H106.902C106.239 54.3381 105.643 53.7416 105.643 53.0789Z" fill="#0A1F8F"/> 6942 <path d="M52.7537 54.3388C51.7595 54.3388 51.2293 53.4772 51.6269 52.6156L71.9744 8.01031C72.1732 7.61264 72.7697 7.28125 73.1011 7.28125H73.7639C74.0953 7.28125 74.6918 7.61264 74.8906 8.01031L95.1055 52.6156C95.5031 53.4772 94.9729 54.3388 93.9787 54.3388H89.8032C89.0079 54.3388 88.5439 53.9411 88.2788 53.3446L84.1696 44.2645H62.4966C61.171 47.3133 59.7792 50.2958 58.4536 53.3446C58.2548 53.8086 57.7245 54.3388 56.9292 54.3388H52.7537ZM65.0814 38.5646H81.651L73.4988 20.4043H73.1674L65.0814 38.5646Z" fill="#0A1F8F"/> 6943 <path d="M6.46484 53.0795V8.47426C6.46484 7.81148 7.06135 7.28125 7.72413 7.28125H9.38109L38.1458 40.5529H38.2121V9.20332C38.2121 8.54054 38.7424 7.94403 39.4714 7.94403H43.7132C44.376 7.94403 44.9725 8.54054 44.9725 9.20332V53.8086C44.9725 54.4714 44.376 55.0016 43.7132 55.0016H41.99L13.2252 20.802H13.1589V53.0795C13.1589 53.7423 12.6287 54.3388 11.8997 54.3388H7.72413C7.06135 54.3388 6.46484 53.7423 6.46484 53.0795Z" fill="#0A1F8F"/></svg> 6944</span> 6945 6946 </div> 6947 </div> 6948</div> 6949 6950</section><section id="shopify-section-sections--27654664028334__social_icons_dQNktk" class="shopify-section shopify-section-group-footer-group"><div class="section"> 6951 <div class="section-inner" style="--section-style-spacing-top: 0px; --section-style-spacing-bottom: 64px;"> 6952 <div class="social-icons-container"> 6953 6954 6955 <a target="_blank" href="https://www.facebook.com/nativecos/" aria-label="Facebook"> 6956 6957<span class="icon icon-facebook-v2 " style="" > 6958 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5806 1.23145H3.70341C2.93049 1.23145 2.1892 1.53849 1.64266 2.08503C1.09611 2.63159 0.789062 3.37286 0.789062 4.1458V19.023C0.789062 19.7959 1.09611 20.5372 1.64266 21.0837C2.1892 21.6302 2.93049 21.9373 3.70341 21.9373H10.4742V14.3797H7.91447V11.4317H10.4742V9.26015C10.4742 8.02945 10.8146 7.07309 11.4953 6.39368C12.176 5.71298 13.0987 5.37133 14.2647 5.37133C15.432 5.37133 16.1877 5.41662 16.5333 5.50204V8.12651H14.9777C14.4161 8.12651 14.033 8.24556 13.8273 8.48368C13.6228 8.72051 13.5206 9.07768 13.5206 9.55262V11.4317H16.4362L16.048 14.3797H13.5206V21.9373H18.5806C19.3535 21.9373 20.0948 21.6302 20.6413 21.0837C21.188 20.5372 21.4949 19.7959 21.4949 19.023V4.1458C21.4949 3.37286 21.188 2.63159 20.6413 2.08503C20.0948 1.53849 19.3535 1.23145 18.5806 1.23145Z" fill="#0A1F8F"/></svg> 6959</span> 6960 6961 </a> 6962 6963 6964 <a target="_blank" href="https://www.instagram.com/native/" aria-label="Instagram"> 6965 6966<span class="icon icon-instagram-v2 " style="" > 6967 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0487 1.42285H7.19841C5.70471 1.42285 4.27219 2.01622 3.21598 3.07243C2.15978 4.12863 1.56641 5.56115 1.56641 7.05485V15.9051C1.56641 17.3988 2.15978 18.8314 3.21598 19.8876C4.27219 20.9438 5.70471 21.5371 7.19841 21.5371H16.0487C17.5424 21.5371 18.9749 20.9438 20.0311 19.8876C21.0873 18.8314 21.6807 17.3988 21.6807 15.9051V7.05485C21.6807 5.56115 21.0873 4.12863 20.0311 3.07243C18.9749 2.01622 17.5424 1.42285 16.0487 1.42285ZM11.6235 16.3074
6967C10.6688 16.3074 9.73544 16.0243 8.94157 15.4939C8.14771 14.9634 7.52896 14.2095 7.16359 13.3274C6.79821 12.4453 6.70261 11.4746 6.88888 10.5382C7.07515 9.60178 7.53491 8.74161 8.21004 8.06649C8.88517 7.39136 9.74533 6.93159 10.6818 6.74532C11.6182 6.55906 12.5888 6.65465 13.4709 7.02003C14.353 7.38541 15.107 8.00415 15.6374 8.79802C16.1679 9.59188 16.451 10.5252 16.451 11.48C16.451 12.7603 15.9424 13.9882 15.0371 14.8935C14.1317 15.7988 12.9039 16.3074 11.6235 16.3074ZM16.8533 7.45714C16.6146 7.45714 16.3812 7.38636 16.1828 7.25375C15.9843 7.12113 15.8296 6.93265 15.7383 6.71212C15.6469 6.4916 15.623 6.24894 15.6696 6.01483C15.7162 5.78073 15.8311 5.56568 15.9999 5.3969C16.1687 5.22812 16.3837 5.11318 16.6178 5.06661C16.8519 5.02005 17.0946 5.04394 17.3151 5.13529C17.5356 5.22663 17.7241 5.38132 17.8567 5.57979C17.9893 5.77825 18.0601 6.01159 18.0601 6.25028C18.0601 6.57036 17.933 6.87733 17.7066 7.10366C17.4803 7.32999 17.1733 7.45714 16.8533 7.45714Z" fill="#0A1F8F"/></svg> 6968</span> 6969 6970 </a> 6971 6972 6973 <a target="_blank" href="https://www.tiktok.com/@native" aria-label="Tiktok"> 6974 6975<span class="icon icon-tiktok-v2 " style="" > 6976 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7891 5.32705C17.6513 5.25582 17.5171 5.17774 17.3871 5.09309C17.009 4.84315 16.6624 4.54865 16.3547 4.21593C15.5847 3.33494 15.2971 2.44118 15.1912 1.81543H15.1955C15.107 1.29602 15.1436 0.959961 15.1491 0.959961H11.6421V14.5207C11.6421 14.7027 11.6422 14.8827 11.6345 15.0605C11.6345 15.0826 11.6324 15.103 11.6311 15.1269C11.6311 15.1366 11.6311 15.1468 11.629 15.1571C11.629 15.1596 11.629 15.1622 11.629 15.1647C11.592 15.6513 11.436 16.1213 11.1748 16.5334C10.9135 16.9455 10.555 17.2872 10.1307 17.5282C9.68855 17.7798 9.18843 17.9117 8.67971 17.9111C7.04577 17.9111 5.72152 16.5787 5.72152 14.9333C5.72152 13.2879 7.04577 11.9555 8.67971 11.9555C8.989 11.9553 9.2964 12.0039 9.59048 12.0998L9.59473 8.52899C8.70198 8.41368 7.79502 8.48463 6.93107 8.73737C6.06712 8.99011 5.26492 9.41916 4.57508 9.99745C3.97062 10.5226 3.46245 11.1493 3.07344 11.8492C2.9254 12.1044 2.36686 13.1301 2.29922 14.7946C2.25668 15.7394 2.54042 16.7183 2.6757 17.1228V17.1313C2.76078 17.3695 3.09046 18.1825 3.62773 18.8678C4.06097 19.4175 4.57282 19.9004 5.14681 20.3009V20.2924L5.15532 20.3009C6.85307 21.4546 8.73543 21.3789 8.73543 21.3789C9.06129 21.3657 10.1528 21.3789 11.3924 20.7914C12.7673 20.1401 13.55 19.1698 13.55 19.1698C14.0501 18.59 14.4477 17.9293 14.7258 17.216C15.0432 16.3818 15.1491 15.3812 15.1491 14.9814V7.78711C15.1916 7.81263 15.7583 8.1874 15.7583 8.1874C15.7583 8.1874 16.5746 8.71064 17.8482 9.05138C18.762 9.29385 19.9931 9.3449 19.9931 9.3449V5.86348C19.5617 5.91027 18.6858 5.77414 17.7891 5.32705Z" fill="#0A1F8F"/></svg> 6977</span> 6978 6979 </a> 6980 6981 6982 <a target="_blank" href="https://app.tyb.xyz/brand/native" aria-label="TYB"> 6983 6984<span class="icon icon-tyb " style="" > 6985 <svg class="" viewBox="0 0 600 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="navy" fill-opacity=".9" d="M486.3 232.7c4.2.2 11.2.2 15.5 0 4.2-.1.7-.3-7.8-.3s-12 .2-7.7.3m-181.8 8.5-7 7.3 7.3-7c6.7-6.4 7.7-7.5 6.9-7.5-.1 0-3.4 3.3-7.2 7.2"/> 6986 <path fill="navy" d="M424 1.3c-4.8 1.5-14 11-17.2 17.7-2.9 6.2-6 15.2-7.7 22.5-.7 2.7-1.6 6.6-2.1 8.5-1.5 5.8-3.5 20.1-5 35.5-1.8 17.9-2.4 60.1-1.1 70 6.1 45.5 27.1 67.4 71.9 74.9 12.8 2.2 48.4 2.2 59.6 0 14.6-2.8 27.9-8.2 38.5-15.3 10.2-7 21-20.4 25-31.1.7-1.9 1.7-4.4 2.1-5.5 7.3-18.3 6.3-35.3-3.5-56.9-8.4-18.7-27.3-34.4-48.4-40.3-13.4-3.7-22.8-4.3-39.6-2.4-15.9 1.7-22.3 3.4-35.2 9.2-2.4 1-4.9 1.9-5.7 1.9s-1.8.4-2.1 1c-.3.5-1.8 1-3.2 1-2.8 0-2.8-.8-.3-9.5 8.5-29.8 9.8-53.8 3.6-67.9C448.5 3.2 436-2.5 424 1.3m84.2 122.8c19.1 4 33.2 23.3 31.6 43.3-.7 8.5-3.7 14.7-10.1 20.9-8 7.8-15.1 10.9-29.2 12.8-20.2 2.7-39-5.6-45.1-19.8-.9-2.1-2-4.6-2.5-5.5-1.2-2.3-1.2-22.3 0-24.6.5-.9 1.5-3.1 2.2-4.7 2.2-5 9.9-13.5 15.6-17.3 3.1-2 7.9-4.1 11.1-4.8 7.3-1.6 19.6-1.7 26.4-.3M75.5 16.4c-2.7.6-7.2 2.2-9.9 3.5-4.1 2-5.3 3.3-7.5 8-2.4 5.2-2.6 6.7-2.9 22.1-.4 17.8-.6 18.6-6.2 21.5-2.4 1.2-14.7 3.1-26 3.9-11.1.8-17.7 4.1-21 10.6-3.1 6-2.3 13.2 2.2 19s10.8 8 30.3 10.9c5.8.9 9.6 2.3 11.2 4.2.7.9 1.3 9.5 1.7 22.9.5 20.3 1.2 27.5 3.5 38 4 18.7 9.4 30 18.7 39.5s15.6 11.6 33.4 11.6c12.8 0 20.5-1.1 29.5-4.3 15.6-5.4 38.2-22.4 43.4-32.5 2.9-5.8 2.9-14.8 0-19.8-3.2-5.4-10.7-8.9-19-8.9-3.6 0-8.1.6-10 1.3-5.4 2-18.1 8.2-21.1 10.3-1.7 1.1-4.4 1.8-7.5 1.8-5.7 0-7.9-1.8-11-9-3.7-8.5-4.3-11.6-4.3-22.6 0-22.8 6.8-30.5 29.5-33 24.7-2.6 29.9-4.3 35.8-11.7 2.7-3.3 3.1-4.5 3.1-10.2s-.4-6.9-3-10.1c-5-6.3-13.2-9.5-28.4-11.4-21.3-2.7-26.2-3.8-28.8-6.4-2.5-2.4-2.5-2.5-1.3-11.3 2.5-20.2.1-30.6-8.1-34.9s-16.5-5.2-26.3-3m127.9 51.2c-6 2.1-10.8 7-13.3 13.5-2 5-2.2 7.1-1.8 17.5.7 17.9 2.8 25.5 12.2 43.9 12.2 23.8 28.4 43.2 48.8 58.4 5.7 4.3 6.2 5 6.5 8.8.4 5.4-2.7 10.8-10 17.9-6.1 5.9-23.6 19.3-28.8 21.9-11.2 5.7-23.7 16.2-27.1 22.7-2.6 5.1-2.5 12.9.3 17.9 4 7.1 12.7 9.1 30.6 6.9 22.7-2.8 38.2-12.5 72.5-45.2 35.1-33.4 55.5-59 70.6-88.3 6-11.6 9-19.4 14.3-37.5.8-2.9 1.3-10 1.3-19.5 0-13.3-.3-15.8-2.4-21.5-3.4-9.2-7.2-14.3-12.5-16.9-5.7-2.6-8.2-2.6-14-.1-10.2 4.3-20.1 17.2-25.5 33-1.5 4.4-3.1 8.3-3.4 8.7-.4.3-.7 1.5-.7 2.5s-.4 2.6-1 3.6c-.5.9-2.1 5.3-3.6 9.7-4.5 13.6-13.9 31.8-19.5 37.9-4.2 4.6-5.7 5.6-9.3 6.1-12.5 1.9-24.2-12.6-37.4-46-2.8-7.2-5.8-15.3-6.7-18-.9-2.8-2-5.9-2.5-7s-1.6-4.2-2.6-6.9c-4.2-11.5-12.7-21.2-21.3-24.1-5.4-1.8-8.3-1.8-13.7.1"/> 6987 <path fill="#404080" fill-opacity=".6" d="M54.3 57c0 3.6.2 5 .4 3.2.2-1.7.2-4.7 0-6.5-.2-1.7-.4-.3-.4 3.3"/> 6988 <path fill="#404080" fill-opacity=".3" d="M46.3 139c0 4.1.2 5.8.4 3.7.2-2 .2-5.4 0-7.5-.2-2-.4-.3-.4 3.8"/> 6989 </svg> 6990</span> 6991 6992 </a> 6993 6994 </div> 6995 </div> 6996</div> 6997<style>
6997 #shopify-section-sections--27654664028334__social_icons_dQNktk .social-icons-container .icon {color: var(--color-text-footer);} </style></section><section id="shopify-section-sections--27654664028334__multi_column_JKdiRy" class="shopify-section shopify-section-group-footer-group"><div 6998 class="multi-column section" 6999 data-section-id="sections--27654664028334__multi_column_JKdiRy" 7000 data-section-type="multi-column" 7001 data-desktop-column-alignment="center" 7002 data-mobile-column-alignment="center" 7003 data-desktop-row-alignment="center" 7004 data-mobile-row-alignment="center" 7005 style=" 7006 --grid-columns-desktop: 5; 7007 --grid-columns-mobile: 2; 7008 --grid-gap-column-desktop: 4px; 7009 --grid-gap-column-mobile: 4px; 7010 --grid-gap-row-desktop: 4px; 7011 --grid-gap-row-mobile: 4px; 7012 7013--color-text: #f5f5f5; 7014 --color-text-link: #f5f5f5;--color-background: #0A1F8F;--color-background-alpha-80: rgba(10, 31, 143, 0.8); 7015 7016 --color-text-alpha-90: rgba(245, 245, 245, 0.9); 7017 --color-text-alpha-80: rgba(245, 245, 245, 0.8); 7018 --color-text-alpha-70: rgba(245, 245, 245, 0.7); 7019 --color-text-alpha-60: rgba(245, 245, 245, 0.6); 7020 --color-text-alpha-50: rgba(245, 245, 245, 0.5); 7021 --color-text-alpha-40: rgba(245, 245, 245, 0.4); 7022 --color-text-alpha-30: rgba(245, 245, 245, 0.3); 7023 --color-text-alpha-25: rgba(245, 245, 245, 0.25); 7024 --color-text-alpha-20: rgba(245, 245, 245, 0.2); 7025 --color-text-alpha-10: rgba(245, 245, 245, 0.1); 7026 --color-text-alpha-05: rgba(245, 245, 245, 0.05); 7027 7028 --section-style-spacing-top: 0px; --section-style-spacing-bottom: 24px; 7029 " 7030> 7031 <div class="section-inner"> 7032 <div class="multi-column__inner"> 7033 7034 7035 7036 <div 7037 class="multi-column__grid" 7038 data-num-columns-desktop="5" 7039 data-num-columns-mobile="2" 7040 > 7041 7042 7043<div 7044 class="multi-column__grid-item animation--item multi-column__grid-item--mobile-full-width" 7045 style="--text-max-width: 100%;" 7046 7047> 7048 <div class="multi-column__grid-item-inner"> 7049 7050 7051 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7052 7053 7054<div class="section-blocks__text ff-body rte fs-body-75" data-alignment="" > 7055 <p>Copyright © 2026, Native</p> 7056 </div> 7057 7058 </div> 7059 7060 7061 </div> 7062</div> 7063 7064 7065<div 7066 class="multi-column__grid-item animation--item multi-column__grid-item--mobile-full-width" 7067 style="--text-max-width: 100%;" 7068 7069> 7070 <div class="multi-column__grid-item-inner"> 7071 7072 7073 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7074 7075 7076 7077<div class="section-blocks__button"><div class="button-wrapper" data-alignment="none"> 7078 <a class="btn btn--text btn--small native-heading" target="_blank" rel="noopener" href="https://privacypolicy.pg.com/CHD-en/"> 7079 <span style="">Consumer Health Data Privacy Policy</span> 7080 7081 </a> 7082</div> 7083</div> 7084 </div> 7085 7086 7087 </div> 7088</div> 7089 7090 7091<div 7092 class="multi-column__grid-item animation--item" 7093 style="--text-max-width: 100%;" 7094 7095> 7096 <div class="multi-column__grid-item-inner"> 7097 7098 7099 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7100 7101 7102 7103<div class="section-blocks__button"><div class="button-wrapper" data-alignment="none"> 7104 <a class="btn btn--text btn--small native-heading" target="_blank" rel="noopener" href="https://accessibility.pg.com/en-US"> 7105 <span style="">Accessibility Statement</span> 7106 7107 </a> 7108</div> 7109</div> 7110 </div> 7111 7112 7113 </div> 7114</div> 7115 7116 7117<div 7118 class="multi-column__grid-item animation--item" 7119 style="--text-max-width: 100%;" 7120 7121> 7122 <div class="multi-column__grid-item-inner"> 7123 7124 7125 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7126 7127 7128 7129<div class="section-blocks__button"><div class="button-wrapper" data-alignment="none"> 7130 <a class="btn btn--text btn--small native-heading" target="_blank" rel="noopener" href="https://termsandconditions.pg.com/en-us/"> 7131 <span style="">Terms and Conditions</span> 7132 7133 </a> 7134</div> 7135</div> 7136 </div> 7137 7138 7139 </div> 7140</div> 7141 7142 7143<div 7144 class="multi-column__grid-item animation--item" 7145 style="--text-max-width: 100%;" 7146 7147> 7148 <div class="multi-column__grid-item-inner"> 7149 7150 7151 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7152 7153 7154 7155<div class="section-blocks__button"><div class="button-wrapper" data-alignment="none"> 7156 <a class="btn btn--text btn--small native-heading" target="_blank" rel="noopener" href="https://privacypolicy.pg.com/en-US/#statePrivacyNotice"> 7157 <span style="">Privacy</span> 7158 7159 </a> 7160</div> 7161</div> 7162 </div> 7163 7164 7165 </div> 7166</div> 7167 7168 7169<div 7170 class="multi-column__grid-item animation--item" 7171 style="--text-max-width: 100%;" 7172 7173> 7174 <div class="multi-column__grid-item-inner"> 7175 7176 7177 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7178 7179 7180 7181<div class="section-blocks__button"><div class="button-wrapper" data-alignment="none"> 7182 <a class="btn btn--text btn--small native-heading" target="_blank" rel="noopener" href="https://www.nativecos.com/pages/cookie-policy"> 7183 <span style="">Cookie Policy</span> 7184 7185 </a> 7186</div> 7187</div> 7188 </div> 7189 7190 7191 </div> 7192</div> 7193</div> 7194 </div> 7195 </div> 7196</div> 7197 7198 7199<style>
7199 #shopify-section-sections--27654664028334__multi_column_JKdiRy * {font-weight: 700;} #shopify-section-sections--27654664028334__multi_column_JKdiRy a {text-decoration: none;} #shopify-section-sections--27654664028334__multi_column_JKdiRy .multi-column__grid-item:first-child .section-blocks__text {margin-top: var(--spacing-6); font-family: BrandonGrotesque, sans-serif !important;} #shopify-section-sections--27654664028334__multi_column_JKdiRy .multi-column__grid-item:first-child .section-blocks__text * {font-family: BrandonGrotesque, sans-serif !important;} @media (max-width: 720px) {#shopify-section-sections--27654664028334__multi_column_JKdiRy .multi-column__grid-item:first-child .section-blocks__text {margin-top: var(--spacing-1); }} </style></section><section id="shopify-section-sections--27654664028334__multi_column_Hd9XCL" class="shopify-section shopify-section-group-footer-group"><div 7200 class="multi-column section" 7201 data-section-id="sections--27654664028334__multi_column_Hd9XCL" 7202 data-section-type="multi-column" 7203 data-desktop-column-alignment="left" 7204 data-mobile-column-alignment="left" 7205 data-desktop-row-alignment="top" 7206 data-mobile-row-alignment="top" 7207 style=" 7208 --grid-columns-desktop: 3; 7209 --grid-columns-mobile: 1; 7210 --grid-gap-column-desktop: 24px; 7211 --grid-gap-column-mobile: 24px; 7212 --grid-gap-row-desktop: 24px; 7213 --grid-gap-row-mobile: 24px; 7214 7215--color-background: #ffffff; 7216 --color-background-alpha-80: rgba(255, 255, 255, 0.8); 7217 --color-text: #2e3133; 7218 --color-text-input: #2e3133; 7219 --color-text-link: #273376; 7220 7221 --color-text-alpha-90: rgba(46, 49, 51, 0.9); 7222 --color-text-alpha-80: rgba(46, 49, 51, 0.8); 7223 --color-text-alpha-70: rgba(46, 49, 51, 0.7); 7224 --color-text-alpha-60: rgba(46, 49, 51, 0.6); 7225 --color-text-alpha-50: rgba(46, 49, 51, 0.5); 7226 --color-text-alpha-40: rgba(46, 49, 51, 0.4); 7227 --color-text-alpha-30: rgba(46, 49, 51, 0.3); 7228 --color-text-alpha-25: rgba(46, 49, 51, 0.25); 7229 --color-text-alpha-20: rgba(46, 49, 51, 0.2); 7230 --color-text-alpha-10: rgba(46, 49, 51, 0.1); 7231 --color-text-alpha-05: rgba(46, 49, 51, 0.05); 7232--color-border-input: rgba(10, 31, 143, 0.4); 7233 --section-style-spacing-top: 12px; --section-style-spacing-bottom: 12px; 7234 " 7235> 7236 <div class="section-inner"> 7237 <div class="multi-column__inner"> 7238 7239 7240 7241 <div 7242 class="multi-column__grid" 7243 data-num-columns-desktop="3" 7244 data-num-columns-mobile="1" 7245 > 7246 7247 7248<div 7249 class="multi-column__grid-item animation--item" 7250 style="--text-max-width: 100%;" 7251 7252> 7253 <div class="multi-column__grid-item-inner"> 7254 7255 7256 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7257 7258 7259 7260<div class="section-blocks__button"><div class="button-wrapper" data-alignment="none"> 7261 <a class="btn btn--primary btn--small native-heading" target="_blank" rel="noopener" href="https://preferencecenter.pg.com/en-us/datarequests/"> 7262 <span style="">Your Privacy Choices</span> 7263 7264 </a> 7265</div> 7266</div> 7267 </div> 7268 7269 7270 </div> 7271</div> 7272 7273 7274<div 7275 class="multi-column__grid-item animation--item" 7276 style="--text-max-width: 100%;" 7277 7278> 7279 <div class="multi-column__grid-item-inner"> 7280 7281 7282 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7283 7284 7285<div class="section-blocks__text ff-body rte fs-body-100" data-alignment="" > 7286 <p>NOTICE: We may sell your sensitive personal data</p> 7287 </div> 7288 7289 </div> 7290 7291 7292 </div> 7293</div> 7294 7295 7296<div 7297 class="multi-column__grid-item animation--item" 7298 style="--text-max-width: 100%;" 7299 7300> 7301 <div class="multi-column__grid-item-inner"> 7302 7303 7304 <div class="multi-column__grid-item-text-wrapper section-blocks"> 7305 7306 7307<div class="section-blocks__text ff-body rte fs-body-100" data-alignment="" > 7308 <p><a href="#onetrust-modal" title="Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising">Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising</a></p> 7309 </div> 7310 7311 </div> 7312 7313 7314 </div> 7315</div> 7316</div> 7317 </div> 7318 </div> 7319</div> 7320 7321 7322</section> 7323<!-- END sections: footer-group --><div 7324 class=" 7325 store-availability-drawer 7326 popover 7327 7328 " 7329 data-store-availability-drawer
7330 aria-describedby="drawer-title" 7331 aria-hidden="true" 7332 role="dialog" 7333> 7334 <div class="store-availability-drawer__wash" data-store-availability-drawer-wash></div> 7335 <div class="store-availability-drawer__container"> 7336 <div class="store-availability-drawer__inner"> 7337 <div class="store-availability-drawer__header"> 7338 <div class="store-availability-drawer__product-info"> 7339 <h4 7340 id="drawer-title" 7341 class="store-availability-drawer__store-list-product-title ff-heading fs-heading-5-base" 7342 data-store-availability-product-title 7343 > 7344 Availability 7345 </h4> 7346 <p 7347 class="store-availability-drawer__store-list-variant-title fs-body-60 t-opacity-50" 7348 data-store-availability-variant-title 7349 ></p> 7350 </div> 7351 <button 7352 type="button" 7353 class="store-availability-drawer__close" 7354 data-store-availability-close 7355 aria-label="Close" 7356 > 7357 7358 7359<span 7360 class="icon-button modal-drawer-close" 7361 data-size="large"data-has-secondary-icon="false"style="--icon-width: 24px; --icon-height: 24px;" 7362> 7363 <span class="icon-button__icon"> 7364 7365<span class="icon icon-modal-drawer-close icon--primary" style="" > 7366 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 7367 <path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg> 7368</span> 7369 7370 7371 7372 </span> 7373</span> 7374 7375 </button> 7376 </div> 7377 <div class="store-availability-drawer__product" data-store-availability-product></div> 7378 7379 <div class="store-availability-drawer__content" data-store-list-container></div> 7380 </div> 7381 </div> 7382</div> 7383 7384 <div 7385 role="dialog" 7386 class="quick-product-modal modal popover is-fixed" 7387 aria-modal="true" 7388 aria-label="Quick View" 7389 7390 aria-hidden="true" 7391 7392 data-quick-product-modal 7393 data-quick-product-type="" 7394> 7395 <div class="modal__wash"></div> 7396 7397 <div class="quick-product-modal__inner modal__inner"> 7398 <template id="quick-product-modal-template"> 7399 <div class="quick-product"> 7400 <div class="quick-product__left"></div> 7401 7402 <div class="quick-product__right"> 7403 <div class="quick-product__right-viewport" data-scroll-lock-ignore> 7404 <div class="quick-product__right-inner"> 7405 <h2 class="product__title placeholder ff-heading fs-heading-2-base"></h2> 7406 </div> 7407 </div> 7408 7409 <h3 class="quick-product-modal-loading-indicator hidden"> 7410 7411 7412<div 7413 class="loader" 7414 style="--loader-background-color: var(--color-text-alpha-20-popups-drawers);--loader-foreground-color: var(--color-text-popups-drawers);--loader-size: 28px;" 7415> 7416 <svg 7417 aria-hidden="true" 7418 focusable="false" 7419 role="presentation" 7420 class="loader__spinner" 7421 viewBox="0 0 66 66" 7422 xmlns="http://www.w3.org/2000/svg" 7423 > 7424 <circle class="loader__circle-background" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 7425 <circle class="loader__circle" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 7426 </svg> 7427</div> 7428 7429 </h3> 7430 7431 <div class="quick-product__right-viewport-footer"> 7432 <div 7433 class=" product-form__item product-form__item--submit product-form__item--no-variants" 7434 > 7435 <button 7436 type="submit" 7437 name="add" 7438 class="product-form__cart-submit btn btn--medium btn--full btn--primary" 7439 data-add-to-cart 7440 > 7441 <span data-add-to-cart-text> 7442 Loading... 7443 </span> 7444 </button> 7445 </div> 7446 </div> 7447 </div> 7448</div> 7449</template> 7450 7451 <div class="quick-product-modal__content empty"> 7452 7453 </div> 7454 7455 <button 7456 type="button" 7457 data-modal-close 7458 class="modal__close-icon" 7459 aria-label="Close" 7460 > 7461 7462 7463<span 7464 class="icon-button close-modal " 7465 data-size="large"data-has-secondary-icon="false"style="--icon-width: 40px; --icon-height: 40px;" 7466> 7467 <!-- Add Tailwind classes to make background transparent and remove hover effect --> 7468 <span class="icon-button__icon tw:before:bg-transparent"> 7469 7470 7471<span class="icon icon-close-modal icon--primary" style=""> 7472 <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 7473 7474 <path d="M30 10L10 30" stroke="#0E1029" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7475 <path d="M10 10L30 30" stroke="#0E1029" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 7476</span> 7477 7478 7479 </span> 7480</span> 7481 7482 </button> 7483 </div> 7484</div> 7485 7486 <div class="modal popover" data-modal data-is-narrow="false" data-is-quick-add="false"> 7487 <div class="modal__wash"></div> 7488 <div class="modal__inner" data-scroll-lock-ignore> 7489 <div class="modal__header"> 7490 <button 7491 type="button" 7492 data-modal-close 7493 class="modal__close-icon" 7494 aria-label="Close" 7495 > 7496 7497 7498<span 7499 class="icon-button modal-drawer-close" 7500 data-size="large"data-has-secondary-icon="false"style="--icon-width: 24px; --icon-height: 24px;" 7501> 7502 <span class="icon-button__icon"> 7503 7504<span class="icon icon-modal-drawer-close icon--primary" style="" > 7505 <svg class="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 7506 <path d="M6 6L12.25 12.25M18.5 18.5L12.25 12.25M12.25 12.25L18.5 6M12.25 12.25L6 18.5" stroke="currentColor" stroke-width="1.16667" stroke-linecap="square"/></svg> 7507</span> 7508 7509 7510 7511 </span> 7512</span> 7513 7514 </button> 7515 </div> 7516 <div class="modal__content rte non-page-rte"></div> 7517 </div> 7518</div> 7519 7520 7521 7522 <!-- Rebuy START --> 7523 <!-- Widget Installs --> 7524 7525 7526 <!-- Match Widget options to PDP options 7527 [data-variant-grid] 7528 --> 7529
7529<script> 7530 /* Launch: match Rebuy widgets default option to the pdp selected option */ 7531 class FormWatcher { 7532 constructor(options) { 7533 this.debug = false; 7534 this.widget = null; 7535 this.widgetID = null; 7536 this.apiKey = Rebuy.shop.api_key; 7537 this.formSelector = '[action="/cart/add"] [name="id"]'; 7538 7539 this.callback = function(){}; 7540 this.attrMap = null; 7541 7542 if (typeof options === 'function') { 7543 this.callback = options; 7544 } 7545 7546 if (typeof options === 'object') { 7547 const keys = ['formSelector', 'callback']; 7548 7549 for (const [key, value] of Object.entries(options)) { 7550 if (keys.includes(key)) { 7551 this[key] = value; 7552 } 7553 } 7554 } 7555 7556 this.init(); 7557 this.enableFormWatch(); 7558 } 7559 7560 log(...args) { 7561 if (this.debug === true) { 7562 console.log.apply(console, args); 7563 } 7564 } 7565 7566 getProductHandle(path = window.location.pathname) { 7567 const handles = path.match(/\/products\/([^\/]*).*$/); 7568 return handles ? handles[1] : null; 7569 } 7570 7571 getProductJSON(handle, callback=function(){}) { 7572 const url = `https://rebuyengine.com/api/v1/products/static?limit=1&key=${this.apiKey}&handles=${handle}`; 7573 7574 fetch(url) 7575 .then((response)=>{ return response.json() }) 7576 .then((response) => { 7577 callback(response.data[0]); 7578 }); 7579 } 7580 7581 watchFormChange(callback=function(){}) { 7582 const input = document.querySelector(this.formSelector); 7583 7584 if (input) { 7585 input.addEventListener('change', (event) => { 7586 this.log('Input changed to variant ID: ', input.value); 7587 callback(input.value); 7588 }); 7589 } 7590 } 7591 7592 watchGridVariantChange(callback=function(){}) { 7593 const instance = this; 7594 7595 const observeGridItems = (container) => { 7596 const gridItems = container.querySelectorAll('.variant-grid-item[data-variant-id]'); 7597 gridItems.forEach(item => { 7598 const observer = new MutationObserver((mutations) => { 7599 for (const mutation of mutations) { 7600 if (mutation.attributeName === 'class' && item.classList.contains('selected')) { 7601 const variantId = item.dataset.variantId; 7602 if (variantId) { 7603 instance.log('Grid variant selected, variant ID: ', variantId); 7604 callback(variantId); 7605 } 7606 } 7607 } 7608 }); 7609 observer.observe(item, { attributes: true, attributeFilter: ['class'] }); 7610 }); 7611 }; 7612 7613 document.querySelectorAll('.variant-grid-selector').forEach(observeGridItems); 7614 } 7615 7616 getVariantByID(product, variantID) { 7617 return product.variants.find(variant => variant.id == variantID); 7618 } 7619 7620 variantAvailable(variant) { 7621 return !(variant.inventory_management && variant.inventory_policy == 'deny' && variant.inventory_quantity <= 0); 7622 } 7623 7624 selectVariant(product, variant) { 7625 this.log('selected variant', product.title, variant.title) 7626 product.selected_variant = variant; 7627 product.selected_variant_id = variant.id; 7628 product.option1 = variant.option1; 7629 product.option2 = variant.option2; 7630 product.option3 = variant.option3; 7631 } 7632 7633 getVariantAttributeMap(product, variant) { 7634 const map = {}; 7635 7636 if (product && variant) { 7637 for (let i = 0; i < product.options.length; i++) { 7638 const option = product.options[i]; 7639 const optionKey = `option${i+1}`; 7640 map[option.name] = [variant[optionKey]]; 7641 } 7642 } 7643 7644 return map; 7645 } 7646 7647 autoSelectVariantsByAttributeMap(products, attrMap) { 7648 if (products && attrMap) { 7649 for (let i = 0; i < products.length; i++) { 7650 const product = products[i]; 7651 const productMap = { 7652 option1: null, 7653 option2: null, 7654 option3: null 7655 }; 7656 7657 for (let x = 0; x < product.options.length; x++) { 7658 const option = product.options[x]; 7659 const optionKey = `option${x+1}`; 7660 7661 if (attrMap[option.name]) { 7662 this.log(attrMap[option.name], option); 7663 productMap[optionKey] = option.values.filter(value => value.includes(attrMap[option.name])); 7664 } 7665 } 7666 7667 if (Object.keys(productMap).length > 0) { 7668 let selectedVariant = product.variants[0]; 7669 let selectedVariantRank = 0; 7670 7671 for (let x = 0; x < product.variants.length; x++) { 7672 const variant = product.variants[x]; 7673 let variantRank = 0; 7674 7675 for (let o = 1; o <= 3; o++) { 7676 const optionKey = `option${o}`; 7677 7678 if ((variant[optionKey] == null && productMap[optionKey] == null) || (Array.isArray(productMap[optionKey]) && productMap[optionKey].includes(variant[optionKey]))) { 7679 variantRank++; 7680 } 7681 } 7682 7683 // If current variant rank is greater and it's not oos 7684 if (variantRank > selectedVariantRank && this.variantAvailable(variant)) { 7685 selectedVariant = variant; 7686 selectedVariantRank = variantRank; 7687 } 7688 } 7689 7690 // Select the best matching variant 7691 if (selectedVariant) { 7692 this.selectVariant(product, selectedVariant); 7693 } 7694 7695 } 7696 7697 } 7698 } 7699 } 7700 7701 updateWidgets() { 7702 if (this.widget) { 7703 this.autoSelectVariantsByAttributeMap(this.widget.data.products, this.attrMap); 7704 } else {
7705 Rebuy.widgets.forEach(widget => { 7706 this.autoSelectVariantsByAttributeMap(widget.data.products, this.attrMap); 7707 }); 7708 } 7709 } 7710 7711 init() { 7712 const instance = this; 7713 7714 instance.widget = Rebuy.widgets.find(widget => widget.id == instance.widgetID); 7715 document.addEventListener('rebuy.init', function(event){ 7716 if (event.detail.widget.id == instance.widgetID) { 7717 instance.widget = event.detail.widget; 7718 } 7719 }); 7720 } 7721 7722 enableFormWatch() { 7723 const instance = this; 7724 const handle = this.getProductHandle(); 7725 7726 this.getProductJSON(handle, (product) => { 7727 this.watchFormChange((variantID) => { 7728 this.callback(product, variantID); 7729 }); 7730 7731 this.watchGridVariantChange((variantID) => { 7732 this.callback(product, variantID); 7733 }); 7734 7735 document.addEventListener('rebuy.ready', function(event){ 7736 // Prefer the custom grid selector's selected item if present 7737 const selectedGridItem = document.querySelector('.variant-grid-item.selected[data-variant-id]'); 7738 if (selectedGridItem) { 7739 instance.callback(product, selectedGridItem.dataset.variantId); 7740 return; 7741 } 7742 7743 const input = document.querySelector(instance.formSelector); 7744 if (input) { 7745 instance.callback(product, input.value); 7746 } 7747 }); 7748 }); 7749 } 7750 } 7751 7752 document.addEventListener('rebuy.loaded', function() { 7753 const watcher = new FormWatcher(function(product, variantID) { 7754 const variant = this.getVariantByID(product, variantID); 7755 7756 this.attrMap = this.getVariantAttributeMap(product, variant); 7757 7758 this.log('product', product); 7759 this.log('variant', variant); 7760 this.log('attrMap', this.attrMap); 7761 this.log('widget', this.widget); 7762 7763 this.updateWidgets(); 7764 }); 7765 }); 7766 </script>
7766 7767 7768 <!-- Fix: Prevent focus-trap error when native cart/confirmation popup is hidden via CSS. 7769 The theme's focus-trap requires at least one tabbable node in the container. 7770 Inject a visually-hidden but tabbable element so focus-trap never throws, 7771 even when Rebuy Smart Cart replaces the native UI. --> 7772
7772<script> 7773 (function() { 7774 var containers = [ 7775 document.querySelector('[data-purchase-confirmation-popup]'), 7776 document.querySelector('[data-section-type="quick-cart"]') 7777 ]; 7778 var SR_STYLE = 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;'; 7779 containers.forEach(function(container) { 7780 if (!container) return; 7781 var guard = document.createElement('button'); 7782 guard.setAttribute('aria-hidden', 'true'); 7783 guard.setAttribute('tabindex', '0'); 7784 guard.style.cssText = SR_STYLE; 7785 container.appendChild(guard); 7786 }); 7787 })(); 7788 </script>
7788 7789 7790 <!-- BYP Bundle Component Titles in Rebuy Smart Cart --> 7791
7791<script> 7792 (function() { 7793 const LI_STYLE = 'font-family:var(--font-stack-body);font-size:10px;font-weight:500;line-height:125%;letter-spacing:0;color:#000;'; 7794 const UL_STYLE = 'margin-top:6px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:2px;'; 7795 let isRunning = false; 7796 let timer = null; 7797 let bundleProduct = null; 7798 const BUNDLE_DISPLAY_HANDLE = 'build-your-pack-1'; 7799 7800 /* ââ Helper: build a <ul> component list ââ */ 7801 function buildComponentList(components) { 7802 const ul = document.createElement('ul'); 7803 ul.className = 'byp-component-list'; 7804 ul.style.cssText = UL_STYLE; 7805 components.forEach((comp) => { 7806 const li = document.createElement('li'); 7807 li.style.cssText = LI_STYLE; 7808 const name = comp.variantTitle 7809 ? comp.productTitle + ' - ' + comp.variantTitle 7810 : comp.productTitle; 7811 li.textContent = name + ': ' + comp.quantity; 7812 ul.appendChild(li); 7813 }); 7814 return ul; 7815 } 7816 7817 /* ââ Pre-fetch the bundle display product on load ââ */ 7818 fetch('/products/' + BUNDLE_DISPLAY_HANDLE + '.json') 7819 .then((r) => r.json()) 7820 .then((data) => { 7821 bundleProduct = data.product; 7822 scheduleRun(); 7823 }) 7824 .catch((e) => { 7825 console.warn('[BYP] Could not fetch bundle display product:', e); 7826 }); 7827 7828 /* ââ 1. One-time bundles (merged by Cart Transform â _itemDetails exists) ââ */ 7829 function renderOneTimeBundles() { 7830 const containers = document.querySelectorAll('.rebuy-cart__flyout-item-bundle-components[data-item-details]'); 7831 containers.forEach((container) => { 7832 if (container.querySelector('.byp-component-list')) return; 7833 try { 7834 const cartDetails = JSON.parse(container.getAttribute('data-item-details')); 7835 const gidKey = cartDetails.map((d) => d.merchandiseId).sort().join('|'); 7836 const enrichedJSON = sessionStorage.getItem('byp_components_' + gidKey); 7837 const components = enrichedJSON ? JSON.parse(enrichedJSON) : cartDetails; 7838 container.appendChild(buildComponentList(components)); 7839 } catch (e) { 7840 console.warn('[BYP] Error rendering one-time bundle components:', e); 7841 } 7842 }); 7843 } 7844 7845 /* ââ 2. Subscription bundles (NOT merged â group by _pack_id) ââ */ 7846 function groupSubscriptionBundles() { 7847 const metas = document.querySelectorAll('.byp-subscription-meta[data-pack-id]'); 7848 if (!metas.length) return; 7849 7850 const groups = {}; 7851 metas.forEach((meta) => { 7852 const packId = meta.dataset.packId; 7853 if (!packId) return; 7854 const flyoutItem = meta.closest('.rebuy-cart__flyout-item'); 7855 if (!flyoutItem) return; 7856 if (!groups[packId]) groups[packId] = []; 7857 groups[packId].push({ 7858 el: flyoutItem, 7859 meta: meta, 7860 productTitle: (meta.dataset.productTitle || '').replace(/\s*\([^)]*\)\s*$/, ''), 7861 variantTitle: meta.dataset.variantTitle || '', 7862 quantity: parseInt(meta.dataset.quantity || '1', 10), 7863 price: parseInt(meta.dataset.linePrice || '0', 10), 7864 }); 7865 }); 7866 7867 Object.keys(groups).forEach((packId) => { 7868 const items = groups[packId]; 7869 if (items.length < 2) return; 7870 const first = items[0]; 7871 7872 // Hide every item after the first (idempotent) 7873 for (let i = 1; i < items.length; i++) { 7874 items[i].el.style.display = 'none'; 7875 } 7876 7877 // ââ Title â "Build Your Bundle" (idempotent) ââ 7878 const titleLink = first.el.querySelector('a.rebuy-cart__flyout-item-product-title'); 7879 if (titleLink) { 7880 titleLink.textContent = 'Build Your Bundle'; 7881 titleLink.href = '/products/' + BUNDLE_DISPLAY_HANDLE; 7882 } 7883 7884 // ââ Hide individual variant title (idempotent) ââ 7885 const variantEl = first.el.querySelector('.rebuy-cart__flyout-item-variant-title'); 7886 if (variantEl) variantEl.style.display = 'none'; 7887
7888 // ââ Show selling plan name (idempotent) ââ 7889 const sellingPlanName = first.meta.dataset.sellingPlanName || ''; 7890 if (sellingPlanName && !first.el.querySelector('.byp-selling-plan-name')) { 7891 const planEl = document.createElement('div'); 7892 planEl.className = 'byp-selling-plan-name fs-body-60 t-opacity-50'; 7893 planEl.textContent = sellingPlanName; 7894 if (titleLink && titleLink.parentNode) { 7895 titleLink.parentNode.insertBefore(planEl, titleLink.nextSibling); 7896 } 7897 } 7898 7899 // ââ Hide properties section (idempotent) ââ 7900 const propsEl = first.el.querySelector('.rebuy-cart__flyout-item-properties'); 7901 if (propsEl) propsEl.style.display = 'none'; 7902 7903 // ââ Hide quantity selector (idempotent) ââ 7904 const qtyEl = first.el.querySelector('.rebuy-cart__flyout-item-quantity'); 7905 if (qtyEl) qtyEl.style.display = 'none'; 7906 7907 // ââ Replace image & link with bundle product (idempotent) ââ 7908 if (bundleProduct) { 7909 const img = first.el.querySelector('.rebuy-cart__flyout-item-media img'); 7910 if (img && bundleProduct.image && bundleProduct.image.src) { 7911 const bundleImgSrc = bundleProduct.image.src.replace(/(\.\w+)(\?|$)/, '_240x240$1$2'); 7912 if (img.src !== bundleImgSrc) { 7913 img.src = bundleImgSrc; 7914 img.alt = bundleProduct.title || 'Build Your Bundle'; 7915 } 7916 } 7917 const mediaLink = first.el.querySelector('.rebuy-cart__flyout-item-media a'); 7918 if (mediaLink) { 7919 mediaLink.href = '/products/' + BUNDLE_DISPLAY_HANDLE; 7920 mediaLink.setAttribute('aria-label', 'View details for Build Your Bundle'); 7921 } 7922 } 7923 7924 // ââ Update price to total of all items (idempotent) ââ 7925 const totalPrice = items.reduce((sum, item) => sum + item.price, 0); 7926 const priceEl = first.el.querySelector('.rebuy-cart__flyout-item-price'); 7927 if (priceEl && totalPrice > 0) { 7928 priceEl.innerHTML = '<div><span class="rebuy-money"><span class="sr-only">Price</span> <span>$' + (totalPrice / 100).toFixed(2) + '</span></span></div>'; 7929 } 7930 7931 // ââ Component list (only insert once) ââ 7932 if (!first.el.querySelector('.byp-component-list')) { 7933 let components = items.map((item) => { 7934 return { productTitle: item.productTitle, variantTitle: item.variantTitle, quantity: item.quantity }; 7935 }); 7936 7937 // Try sessionStorage for enriched data 7938 try { 7939 const allKeys = Object.keys(sessionStorage).filter((k) => k.indexOf('byp_components_') === 0); 7940 for (let k = 0; k < allKeys.length; k++) { 7941 const enriched = JSON.parse(sessionStorage.getItem(allKeys[k])); 7942 if (enriched.length === items.length) { 7943 components = enriched.map((comp) => { 7944 return { productTitle: comp.productTitle, variantTitle: comp.variantTitle, quantity: comp.quantity }; 7945 }); 7946 break; 7947 } 7948 } 7949 } catch (e) { /* use DOM data */ } 7950 7951 const lineItemContainer = first.el.querySelector('.rebuy-line-item-container'); 7952 if (lineItemContainer) { 7953 lineItemContainer.appendChild(buildComponentList(components)); 7954 } 7955 } 7956 7957 // ââ Wire up remove to remove ALL items in bundle ââ 7958 const removeBtn = first.el.querySelector('button.rebuy-cart__flyout-item-remove'); 7959 if (removeBtn && !removeBtn.dataset.bypBound) { 7960 removeBtn.dataset.bypBound = 'true'; 7961 removeBtn.addEventListener('click', () => { 7962 items.slice(1).forEach((item) => { 7963 const childRemove = item.el.querySelector('button.rebuy-cart__flyout-item-remove'); 7964 if (childRemove) childRemove.click(); 7965 }); 7966 }); 7967 } 7968 }); 7969 } 7970 7971 /* ââ Debounced runner â prevents infinite loop ââ */ 7972 function scheduleRun() { 7973 if (isRunning) return; 7974 clearTimeout(timer); 7975 timer = setTimeout(() => { 7976 isRunning = true; 7977 observer.disconnect(); 7978 try { 7979 renderOneTimeBundles(); 7980 groupSubscriptionBundles(); 7981 } catch (e) { 7982 console.warn('[BYP] Error in bundle rendering:', e); 7983 } 7984 isRunning = false; 7985 observer.observe(document.body, { childList: true, subtree: true });
7986 }, 150); 7987 } 7988 7989 const observer = new MutationObserver(scheduleRun); 7990 observer.observe(document.body, { childList: true, subtree: true }); 7991 })(); 7992 </script>
7992 7993 7994 <!-- Quick-Add Modal for Rebuy Recommended Widgets --> 7995
7995<script> 7996 window.__nativeQuickAdd = function(handle, title) { 7997 // Dispatch bridge event to trigger the theme's native quick-add flow. 7998 // theme.js listens for this and forwards to the internal event bus, 7999 // which handles: modal open, content fetch, Product JS initialization, 8000 // focus trap, scroll lock, AJAX add-to-cart, modal close, and cart events. 8001 document.dispatchEvent(new CustomEvent('native:quick-add:open', { 8002 detail: { 8003 type: 'quick-add', 8004 productUrl: '/products/' + handle, 8005 productTitle: title || '' 8006 } 8007 })); 8008 }; 8009 </script>
8009 8010 8011 <!-- Fix: ReCharge subscription widget in quick-add modal on product pages. 8012 On product pages, SubscriptionWidgetConfig is pre-set with the PDP product's 8013 variant data. When the quick-add modal opens for a DIFFERENT product, the 8014 modal initialization script (custom-recharge-modal-initialization) fetches 8015 the ReCharge section HTML but fails to re-execute the config scripts (they 8016 have data-executed="true"). The widget then reads the PDP's stale config 8017 and can't match variants, so it fails to render. 8018 8019 Fix: temporarily clear the config when the modal opens so the widget falls 8020 back to its own API-based loading (same as non-product pages). Restore the 8021 PDP config when the modal closes. --> 8022
8022<script> 8023 (function() { 8024 var savedRCConfig = null; 8025 var modal = document.querySelector('[data-quick-product-modal]'); 8026 if (!modal) return; 8027 8028 // Watch for .embed-pdp-app-block appearing inside the modal. 8029 // This fires at the same time as the other script's observer, but since 8030 // executeWidget() does an async fetch, our config clearing happens well 8031 // before the widget connects to the DOM. 8032 var rcObserver = new MutationObserver(function() { 8033 var slot = modal.querySelector('.embed-pdp-app-block'); 8034 if (!slot) return; 8035 if (slot.dataset.rcConfigCleared) return; 8036 slot.dataset.rcConfigCleared = 'true'; 8037 8038 // Save and clear the PDP's config 8039 if (window.SubscriptionWidgetConfig && window.SubscriptionWidgetConfig.formattedPrices) { 8040 var cfg = window.SubscriptionWidgetConfig; 8041 savedRCConfig = { 8042 formattedPrices: cfg.formattedPrices, 8043 shopifyPlans: cfg.shopifyPlans 8044 }; 8045 cfg.formattedPrices = {}; 8046 cfg.shopifyPlans = []; 8047 } 8048 }); 8049 8050 rcObserver.observe(modal, { childList: true, subtree: true }); 8051 8052 // Restore PDP config when modal closes 8053 var closeObserver = new MutationObserver(function() { 8054 if (!modal.classList.contains('active') && savedRCConfig) { 8055 if (window.SubscriptionWidgetConfig) { 8056 window.SubscriptionWidgetConfig.formattedPrices = savedRCConfig.formattedPrices; 8057 window.SubscriptionWidgetConfig.shopifyPlans = savedRCConfig.shopifyPlans; 8058 } 8059 savedRCConfig = null; 8060 // Reset flag so it works on next modal open 8061 var slot = modal.querySelector('.embed-pdp-app-block'); 8062 if (slot) delete slot.dataset.rcConfigCleared; 8063 } 8064 }); 8065 8066 closeObserver.observe(modal, { attributes: true, attributeFilter: ['class'] }); 8067 })(); 8068 </script>
8068 8069 8070 <!-- Resolve variant hover images via Storefront API --> 8071
8071<script> 8072 (function() { 8073 const STOREFRONT_TOKEN = '74624242b1e02960ebe954e165617be1'; 8074 const API_URL = '/api/2024-10/graphql.json'; 8075 const imageCache = {}; 8076 let debounceTimer = null; 8077 8078 function resolveImageGids(gids) { 8079 const query = `{ 8080 nodes(ids: ${JSON.stringify(gids)}) { 8081 ... on MediaImage { 8082 id 8083 image { 8084 url(transform: { maxWidth: 500, maxHeight: 500 }) 8085 } 8086 } 8087 } 8088 }`; 8089 8090 return fetch(API_URL, { 8091 method: 'POST', 8092 headers: { 8093 'Content-Type': 'application/json', 8094 'X-Shopify-Storefront-Access-Token': STOREFRONT_TOKEN, 8095 }, 8096 body: JSON.stringify({ query }), 8097 }) 8098 .then((r) => r.json()) 8099 .then((data) => { 8100 if (data.data && data.data.nodes) { 8101 data.data.nodes.forEach((node) => { 8102 if (node && node.id && node.image) { 8103 imageCache[node.id] = node.image.url; 8104 } 8105 }); 8106 } 8107 }) 8108 .catch((err) => { 8109 console.warn('[HoverImg] Storefront API error:', err); 8110 }); 8111 } 8112 8113 function processHoverImages() { 8114 const images = document.querySelectorAll('.rebuy-product-hover-img[data-hover-gids]:not([data-resolved])'); 8115 if (!images.length) return; 8116 8117 // Collect all uncached GIDs 8118 const allGids = new Set(); 8119 images.forEach((img) => { 8120 try { 8121 const gids = JSON.parse(img.dataset.hoverGids); 8122 const firstGid = Array.isArray(gids) ? gids[0] : gids; 8123 if (firstGid && !imageCache[firstGid]) allGids.add(firstGid); 8124 } catch (e) { /* skip malformed */ } 8125 }); 8126 8127 const applyImages = () => { 8128 images.forEach((img) => { 8129 try { 8130 const gids = JSON.parse(img.dataset.hoverGids); 8131 const firstGid = Array.isArray(gids) ? gids[0] : gids; 8132 if (firstGid && imageCache[firstGid]) { 8133 img.src = imageCache[firstGid]; 8134 img.dataset.resolved = 'true'; 8135 } 8136 } catch (e) { /* skip */ } 8137 }); 8138 }; 8139 8140 if (allGids.size) { 8141 resolveImageGids([...allGids]).then(applyImages); 8142 } else { 8143 applyImages(); 8144 } 8145 } 8146 8147 // Pre-warm imageCache with every variant's hover image GIDs across all widget products. 8148 // Called once on rebuy.ready so variant switches hit the cache instantly. 8149 function preloadWidgetHoverGids() { 8150 if (!window.Rebuy || !Rebuy.widgets) return; 8151 8152 const allGids = new Set(); 8153 Rebuy.widgets.forEach((widget) => { 8154 if (!widget.data || !widget.data.products) return; 8155 widget.data.products.forEach((product) => { 8156 if (!product.variants) return;
8157 product.variants.forEach((variant) => { 8158 const images = variant.metafields && 8159 variant.metafields.custom && 8160 variant.metafields.custom.variant_images; 8161 if (Array.isArray(images)) { 8162 images.forEach((gid) => { 8163 if (gid && typeof gid === 'string' && gid.indexOf('gid://') === 0 && !imageCache[gid]) { 8164 allGids.add(gid); 8165 } 8166 }); 8167 } 8168 }); 8169 }); 8170 }); 8171 8172 if (allGids.size) { 8173 resolveImageGids([...allGids]); 8174 } 8175 } 8176 8177 document.addEventListener('rebuy.ready', preloadWidgetHoverGids); 8178 8179 // Debounced observer for Rebuy widget renders and in-place variant attribute updates 8180 const observer = new MutationObserver((mutations) => { 8181 let hadMutation = false; 8182 8183 mutations.forEach((mutation) => { 8184 if (mutation.type === 'attributes' && mutation.attributeName === 'data-hover-gids') { 8185 // Vue updated data-hover-gids in-place (same element, new selected variant). 8186 // Strip the resolved stamp and try to apply from cache immediately. 8187 hadMutation = true; 8188 const img = mutation.target; 8189 img.removeAttribute('data-resolved'); 8190 8191 try { 8192 const gids = JSON.parse(img.dataset.hoverGids); 8193 const firstGid = Array.isArray(gids) ? gids[0] : gids; 8194 8195 if (firstGid && imageCache[firstGid]) { 8196 // Cache hit â apply instantly 8197 img.src = imageCache[firstGid]; 8198 img.dataset.resolved = 'true'; 8199 } 8200 // Cache miss falls through to processHoverImages below 8201 } catch (e) { /* skip malformed */ } 8202 } else if (mutation.type === 'childList') { 8203 hadMutation = true; 8204 } 8205 }); 8206 8207 // Always schedule processHoverImages on any relevant mutation. 8208 // Cache hits are already applied above; this acts as a safety net for 8209 // cache misses or any element that slipped through. 8210 if (hadMutation) { 8211 clearTimeout(debounceTimer); 8212 debounceTimer = setTimeout(processHoverImages, 200); 8213 } 8214 }); 8215 observer.observe(document.body, { 8216 childList: true, 8217 subtree: true, 8218 attributes: true, 8219 attributeFilter: ['data-hover-gids'] 8220 }); 8221 })(); 8222 </script>
8222 8223 8224 <!-- Resolve variant swatch colors via Storefront API for widgets 271472 & 272448 8225 Priority order (mirrors custom-variant-grid-selector.liquid): 8226 1. Variant metafield: custom.variant_scent_details â swatch_color (resolved via Storefront API) 8227 2. Theme settings: custom_swatch_colors (matched by variant option1 name) 8228 3. Default gray: #d2d2d2 --> 8229 <!-- Template code for colored variant backgrounds - this goes in the <a> tag in rebuy-product-media 8230 :data-swatch-gid="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_scent_details ? product.selected_variant.metafields.custom.variant_scent_details : ''" 8231 :data-variant-option1="product.selected_variant ? product.selected_variant.option1 || '' : ''" 8232 --> 8233
8233<script> 8234 (function() { 8235 const STOREFRONT_TOKEN = '74624242b1e02960ebe954e165617be1'; 8236 const API_URL = '/api/2024-10/graphql.json'; 8237 const swatchCache = {}; // GID -> swatch_color hex 8238 const DEFAULT_SWATCH = '#F7F7F7'; 8239 let debounceTimer = null; 8240 8241 // Priority #2: Theme settings custom_swatch_colors injected via Liquid 8242 const themeSwatchColors = {"Almond \u0026 Shea Butter": "#FA9E0D",�"Aloe \u0026 Green Tea": "#B7BF10",�"Aloe \u0026 Green Tea (Sensitive)": "#B7BF10",�"Aloe \u0026 Vitamin B3": "#B8DD90",�"Apple Butter \u0026 Strudel": "#A73A65",�"Autumn Air \u0026 Amber": "#A09032",�"Berries \u0026 Vanilla Cream": "#F75E5E",�"Black Oak \u0026 Amber": "#b94f26",�"Blackberry \u0026 Green Tea": "#892552",�"Buttercream \u0026 French Vanilla": "#FBD872",�"Candy Cane": "#DA291C",�"Candy Cane (Sensitive)": "#DA291C",�"Cashmere \u0026 Rain": "#508590",�"Charcoal": "#6D7582",�"Charcoal with Mint": "#000000",�"Cherry Petals \u0026 Lychee": "#F07598",�"Cherry \u0026 Vanilla Macaron": "#AE1857",�"Citrus \u0026 Bergamot": "#FC4C02",�"Citrus \u0026 Herbal Musk": "#FC4C02",�"Coastal Oak \u0026 Amber": "#406636",�"Cocoa Butter \u0026 Vanilla": "#7D4E39",�"Coconut \u0026 Pineapple": "#FFC72C",�"Coconut \u0026 Pineapple Pack": "#FFC72C",�"Coconut \u0026 Vanilla": "#8F5941",�"Coconut \u0026 Vanilla (Sensitive)": "#8F5941",�"Coconut \u0026 Vitamin B3": "#854d37",�"Coconut Caramel": "#5C1F8B",�"Coconut Milk \u0026 Turmeric": "#b59d34",�"Cotton \u0026 Lily": "#9BAEE4",�"Cotton \u0026 Lily (Sensitive)": "#9BAEE4",�"Crisp Pear \u0026 Cashmere": "#C2C63B",�"Cucumber \u0026 Mint": "#89C540",�"Cucumber \u0026 Mint (Sensitive)": "#89C540",�"Desert Grass \u0026 Sandalwood": "#999635",�"Desert Grass \u0026 Sandalwood (Sensitive)": "#999635",�"Dunkin - Blueberry Cobbler": "#48429A",�"Dunkin - Boston Kreme": "#5A1E10",�"Dunkin - Strawberry Frosted": "#E87A8A",�"Dunkin - Vanilla Sprinkle": "#1B84C4",�"Eucalyptus \u0026 Mint": "#0c8241",�"Fall Citrus \u0026 Suede": "#72625F",�"Fresh Mistletoe": "#007C7C",�"Fresh Mistletoe (Mini)": "#007C7C",�"Fresh Mistletoe (Sensitive)": "#007C7C",�"Grapefruit \u0026 Bergamot": "#F0537A",�"Honey \u0026 Saguaro": "#E37325",�"Honey \u0026 White Oak": "#7E7F73",�"Honeycrisp \u0026 Cider": "#E5554F",�"Jarritos - Passion Fruit": "#C12033",�"Jarritos - Mandarin": "#F15623",�"Jarritos - Pineapple": "#F4C543",�"Jarritos - Watermelon": "#006E3C",�"Jasmine \u0026 Cedar": "#59c4c5",�"Key Lime \u0026 Sugar": "#A4D65E",�"Lavender \u0026 Rose": "#892f91",�"Lemon": "#FFC726",�"Lemon Balm \u0026 Bamboo": "#77BE44",�"Lilac \u0026 White Tea": "#B396C6",�"Lily Milk \u0026 White Sage": "#6BA288",�"Mango \u0026 Orange Blossom": "#db7e29",�"Midnight Jasmine \u0026 Sage": "#5F9BC6",�"Night Jasmine \u0026 Walnut": "#535395",�"Ocean \u0026 Timber": "#008EAA",�"Palm Leaf \u0026 Agave": "#00B398",�"Peach \u0026 Orange Blossom": "#E38362",�"Peanut Butter": "#FF830C",�"Piece of Cake": "#EF4787",�"Powder \u0026 Cotton": "#9BCBEB",�"Product Image Test": "#6F2A30",�"Sage \u0026 Sweet Citrus": "#819E87",�"Sandalwood \u0026 Coastal Breeze": "#0C7075",�"Sandalwood \u0026 Shea Butter": "#A09074",�"Sandalwood \u0026 Shea Butter (Sensitive)": "#A09074",�"Sea Salt \u0026 Cedar": "#165C7D",�"Shea Butter \u0026 Almond": "#F29F36",�"Spiked Egg Nog": "#C7661E",�"Sugar Cookie": "#B58D4C",�"Sugar Cookie (Sensitive)": "#B58D4C",�"Sweet Cinnamon Hearts": "#9C1F2E",�"Sweet Cinnamon Hearts (Sensitive)": "#9C1F2E",�"Sweet Peach \u0026 Nectar": "#FF9C66",�"Thin Mintsâ¢": "#00B451",�"Toasted Marshmallow \u0026 Vanilla": "#C4622D",�"Toasted Vanilla \u0026 Honey": "#DB864D",�"Trefoilsâ¢": "#1496D4",�"Tropical Breeze": "#FF808B",�"Unscented": "#273376",�"Unscented (Sensitive)": "#273376",�"Unscented Pack": "#273376",�"Vanilla \u0026 Cactus Flower": "#CF578A",�"Vanilla Cream \u0026 Pumpkin": "#C55727",�"Vanilla Milk \u0026 Shea": "#CDA077",�"Vanilla \u0026 Raspberry": "#DC8699",�"Vanilla \u0026 Sandalwood": "#C88242",�"Vitamin C \u0026 Vitamin B3": "#FC4C02",�"Warm Cider \u0026 Cinnamon": "#A72B2A",�"Warm Cider \u0026 Cinnamon (Mini)": "#A72B2A",�"Wild Cherry \u0026 Yuzu": "#ee5274",�"Wild Mint \u0026 Peppermint Oil": "#00A6A5",�"Shampoo": "#FF00FF"�}; 8243 8244 function resolveSwatchGids(gids) { 8245 const query = `{ 8246 nodes(ids: ${JSON.stringify(gids)}) { 8247 ... on Metaobject { 8248 id 8249 field(key: "swatch_color") { 8250 value 8251 } 8252 } 8253 } 8254 }`; 8255 8256 return fetch(API_URL, { 8257 method: 'POST', 8258 headers: { 8259 'Content-Type': 'application/json', 8260 'X-Shopify-Storefront-Access-Token': STOREFRONT_TOKEN, 8261 }, 8262 body: JSON.stringify({ query }), 8263 }) 8264 .then(function(r) { return r.json(); }) 8265 .then(function(data) { 8266 if (data.data && data.data.nodes) {
8267 data.data.nodes.forEach(function(node) { 8268 if (node && node.id && node.field && node.field.value) { 8269 swatchCache[node.id] = node.field.value; 8270 } 8271 }); 8272 } 8273 }) 8274 .catch(function(err) { 8275 console.warn('[SwatchColor] Storefront API error:', err); 8276 }); 8277 } 8278 8279 function getSwatchColor(el) { 8280 var gid = el.dataset.swatchGid; 8281 var option1 = el.dataset.variantOption1 || ''; 8282 8283 // Priority #1: Metafield swatch_color resolved from GID 8284 if (gid && swatchCache[gid]) { 8285 return swatchCache[gid]; 8286 } 8287 8288 // Priority #2: Theme settings custom_swatch_colors matched by option1 name 8289 if (option1 && themeSwatchColors[option1]) { 8290 return themeSwatchColors[option1]; 8291 } 8292 8293 // Priority #3: Default gray 8294 return DEFAULT_SWATCH; 8295 } 8296 8297 function processSwatchColors() { 8298 var els = document.querySelectorAll('#rebuy-widget-271472 .rebuy-swatch-bg:not([data-swatch-resolved]), #rebuy-widget-272448 .rebuy-swatch-bg:not([data-swatch-resolved]), #rebuy-widget-273319 .rebuy-swatch-bg:not([data-swatch-resolved]), #rebuy-widget-287943 .rebuy-swatch-bg:not([data-swatch-resolved])'); 8299 if (!els.length) return; 8300 8301 var allGids = new Set(); 8302 els.forEach(function(el) { 8303 var gid = el.dataset.swatchGid; 8304 if (gid && gid.indexOf('gid://') === 0 && !swatchCache[gid]) { 8305 allGids.add(gid); 8306 } 8307 }); 8308 8309 var applyColors = function() { 8310 els.forEach(function(el) { 8311 el.style.backgroundColor = getSwatchColor(el); 8312 el.dataset.swatchResolved = 'true'; 8313 }); 8314 }; 8315 8316 if (allGids.size) { 8317 resolveSwatchGids(Array.from(allGids)).then(applyColors); 8318 } else { 8319 applyColors(); 8320 } 8321 } 8322 8323 // Pre-warm swatchCache with every variant GID across all Rebuy widget products. 8324 // Called once on rebuy.ready so that variant switches later are instant cache hits. 8325 function preloadWidgetSwatchGids() { 8326 if (!window.Rebuy || !Rebuy.widgets) return; 8327 8328 var allGids = new Set(); 8329 Rebuy.widgets.forEach(function(widget) { 8330 if (!widget.data || !widget.data.products) return; 8331 widget.data.products.forEach(function(product) { 8332 if (!product.variants) return;
8333 product.variants.forEach(function(variant) { 8334 var gid = variant.metafields && 8335 variant.metafields.custom && 8336 variant.metafields.custom.variant_scent_details; 8337 if (gid && typeof gid === 'string' && gid.indexOf('gid://') === 0 && !swatchCache[gid]) { 8338 allGids.add(gid); 8339 } 8340 }); 8341 }); 8342 }); 8343 8344 if (allGids.size) { 8345 resolveSwatchGids(Array.from(allGids)); 8346 } 8347 } 8348 8349 document.addEventListener('rebuy.ready', preloadWidgetSwatchGids); 8350 8351 var swatchObserver = new MutationObserver(function(mutations) { 8352 var hadMutation = false; 8353 8354 mutations.forEach(function(mutation) { 8355 if (mutation.type === 'attributes' && mutation.attributeName === 'data-swatch-gid') { 8356 hadMutation = true; 8357 var el = mutation.target; 8358 el.removeAttribute('data-swatch-resolved'); 8359 8360 var gid = el.dataset.swatchGid; 8361 var option1 = el.dataset.variantOption1 || ''; 8362 8363 if (gid && swatchCache[gid]) { 8364 // Cache hit â apply instantly 8365 el.style.backgroundColor = swatchCache[gid]; 8366 el.dataset.swatchResolved = 'true'; 8367 } else if (option1 && themeSwatchColors[option1]) { 8368 // Theme settings fallback â also instant 8369 el.style.backgroundColor = themeSwatchColors[option1]; 8370 el.dataset.swatchResolved = 'true'; 8371 } 8372 // Cache miss falls through to processSwatchColors below 8373 } else if (mutation.type === 'childList') { 8374 hadMutation = true; 8375 } 8376 }); 8377 8378 // Always schedule processSwatchColors on any relevant mutation. 8379 // Cache/theme hits are already applied above; this acts as a safety net for 8380 // cache misses or any element that slipped through. 8381 if (hadMutation) { 8382 clearTimeout(debounceTimer); 8383 debounceTimer = setTimeout(processSwatchColors, 250); 8384 } 8385 }); 8386 swatchObserver.observe(document.body, { 8387 childList: true, 8388 subtree: true, 8389 attributes: true, 8390 attributeFilter: ['data-swatch-gid'] 8391 }); 8392 })(); 8393 </script>
8393 8394 8395 <!-- Fetch interceptor: ensure all /cart/add requests trigger Rebuy Smart Cart --> 8396
8396<script> 8397 (function() { 8398 let lastNativeEventTime = 0; 8399 8400 // Track when the theme dispatches cart:item-added natively 8401 document.addEventListener('cart:item-added', function() { 8402 lastNativeEventTime = Date.now(); 8403 }, true); 8404 8405 const originalFetch = window.fetch; 8406 window.fetch = function(url, options) { 8407 return originalFetch.apply(this, arguments).then(function(response) { 8408 const urlStr = typeof url === 'string' ? url : (url && url.url ? url.url : ''); 8409 const method = (options && options.method) ? options.method.toUpperCase() : 'GET'; 8410 if (method === 'POST' && /\/cart\/add/.test(urlStr) && response.ok) { 8411 // Delay slightly, then dispatch only if the theme didn't already fire it 8412 setTimeout(function() { 8413 if (Date.now() - lastNativeEventTime > 500) { 8414 document.dispatchEvent(new CustomEvent('cart:item-added', { detail: {} })); 8415 } 8416 }, 300); 8417 } 8418 return response; 8419 }); 8420 }; 8421 })(); 8422 </script>
8422 8423 8424 <!-- Curated Bundle Components in Rebuy Smart Cart --> 8425
8425<script> 8426 (function() { 8427 const STOREFRONT_TOKEN = '74624242b1e02960ebe954e165617be1'; 8428 const API_URL = '/api/2024-10/graphql.json'; 8429 const bundleCache = {}; // handle -> [names] or null 8430 const LI_STYLE = 'font-family:var(--font-stack-body);font-size:10px;font-weight:500;line-height:125%;letter-spacing:0;color:#000;'; 8431 const UL_STYLE = 'margin-top:6px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:2px;'; 8432 let debounceTimer = null; 8433 8434 function fetchBundleData(handles) { 8435 const fragments = handles.map((h, i) => 8436 `p${i}: product(handle: "${h}") { 8437 handle 8438 metafield(namespace: "custom", key: "bundle") { 8439 reference { 8440 ... on Metaobject { 8441 field(key: "bundle_items") { 8442 references(first: 20) { 8443 nodes { 8444 ... on Metaobject { 8445 field(key: "bundle_item_name") { 8446 value 8447 } 8448 } 8449 } 8450 } 8451 } 8452 } 8453 } 8454 } 8455 }` 8456 ).join('\n'); 8457 8458 return fetch(API_URL, { 8459 method: 'POST', 8460 headers: { 8461 'Content-Type': 'application/json', 8462 'X-Shopify-Storefront-Access-Token': STOREFRONT_TOKEN, 8463 }, 8464 body: JSON.stringify({ query: `{ ${fragments} }` }), 8465 }) 8466 .then((r) => r.json()) 8467 .then((data) => { 8468 if (!data.data) return; 8469 handles.forEach((h, i) => { 8470 const product = data.data[`p${i}`]; 8471 if (product && product.metafield && product.metafield.reference) { 8472 const field = product.metafield.reference.field; 8473 if (field && field.references && field.references.nodes) { 8474 bundleCache[h] = field.references.nodes 8475 .map((n) => n.field ? n.field.value : null) 8476 .filter(Boolean); 8477 } else { 8478 bundleCache[h] = null; 8479 } 8480 } else { 8481 bundleCache[h] = null; 8482 } 8483 }); 8484 }) 8485 .catch((err) => { 8486 console.warn('[CuratedBundle] Storefront API error:', err); 8487 handles.forEach((h) => { bundleCache[h] = null; }); 8488 }); 8489 } 8490 8491 function injectBundleComponents(itemsMap) { 8492 Object.keys(itemsMap).forEach((handle) => { 8493 const names = bundleCache[handle]; 8494 if (!names || !names.length) return; 8495 8496 itemsMap[handle].forEach((el) => { 8497 if (el.querySelector('.rebuy-curated-bundle-list')) return; 8498 8499 const container = el.querySelector('.rebuy-line-item-container') 8500 || el.querySelector('.rebuy-cart__flyout-item-info'); 8501 if (!container) return; 8502 8503 const ul = document.createElement('ul'); 8504 ul.className = 'rebuy-curated-bundle-list'; 8505 ul.style.cssText = UL_STYLE; 8506 names.forEach((name) => { 8507 const li = document.createElement('li'); 8508 li.style.cssText = LI_STYLE; 8509 li.textContent = name; 8510 ul.appendChild(li); 8511 }); 8512 container.appendChild(ul); 8513 }); 8514 }); 8515 } 8516 8517 function renderCuratedBundles() { 8518 const cartItems = document.querySelectorAll('.rebuy-cart__flyout-item'); 8519 if (!cartItems.length) return; 8520 8521 const handlesToFetch = []; 8522 const itemsMap = {}; 8523 8524 cartItems.forEach((item) => { 8525 // Skip BYP bundles or already rendered 8526 if (item.querySelector('.byp-component-list')) return; 8527 if (item.querySelector('.rebuy-curated-bundle-list')) return; 8528 8529 const titleLink = item.querySelector('a.rebuy-cart__flyout-item-product-title'); 8530 if (!titleLink) return; 8531 8532 const href = titleLink.getAttribute('href') || ''; 8533 const match = href.match(/\/products\/([^?#]+)/); 8534 if (!match) return; 8535 8536 const handle = match[1]; 8537 if (!itemsMap[handle]) itemsMap[handle] = []; 8538 itemsMap[handle].push(item); 8539 8540 if (!(handle in bundleCache)) { 8541 handlesToFetch.push(handle); 8542 } 8543 }); 8544 8545 const uniqueHandles = [...new Set(handlesToFetch)]; 8546 8547 if (uniqueHandles.length) { 8548 fetchBundleData(uniqueHandles).then(() => { 8549 injectBundleComponents(itemsMap); 8550 }); 8551 } else { 8552 injectBundleComponents(itemsMap); 8553 } 8554 } 8555 8556 const curatedObserver = new MutationObserver(() => { 8557 clearTimeout(debounceTimer); 8558 debounceTimer = setTimeout(renderCuratedBundles, 250); 8559 });
8560 curatedObserver.observe(document.body, { childList: true, subtree: true }); 8561 })(); 8562 </script>
8562 8563 8564 <!-- Cart Cross-sell Widget (Variant Level) --> 8565 8566
8566<script id="rebuy-widget-271443" type="text/template"> 8567 <div class="rebuy-widget" 8568 v-cloak 8569 v-on:click="stopPropagation($event)" 8570 v-bind:id="'rebuy-widget-' + id" 8571 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 8572 8573 <div 8574 class="rebuy-widget-container" 8575 v-cloak 8576 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 8577 v-on:click.self="hide()"> 8578 8579 <div class="rebuy-widget-content"> 8580 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 8581 <rebuy-icon name="x"></rebuy-icon> 8582 </div> 8583 8584 <div class="rebuy-timer" v-if="hasTimer()"> 8585 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 8586 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 8587 </p> 8588 </div> 8589 8590 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 8591 8592 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 8593 8594 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 8595 8596 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 8597 8598 <div 8599 v-for="(product, product_index) in products" 8600 v-bind:class="[ 8601 product.handle, 8602 'product-id-' + product.id, 8603 cartHasProduct(product) ? 'cart-has-item' : '', 8604 productTagClasses(product), 8605 hasSplideCarousel ? 'splide__slide' : '', 8606 ]" 8607 aria-label="product" 8608 class="rebuy-product-block" 8609 role="listitem" 8610 > 8611 8612 <div class="rebuy-product-media"> 8613 <a 8614 class="rebuy-product-image rebuy-swatch-bg" 8615 tabindex="-1" 8616 v-bind:href="learnMoreURL(product)" 8617 v-bind:style="imageStyles" 8618 v-on:click="learnMore(product, $event);" 8619 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 8620 rel="nofollow" 8621 > 8622 <!-- Primary image --> 8623 <img class="rebuy-product-img" 8624 v-if="product?.images[0]?.src" 8625 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 8626 v-bind:alt="'View ' + product.title"> 8627 8628 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 8629 <img class="rebuy-product-hover-img" 8630 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length" 8631 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 8632 :alt="'View ' + product.title"> 8633 </a> 8634 </div> 8635 <div class="rebuy-product-info"> 8636 <h5 8637 class="rebuy-product-title" 8638 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 8639 <a 8640 v-bind:href="learnMoreURL(product)" 8641 class="rebuy-product-title-link" 8642 v-on:click="learnMore(product, $event);" 8643 v-html="product.title"
8644 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 8645 v-bind:aria-label="'View ' + product.title" 8646 rel="nofollow" 8647 ></a> 8648 </h5> 8649 <div 8650 class="rebuy-product-vendor-container" 8651 v-if="showProductVendor(product.vendor)" 8652 > 8653 <a 8654 class="rebuy-product-vendor" 8655 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 8656 v-html="product.vendor" 8657 v-bind:href="vendorURL(product.vendor)" 8658 v-bind:aria-label="'View ' + product.vendor + ' products'" 8659 rel="nofollow" 8660 ></a> 8661 </div> 8662 <!-- Display Only first variant option --> 8663 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title.split(' / ')[0]"></div> 8664 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 8665 <span class="rebuy-star-rating"> 8666 <span 8667 v-if="product.reviews.star_rating" 8668 class="rebuy-star-rating-value sr-only" 8669 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 8670 > 8671 </span> 8672 <span class="rebuy-star-rating-background"></span> 8673 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 8674 </span> 8675 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 8676 </div> 8677 8678 <div class="rebuy-product-price"> 8679 <div v-if="variantOnSale(product, product.selected_variant)"> 8680 <span class="rebuy-money sale"> 8681 <span class="sr-only">Sale price</span> 8682 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 8683 </span> 8684 <span class="rebuy-money compare-at"> 8685 <span class="sr-only">Original price</span> 8686 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 8687 </span> 8688 </div> 8689 <div v-if="!(variantOnSale(product, product.selected_variant))"> 8690 <span class="rebuy-money"> 8691 <span class="sr-only">Price</span> 8692 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 8693 </span> 8694 </div> 8695 </div> 8696 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 8697 </div> 8698 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 8699 <select 8700 title="Select product variant" 8701 :id="id + '-' + 'select' + '-' + product_index" 8702 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 8703 class="rebuy-select" 8704 v-bind:aria-label="'variant of ' + product.title"
8705 v-model="product.selected_variant_id" 8706 v-on:change="selectVariant(product)"> 8707 <option 8708 v-for="variant in product.variants" 8709 class="rebuy-product-options__option" 8710 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 8711 v-bind:value="variant.id" 8712 :disabled="!variantAvailable(variant)" 8713 v-html="formatVariantOptionTitle(variant)"> 8714 </option> 8715 </select> 8716 8717 <div 8718 class="rebuy-product-options__button-swatches-container" 8719 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 8720 > 8721 <div 8722 v-for="option in product.options" 8723 :key="'option-' + product.id + '-' + option.name" 8724 class="rebuy-product-options__button-swatches rebuy-size-swatches" 8725 > 8726 <div 8727 v-for="(value, value_index) in filterOOSOptions(option, product)" 8728 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 8729 > 8730 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 8731 <input 8732 :name="id + '-color-' + product_index" 8733 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 8734 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 8735 :value="value" 8736 type="radio" 8737 class="rebuy-color-input hide" 8738 v-on:change="selectVariantByOption(product, option.name, value)" 8739 :disabled="isDisabledOptionValue(product, option.name, value)" 8740 /> 8741 8742 <label 8743 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 8744 :style="getMerchantThemeColorAssetStyle(value)" 8745 :title="value" 8746 class="rebuy-color-label" 8747 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 8748 > 8749 </label> 8750 </div> 8751 8752 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 8753 <input 8754 :name="id + '-' + option.name + '-' + product_index" 8755 :id="id + '-' + option.name + '-' + product_index + '-' + value" 8756 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 8757 :value="value" 8758 type="radio" 8759 class="rebuy-size-input hide" 8760 v-on:change="selectVariantByOption(product, option.name, value)" 8761 :disabled="isDisabledOptionValue(product, option.name, value)" 8762 /> 8763 8764 <label 8765 :for="id + '-' + option.name + '-' + product_index + '-' + value" 8766 class="rebuy-size-label" 8767 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 8768 > 8769 {{ value }} 8770 </label> 8771 </div> 8772 </div> 8773 </div> 8774 </div> 8775 </div> 8776 8777 <div class="rebuy-product-actions"> 8778 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 8779 <label class="rebuy-checkbox-label"> 8780 <input 8781 class="checkbox-input rebuy-checkbox" 8782 v-model="product.subscription" 8783 v-on:change="toggleSubscription(product)" 8784 type="checkbox" 8785 :aria-label="upgradeToSubscriptionAriaLabel(product)" 8786 />
8787 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 8788 </label> 8789 </div> 8790 8791 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 8792 <select 8793 class="rebuy-select" 8794 aria-label="subscription frequency" 8795 v-model="product.subscription_frequency" 8796 v-on:change="updateSubscriptionFrequency(product)"> 8797 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 8798 </select> 8799 </div> 8800 8801 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 8802 <div class="rebuy-select-wrapper"> 8803 <label class="rebuy-label">Quantity</label> 8804 <select 8805 class="rebuy-select" 8806 aria-label="product quantity" 8807 v-model="product.quantity"> 8808 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 8809 </select> 8810 </div> 8811 </div> 8812 8813 <!-- Normal add to cart for all variants --> 8814 <button 8815 class="rebuy-button" 8816 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 8817 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 8818 v-bind:aria-label="buttonAriaLabel(product)" 8819 v-on:click="addToCart(product)" 8820 type="button"> 8821 <span v-html="buttonLabel(product)"></span> 8822 </button> 8823 </div> 8824 </div> 8825 8826 </div> 8827 8828 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 8829 <button 8830 class="rebuy-button decline" 8831 v-on:click="hide()" 8832 type="button"> 8833 <span v-html="continueLabel()"></span> 8834 </button> 8835 </div> 8836 8837 <div class="powered-by-rebuy"> 8838 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 8839 Powered by Rebuy 8840 </a> 8841 </div> 8842 8843 </div> 8844 8845 </div> 8846 </div> 8847 </script>
8847 8848 8849 8850 <!-- Complete The Look Widget Template V2 (Variant Matching) --> 8851 8852
8852<script id="rebuy-widget-273319" type="text/template"> 8853 <div class="rebuy-widget" 8854 v-cloak 8855 v-on:click="stopPropagation($event)" 8856 v-bind:id="'rebuy-widget-' + id" 8857 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 8858 8859 <div 8860 class="rebuy-widget-container" 8861 v-cloak 8862 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 8863 v-on:click.self="hide()"> 8864 8865 <div class="rebuy-widget-content"> 8866 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 8867 <rebuy-icon name="x"></rebuy-icon> 8868 </div> 8869 8870 <div class="rebuy-timer" v-if="hasTimer()"> 8871 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 8872 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 8873 </p> 8874 </div> 8875 8876 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 8877 8878 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 8879 8880 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 8881 8882 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 8883 8884 <div 8885 v-for="(product, product_index) in products" 8886 v-bind:class="[ 8887 product.handle, 8888 'product-id-' + product.id, 8889 cartHasProduct(product) ? 'cart-has-item' : '', 8890 productTagClasses(product), 8891 hasSplideCarousel ? 'splide__slide' : '', 8892 ]" 8893 aria-label="product" 8894 class="rebuy-product-block" 8895 role="listitem" 8896 > 8897 8898 <div class="rebuy-product-media"> 8899 <a 8900 class="rebuy-product-image rebuy-swatch-bg" 8901 tabindex="-1" 8902 v-bind:href="learnMoreURL(product)" 8903 v-bind:style="imageStyles" 8904 v-on:click="learnMore(product, $event);" 8905 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 8906 rel="nofollow" 8907 > 8908 <!-- Primary image --> 8909 <img class="rebuy-product-img" 8910 v-if="product?.images[0]?.src" 8911 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 8912 v-bind:alt="'View ' + product.title"> 8913 8914 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 8915 <img class="rebuy-product-hover-img" 8916 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length" 8917 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 8918 :alt="'View ' + product.title"> 8919 </a> 8920 </div> 8921 <div class="rebuy-product-info"> 8922 <h5 8923 class="rebuy-product-title" 8924 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 8925 <a 8926 v-bind:href="learnMoreURL(product)" 8927 class="rebuy-product-title-link" 8928 v-on:click="learnMore(product, $event);" 8929 v-html="product.title"
8930 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 8931 v-bind:aria-label="'View ' + product.title" 8932 rel="nofollow" 8933 ></a> 8934 </h5> 8935 <div 8936 class="rebuy-product-vendor-container" 8937 v-if="showProductVendor(product.vendor)" 8938 > 8939 <a 8940 class="rebuy-product-vendor" 8941 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 8942 v-html="product.vendor" 8943 v-bind:href="vendorURL(product.vendor)" 8944 v-bind:aria-label="'View ' + product.vendor + ' products'" 8945 rel="nofollow" 8946 ></a> 8947 </div> 8948 <!-- Display Only first variant option --> 8949 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title.split(' / ')[0]"></div> 8950 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 8951 <span class="rebuy-star-rating"> 8952 <span 8953 v-if="product.reviews.star_rating" 8954 class="rebuy-star-rating-value sr-only" 8955 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 8956 > 8957 </span> 8958 <span class="rebuy-star-rating-background"></span> 8959 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 8960 </span> 8961 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 8962 </div> 8963 8964 <div class="rebuy-product-price"> 8965 <div v-if="variantOnSale(product, product.selected_variant)"> 8966 <span class="rebuy-money sale"> 8967 <span class="sr-only">Sale price</span> 8968 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 8969 </span> 8970 <span class="rebuy-money compare-at"> 8971 <span class="sr-only">Original price</span> 8972 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 8973 </span> 8974 </div> 8975 <div v-if="!(variantOnSale(product, product.selected_variant))"> 8976 <span class="rebuy-money"> 8977 <span class="sr-only">Price</span> 8978 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 8979 </span> 8980 </div> 8981 </div> 8982 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 8983 </div> 8984 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 8985 <select 8986 title="Select product variant" 8987 :id="id + '-' + 'select' + '-' + product_index" 8988 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 8989 class="rebuy-select" 8990 v-bind:aria-label="'variant of ' + product.title"
8991 v-model="product.selected_variant_id" 8992 v-on:change="selectVariant(product)"> 8993 <option 8994 v-for="variant in product.variants" 8995 class="rebuy-product-options__option" 8996 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 8997 v-bind:value="variant.id" 8998 :disabled="!variantAvailable(variant)" 8999 v-html="formatVariantOptionTitle(variant)"> 9000 </option> 9001 </select> 9002 9003 <div 9004 class="rebuy-product-options__button-swatches-container" 9005 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 9006 > 9007 <div 9008 v-for="option in product.options" 9009 :key="'option-' + product.id + '-' + option.name" 9010 class="rebuy-product-options__button-swatches rebuy-size-swatches" 9011 > 9012 <div 9013 v-for="(value, value_index) in filterOOSOptions(option, product)" 9014 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 9015 > 9016 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 9017 <input 9018 :name="id + '-color-' + product_index" 9019 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 9020 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 9021 :value="value" 9022 type="radio" 9023 class="rebuy-color-input hide" 9024 v-on:change="selectVariantByOption(product, option.name, value)" 9025 :disabled="isDisabledOptionValue(product, option.name, value)" 9026 /> 9027 9028 <label 9029 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 9030 :style="getMerchantThemeColorAssetStyle(value)" 9031 :title="value" 9032 class="rebuy-color-label" 9033 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9034 > 9035 </label> 9036 </div> 9037 9038 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 9039 <input 9040 :name="id + '-' + option.name + '-' + product_index" 9041 :id="id + '-' + option.name + '-' + product_index + '-' + value" 9042 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 9043 :value="value" 9044 type="radio" 9045 class="rebuy-size-input hide" 9046 v-on:change="selectVariantByOption(product, option.name, value)" 9047 :disabled="isDisabledOptionValue(product, option.name, value)" 9048 /> 9049 9050 <label 9051 :for="id + '-' + option.name + '-' + product_index + '-' + value" 9052 class="rebuy-size-label" 9053 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9054 > 9055 {{ value }} 9056 </label> 9057 </div> 9058 </div> 9059 </div> 9060 </div> 9061 </div> 9062 9063 <div class="rebuy-product-actions"> 9064 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 9065 <label class="rebuy-checkbox-label"> 9066 <input 9067 class="checkbox-input rebuy-checkbox" 9068 v-model="product.subscription" 9069 v-on:change="toggleSubscription(product)" 9070 type="checkbox" 9071 :aria-label="upgradeToSubscriptionAriaLabel(product)" 9072 />
9073 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 9074 </label> 9075 </div> 9076 9077 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 9078 <select 9079 class="rebuy-select" 9080 aria-label="subscription frequency" 9081 v-model="product.subscription_frequency" 9082 v-on:change="updateSubscriptionFrequency(product)"> 9083 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 9084 </select> 9085 </div> 9086 9087 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 9088 <div class="rebuy-select-wrapper"> 9089 <label class="rebuy-label">Quantity</label> 9090 <select 9091 class="rebuy-select" 9092 aria-label="product quantity" 9093 v-model="product.quantity"> 9094 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 9095 </select> 9096 </div> 9097 </div> 9098 9099 <!-- Normal add to cart for all variants --> 9100 <button 9101 class="rebuy-button" 9102 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 9103 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 9104 v-bind:aria-label="buttonAriaLabel(product)" 9105 v-on:click="addToCart(product)" 9106 type="button"> 9107 <span v-html="buttonLabel(product)"></span> 9108 </button> 9109 </div> 9110 </div> 9111 9112 </div> 9113 9114 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 9115 <button 9116 class="rebuy-button decline" 9117 v-on:click="hide()" 9118 type="button"> 9119 <span v-html="continueLabel()"></span> 9120 </button> 9121 </div> 9122 9123 <div class="powered-by-rebuy"> 9124 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 9125 Powered by Rebuy 9126 </a> 9127 </div> 9128 9129 </div> 9130 9131 </div> 9132 </div> 9133 </script>
9133 9134 9135 9136 <!-- Popup Cross-sell widget template --> 9137 9138
9138<script id="rebuy-widget-272448" type="text/template"> 9139 <div class="rebuy-widget" 9140 v-cloak 9141 v-on:click="stopPropagation($event)" 9142 v-bind:id="'rebuy-widget-' + id" 9143 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 9144 9145 <div 9146 class="rebuy-widget-container" 9147 v-cloak 9148 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 9149 v-on:click.self="hide()"> 9150 9151 <div class="rebuy-widget-content"> 9152 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 9153 <rebuy-icon name="x"></rebuy-icon> 9154 </div> 9155 9156 <div class="rebuy-timer" v-if="hasTimer()"> 9157 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 9158 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 9159 </p> 9160 </div> 9161 9162 <!-- CUSTOM --> 9163 <!-- 9164 <div class="rebuy-added-content"> 9165 <h4 class="primary-title" v-html="'Added To Cart'"></h4> 9166 <div class="rebuy-added-product-block"> 9167 <div class="rebuy-added-product-media"> 9168 <img 9169 class="rebuy-product-image" 9170 v-bind:src="metadata.input_products[0].image.src" 9171 width="400" 9172 height="400" 9173 v-bind:alt="metadata.input_products[0].image.alt" 9174 > 9175 </div> 9176 <div class="rebuy-added-product-contents"> 9177 <div class="rebuy-added-product-info"> 9178 <b class="rebuy-added-product-title" v-html="metadata.input_products[0].title"></b> 9179 <div v-for="option in metadata.input_products[0].options.filter(option => option.name != 'Title')" class="rebuy-added-product-option" v-bind:class="option.name.toLowerCase()"> 9180 <span class="option-name" v-html="option.name"></span>: 9181 <span class="option-value" v-html="option.values[0]"></span> 9182 </div> 9183 </div> 9184 </div> 9185 </div> 9186 <div v-if="Rebuy?.Cart?.subtotal()" class="rebuy-added-product-subtotal"> 9187 <span class="subtotal-label" v-html="`Order Subtotal (${Rebuy.Cart.itemCount()} ${Rebuy.Cart.itemCount() > 1 ? 'items' : 'item'}): `"></span><span v-html="formatMoney(Rebuy.Cart.subtotal())"></span> 9188 </div> 9189 <div class="rebuy-added-product-actions"> 9190 <button class="rebuy-button outline" @click="e => {hide(); Rebuy.SmartCart.show();}" v-html="'View Cart'"></button> 9191 <button class="rebuy-button rebuy-cart__checkout-button block" type="button" v-on:click="checkout()"> 9192 <span v-html="'Checkout'"></span> 9193 </button> 9194 </div> 9195 </div> 9196 --> 9197 <!-- END CUSTOM --> 9198 9199 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 9200 9201 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 9202 9203 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 9204 9205 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 9206 9207 <div 9208 v-for="(product, product_index) in products" 9209 v-bind:class="[ 9210 product.handle, 9211 'product-id-' + product.id, 9212 cartHasProduct(product) ? 'cart-has-item' : '', 9213 productTagClasses(product), 9214 hasSplideCarousel ? 'splide__slide' : '', 9215 ]" 9216 aria-label="product" 9217 class="rebuy-product-block" 9218 role="listitem" 9219 > 9220 9221 <div class="rebuy-product-media"> 9222 <a 9223 class="rebuy-product-image rebuy-swatch-bg" 9224 tabindex="-1" 9225 v-bind:href="learnMoreURL(product)" 9226 v-bind:style="imageStyles" 9227 v-on:click="learnMore(product, $event);" 9228 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 9229 rel="nofollow" 9230 :data-swatch-gid="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_scent_details ? product.selected_variant.metafields.custom.variant_scent_details : ''" 9231 :data-variant-option1="product.selected_variant ? product.selected_variant.option1 || '' : ''" 9232 > 9233 <!-- Primary image --> 9234 <img class="rebuy-product-img" 9235 v-if="product?.images[0]?.src" 9236 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 9237 v-bind:alt="'View ' + product.title"> 9238 9239 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 9240 <img class="rebuy-product-hover-img" 9241 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length"
9242 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 9243 :alt="'View ' + product.title"> 9244 </a> 9245 </div> 9246 <div class="rebuy-product-info"> 9247 <h5 9248 class="rebuy-product-title" 9249 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 9250 <a 9251 v-bind:href="learnMoreURL(product)" 9252 class="rebuy-product-title-link" 9253 v-on:click="learnMore(product, $event);" 9254 v-html="product.title" 9255 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 9256 v-bind:aria-label="'View ' + product.title" 9257 rel="nofollow" 9258 ></a> 9259 </h5> 9260 <div 9261 class="rebuy-product-vendor-container" 9262 v-if="showProductVendor(product.vendor)" 9263 > 9264 <a 9265 class="rebuy-product-vendor" 9266 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 9267 v-html="product.vendor" 9268 v-bind:href="vendorURL(product.vendor)" 9269 v-bind:aria-label="'View ' + product.vendor + ' products'" 9270 rel="nofollow" 9271 ></a> 9272 </div> 9273 <!-- Display Only first variant option --> 9274 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title.split(' / ')[0]"></div> 9275 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 9276 <span class="rebuy-star-rating"> 9277 <span 9278 v-if="product.reviews.star_rating" 9279 class="rebuy-star-rating-value sr-only" 9280 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 9281 > 9282 </span> 9283 <span class="rebuy-star-rating-background"></span> 9284 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 9285 </span> 9286 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 9287 </div> 9288 9289 <div class="rebuy-product-price"> 9290 <div v-if="variantOnSale(product, product.selected_variant)"> 9291 <span class="rebuy-money sale"> 9292 <span class="sr-only">Sale price</span> 9293 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 9294 </span> 9295 <span class="rebuy-money compare-at"> 9296 <span class="sr-only">Original price</span> 9297 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 9298 </span> 9299 </div> 9300 <div v-if="!(variantOnSale(product, product.selected_variant))"> 9301 <span class="rebuy-money"> 9302 <span class="sr-only">Price</span>
9303 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 9304 </span> 9305 </div> 9306 </div> 9307 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 9308 </div> 9309 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 9310 <select 9311 title="Select product variant" 9312 :id="id + '-' + 'select' + '-' + product_index" 9313 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 9314 class="rebuy-select" 9315 v-bind:aria-label="'variant of ' + product.title" 9316 v-model="product.selected_variant_id" 9317 v-on:change="selectVariant(product)"> 9318 <option 9319 v-for="variant in product.variants" 9320 class="rebuy-product-options__option" 9321 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 9322 v-bind:value="variant.id" 9323 :disabled="!variantAvailable(variant)" 9324 v-html="formatVariantOptionTitle(variant)"> 9325 </option> 9326 </select> 9327 9328 <div 9329 class="rebuy-product-options__button-swatches-container" 9330 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 9331 > 9332 <div 9333 v-for="option in product.options" 9334 :key="'option-' + product.id + '-' + option.name" 9335 class="rebuy-product-options__button-swatches rebuy-size-swatches" 9336 > 9337 <div 9338 v-for="(value, value_index) in filterOOSOptions(option, product)" 9339 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 9340 > 9341 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 9342 <input 9343 :name="id + '-color-' + product_index" 9344 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 9345 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 9346 :value="value" 9347 type="radio" 9348 class="rebuy-color-input hide" 9349 v-on:change="selectVariantByOption(product, option.name, value)" 9350 :disabled="isDisabledOptionValue(product, option.name, value)" 9351 /> 9352 9353 <label 9354 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 9355 :style="getMerchantThemeColorAssetStyle(value)" 9356 :title="value" 9357 class="rebuy-color-label" 9358 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9359 > 9360 </label> 9361 </div> 9362 9363 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 9364 <input 9365 :name="id + '-' + option.name + '-' + product_index" 9366 :id="id + '-' + option.name + '-' + product_index + '-' + value" 9367 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 9368 :value="value" 9369 type="radio" 9370 class="rebuy-size-input hide" 9371 v-on:change="selectVariantByOption(product, option.name, value)" 9372 :disabled="isDisabledOptionValue(product, option.name, value)" 9373 /> 9374 9375 <label 9376 :for="id + '-' + option.name + '-' + product_index + '-' + value" 9377 class="rebuy-size-label" 9378 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9379 > 9380 {{ value }} 9381 </label> 9382 </div> 9383 </div> 9384 </div> 9385 </div> 9386 </div> 9387 9388 <div class="rebuy-product-actions"> 9389 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 9390 <label class="rebuy-checkbox-label"> 9391 <input 9392 class="checkbox-input rebuy-checkbox" 9393 v-model="product.subscription" 9394 v-on:change="toggleSubscription(product)" 9395 type="checkbox" 9396 :aria-label="upgradeToSubscriptionAriaLabel(product)" 9397 />
9398 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 9399 </label> 9400 </div> 9401 9402 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 9403 <select 9404 class="rebuy-select" 9405 aria-label="subscription frequency" 9406 v-model="product.subscription_frequency" 9407 v-on:change="updateSubscriptionFrequency(product)"> 9408 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 9409 </select> 9410 </div> 9411 9412 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 9413 <div class="rebuy-select-wrapper"> 9414 <label class="rebuy-label">Quantity</label> 9415 <select 9416 class="rebuy-select" 9417 aria-label="product quantity" 9418 v-model="product.quantity"> 9419 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 9420 </select> 9421 </div> 9422 </div> 9423 9424 <!-- Normal add to cart for all variants --> 9425 <button 9426 class="rebuy-button" 9427 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 9428 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 9429 v-bind:aria-label="buttonAriaLabel(product)" 9430 v-on:click="addToCart(product)" 9431 type="button"> 9432 <span v-html="buttonLabel(product)"></span> 9433 </button> 9434 <button class="rebuy-button rebuy-view-cart-button" @click="e => {hide(); Rebuy.SmartCart.show();}" v-html="'View Cart'"></button> 9435 </div> 9436 </div> 9437 9438 </div> 9439 9440 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 9441 <button 9442 class="rebuy-button decline" 9443 v-on:click="hide()" 9444 type="button"> 9445 <span v-html="continueLabel()"></span> 9446 </button> 9447 </div> 9448 9449 <div class="powered-by-rebuy"> 9450 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 9451 Powered by Rebuy 9452 </a> 9453 </div> 9454 9455 </div> 9456 9457 </div> 9458 </div> 9459 </script>
9459 9460 9461 9462 <!-- Popup Cross-sell widget template - MULTIPLE PRODUCTS --> 9463 9464
9464<script id="rebuy-widget-287943" type="text/template"> 9465 <div class="rebuy-widget" 9466 v-cloak 9467 v-on:click="stopPropagation($event)" 9468 v-bind:id="'rebuy-widget-' + id" 9469 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 9470 9471 <div 9472 class="rebuy-widget-container" 9473 v-cloak 9474 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 9475 v-on:click.self="hide()"> 9476 9477 <div class="rebuy-widget-content"> 9478 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 9479 <rebuy-icon name="x"></rebuy-icon> 9480 </div> 9481 9482 <div class="rebuy-timer" v-if="hasTimer()"> 9483 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 9484 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 9485 </p> 9486 </div> 9487 9488 <!-- CUSTOM --> 9489 <!-- 9490 <div class="rebuy-added-content"> 9491 <h4 class="primary-title" v-html="'Added To Cart'"></h4> 9492 <div class="rebuy-added-product-block"> 9493 <div class="rebuy-added-product-media"> 9494 <img 9495 class="rebuy-product-image" 9496 v-bind:src="metadata.input_products[0].image.src" 9497 width="400" 9498 height="400" 9499 v-bind:alt="metadata.input_products[0].image.alt" 9500 > 9501 </div> 9502 <div class="rebuy-added-product-contents"> 9503 <div class="rebuy-added-product-info"> 9504 <b class="rebuy-added-product-title" v-html="metadata.input_products[0].title"></b> 9505 <div v-for="option in metadata.input_products[0].options.filter(option => option.name != 'Title')" class="rebuy-added-product-option" v-bind:class="option.name.toLowerCase()"> 9506 <span class="option-name" v-html="option.name"></span>: 9507 <span class="option-value" v-html="option.values[0]"></span> 9508 </div> 9509 </div> 9510 </div> 9511 </div> 9512 <div v-if="Rebuy?.Cart?.subtotal()" class="rebuy-added-product-subtotal"> 9513 <span class="subtotal-label" v-html="`Order Subtotal (${Rebuy.Cart.itemCount()} ${Rebuy.Cart.itemCount() > 1 ? 'items' : 'item'}): `"></span><span v-html="formatMoney(Rebuy.Cart.subtotal())"></span> 9514 </div> 9515 <div class="rebuy-added-product-actions"> 9516 <button class="rebuy-button outline" @click="e => {hide(); Rebuy.SmartCart.show();}" v-html="'View Cart'"></button> 9517 <button class="rebuy-button rebuy-cart__checkout-button block" type="button" v-on:click="checkout()"> 9518 <span v-html="'Checkout'"></span> 9519 </button> 9520 </div> 9521 </div> 9522 --> 9523 <!-- END CUSTOM --> 9524 9525 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 9526 9527 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 9528 9529 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 9530 9531 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 9532 9533 <div 9534 v-for="(product, product_index) in products" 9535 v-bind:class="[ 9536 product.handle, 9537 'product-id-' + product.id, 9538 cartHasProduct(product) ? 'cart-has-item' : '', 9539 productTagClasses(product), 9540 hasSplideCarousel ? 'splide__slide' : '', 9541 ]" 9542 aria-label="product" 9543 class="rebuy-product-block" 9544 role="listitem" 9545 > 9546 9547 <div class="rebuy-product-media"> 9548 <a 9549 class="rebuy-product-image rebuy-swatch-bg" 9550 tabindex="-1" 9551 v-bind:href="learnMoreURL(product)" 9552 v-bind:style="imageStyles" 9553 v-on:click="learnMore(product, $event);" 9554 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 9555 rel="nofollow" 9556 :data-swatch-gid="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_scent_details ? product.selected_variant.metafields.custom.variant_scent_details : ''" 9557 :data-variant-option1="product.selected_variant ? product.selected_variant.option1 || '' : ''" 9558 > 9559 <!-- Primary image --> 9560 <img class="rebuy-product-img" 9561 v-if="product?.images[0]?.src" 9562 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 9563 v-bind:alt="'View ' + product.title"> 9564 9565 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 9566 <img class="rebuy-product-hover-img" 9567 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length"
9568 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 9569 :alt="'View ' + product.title"> 9570 </a> 9571 </div> 9572 <div class="rebuy-product-info"> 9573 <h5 9574 class="rebuy-product-title" 9575 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 9576 <a 9577 v-bind:href="learnMoreURL(product)" 9578 class="rebuy-product-title-link" 9579 v-on:click="learnMore(product, $event);" 9580 v-html="product.title" 9581 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 9582 v-bind:aria-label="'View ' + product.title" 9583 rel="nofollow" 9584 ></a> 9585 </h5> 9586 <div 9587 class="rebuy-product-vendor-container" 9588 v-if="showProductVendor(product.vendor)" 9589 > 9590 <a 9591 class="rebuy-product-vendor" 9592 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 9593 v-html="product.vendor" 9594 v-bind:href="vendorURL(product.vendor)" 9595 v-bind:aria-label="'View ' + product.vendor + ' products'" 9596 rel="nofollow" 9597 ></a> 9598 </div> 9599 <!-- Display Only first variant option --> 9600 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title.split(' / ')[0]"></div> 9601 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 9602 <span class="rebuy-star-rating"> 9603 <span 9604 v-if="product.reviews.star_rating" 9605 class="rebuy-star-rating-value sr-only" 9606 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 9607 > 9608 </span> 9609 <span class="rebuy-star-rating-background"></span> 9610 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 9611 </span> 9612 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 9613 </div> 9614 9615 <div class="rebuy-product-price"> 9616 <div v-if="variantOnSale(product, product.selected_variant)"> 9617 <span class="rebuy-money sale"> 9618 <span class="sr-only">Sale price</span> 9619 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 9620 </span> 9621 <span class="rebuy-money compare-at"> 9622 <span class="sr-only">Original price</span> 9623 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 9624 </span> 9625 </div> 9626 <div v-if="!(variantOnSale(product, product.selected_variant))"> 9627 <span class="rebuy-money"> 9628 <span class="sr-only">Price</span>
9629 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 9630 </span> 9631 </div> 9632 </div> 9633 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 9634 </div> 9635 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 9636 <select 9637 title="Select product variant" 9638 :id="id + '-' + 'select' + '-' + product_index" 9639 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 9640 class="rebuy-select" 9641 v-bind:aria-label="'variant of ' + product.title" 9642 v-model="product.selected_variant_id" 9643 v-on:change="selectVariant(product)"> 9644 <option 9645 v-for="variant in product.variants" 9646 class="rebuy-product-options__option" 9647 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 9648 v-bind:value="variant.id" 9649 :disabled="!variantAvailable(variant)" 9650 v-html="formatVariantOptionTitle(variant)"> 9651 </option> 9652 </select> 9653 9654 <div 9655 class="rebuy-product-options__button-swatches-container" 9656 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 9657 > 9658 <div 9659 v-for="option in product.options" 9660 :key="'option-' + product.id + '-' + option.name" 9661 class="rebuy-product-options__button-swatches rebuy-size-swatches" 9662 > 9663 <div 9664 v-for="(value, value_index) in filterOOSOptions(option, product)" 9665 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 9666 > 9667 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 9668 <input 9669 :name="id + '-color-' + product_index" 9670 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 9671 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 9672 :value="value" 9673 type="radio" 9674 class="rebuy-color-input hide" 9675 v-on:change="selectVariantByOption(product, option.name, value)" 9676 :disabled="isDisabledOptionValue(product, option.name, value)" 9677 /> 9678 9679 <label 9680 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 9681 :style="getMerchantThemeColorAssetStyle(value)" 9682 :title="value" 9683 class="rebuy-color-label" 9684 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9685 > 9686 </label> 9687 </div> 9688 9689 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 9690 <input 9691 :name="id + '-' + option.name + '-' + product_index" 9692 :id="id + '-' + option.name + '-' + product_index + '-' + value" 9693 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 9694 :value="value" 9695 type="radio" 9696 class="rebuy-size-input hide" 9697 v-on:change="selectVariantByOption(product, option.name, value)" 9698 :disabled="isDisabledOptionValue(product, option.name, value)" 9699 /> 9700 9701 <label 9702 :for="id + '-' + option.name + '-' + product_index + '-' + value" 9703 class="rebuy-size-label" 9704 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9705 > 9706 {{ value }} 9707 </label> 9708 </div> 9709 </div> 9710 </div> 9711 </div> 9712 </div> 9713 9714 <div class="rebuy-product-actions"> 9715 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 9716 <label class="rebuy-checkbox-label"> 9717 <input 9718 class="checkbox-input rebuy-checkbox" 9719 v-model="product.subscription" 9720 v-on:change="toggleSubscription(product)" 9721 type="checkbox" 9722 :aria-label="upgradeToSubscriptionAriaLabel(product)" 9723 />
9724 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 9725 </label> 9726 </div> 9727 9728 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 9729 <select 9730 class="rebuy-select" 9731 aria-label="subscription frequency" 9732 v-model="product.subscription_frequency" 9733 v-on:change="updateSubscriptionFrequency(product)"> 9734 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 9735 </select> 9736 </div> 9737 9738 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 9739 <div class="rebuy-select-wrapper"> 9740 <label class="rebuy-label">Quantity</label> 9741 <select 9742 class="rebuy-select" 9743 aria-label="product quantity" 9744 v-model="product.quantity"> 9745 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 9746 </select> 9747 </div> 9748 </div> 9749 9750 <!-- Normal add to cart for all variants --> 9751 <button 9752 class="rebuy-button" 9753 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 9754 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 9755 v-bind:aria-label="buttonAriaLabel(product)" 9756 v-on:click="addToCart(product)" 9757 type="button"> 9758 <span v-html="buttonLabel(product)"></span> 9759 </button> 9760 </div> 9761 </div> 9762 </div> 9763 <div class="rebuy-modal-view-cart"> 9764 <button class="rebuy-button rebuy-view-cart-button" @click="e => {hide(); Rebuy.SmartCart.show();}" v-html="'View Cart'"></button> 9765 </div> 9766 9767 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 9768 <button 9769 class="rebuy-button decline" 9770 v-on:click="hide()" 9771 type="button"> 9772 <span v-html="continueLabel()"></span> 9773 </button> 9774 </div> 9775 9776 <div class="powered-by-rebuy"> 9777 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 9778 Powered by Rebuy 9779 </a> 9780 </div> 9781 9782 </div> 9783 9784 </div> 9785 </div> 9786 </script>
9786 9787 9788 9789 <!-- SGWP template --> 9790 9791
9791<script id="rebuy-widget-271472" type="text/template"> 9792 <div class="rebuy-widget" 9793 v-cloak 9794 v-on:click="stopPropagation($event)" 9795 v-bind:id="'rebuy-widget-' + id" 9796 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 9797 9798 <div 9799 class="rebuy-widget-container" 9800 v-cloak 9801 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 9802 v-on:click.self="hide()"> 9803 9804 <div class="rebuy-widget-content"> 9805 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 9806 <rebuy-icon name="x"></rebuy-icon> 9807 </div> 9808 9809 <div class="rebuy-timer" v-if="hasTimer()"> 9810 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 9811 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 9812 </p> 9813 </div> 9814 9815 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 9816 9817 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 9818 9819 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 9820 9821 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 9822 9823 <div 9824 v-for="(product, product_index) in products" 9825 v-bind:class="[ 9826 product.handle, 9827 'product-id-' + product.id, 9828 cartHasProduct(product) ? 'cart-has-item' : '', 9829 productTagClasses(product), 9830 hasSplideCarousel ? 'splide__slide' : '', 9831 ]" 9832 aria-label="product" 9833 class="rebuy-product-block" 9834 role="listitem" 9835 > 9836 9837 <div class="rebuy-product-media"> 9838 <a 9839 class="rebuy-product-image rebuy-swatch-bg" 9840 tabindex="-1" 9841 v-bind:href="learnMoreURL(product)" 9842 v-bind:style="imageStyles" 9843 v-on:click="learnMore(product, $event);" 9844 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 9845 rel="nofollow" 9846 > 9847 <!-- Primary image --> 9848 <img class="rebuy-product-img" 9849 v-if="product?.images[0]?.src" 9850 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 9851 v-bind:alt="'View ' + product.title"> 9852 9853 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 9854 <img class="rebuy-product-hover-img" 9855 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length" 9856 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 9857 :alt="'View ' + product.title"> 9858 </a> 9859 </div> 9860 <div class="rebuy-product-info"> 9861 <h5 9862 class="rebuy-product-title" 9863 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 9864 <a 9865 v-bind:href="learnMoreURL(product)" 9866 class="rebuy-product-title-link" 9867 v-on:click="learnMore(product, $event);" 9868 v-html="product.title"
9869 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 9870 v-bind:aria-label="'View ' + product.title" 9871 rel="nofollow" 9872 ></a> 9873 </h5> 9874 <div 9875 class="rebuy-product-vendor-container" 9876 v-if="showProductVendor(product.vendor)" 9877 > 9878 <a 9879 class="rebuy-product-vendor" 9880 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 9881 v-html="product.vendor" 9882 v-bind:href="vendorURL(product.vendor)" 9883 v-bind:aria-label="'View ' + product.vendor + ' products'" 9884 rel="nofollow" 9885 ></a> 9886 </div> 9887 <!-- Display Only first variant option --> 9888 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title.split(' / ')[0]"></div> 9889 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 9890 <span class="rebuy-star-rating"> 9891 <span 9892 v-if="product.reviews.star_rating" 9893 class="rebuy-star-rating-value sr-only" 9894 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 9895 > 9896 </span> 9897 <span class="rebuy-star-rating-background"></span> 9898 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 9899 </span> 9900 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 9901 </div> 9902 9903 <div class="rebuy-product-price"> 9904 <div v-if="variantOnSale(product, product.selected_variant)"> 9905 <span class="rebuy-money sale"> 9906 <span class="sr-only">Sale price</span> 9907 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 9908 </span> 9909 <span class="rebuy-money compare-at"> 9910 <span class="sr-only">Original price</span> 9911 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 9912 </span> 9913 </div> 9914 <div v-if="!(variantOnSale(product, product.selected_variant))"> 9915 <span class="rebuy-money"> 9916 <span class="sr-only">Price</span> 9917 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 9918 </span> 9919 </div> 9920 </div> 9921 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 9922 </div> 9923 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 9924 <select 9925 title="Select product variant" 9926 :id="id + '-' + 'select' + '-' + product_index" 9927 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 9928 class="rebuy-select" 9929 v-bind:aria-label="'variant of ' + product.title"
9930 v-model="product.selected_variant_id" 9931 v-on:change="selectVariant(product)"> 9932 <option 9933 v-for="variant in product.variants" 9934 class="rebuy-product-options__option" 9935 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 9936 v-bind:value="variant.id" 9937 :disabled="!variantAvailable(variant)" 9938 v-html="formatVariantOptionTitle(variant)"> 9939 </option> 9940 </select> 9941 9942 <div 9943 class="rebuy-product-options__button-swatches-container" 9944 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 9945 > 9946 <div 9947 v-for="option in product.options" 9948 :key="'option-' + product.id + '-' + option.name" 9949 class="rebuy-product-options__button-swatches rebuy-size-swatches" 9950 > 9951 <div 9952 v-for="(value, value_index) in filterOOSOptions(option, product)" 9953 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 9954 > 9955 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 9956 <input 9957 :name="id + '-color-' + product_index" 9958 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 9959 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 9960 :value="value" 9961 type="radio" 9962 class="rebuy-color-input hide" 9963 v-on:change="selectVariantByOption(product, option.name, value)" 9964 :disabled="isDisabledOptionValue(product, option.name, value)" 9965 /> 9966 9967 <label 9968 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 9969 :style="getMerchantThemeColorAssetStyle(value)" 9970 :title="value" 9971 class="rebuy-color-label" 9972 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9973 > 9974 </label> 9975 </div> 9976 9977 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 9978 <input 9979 :name="id + '-' + option.name + '-' + product_index" 9980 :id="id + '-' + option.name + '-' + product_index + '-' + value" 9981 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 9982 :value="value" 9983 type="radio" 9984 class="rebuy-size-input hide" 9985 v-on:change="selectVariantByOption(product, option.name, value)" 9986 :disabled="isDisabledOptionValue(product, option.name, value)" 9987 /> 9988 9989 <label 9990 :for="id + '-' + option.name + '-' + product_index + '-' + value" 9991 class="rebuy-size-label" 9992 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 9993 > 9994 {{ value }} 9995 </label> 9996 </div> 9997 </div> 9998 </div> 9999 </div> 10000 </div> 10001 10002 <div class="rebuy-product-actions"> 10003 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 10004 <label class="rebuy-checkbox-label"> 10005 <input 10006 class="checkbox-input rebuy-checkbox" 10007 v-model="product.subscription" 10008 v-on:change="toggleSubscription(product)" 10009 type="checkbox" 10010 :aria-label="upgradeToSubscriptionAriaLabel(product)" 10011 />
10012 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 10013 </label> 10014 </div> 10015 10016 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 10017 <select 10018 class="rebuy-select" 10019 aria-label="subscription frequency" 10020 v-model="product.subscription_frequency" 10021 v-on:change="updateSubscriptionFrequency(product)"> 10022 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 10023 </select> 10024 </div> 10025 10026 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 10027 <div class="rebuy-select-wrapper"> 10028 <label class="rebuy-label">Quantity</label> 10029 <select 10030 class="rebuy-select" 10031 aria-label="product quantity" 10032 v-model="product.quantity"> 10033 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 10034 </select> 10035 </div> 10036 </div> 10037 10038 <!-- Normal add to cart for all variants --> 10039 <button 10040 class="rebuy-button" 10041 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 10042 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 10043 v-bind:aria-label="buttonAriaLabel(product)" 10044 v-on:click="addToCart(product)" 10045 type="button"> 10046 <span v-html="buttonLabel(product)"></span> 10047 </button> 10048 </div> 10049 </div> 10050 10051 </div> 10052 10053 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 10054 <button 10055 class="rebuy-button decline" 10056 v-on:click="hide()" 10057 type="button"> 10058 <span v-html="continueLabel()"></span> 10059 </button> 10060 </div> 10061 10062 <div class="powered-by-rebuy"> 10063 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 10064 Powered by Rebuy 10065 </a> 10066 </div> 10067 10068 </div> 10069 10070 </div> 10071 </div> 10072 </script>
10072 10073 10074 10075 10076 <!-- Recommended Widgets template --> 10077 10078
10078<script id="rebuy-recommended-template" type="text/template"> 10079 <div class="rebuy-widget" 10080 v-cloak 10081 v-on:click="stopPropagation($event)" 10082 v-bind:id="'rebuy-widget-' + id" 10083 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 10084 10085 <div 10086 class="rebuy-widget-container" 10087 v-cloak 10088 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 10089 v-on:click.self="hide()"> 10090 10091 <div class="rebuy-widget-content"> 10092 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 10093 <rebuy-icon name="x"></rebuy-icon> 10094 </div> 10095 10096 <div class="rebuy-timer" v-if="hasTimer()"> 10097 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 10098 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 10099 </p> 10100 </div> 10101 10102 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 10103 10104 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 10105 10106 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 10107 10108 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 10109 10110 <div 10111 v-for="(product, product_index) in products" 10112 v-bind:class="[ 10113 product.handle, 10114 'product-id-' + product.id, 10115 cartHasProduct(product) ? 'cart-has-item' : '', 10116 productTagClasses(product), 10117 hasSplideCarousel ? 'splide__slide' : '', 10118 ]" 10119 aria-label="product" 10120 class="rebuy-product-block" 10121 role="listitem" 10122 > 10123 10124 <div class="rebuy-product-media"> 10125 <a 10126 class="rebuy-product-image" 10127 tabindex="-1" 10128 v-bind:href="learnMoreURL(product)" 10129 v-bind:style="imageStyles" 10130 v-on:click="learnMore(product, $event);" 10131 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 10132 rel="nofollow" 10133 > 10134 <!-- Primary image --> 10135 <img class="rebuy-product-img" 10136 v-if="product?.images[0]?.src" 10137 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 10138 v-bind:alt="'View ' + product.title"> 10139 10140 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 10141 <img class="rebuy-product-hover-img" 10142 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length" 10143 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 10144 :alt="'View ' + product.title"> 10145 </a> 10146 </div> 10147 <div class="rebuy-product-info"> 10148 <h5 10149 class="rebuy-product-title" 10150 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 10151 <a 10152 v-bind:href="learnMoreURL(product)" 10153 class="rebuy-product-title-link" 10154 v-on:click="learnMore(product, $event);" 10155 v-html="product.title"
10156 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 10157 v-bind:aria-label="'View ' + product.title" 10158 rel="nofollow" 10159 ></a> 10160 </h5> 10161 <div 10162 class="rebuy-product-vendor-container" 10163 v-if="showProductVendor(product.vendor)" 10164 > 10165 <a 10166 class="rebuy-product-vendor" 10167 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 10168 v-html="product.vendor" 10169 v-bind:href="vendorURL(product.vendor)" 10170 v-bind:aria-label="'View ' + product.vendor + ' products'" 10171 rel="nofollow" 10172 ></a> 10173 </div> 10174 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 10175 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 10176 <span class="rebuy-star-rating"> 10177 <span 10178 v-if="product.reviews.star_rating" 10179 class="rebuy-star-rating-value sr-only" 10180 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 10181 > 10182 </span> 10183 <span class="rebuy-star-rating-background"></span> 10184 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 10185 </span> 10186 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 10187 </div> 10188 10189 <div class="rebuy-product-price"> 10190 <div v-if="variantOnSale(product, product.selected_variant)"> 10191 <span class="rebuy-money sale"> 10192 <span class="sr-only">Sale price</span> 10193 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 10194 </span> 10195 <span class="rebuy-money compare-at"> 10196 <span class="sr-only">Original price</span> 10197 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 10198 </span> 10199 </div> 10200 <div v-if="!(variantOnSale(product, product.selected_variant))"> 10201 <span class="rebuy-money"> 10202 <span class="sr-only">Price</span> 10203 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 10204 </span> 10205 </div> 10206 </div> 10207 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 10208 </div> 10209 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 10210 <select 10211 title="Select product variant" 10212 :id="id + '-' + 'select' + '-' + product_index" 10213 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 10214 class="rebuy-select" 10215 v-bind:aria-label="'variant of ' + product.title"
10216 v-model="product.selected_variant_id" 10217 v-on:change="selectVariant(product)"> 10218 <option 10219 v-for="variant in product.variants" 10220 class="rebuy-product-options__option" 10221 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 10222 v-bind:value="variant.id" 10223 :disabled="!variantAvailable(variant)" 10224 v-html="formatVariantOptionTitle(variant)"> 10225 </option> 10226 </select> 10227 10228 <div 10229 class="rebuy-product-options__button-swatches-container" 10230 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 10231 > 10232 <div 10233 v-for="option in product.options" 10234 :key="'option-' + product.id + '-' + option.name" 10235 class="rebuy-product-options__button-swatches rebuy-size-swatches" 10236 > 10237 <div 10238 v-for="(value, value_index) in filterOOSOptions(option, product)" 10239 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 10240 > 10241 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 10242 <input 10243 :name="id + '-color-' + product_index" 10244 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 10245 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 10246 :value="value" 10247 type="radio" 10248 class="rebuy-color-input hide" 10249 v-on:change="selectVariantByOption(product, option.name, value)" 10250 :disabled="isDisabledOptionValue(product, option.name, value)" 10251 /> 10252 10253 <label 10254 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 10255 :style="getMerchantThemeColorAssetStyle(value)" 10256 :title="value" 10257 class="rebuy-color-label" 10258 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 10259 > 10260 </label> 10261 </div> 10262 10263 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 10264 <input 10265 :name="id + '-' + option.name + '-' + product_index" 10266 :id="id + '-' + option.name + '-' + product_index + '-' + value" 10267 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 10268 :value="value" 10269 type="radio" 10270 class="rebuy-size-input hide" 10271 v-on:change="selectVariantByOption(product, option.name, value)" 10272 :disabled="isDisabledOptionValue(product, option.name, value)" 10273 /> 10274 10275 <label 10276 :for="id + '-' + option.name + '-' + product_index + '-' + value" 10277 class="rebuy-size-label" 10278 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 10279 > 10280 {{ value }} 10281 </label> 10282 </div> 10283 </div> 10284 </div> 10285 </div> 10286 </div> 10287 10288 <div class="rebuy-product-actions"> 10289 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 10290 <label class="rebuy-checkbox-label"> 10291 <input 10292 class="checkbox-input rebuy-checkbox" 10293 v-model="product.subscription" 10294 v-on:change="toggleSubscription(product)" 10295 type="checkbox" 10296 :aria-label="upgradeToSubscriptionAriaLabel(product)" 10297 />
10298 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 10299 </label> 10300 </div> 10301 10302 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 10303 <select 10304 class="rebuy-select" 10305 aria-label="subscription frequency" 10306 v-model="product.subscription_frequency" 10307 v-on:change="updateSubscriptionFrequency(product)"> 10308 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 10309 </select> 10310 </div> 10311 10312 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 10313 <div class="rebuy-select-wrapper"> 10314 <label class="rebuy-label">Quantity</label> 10315 <select 10316 class="rebuy-select" 10317 aria-label="product quantity" 10318 v-model="product.quantity"> 10319 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 10320 </select> 10321 </div> 10322 </div> 10323 10324 <!-- Multi-variant: open theme quick-add modal --> 10325 <button 10326 class="rebuy-button" 10327 v-if="product.variants.length > 1" 10328 v-bind:data-product-handle="product.handle" 10329 v-bind:data-product-title="product.title" 10330 onclick="window.__nativeQuickAdd(this.dataset.productHandle, this.dataset.productTitle)" 10331 type="button"> 10332 <span>Quick Add</span> 10333 </button> 10334 <!-- Single variant: normal add to cart --> 10335 <button 10336 class="rebuy-button" 10337 v-else 10338 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 10339 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 10340 v-bind:aria-label="buttonAriaLabel(product)" 10341 v-on:click="addToCart(product)" 10342 type="button"> 10343 <span v-html="buttonLabel(product)"></span> 10344 </button> 10345 </div> 10346 </div> 10347 10348 </div> 10349 10350 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 10351 <button 10352 class="rebuy-button decline" 10353 v-on:click="hide()" 10354 type="button"> 10355 <span v-html="continueLabel()"></span> 10356 </button> 10357 </div> 10358 10359 <div class="powered-by-rebuy"> 10360 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 10361 Powered by Rebuy 10362 </a> 10363 </div> 10364 10365 </div> 10366 10367 </div> 10368 </div> 10369 </script>
10369 10370 10371 10372 10373 <!-- Complete the look widget template --> 10374 10375
10375<script id="rebuy-widget-271469" type="text/template"> 10376 <div class="rebuy-widget" 10377 v-cloak 10378 v-on:click="stopPropagation($event)" 10379 v-bind:id="'rebuy-widget-' + id" 10380 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 10381 10382 <div 10383 class="rebuy-widget-container" 10384 v-cloak 10385 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 10386 v-on:click.self="hide()"> 10387 10388 <div class="rebuy-widget-content"> 10389 <div class="rebuy-modal-close" v-on:click="hide()" aria-label="close modal"> 10390 <rebuy-icon name="x"></rebuy-icon> 10391 </div> 10392 10393 <div class="rebuy-timer" v-if="hasTimer()"> 10394 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 10395 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 10396 </p> 10397 </div> 10398 10399 <h2 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 10400 10401 <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title" style="font-family: 'TT Norms Pro', sans-serif !important;letter-spacing: 0.03em; !important;"></h4> 10402 10403 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 10404 10405 <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> 10406 10407 <div 10408 v-for="(product, product_index) in products" 10409 v-bind:class="[ 10410 product.handle, 10411 'product-id-' + product.id, 10412 cartHasProduct(product) ? 'cart-has-item' : '', 10413 productTagClasses(product), 10414 hasSplideCarousel ? 'splide__slide' : '', 10415 ]" 10416 aria-label="product" 10417 class="rebuy-product-block" 10418 role="listitem" 10419 > 10420 10421 <div class="rebuy-product-media"> 10422 <a 10423 class="rebuy-product-image" 10424 tabindex="-1" 10425 v-bind:href="learnMoreURL(product)" 10426 v-bind:style="imageStyles" 10427 v-on:click="learnMore(product, $event);" 10428 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 10429 rel="nofollow" 10430 > 10431 <!-- Primary image --> 10432 <img class="rebuy-product-img" 10433 v-if="product?.images[0]?.src" 10434 v-bind:src="itemImage(product, product.selected_variant, '500x500')" 10435 v-bind:alt="'View ' + product.title"> 10436 10437 <!-- Secondary image (hover), resolved via Storefront API from variant_images metafield --> 10438 <img class="rebuy-product-hover-img" 10439 v-if="product.selected_variant && product.selected_variant.metafields && product.selected_variant.metafields.custom && product.selected_variant.metafields.custom.variant_images && product.selected_variant.metafields.custom.variant_images.length" 10440 :data-hover-gids="JSON.stringify(product.selected_variant.metafields.custom.variant_images)" 10441 :alt="'View ' + product.title"> 10442 </a> 10443 </div> 10444 <div class="rebuy-product-info"> 10445 <h5 10446 class="rebuy-product-title" 10447 v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 10448 <a 10449 v-bind:href="learnMoreURL(product)" 10450 class="rebuy-product-title-link" 10451 v-on:click="learnMore(product, $event);" 10452 v-html="product.title"
10453 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 10454 v-bind:aria-label="'View ' + product.title" 10455 rel="nofollow" 10456 ></a> 10457 </h5> 10458 <div 10459 class="rebuy-product-vendor-container" 10460 v-if="showProductVendor(product.vendor)" 10461 > 10462 <a 10463 class="rebuy-product-vendor" 10464 v-bind:class="[hasEnabledProductVendorLink() ? 'clickable' : '']" 10465 v-html="product.vendor" 10466 v-bind:href="vendorURL(product.vendor)" 10467 v-bind:aria-label="'View ' + product.vendor + ' products'" 10468 rel="nofollow" 10469 ></a> 10470 </div> 10471 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 10472 <div class="rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 10473 <span class="rebuy-star-rating"> 10474 <span 10475 v-if="product.reviews.star_rating" 10476 class="rebuy-star-rating-value sr-only" 10477 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 10478 > 10479 </span> 10480 <span class="rebuy-star-rating-background"></span> 10481 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 10482 </span> 10483 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 10484 </div> 10485 10486 <div class="rebuy-product-price"> 10487 <div v-if="variantOnSale(product, product.selected_variant)"> 10488 <span class="rebuy-money sale"> 10489 <span class="sr-only">Sale price</span> 10490 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 10491 </span> 10492 <span class="rebuy-money compare-at"> 10493 <span class="sr-only">Original price</span> 10494 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 10495 </span> 10496 </div> 10497 <div v-if="!(variantOnSale(product, product.selected_variant))"> 10498 <span class="rebuy-money"> 10499 <span class="sr-only">Price</span> 10500 <span tabindex="0" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 10501 </span> 10502 </div> 10503 </div> 10504 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 10505 </div> 10506 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 10507 <select 10508 title="Select product variant" 10509 :id="id + '-' + 'select' + '-' + product_index" 10510 :class="{ hide : config.view_options.variant_selector === 'buttons' }" 10511 class="rebuy-select" 10512 v-bind:aria-label="'variant of ' + product.title"
10513 v-model="product.selected_variant_id" 10514 v-on:change="selectVariant(product)"> 10515 <option 10516 v-for="variant in product.variants" 10517 class="rebuy-product-options__option" 10518 :class="{ 'rebuy-product-options__option--oos' : !variantAvailable(variant) }" 10519 v-bind:value="variant.id" 10520 :disabled="!variantAvailable(variant)" 10521 v-html="formatVariantOptionTitle(variant)"> 10522 </option> 10523 </select> 10524 10525 <div 10526 class="rebuy-product-options__button-swatches-container" 10527 :class="{ 'rebuy-style__hidden-block' : config.view_options.variant_selector === 'select' }" 10528 > 10529 <div 10530 v-for="option in product.options" 10531 :key="'option-' + product.id + '-' + option.name" 10532 class="rebuy-product-options__button-swatches rebuy-size-swatches" 10533 > 10534 <div 10535 v-for="(value, value_index) in filterOOSOptions(option, product)" 10536 :key="'value-' + product.id + '-' + option.name + '-' + value + '-' + value_index" 10537 > 10538 <div v-if="displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-color-swatch"> 10539 <input 10540 :name="id + '-color-' + product_index" 10541 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 10542 :checked="hasSwatchOptionSelected(product, value, value_index, 'color')" 10543 :value="value" 10544 type="radio" 10545 class="rebuy-color-input hide" 10546 v-on:change="selectVariantByOption(product, option.name, value)" 10547 :disabled="isDisabledOptionValue(product, option.name, value)" 10548 /> 10549 10550 <label 10551 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 10552 :style="getMerchantThemeColorAssetStyle(value)" 10553 :title="value" 10554 class="rebuy-color-label" 10555 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 10556 > 10557 </label> 10558 </div> 10559 10560 <div v-if="!displayColorSwatches(option)" class="rebuy-product-options__button-swatch rebuy-size-swatch"> 10561 <input 10562 :name="id + '-' + option.name + '-' + product_index" 10563 :id="id + '-' + option.name + '-' + product_index + '-' + value" 10564 :checked="hasSwatchOptionSelected(product, value, value_index, option.name)" 10565 :value="value" 10566 type="radio" 10567 class="rebuy-size-input hide" 10568 v-on:change="selectVariantByOption(product, option.name, value)" 10569 :disabled="isDisabledOptionValue(product, option.name, value)" 10570 /> 10571 10572 <label 10573 :for="id + '-' + option.name + '-' + product_index + '-' + value" 10574 class="rebuy-size-label" 10575 :class="{ 'rebuy-product-options__button-swatch-label--disabled' : isDisabledOptionValue(product, option.name, value) }" 10576 > 10577 {{ value }} 10578 </label> 10579 </div> 10580 </div> 10581 </div> 10582 </div> 10583 </div> 10584 10585 <div class="rebuy-product-actions"> 10586 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 10587 <label class="rebuy-checkbox-label"> 10588 <input 10589 class="checkbox-input rebuy-checkbox" 10590 v-model="product.subscription" 10591 v-on:change="toggleSubscription(product)" 10592 type="checkbox" 10593 :aria-label="upgradeToSubscriptionAriaLabel(product)" 10594 />
10595 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 10596 </label> 10597 </div> 10598 10599 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 10600 <select 10601 class="rebuy-select" 10602 aria-label="subscription frequency" 10603 v-model="product.subscription_frequency" 10604 v-on:change="updateSubscriptionFrequency(product)"> 10605 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 10606 </select> 10607 </div> 10608 10609 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 10610 <div class="rebuy-select-wrapper"> 10611 <label class="rebuy-label">Quantity</label> 10612 <select 10613 class="rebuy-select" 10614 aria-label="product quantity" 10615 v-model="product.quantity"> 10616 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 10617 </select> 10618 </div> 10619 </div> 10620 10621 <!-- Multi-variant: open theme quick-add modal --> 10622 <button 10623 class="rebuy-button" 10624 v-if="product.variants.length > 1" 10625 v-bind:data-product-handle="product.handle" 10626 v-bind:data-product-title="product.title" 10627 onclick="window.__nativeQuickAdd(this.dataset.productHandle, this.dataset.productTitle)" 10628 type="button"> 10629 <span>Quick Add</span> 10630 </button> 10631 <!-- Single variant: normal add to cart --> 10632 <button 10633 class="rebuy-button" 10634 v-else 10635 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 10636 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 10637 v-bind:aria-label="buttonAriaLabel(product)" 10638 v-on:click="addToCart(product)" 10639 type="button"> 10640 <span v-html="buttonLabel(product)"></span> 10641 </button> 10642 </div> 10643 </div> 10644 10645 </div> 10646 10647 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 10648 <button 10649 class="rebuy-button decline" 10650 v-on:click="hide()" 10651 type="button"> 10652 <span v-html="continueLabel()"></span> 10653 </button> 10654 </div> 10655 10656 <div class="powered-by-rebuy"> 10657 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 10658 Powered by Rebuy 10659 </a> 10660 </div> 10661 10662 </div> 10663 10664 </div> 10665 </div> 10666 </script>
10666 10667 10668 10669 <style> 10670 .rebuy-widget .rebuy-product-image { 10671 position: relative; 10672 overflow: hidden; 10673 } 10674 .rebuy-widget .rebuy-product-hover-img { 10675 position: absolute; 10676 top: 0; 10677 left: 0; 10678 transform: scale(1.2); 10679 opacity: 0; 10680 transition: opacity .3s cubic-bezier(.33, 0, 0, 1), transform .3s cubic-bezier(.33, 0, 0, 1); 10681 transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing); 10682 } 10683 .rebuy-widget .rebuy-product-hover-img, 10684 .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-img { 10685 pointer-events: none; 10686 opacity: 0; 10687 transition: opacity .3s cubic-bezier(.33, 0, 0, 1), transform .3s cubic-bezier(.33, 0, 0, 1); 10688 transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing); 10689 } 10690 .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-hover-img { 10691 pointer-events: all; 10692 opacity: 1; 10693 transform: scale(1); 10694 transition: opacity .3s cubic-bezier(.33, 0, 0, 1), transform .3s cubic-bezier(.33, 0, 0, 1); 10695 transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing); 10696 z-index: 10; 10697 } 10698 .rebuy-widget .rebuy-product-media:not(:has(.rebuy-product-hover-img)) .rebuy-product-image:hover .rebuy-product-img { 10699 opacity: 1 !important; /* Ensure the primary image remains visible */ 10700 pointer-events: all !important; 10701 } 10702 /* Disable hover effect on mobile */ 10703 @media (max-width: 500px) { 10704 10705 /* Keep main image visible */ 10706 .rebuy-widget .rebuy-product-img { 10707 opacity: 1 !important; 10708 transform: none !important; 10709 pointer-events: auto !important; 10710 } 10711 10712 /* Hide hover image completely */ 10713 .rebuy-widget .rebuy-product-hover-img { 10714 opacity: 0 !important; 10715 transform: none !important; 10716 pointer-events: none !important; 10717 } 10718 10719 /* Prevent hover state from triggering */ 10720 .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-img { 10721 opacity: 1 !important; 10722 } 10723 10724 .rebuy-widget .rebuy-product-media:hover .rebuy-product-image .rebuy-product-hover-img { 10725 opacity: 0 !important; 10726 } 10727 } 10728 </style> 10729
10729<script> 10730 // Override Rebuy.SmartCart.itemsWithSubtotalExclusions and progressBarSubtotal 10731 // to also exclude items added from specific widget IDs via the '_widget_id' line item property 10732 (function installSubtotalOverride() { 10733 const EXCLUDED_WIDGET_IDS = ['278763', '278991']; 10734 10735 function isWidgetExcluded(item) { 10736 return EXCLUDED_WIDGET_IDS.includes(String(item.properties?.['_widget_id'] ?? '')); 10737 } 10738 10739 function applyOverride() { 10740 const SmartCart = window.Rebuy?.SmartCart; 10741 10742 if ( 10743 !SmartCart || 10744 typeof SmartCart.itemsWithSubtotalExclusions !== 'function' || 10745 typeof SmartCart.progressBarSubtotal !== 'function' 10746 ) { 10747 return false; 10748 } 10749 10750 const _originalItemsWithExclusions = SmartCart.itemsWithSubtotalExclusions.bind(SmartCart); 10751 const _originalProgressBarSubtotal = SmartCart.progressBarSubtotal.bind(SmartCart); 10752 10753 // Last known good subtotal â frozen during BYP transitions so any caller 10754 // (GWP widgets, tier progress bar, etc.) sees a stable value while items 10755 // are temporarily removed and re-added during upgrade/downgrade/frequency change. 10756 let _cachedSubtotal = null; 10757 10758 let _cachedProgressBar = null; 10759 10760 // Only call _original once per invocation â fetch included or excluded depending on what's needed 10761 SmartCart.itemsWithSubtotalExclusions = function(returnExcludedItems = false) { 10762 if (!returnExcludedItems) { 10763 return _originalItemsWithExclusions(false).filter((item) => !isWidgetExcluded(item)); 10764 } 10765 10766 const originalIncluded = _originalItemsWithExclusions(false); 10767 const originalExcluded = _originalItemsWithExclusions(true); 10768 const widgetExcluded = originalIncluded.filter(isWidgetExcluded); 10769 10770 return [...originalExcluded, ...widgetExcluded]; 10771 }; 10772 10773 // progressBarSubtotal has its own independent exclusion logic that does not go through 10774 // itemsWithSubtotalExclusions, so we patch it separately. 10775 // 10776 // Four adjustments are applied on top of the original value: 10777 // 1. Widget-ID excluded items: subtract original_price * qty (removes what the original counted) 10778 // 2. One-time bundle items: compute retail total from sessionStorage via __bypCalcComparePriceCents 10779 // rather than item.compare_at_price, which gets reset by Vue reactivity after renders 10780 // 3. Subscription items: add (selling_plan_allocation.compare_at_price - original_price) * qty 10781 // since original_price reflects the subscription-discounted price, not the retail price 10782 // 4. Regular on-sale items: add (variant.compare_at_price - original_price) * qty so the bar 10783 // counts the full retail price. Rebuy stores compare-at in 10784 // item.product.selected_variant.compare_at_price (dollar string), not item.compare_at_price. 10785 SmartCart.progressBarSubtotal = function() { 10786 // During BYP transitions items are temporarily removed then re-added, 10787 // causing the subtotal to dip and incorrectly trigger GWP removal or 10788 // tier widget state changes. Return the last stable value instead. 10789 if (document.body.classList.contains('byp-switching') && _cachedSubtotal !== null) { 10790 return _cachedSubtotal; 10791 } 10792 10793 const originalValue = _originalProgressBarSubtotal(); 10794 const cartItems = window.Rebuy?.Cart?.cart?.items ?? []; 10795 10796 const adjustment = cartItems.reduce((acc, item) => { 10797 if (isWidgetExcluded(item)) { 10798 return acc - item.original_price * item.quantity; 10799 } 10800 10801 // One-time BYP bundles: compute retail total from sessionStorage directly rather 10802 // than relying on item.compare_at_price in Rebuy's reactive store, which gets 10803 // reset to 0 when injectBundleComparePricesIntoRebuy triggers a Vue re-render. 10804 if (item.properties?._itemDetails) { 10805 const calcFn = window.__bypCalcComparePriceCents; 10806 if (typeof calcFn === 'function') { 10807 const retailCents = calcFn(item.properties._itemDetails); 10808 const delta = retailCents - item.original_price * item.quantity; 10809 if (delta > 0) return acc + delta; 10810 } 10811 return acc; 10812 } 10813 10814 const compareAtPrice = item.selling_plan_allocation?.compare_at_price; 10815 if (compareAtPrice) { 10816 return acc + (compareAtPrice - item.original_price) * item.quantity; 10817 } 10818 10819 // Regular on-sale items: bump up from sale price to compare-at price. 10820 // Rebuy stores compare-at in item.product.selected_variant.compare_at_price 10821 // as a dollar string (same field compareAtPrice() reads in the Vue template). 10822 const variantCompareAt = item.product?.selected_variant?.compare_at_price; 10823 if (variantCompareAt) { 10824 const variantCompareAtCents = Math.round(parseFloat(variantCompareAt) * 100); 10825 if (variantCompareAtCents > item.original_price) { 10826 return acc + (variantCompareAtCents - item.original_price) * item.quantity; 10827 } 10828 } 10829 10830 return acc; 10831 }, 0); 10832 10833 const result = originalValue + adjustment; 10834 _cachedSubtotal = result; 10835 return result; 10836 }; 10837 10838 // Block removal of GWP items (identified by _widget_id property) during BYP 10839 // transitions. The cart subtotal temporarily dips while items are swapped, 10840 // which can trigger removal logic in both custom GWP code and Rebuy's native 10841 // tier widget â regardless of whether progressBarSubtotal is frozen. 10842 const _origRemoveItem = window.Rebuy.Cart.removeItem.bind(window.Rebuy.Cart); 10843 window.Rebuy.Cart.removeItem = function(item) { 10844 if (document.body.classList.contains('byp-switching') && item?.properties?.['_widget_id']) { 10845 return; 10846 } 10847 return _origRemoveItem(item); 10848 }; 10849 10850 // tiersPercentageComplete is a Vue component method (not on the SmartCart API) that reads
10851 // the subtotal via an internal closure, bypassing our progressBarSubtotal override entirely. 10852 // We correct the fill by recomputing the percentage using the same formula Rebuy uses: 10853 // calculatePercentageWithNormalTierMinimums, applied to correctedCents instead of 10854 // shippingExcludedSubtotal(). Tier icons sit at K*(100/N) - (100/N)/2 percentage points; 10855 // progress between tiers is weighted by spendSinceLast / (spendSinceLast + spendToNext). 10856 let _fixingFill = false; 10857 10858 // Mirrors Rebuy's calculatePercentageWithNormalTierMinimums with correctedCents as input. 10859 // tier.minimum is stored in dollars; getTierMinimum converts to cents via * 100. 10860 function computeCorrectFillPct(correctedCents, tiers) { 10861 const n = tiers.length; 10862 if (!n) return null; 10863 10864 const firstTierMin = Math.round(tiers[0].minimum * 100); 10865 const lastTierMin = Math.round(tiers[n - 1].minimum * 100); 10866 10867 if (correctedCents <= 0) return 0; 10868 if (correctedCents >= lastTierMin) return 100; 10869 if (n === 1) return Math.min((correctedCents / firstTierMin) * 100, 100); 10870 10871 const pctPerTier = 100 / n; 10872 const completedTiers = tiers.filter((t) => correctedCents >= Math.round(t.minimum * 100)); 10873 10874 let percentage; 10875 if (completedTiers.length === 0) { 10876 percentage = (correctedCents / firstTierMin) * (pctPerTier / 2); 10877 } else { 10878 percentage = completedTiers.length * pctPerTier - pctPerTier / 2; 10879 10880 const lastCompletedMin = Math.round(completedTiers[completedTiers.length - 1].minimum * 100); 10881 const nextTierMin = Math.round(tiers.find((t) => correctedCents < Math.round(t.minimum * 100)).minimum * 100); 10882 const spendSinceLast = correctedCents - lastCompletedMin; 10883 const spendToNext = nextTierMin - correctedCents; 10884 const tierDiff = spendSinceLast + spendToNext; 10885 if (tierDiff > 0) { 10886 percentage += (spendSinceLast / tierDiff) * pctPerTier; 10887 } 10888 } 10889 10890 return Math.min(100, Math.max(0, percentage)); 10891 } 10892 10893 const _fillObserver = new MutationObserver((mutations) => { 10894 if (_fixingFill) return; 10895 const hasFillChange = mutations.some( 10896 (m) => m.target.classList.contains('rebuy-cart__progress-bar-meter-fill') 10897 ); 10898 if (!hasFillChange) return; 10899 applyFillCorrection(); 10900 }); 10901 10902 function applyFillCorrection() { 10903 if (document.body.classList.contains('byp-switching')) return; 10904 if (!_cachedProgressBar) return; 10905 10906 const correctedCents = SmartCart.progressBarSubtotal(); 10907 const correctedDollars = correctedCents / 100;
10908 const tiers = _cachedProgressBar.tiers ?? []; 10909 10910 const correctPct = computeCorrectFillPct(correctedCents, tiers); 10911 if (correctPct === null) return; 10912 10913 const fill = document.querySelector('.rebuy-cart__progress-bar-meter-fill'); 10914 if (!fill) return; 10915 10916 const currentWidth = parseFloat(fill.style.width); 10917 if (Math.abs(correctPct - currentWidth) < 0.01) return; 10918 10919 _fixingFill = true; 10920 fill.style.width = correctPct.toFixed(4) + '%'; 10921 fill.setAttribute('aria-valuenow', Math.round(correctPct)); 10922 _fixingFill = false; 10923 10924 // Fix step icon .complete states â progressTierReached is also a Vue component 10925 // method that bypasses our override and would show wrong completion badges. 10926 document.querySelectorAll('.rebuy-cart__progress-step').forEach((step, idx) => { 10927 const tier = tiers[idx]; 10928 if (tier) step.classList.toggle('complete', correctedDollars >= tier.minimum); 10929 }); 10930 } 10931 10932 // getTierFeedbackText reads the subtotal via an internal closure rather than calling 10933 // SmartCart.progressBarSubtotal(), so it bypasses our override and computes remaining 10934 // amounts from the uncorrected value. We reimplement the text selection using our 10935 // corrected subtotal instead. 10936 SmartCart.getTierFeedbackText = function(progressBar) { 10937 _cachedProgressBar = progressBar; 10938 // rAF fires after Vue applies DOM changes â guaranteed fallback in case the 10939 // MutationObserver didn't catch the fill change (e.g., on first render). 10940 requestAnimationFrame(applyFillCorrection); 10941 const correctedCents = SmartCart.progressBarSubtotal(); 10942 const correctedDollars = correctedCents / 100; 10943 const tiers = progressBar?.tiers ?? []; 10944 const language = progressBar?.language ?? {}; 10945 10946 const nextTierIdx = tiers.findIndex((t) => correctedDollars < t.minimum); 10947 10948 if (nextTierIdx === -1) { 10949 const lastTier = tiers[tiers.length - 1]; 10950 switch (lastTier?.type) { 10951 case 'shipping': return language.free_shipping_reached ?? ''; 10952 case 'product': return lastTier.product_amount_reached_label_text ?? ''; 10953 case 'discount': return lastTier.discount_amount_reached_label_text ?? ''; 10954 default: return lastTier?.decorative_amount_reached_label_text ?? ''; 10955 } 10956 } 10957 10958 const nextTier = tiers[nextTierIdx]; 10959 const remainingCents = Math.round(nextTier.minimum * 100) - correctedCents; 10960 const remainingStr = '$' + (Math.max(0, remainingCents) / 100).toFixed(2).replace(/\.00$/, ''); 10961 10962 let template; 10963 switch (nextTier.type) { 10964 case 'shipping': template = language.free_shipping_remaining ?? ''; break; 10965 case 'product': template = nextTier.product_amount_remaining_label_text ?? ''; break; 10966 case 'discount': template = nextTier.discount_amount_remaining_label_text ?? ''; break; 10967 default: template = nextTier.decorative_amount_remaining_label_text ?? ''; 10968 } 10969 10970 return template.replace(/\{\{remaining_amount\}\}/g, remainingStr); 10971 }; 10972 10973 // Attach observer to the SmartCart root (always present at rebuy:smartcart.ready). 10974 // The progress bar meter is inside a v-if so it may not exist yet at init time â 10975 // observing the root with subtree catches the fill element whenever it does render. 10976 const _cartEl = document.querySelector('.rebuy-cart'); 10977 if (_cartEl) { 10978 _fillObserver.observe(_cartEl, { attributes: true, attributeFilter: ['style'], subtree: true }); 10979 } 10980 10981 return true; 10982 } 10983 10984 if (!applyOverride()) { 10985 document.addEventListener('rebuy:smartcart.ready', applyOverride, { once: true }); 10986 } 10987 })(); 10988</script>
10988 10989 10990 10991 <!-- Rebuy END --> 10992 </div> 10993 10994 <link href="//www.nativecos.com/cdn/shop/t/1755/assets/custom-override.css?v=81904929206599009011790803677" rel="stylesheet" type="text/css" media="all" /> 10995 <!-- click tracking -->
10996<script> 10997 // function that gets the path of the clicked element. Borrowed from Simo Ahava. https://www.simoahava.com/analytics/create-css-path-variable-for-click-element/ 10998 function gtm_get_click_element_path(element) { 10999 var el = element; 11000 if (el instanceof Node) { 11001 // Build the list of elements along the path 11002 var elList = []; 11003 do { 11004 if (el instanceof Element) { 11005 var classString = el.classList ? [].slice.call(el.classList).join('.') : ''; 11006 var elementName = (el.tagName ? el.tagName.toLowerCase() : '') + 11007 (classString ? '.' + classString : '') + 11008 (el.id ? '#' + el.id : ''); 11009 if (elementName) elList.unshift(elementName); 11010 } 11011 el = el.parentNode 11012 } while (el != null); 11013 // Get the stringified element object name 11014 var objString = element.toString().match(/\[object (\w+)\]/); 11015 var elementType = objString ? objString[1] : element.toString(); 11016 var cssString = elList.join(' > '); 11017 // Return the CSS path as a string, prefixed with the element object name 11018 return cssString ? elementType + ': ' + cssString : elementType; 11019 } 11020 } 11021 11022 window.addEventListener("click", function(event){ 11023 11024 // track clicks on any element and push it to Shopify customer events 11025 Shopify.analytics.publish("custom_click",{ 11026 click_element : gtm_get_click_element_path(event.target) || '', 11027 click_id : event.target.id || '', 11028 click_classes : event.target.className || '', 11029 click_text : event.target.innerText || '', 11030 click_target : event.target.target || '', 11031 click_url : event.target.href || '' 11032 }); 11033 11034 // track link clicks and push it to Shopify customer events 11035 var closestLink = event.target.closest('a') 11036 if (closestLink){ 11037 Shopify.analytics.publish("custom_link_click",{ 11038 click_element : gtm_get_click_element_path(closestLink.target) || '', 11039 click_id : closestLink.id || '', 11040 click_classes : closestLink.className || '', 11041 click_text : closestLink.innerText || '', 11042 click_target : closestLink.target || '', 11043 click_url : closestLink.href || '' 11044 }) 11045 } 11046 }); 11047 11048 document.addEventListener("product:variant-change", function (event) { 11049 11050 var event_data = {}; 11051 var productJsonScript = document.querySelector('[id^="ProductJson-template--"][id$="__main"]'); 11052 const productJsonData = JSON.parse(productJsonScript.textContent); 11053 11054 11055 11056 Shopify.analytics.publish("custom_variant_change", event_data); 11057}); 11058 11059 document.addEventListener("byp:add-to-cart", function(event) { 11060 var detail = event.detail; 11061 if (!detail || !detail.items || !detail.items.length) return; 11062 11063 var items = detail.items.map(function(p) { 11064 return { 11065 item_id: p.merchandiseId ? p.merchandiseId.split("/").pop() : "", 11066 item_name: p.productTitle || "", 11067 affiliation: "Native", 11068 item_brand: p.vendor || "Native", 11069 item_category: p.productType || "", 11070 item_category2: detail.product_title || "", 11071 item_variant: p.variantTitle || "", 11072 item_variant_id: p.variantId || "", 11073 price: parseFloat(p.price) || 0, 11074 quantity: p.quantity || 1, 11075 sku: p.sku || "", 11076 item_bundle_id: detail.pack_id, 11077 item_bundle_product_id: detail.product_id, 11078 item_bundle_product_title: detail.product_title, 11079 item_bundle_size: detail.items.length 11080 }; 11081 }); 11082 11083 11084 Shopify.analytics.publish("custom_add_to_cart", { 11085 pack_id: detail.pack_id, 11086 product_id: detail.product_id, 11087 product_title: detail.product_title, 11088 product_type: detail.product_type, 11089 variant_id: detail.variant_id, 11090 item_category: detail.item_category, 11091 value: detail.value, 11092 currency: "USD", 11093 bundle_size: items.length, 11094 items: items 11095 }); 11096 }); 11097 11098</script>
11098 11099<!-- end of click tracking --> 11100
11100<script> 11101 function clearModalRechargeVariantChangeHandler(modalEl) { 11102 if (!modalEl || !modalEl._rechargeVariantChangeHandler) return; 11103 document.removeEventListener('product:variant-change', modalEl._rechargeVariantChangeHandler); 11104 delete modalEl._rechargeVariantChangeHandler; 11105 } 11106 11107 (function () { 11108 const MODAL_SELECTOR = '.quick-product-modal'; 11109 const ROOT_SELECTOR = '.embed-pdp-app-block'; 11110 const CLOSE_SELECTOR = '.modal__close-icon'; 11111 const ATC_BUTTON_SELECTOR = '.product-form__cart-submit'; 11112 const MODAL_OVERLAY_SELECTOR = '.modal__wash'; 11113 11114 let observer = null; 11115 11116 function getModal() { 11117 return document.querySelector(MODAL_SELECTOR + '.active') || document.querySelector(MODAL_SELECTOR); 11118 } 11119 11120 function startObserver() { 11121 const target = getModal(); 11122 if (!target) { 11123 console.warn('Modal not found:', MODAL_SELECTOR); 11124 return; 11125 } 11126 11127 // Disconnect a previous observer if it exists 11128 if (observer) { 11129 observer.disconnect(); 11130 } 11131 11132 observer = new MutationObserver(function () { 11133 const rootEl = target.querySelector(ROOT_SELECTOR); 11134 if (rootEl) { 11135 const closeBtn = target.querySelector(CLOSE_SELECTOR); 11136 const atcBtn = target.querySelector(ATC_BUTTON_SELECTOR); 11137 const modalOverlay = target.querySelector(MODAL_OVERLAY_SELECTOR); 11138 executeWidget(target); 11139 observer.disconnect(); 11140 11141 if (!closeBtn || !atcBtn || !modalOverlay) return; 11142 closeBtn.addEventListener('click', function (e) { 11143 clearModalRechargeVariantChangeHandler(target); 11144 setTimeout(function () { 11145 startObserver(); 11146 }, 500); 11147 }); 11148 atcBtn.addEventListener('click', function (e) { 11149 clearModalRechargeVariantChangeHandler(target); 11150 setTimeout(function () { 11151 startObserver(); 11152 }, 500); 11153 }); 11154 modalOverlay.addEventListener('click', function (e) { 11155 clearModalRechargeVariantChangeHandler(target); 11156 setTimeout(function () { 11157 startObserver(); 11158 }, 500); 11159 }); 11160 } 11161 }); 11162 11163 observer.observe(target, { childList: true, subtree: true }); 11164 } 11165 11166 startObserver(); 11167 })(); 11168 11169 function executeWidget(modalEl) { 11170 const TARGET_SELECTOR = '.shopify-app-block'; 11171 const INJECTION_SLOT_SELECTOR = '.embed-pdp-app-block'; 11172 11173 const slotEl = modalEl ? modalEl.querySelector(INJECTION_SLOT_SELECTOR) : document.querySelector(INJECTION_SLOT_SELECTOR); 11174 if (slotEl) { 11175 const productHandle = slotEl.dataset.productHandle; 11176 const variantId = slotEl.dataset.variantId; 11177 const view = slotEl.dataset.templateView; 11178 11179 let urlParams = new URLSearchParams(); 11180 urlParams.append('variant', variantId); 11181 urlParams.append('view', view); 11182 11183 const fetchUrl = 'https://' + window.location.hostname + '/products/' + productHandle + '?' + urlParams.toString(); 11184 11185 fetch(fetchUrl, { 11186 credentials: 'same-origin' 11187 }) 11188 .then(function(res) { 11189 if (!res.ok) throw new Error('Section request failed: ' + res.status); 11190 return res.text(); 11191 }) 11192 .then(function(html) { 11193 const parser = new DOMParser(); 11194 const doc = parser.parseFromString(html, 'text/html'); 11195 11196 const section = doc.querySelector(TARGET_SELECTOR); 11197 if (!section) { 11198 console.warn('Target section not found:', TARGET_SELECTOR); 11199 return; 11200 } 11201 11202 const sectionHtml = section.innerHTML; 11203 11204 let slot = modalEl ? modalEl.querySelector(INJECTION_SLOT_SELECTOR) : document.querySelector(INJECTION_SLOT_SELECTOR); 11205 if (slot) { 11206 slot.innerHTML = sectionHtml; 11207 11208 reExecuteScripts(slot); 11209 modifyATCButtonPrice(modalEl); 11210 } else { 11211 console.warn('No injection slot found:', INJECTION_SLOT_SELECTOR); 11212 } 11213 11214 console.groupEnd(); 11215 }) 11216 .catch(function(err) { 11217 console.error('embed-pdp-app-block snippet error:', err); 11218 }); 11219 11220 } 11221 } 11222 11223 function reExecuteScripts(container) { 11224 if (!container) { 11225 console.warn('reExecuteScripts: container is null/undefined'); 11226 return; 11227 } 11228 11229 const scripts = container.querySelectorAll('script'); 11230 if (!scripts.length) { 11231 console.log('No script tags to re-execute in injected content.'); 11232 return; 11233 } 11234
11235 scripts.forEach(function(oldScript, i) { 11236 if (oldScript.dataset.executed === 'true') { 11237 return; 11238 } 11239 11240 let newScript = document.createElement('script'); 11241 11242 for (let j = 0; j < oldScript.attributes.length; j++) { 11243 const attr = oldScript.attributes[j]; 11244 try { 11245 newScript.setAttribute(attr.name, attr.value); 11246 } catch (e) { 11247 console.warn('Failed to copy script attribute:', attr.name, e); 11248 } 11249 } 11250 11251 if (!oldScript.src && oldScript.textContent) { 11252 newScript.textContent = oldScript.textContent; 11253 } 11254 11255 newScript.dataset.executed = 'true'; 11256 11257 try { 11258 oldScript.parentNode.replaceChild(newScript, oldScript); 11259 } catch (e) { 11260 console.error('Failed to replace script node:', e); 11261 } 11262 }); 11263 } 11264 11265 function modifyATCButtonPrice(modalEl) { 11266 clearModalRechargeVariantChangeHandler(modalEl); 11267 11268 const subscriptionWidget = modalEl ? modalEl.querySelector('recharge-subscription-widget') : document.querySelector('recharge-subscription-widget'); 11269 if (!subscriptionWidget) return; 11270 11271 function updateButtonPrice(label) { 11272 if (!label) return; 11273 11274 const priceEl = label.querySelectorAll('.rc-price'); 11275 if (!priceEl.length) return; 11276 11277 let priceText = priceEl[0].textContent.trim(); 11278 11279 if (priceEl.length > 1) { 11280 const textNodes = Array.from(priceEl[1].childNodes).filter(node => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== ''); 11281 priceText = textNodes.length ? textNodes[0].textContent.trim() : ''; 11282 } 11283 11284 const button = modalEl ? modalEl.querySelector('.product-form__controls-group--submit .product-form__cart-submit') : document.querySelector('.product-form__cart-submit'); 11285 if (!button) return; 11286 11287 const comparePrice = button.querySelector('[data-add-to-cart-compare-price]'); 11288 const currentPrice = button.querySelector('[data-add-to-cart-price]'); 11289 if (!currentPrice) return; 11290 11291 if (comparePrice) { 11292 comparePrice.textContent = priceEl.length > 1 ? priceEl[0].textContent.trim() : ''; 11293 } 11294 11295 currentPrice.textContent = priceText; 11296 } 11297 11298 function syncActiveOptionPrice() { 11299 const path = subscriptionWidget.shadowRoot; 11300 if (!path) return; 11301 11302 const activeInput = path.querySelector('.rc-purchase-option__input:checked'); 11303 updateButtonPrice(activeInput ? activeInput.closest('.rc-purchase-option__label') : null); 11304 } 11305 11306 subscriptionWidget.addEventListener('click', function () { 11307 setTimeout(syncActiveOptionPrice, 0); 11308 }); 11309 11310 const variantChangeHandler = function () { 11311 setTimeout(syncActiveOptionPrice, 250); 11312 }; 11313 11314 if (modalEl) { 11315 modalEl._rechargeVariantChangeHandler = variantChangeHandler; 11316 } 11317 11318 document.addEventListener('product:variant-change', variantChangeHandler); 11319 } 11320</script>
11320 11321 11322 <style> </style> 11323<div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'> 11324 .recharge-theme { 11325 /* App */ 11326 --recharge-app-background: #F9F8F4; 11327 --recharge-app-container: 1200px; 11328 --recharge-app-vertical-padding: 32px; 11329 11330 /* Brand colors */ 11331 11332--recharge-color-brand: #467C99; 11333 11334 /* Tints */ 11335 --recharge-color-brand-120: #38637a; 11336 --recharge-color-brand-20: #6b96ad; 11337 --recharge-color-brand-40: #90b0c2; 11338 --recharge-color-brand-60: #b5cbd6; 11339 --recharge-color-brand-75: #d1dee6; 11340 --recharge-color-brand-85: #e3ebf0; 11341 11342 /* Neutral */ 11343 --recharge-color-neutral: hsl(201, 35%, 7%); 11344 --recharge-color-neutral-80: hsl(201, 7%, 25%); 11345 --recharge-color-neutral-70: hsl(201, 5%, 35%); 11346 --recharge-color-neutral-40: hsl(201, 3%, 63%); 11347 --recharge-color-neutral-10: hsl(201, 2%, 91%); 11348 11349 11350 /* Links */ 11351 --recharge-button-secondary: #467C99; 11352 --recharge-button-secondary-120: #38637a; 11353 --recharge-button-secondary-60: #90b0c2; 11354 11355 /* Images */ 11356 --recharge-images-ratio: 1; 11357 11358 /* Cards */ 11359 11360 --recharge-cards-background: #FFFFFF; 11361 11362 11363 11364 --recharge-cards-border-color: RGBA(0,0,0,0); 11365 11366 11367 /* Fonts */ 11368 --recharge-typography-scale: 16px; 11369 --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); 11370 --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); 11371 --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); 11372 --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); 11373 --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); 11374 --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); 11375 11376 /** Text **/ 11377 --recharge-typography-light: #FFFFFF; 11378 --recharge-typography-primary: var(--recharge-color-neutral); 11379 --recharge-typography-secondary: var(--recharge-color-neutral-70); 11380 11381 /* Corners */ 11382 --recharge-corners-radius: 8px; 11383 11384 --recharge-button-border-radius: 8px; 11385 11386 11387 /* Views */ 11388 11389 --recharge-views-background: #F9F8F4; 11390 11391 11392 /* Buttons */ 11393 --recharge-button-font-family: inherit; 11394 --recharge-button-brand: var(--recharge-color-brand); 11395 --recharge-button-color: #FFFFFF; 11396 } 11397</style> 11398 11399</div><div id="shopify-block-AcnNqaVIzdnNGdEE3a__2640576625794464016" class="shopify-block shopify-app-block"> 11400 11401<!-- BEGIN app snippet: spotlight-drawer-app-embed-body --> 11402<style> 11403 .yotpo-widget-loyalty-spotlight { 11404 --loyalty-heading-font-fallback-families: sans-serif; 11405 --loyalty-body-font-fallback-families: sans-serif; 11406 } 11407</style> 11408
11409<script> 11410 (function(window) { 11411 window.yotpoWidgetsContainer = window.yotpoWidgetsContainer || {}; 11412 window.yotpoWidgetsContainer.shopifySpotlightDrawerCustomization = { 11413 loyaltyName: "My Loyalty Program", 11414 greetingText: "\u003cp\u003eHey ##name##,\u003cbr\u003eCheck out your perks â¨\u003c\/p\u003e", 11415 pointsSectionLabel: "You Earned", 11416 rewardsSectionTitle: "Your Rewards", 11417 applyRewardButtonText: "Apply to cart", 11418 applyRewardSuccessMessage: "Reward applied. Refresh page to see it.", 11419 removeRewardButtonText: "Remove from cart", 11420 backgroundColor: "#ffffff", 11421 pointsBgColor: "#D6D6D6", 11422 buttonBgColor: "#262626", 11423 buttonTextColor: "#ffffff", 11424 headingFontNameAndUrl: "Inter@600|\/\/www.nativecos.com\/cdn\/fonts\/inter\/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2", 11425 headingColor: "#262626", 11426 bodyFontNameAndUrl: "Inter@400|\/\/www.nativecos.com\/cdn\/fonts\/inter\/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2", 11427 bodyColor: "#4D4D4D", 11428 showPointsExpiry: true, 11429 expiryDateFormat: "long", 11430 expiryLabel: "exp.", 11431 pointsLabel: "pts", 11432 showPointsWorth: true, 11433 pointsWorthLabel: "Worth", 11434 tierSuffix: "Member", 11435 directRewardsLabel: "Free", 11436 daysLeftText: "##days## day(s) left", 11437 rewardExpiryColor: "#C93400", 11438 cartEmptyMessage: "Add items to cart first", 11439 collectionRequirementText: "Collection items only", 11440 missingCollectionItemMessage: "No collection items in your cart.", 11441 cartRequirementText: "Requires ##value## in cart", 11442 itemRequirementText: "Requires item in cart", 11443 pointsRequirementText: "Requires +##points## pts", 11444 rewardStackingText: "Can't combine with applied rewards", 11445 signupEnabled: true, 11446 nonMemberPreview: false, 11447 signupHeading: "Start earning rewards today.", 11448 signupConsentText: "\u003cp\u003eBy joining you agree to our Terms \u0026 Conditions.\u003c\/p\u003e", 11449 signupButtonText: "Join", 11450 signupSuccessMessage: "You're in! Start exploring your rewards." 11451}; 11452 })(window); 11453</script>
11453 11454 11455<!-- END app snippet --> 11456 11457 11458
11459<script> 11460 document.dispatchEvent(new CustomEvent('yotpo-loyalty-spotlight-customizations-loaded')); 11461</script>
11461</div><div id="shopify-block-AeERjbDhiOTdYM000e__16157100011046449464" class="shopify-block shopify-app-block"> 11462 11463 11464 11465 11466 11467 <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0c561-16b0-72bc-8987-550a5e565f0a/narvar-extensions-244/assets/shipping-protection-cart-widget.css"> 11468
11468<script src="https://cdn.shopify.com/extensions/01a0c561-16b0-72bc-8987-550a5e565f0a/narvar-extensions-244/assets/shipping-protection-cart-widget.js" defer></script>
11468 11469 11470 11471 11472 11473 11474 11475
11476<script> 11477 window.NarvarDPData = { 11478 variant_id: , 11479 metafield: JSON.stringify(), 11480 cart_attributes: "", 11481 settings: { 11482 widget_style: "opt-out-button", 11483 btn_with_class_names: "button, button--primary, cart__checkout-button", 11484 btn_without_class_names: "", 11485 btn_add_to_cart_class_names: "button", 11486 subtotal_selector: "totals__subtotal-value, cart-drawer-totals-subtotal-value", 11487 cart_count_bubble_selector: "cart-count-bubble", 11488 color_accent: "#2563eb", 11489 always_show_widget: true, 11490 show_price_next_to_checkout_btn: true, 11491 show_domain: "www.nativecos.com", 11492 shop_name: "Native", 11493 qty_update_selector: "cart-drawer .quantity__input" 11494 } 11495 }; 11496</script>
11496 11497 11498 11499</div>
11499<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11499 11500</body> 11501 11502 <link 11503 rel="preload" 11504 fetchpriority="low" 11505 href="//www.nativecos.com/cdn/shop/t/1755/assets/theme-deferred.css?v=122503841535395275051790803677" 11506 as="style" 11507 onload="this.onload=null;this.rel='stylesheet'" 11508 > 11509 <noscript><link rel="stylesheet" href="//www.nativecos.com/cdn/shop/t/1755/assets/theme-deferred.css?v=122503841535395275051790803677"></noscript> 11510</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.