Lash Techs
Techs
MUAs
MUAs
Tatti Lashes
Lashes
By Olivia Attwood|NEW
Best Sellers
New In
Summer Shop
Pre-Glued Lashes
DIY Lash Kits
Cluster Lashes
Strip Lashes
Natural Lashes
Brown Lashes
Shop By Occasion
Lash Glue & Tools
Gift Sets & Bundles
New To Lashes?
Gift Cards
Shop All
By Olivia Attwood
NEW
Pre-Glued Starter Kits
TRENDING
Pre-Glued Cluster Lashes
Pre-Glued Half Lashes
NEW
Pre-Glued Under Lashes
Shop By Style
Natural
Glam
DIY Lash Kits
Invisi-Lash FAQ's
View All
Mixed Length Cluster Lashes
Single Length Cluster Lashes
Brown Clusters
Trending
Winged Cluster Lashes
Pre-Mapped Cluster Lashes
Shop By Style
Natural
Day To Night
Trending
Glam
Winged
Shop All Strips
Best Sellers
3D Luxury Lashes
3D Faux Lashes
Half Lashes
Pre-Glued Half Lashes
Under Lashes
Wedding Lashes
The Bridal Edit
Trending
Natural Wedding Styles
Asian Bridal Styles
Shop By Style
Half Lashes
Natural Lashes
Clear Lash Band
Glam Lashes
Cat Eye Lashes
Dramatic Lashes
Hooded Eye Lashes
The Wedding Collection
Bride To Be
Asian Bridal
Wedding Guest
Hen Do
Events
Festival
TRENDING
Races
Shop All
Lash Glue
Tools & Accessories
Lash Display Stands
Merchandise
UK Next Day Delivery
Order in [[countdown]]
10% Off Invisi-Lash Kits
Use Code: Invisi10
60% Off MUA Discount
Add 20 lashes to redeem
</div> </div> <style data-shopify> .vidjet-carousel-wrapper { margin: 0 !important; } </style> </div><div id="shopify-section-template--27329145078141__4648857d-5147-4b24-aa22-2382d795b223" class="shopify-section"><div class="mb-xl"> </div> </div> </main><!-- BEGIN sections: footer-group --> <footer id="shopify-section-sections--15961142231123__footer" class="shopify-section shopify-section-group-footer-group bg-pink-lighter"><div id="footer" class="py-xl mx-outer grid grid-cols-12 gap-gutter auto-rows-min"> <div class="tablet:order-1 col-span-4 tablet:col-span-12 desktop:row-span-2"> <div class="mb-xs h2 text-black font-normal">Sign Up & Save</div> <div class="mb-md text-sm text-black tracking-wider"><p>Get 10% off when you sign up to our list, and be the first to know about all things Tatti. Discount excludes sale items.</p></div><form class="w-full rounded-xxs overflow-hidden flex flex-col gap-xxs" x-data="klaviyoForm(`HKsRXT`, `PJatSE`, `footer`)" x-bind="wrapper" ><label class="flex-1"> <span class="hidden">Email</span> <input type="email" name="contact[email]" class="min-h-button w-full h-full py-xs transition-colors px-sm rounded-xxs appearance-none outline-none border border-white group-hover:border-pink-light focus:border-pink-light placeholder:text-black-60 placeholder:opacity-50 min-w-0 mobile:text-[16px]" placeholder="Email" aria-label="Email" autocorrect="off" autocapitalize="off" autocomplete="email" value="" aria-required="true" required > </label> <label class="flex-1" x-data="{ phone: null }"> <span class="hidden">Mobile number</span> <input type="tel" name="contact[phone]" class="peer min-h-button w-full h-full py-xs transition-colors px-sm rounded-xxs appearance-none outline-none border border-white group-hover:border-pink-light focus:border-pink-light placeholder:text-black-60 placeholder:opacity-50 min-w-0 mobile:text-[16px]" placeholder="Mobile number" aria-label="Mobile number" autocorrect="off" autocapitalize="off" autocomplete="tel" value="" x-on:input="phone = $el.value" > <div class="max-h-0 transition-all duration-1000 overflow-hidden" x-bind:class="phone && phone.length >= 7 && 'max-h-screen'" > <div class="text-xxs text-black-60 pt-xxs">By entering your phone number and submitting this form, you consent to receive marketing text messages (such as promotion codes and cart reminders) from Tatti Lashes at the number provided. Message and data rates may apply. Message frequency varies. You can unsubscribe at any time by replying STOP or clicking the unsubscribe link in one of our messages</div> </div> </label> <button type="submit" class="leading-none min-h-button h-full py-xs transition-colors tracking-wide px-md font-medium outline-none rounded-xxs border border-pink bg-pink text-white font-medium" >Join</button> <div clas="mt-sm" hidden> <strong> Thanks for signing up! </strong> </div></form><script> (function() { var itiJs = document.createElement('script'); itiJs.async = true; itiJs.src = '//tattilashes.com/cdn/shop/t/238/assets/intlTelInput.js?v=178275792854108691051730470382'; document.getElementsByTagName('head')[0].appendChild(itiJs); })(); (function() { var itiCss = document.createElement('link'); itiCss.href = '//tattilashes.com/cdn/shop/t/238/assets/intlTelInput.css?v=88474167750911773711714377364'; itiCss.rel = 'stylesheet'; itiCss.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(itiCss); })(); </script><style data-shopify>.iti { width: 100%; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-left: var(--spacing-xs); padding-right: 52px; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { left: auto; right: 0; } .iti__country-list { right: 0; } .iti__flag { background-image: url('//tattilashes.com/cdn/shop/t/238/assets/flags.png?v=110639247209705433541714377364'); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('//tattilashes.com/cdn/shop/t/238/assets/flags@2x.png?v=103499352672715989171714377364'); } }</style></div><div class="tablet:order-3 col-span-3 tablet:col-span-6 col-start-7 tablet:col-sart-1"> <div class="mb-xs h2 text-black font-normal">Help</div><div class="mb-tiny"> <a href="/en-nz/pages/delivery" class="text-black text-sm">Shipping</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/returns-policy" class="text-black text-sm">Returns and exchanges</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/faqs" class="text-black text-sm">FAQs</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/become-a-stockist" class="text-black text-sm">Become a stockist</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/contact-us" class="text-black text-sm">Contact us</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/eu-withdrawal-form" class="text-black text-sm">Submit Withdrawal </a> </div></div><div class="tablet:order-3 col-span-3 tablet:col-span-6"> <div class="mb-xs h2 text-black font-normal">Explore</div><div class="mb-tiny"> <a href="/en-nz/account" class="text-black text-sm">My account</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/about-tatti-lashes" class="text-black text-sm">About us</a> </div><div class="mb-tiny"> <a href="/en-nz/pages/patch-testing" class="text-black text-sm">Patch testing</a> </div></div><div class="tablet:order-2 col-span-6 tablet:col-span-12 col-start-7 tablet:col-sart-1"><div class="flex flex-wrap items-center gap-sm mt-lg mobile:mb-lg"> <a href="https://www.instagram.com/tatti_lashes" class="text-black hover:text-pink" aria-label="Instagram" target="_blank" rel="noopener noreferer" ><svg class="" viewBox="0 0 22 22" width="22" height="22" xmlns="http://www.w3.org/2000/svg" > <path d="M14.726.032l.256.01.554.024c1.17.053 1.97.239 2.67.511a5.395 5.395 0 0 1 1.949 1.269 5.393 5.393 0 0 1 1.268 1.948c.272.7.458 1.5.512 2.67.046 1.007.061 1.426.065 3.409v1.974a95.217 95.217 0 0 1-.026 2.7l-.007.23-.008.205-.024.554c-.054 1.17-.24 1.97-.512 2.67a5.393 5.393 0 0 1-1.268 1.949 5.394 5.394 0 0 1-1.949 1.268c-.7.272-1.5.458-2.67.512-.284.013-.52.023-.758.032l-.206.007c-.514.015-1.097.023-2.202.025l-.508.001H9.616c-1.765-.005-2.19-.022-3.152-.065-1.17-.054-1.97-.24-2.67-.512a5.393 5.393 0 0 1-1.948-1.268 5.393 5.393 0 0 1-1.27-1.949c-.271-.7-.457-1.5-.51-2.67a104.8 104.8 0 0 1-.025-.554l-.008-.204-.006-.206c-.016-.515-.024-1.1-.026-2.21L0 9.904c.002-1.407.01-2.034.032-2.63l.01-.256c.006-.172.014-.351.023-.553.054-1.171.24-1.97.512-2.67a5.393 5.393 0 0 1 1.269-1.95A5.394 5.394 0 0 1 3.794.578c.7-.272 1.5-.458 2.67-.511.203-.01.381-.017.554-.024l.255-.01A70.57 70.57 0 0 1 9.614 0h2.482c1.407.002 2.034.01 2.63.03zm-2.65 1.95H9.924c-1.972.003-2.368.018-3.368.064-1.073.049-1.655.228-2.043.378-.513.2-.88.438-1.265.824a3.41 3.41 0 0 0-.823 1.264c-.15.388-.33.97-.379 2.043-.045 1-.06 1.396-.063 3.369v2.153c.003 1.972.018 2.368.063 3.368.05 1.073.228 1.655.38 2.043.199.513.437.88.822 1.265a3.41 3.41 0 0 0 1.265.823c.388.15.97.33 2.043.379 1 .045 1.396.06 3.368.063h2.154c1.42-.002 2.023-.01 2.623-.032l.2-.008c.17-.006.345-.014.545-.023 1.073-.05 1.655-.229 2.043-.38.514-.199.88-.437 1.265-.822a3.41 3.41 0 0 0 .823-1.265c.15-.388.33-.97.379-2.043.01-.24.02-.445.027-.645l.008-.2c.017-.536.025-1.11.028-2.294V9.694a72.52 72.52 0 0 0-.028-2.293l-.008-.2c-.007-.2-.016-.406-.027-.646-.05-1.073-.229-1.655-.379-2.043-.2-.513-.438-.88-.823-1.264a3.408 3.408 0 0 0-1.265-.824c-.388-.15-.97-.33-2.043-.378-.2-.01-.376-.017-.545-.024l-.2-.008-.202-.006a84.082 84.082 0 0 0-2.421-.026zM11 5.352a5.649 5.649 0 1 1 0 11.297 5.649 5.649 0 0 1 0-11.298zm0 1.981a3.667 3.667 0 1 0 0 7.334 3.667 3.667 0 0 0 0-7.334zm5.872-3.525a1.32 1.32 0 1 1 0 2.64 1.32 1.32 0 0 1 0-2.64z" fill="currentColor" fill-rule="evenodd"/> </svg></a> <a href="https://www.facebook.com/Tattilashes1" class="text-black hover:text-pink" aria-label="Facebook" target="_blank" rel="noopener noreferer" ><svg class="" viewBox="0 0 12 22" width="12" height="22" xmlns="http://www.w3.org/2000/svg" > <path d="M3.366 22h4.05V11.979h3.378l.505-3.923H7.415V5.558c0-1.133.315-1.905 1.94-1.905h2.059V.153C11.055.106 9.826 0 8.396 0c-2.986 0-5.03 1.823-5.03 5.17v2.886H0v3.923h3.366V22z" fill="currentColor" fill-rule="evenodd"/> </svg></a> <a href="https://www.tiktok.com/@_tattilashes" class="text-black hover:text-pink" aria-label="TikTok" target="_blank" rel="noopener noreferer" ><svg class="" viewBox="0 0 20 22" width="20" height="22" xmlns="http://www.w3.org/2000/svg" > <path d="M18.696 8.928a5.873 5.873 0 0 1-4.914-2.655v9.043a6.684 6.684 0 1 1-6.684-6.684c.14 0 .276.012.413.021v3.294c-.137-.017-.272-.042-.413-.042a3.411 3.411 0 0 0 0 6.823c1.884 0 3.548-1.485 3.548-3.369L10.68 0h3.151a5.87 5.87 0 0 0 5.41 5.24V8.9a5.99 5.99 0 0 1-.544.028z" fill="currentColor"/> </svg></a> <a href="https://www.youtube.com/channel/UCCRFoV4Tq13WIPGrqyG1DpA" class="text-black hover:text-pink" aria-label="TikTok" target="_blank" rel="noopener noreferer" ><svg class="" viewBox="0 0 28 22" width="28" height="22" viewBox="0 0 28 22" xmlns="http://www.w3.org/2000/svg" > <path d="M27.297 5.193v-.014c-.023-.233-.255-2.312-1.212-3.371C24.977.564 23.722.413 23.12.34a6.832 6.832 0 0 1-.137-.016l-.048-.006C19.3.038 13.81 0 13.754 0h-.01C13.69 0 8.2.039 4.532.318l-.049.004-.102.015-.026.002c-.596.074-1.837.225-2.946 1.514C.495 2.899.232 4.933.206 5.163l-.005.03A63.693 63.693 0 0 0 0 9.93v2.174c0 2.325.193 4.64.201 4.739l.002.014c.023.23.256 2.27 1.208 3.33 1.04 1.203 2.355 1.362 3.064 1.447h.007c.11.014.202.025.266.037l.063.01c2.1.211 8.681.315 8.96.319h.017c.056 0 5.546-.039 9.18-.318l.05-.006.153-.018c.594-.067 1.828-.205 2.922-1.476.912-1.046 1.175-3.081 1.201-3.31l.004-.03c.008-.097.203-2.413.203-4.738V9.93c0-2.324-.195-4.642-.203-4.738Zm-1.408 6.912c0 2.151-.178 4.369-.195 4.572-.068.56-.346 1.847-.79 2.357-.686.797-1.388.876-1.902.932a8.351 8.351 0 0 0-.172.021c-3.516.268-8.8.31-9.044.312-.272-.005-6.757-.11-8.793-.31a6.704 6.704 0 0 0-.336-.045c-.602-.073-1.427-.173-2.06-.91l-.015-.016c-.437-.48-.707-1.685-.775-2.335a62.804 62.804 0 0 1-.196-4.578V9.93c0-2.15.178-4.364.195-4.57.081-.66.365-1.87.79-2.36.707-.82 1.45-.91 1.943-.97l.011-.002.12-.015c3.532-.267 8.782-.31 9.073-.312h.007c.19.001 5.51.041 9.046.312l.14.017h.002c.506.062 1.271.154 1.974.946l.006.006c.437.48.707 1.705.776 2.369.011.144.195 2.393.195 4.579v2.174Zm-8.065-2.24-6.328-3.538a1.13 1.13 0 0 0-1.15.02c-.356.217-.57.598-.57 1.023v7.014c0 .423.212.803.566 1.02.35.214.788.224 1.147.027l6.327-3.477c.376-.207.611-.607.611-1.042a1.191 1.191 0 0 0-.603-1.046Zm-6.37 3.636V8.26l4.73 2.644-4.73 2.6V13.5Z" fill-rule="evenodd" fill="currentColor"/> </svg></a> </div> </div> </div> <div class="px-outer py-xs text-xxs text-black-60 border-t border-black-10 tablet:flex-col flex gap-sm flex-row-reverse"><form method="post" action="/en-nz/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-data=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/en-nz/pages/tatti-lashes-x-hair-beauty-awards" /><select name="country_code" x-on:change.debounce.500ms="$root.submit()" class="max-w-full text-black font-normal appearance-none outline-none transition-colors mobile:text-[16px] placeholder:text-black-60 leading-none leading-normal transition-all rounded-xxs py-xxs pl-xs pr-lg border bg-transparent border-black-30 hover:border-current focus:border-current cursor-pointer bg-select hover:bg-select-black focus:bg-select-black bg-[length:9px] bg-[center_right_15px] bg-no-repeat "><option value="AR">Argentina</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="BH">Bahrain</option><option value="BB">Barbados</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BO">Bolivia</option><option value="BA">Bosnia & Herzegovina</option><option value="BR">Brazil</option><option value="BG">Bulgaria</option><option value="CA">Canada</option><option value="CL">Chile</option><option value="CO">Colombia</option><option value="CR">Costa Rica</option><option value="HR">Croatia</option><option value="CY">Cyprus</option><option value="CZ">Czechia</option><option value="DK">Denmark</option><option value="DO">Dominican Republic</option><option value="EG">Egypt</option><option value="EE">Estonia</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="DE">Germany</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="HK">Hong Kong SAR</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="KW">Kuwait</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LY">Libya</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="MT">Malta</option><option value="MU">Mauritius</option><option value="MX">Mexico</option><option value="MD">Moldova</option><option value="NL">Netherlands</option><option value="NZ" selected>New Zealand</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="QA">Qatar</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="SA">Saudi Arabia</option><option value="RS">Serbia</option><option value="SG">Singapore</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="ZA">South Africa</option><option value="KR">South Korea</option><option value="ES">Spain</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="TW">Taiwan</option><option value="TN">Tunisia</option><option value="TR">Türkiye</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="US">United States</option></select></form><div class="flex-1 text-black tracking-wider"> <div> Tatti Lashes and TL are registered trademarks of <span class="tablet:inline-block">Tatti Lashes Luxury Strip Eyelashes Ltd</span> </div> <div class="flex flex-wrap items-center gap-x-gutter mt-tiny"> <a href="/en-nz" class="hover:text-black">© 2026 Tatti Lashes</a><a href="/en-nz/pages/terms-of-service" class="hover:text-black">Terms and conditions</a><a href="/en-nz/pages/privacy-policy" class="hover:text-black">Privacy policy</a><a href="https://madebyfield.co.uk" target="_blank" rel="author noopener" class="hover:text-black">Credit</a> </div> </div> </div> </footer> <!-- END sections: footer-group --><!-- BEGIN sections: settings-group --> <div id="shopify-section-sections--15961142296659__mobile-menu" class="shopify-section shopify-section-group-settings-group z-40 relative"><div class="mobilemenu fixed top-0 w-full h-full overflow-hidden transition-all" x-bind:class="$store.theme.mobileMenu ? 'left-0' : '-left-full delay-150'" x-cloak > <div class="z-10 relative max-w-full w-menu tablet:w-full h-full pb-xl bg-white overflow-hidden px-outer flex flex-col" x-data="{ currentMenu: 'tatti-lashes' }" > <div class="h-header flex items-center"> <a href="javascript:;" aria-label="Close" x-on:click.prevent="$store.theme.mobileMenu=0" ><svg class="text-black" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="m8.299 7.192 6.086 6.086-1.107 1.107-6.086-6.086-6.085 6.086L0 13.278l6.086-6.086L0 1.107 1.107 0l6.085 6.086L13.278 0l1.107 1.107z" fill="currentColor"/> </svg></a> </div> <ul class="flex z-10 h-full overflow-y-hidden overflow-x-auto whitespace-nowrap scrollbar-none snap-mandatory snap-x !h-auto mb-md -mx-outer px-outer scroll-px-outer w-screen"><li> <button class="inline-block apperance-none rounded-none px-xs py-xxs text-black font-accent uppercase text-xs tracking-widest cursor-pointer transition-colors hover:bg-grey" x-on:click.prevent="currentMenu = 'tatti-lashes'" x-bind:class="currentMenu == 'tatti-lashes' ? 'bg-pink-light' : ''" >Tatti Lashes</button> </li><li> <button class="inline-block apperance-none rounded-none px-xs py-xxs text-black font-accent uppercase text-xs tracking-widest cursor-pointer transition-colors hover:bg-grey" x-on:click.prevent="currentMenu = 'lash-tech'" x-bind:class="currentMenu == 'lash-tech' ? 'bg-pink-light' : ''" >Lash Techs</button> </li><li> <button class="inline-block apperance-none rounded-none px-xs py-xxs text-black font-accent uppercase text-xs tracking-widest cursor-pointer transition-colors hover:bg-grey" x-on:click.prevent="currentMenu = 'mua'" x-bind:class="currentMenu == 'mua' ? 'bg-pink-light' : ''" >MUAs</button> </li></ul> <div class="pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none flex-1"><div x-cloak x-show="currentMenu == 'tatti-lashes'" ><a href="/en-nz/collections/olivia-attwood-x-tatti-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-pink " >By Olivia Attwood<sup class="text-pink font-accent uppercase text-tiny pl-tiny">NEW</sup></a><a href="/en-nz/collections/best-sellers" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Best Sellers</a><a href="/en-nz/collections/new-in-tatti-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >New In</a><a href="/en-nz/collections/summer-shop" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-pink " >Summer Shop</a><div class="menu__container--level1" data-parent="Pre-Glued Lashes" > <label for="Menu--tatti-lashes--pre-glued-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Pre-Glued Lashes</label> <input id="Menu--tatti-lashes--pre-glued-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--tatti-lashes--pre-glued-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Pre-Glued Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/all-pre-glued-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Shop All </a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/olivia-attwood-x-tatti-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >By Olivia Attwood<sup class="text-pink font-accent uppercase text-tiny pl-tiny">NEW</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-glued-lashes-starter-kits" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Starter Kits<sup class="text-pink font-accent uppercase text-tiny pl-tiny">TRENDING</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-glued-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-glued-half-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Half Lashes<sup class="text-pink font-accent uppercase text-tiny pl-tiny">NEW</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/under-lashes-1" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Under Lashes</a> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Style </span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/natural-pre-glued-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Natural </a><a href="/en-nz/collections/glam-pre-glued-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Glam </a></div> </div></div> </div><div class="menu__container--level1" data-parent="DIY Lash Kits" > <label for="Menu--tatti-lashes--diy-lash-kits" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >DIY Lash Kits</label> <input id="Menu--tatti-lashes--diy-lash-kits" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--tatti-lashes--diy-lash-kits" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >DIY Lash Kits</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/diy-lash-kits" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >DIY Lash Kits</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/pages/invisi-lash-faqs" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Invisi-Lash FAQ's</a> </div></div> </div><div class="menu__container--level1" data-parent="Cluster Lashes" > <label for="Menu--tatti-lashes--cluster-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Cluster Lashes</label> <input id="Menu--tatti-lashes--cluster-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--tatti-lashes--cluster-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Cluster Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >View All</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mixed-length-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Mixed Length Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/single-length-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Single Length Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/brown-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Brown Clusters<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Trending</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/winged-liner-effect-clusters" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Winged Cluster Lashes </a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-mapped-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Mapped Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Style</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/natural-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Natural</a><a href="/en-nz/collections/day-to-night-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Day To Night<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Trending</sup></a><a href="/en-nz/collections/glam-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Glam</a><a href="/en-nz/collections/winged-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Winged</a></div> </div></div> </div><div class="menu__container--level1" data-parent="Strip Lashes" > <label for="Menu--tatti-lashes--strip-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Strip Lashes</label> <input id="Menu--tatti-lashes--strip-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--tatti-lashes--strip-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Strip Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/shop-all-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Shop All Strips</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/must-try-strip-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Best Sellers</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/3d-luxury-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >3D Luxury Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/3d-faux-mink" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >3D Faux Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/half-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Half Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-glued-half-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Half Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/under-lashes-1" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Under Lashes</a> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Wedding Lashes</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/the-wedding-edit" class="font-normal hover:text-pink block my-xxs text-black " >The Bridal Edit<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Trending</sup></a><a href="/en-nz/collections/wedding-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Natural Wedding Styles</a><a href="/en-nz/collections/asian-bridal" class="font-normal hover:text-pink block my-xxs text-black " >Asian Bridal Styles</a></div> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Style</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/half-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Half Lashes</a><a href="/en-nz/collections/natural" class="font-normal hover:text-pink block my-xxs text-black " >Natural Lashes</a><a href="/en-nz/collections/clear-lash-bands" class="font-normal hover:text-pink block my-xxs text-black " >Clear Lash Band</a><a href="/en-nz/collections/glam-1" class="font-normal hover:text-pink block my-xxs text-black " >Glam Lashes</a><a href="/en-nz/collections/cat-eye-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Cat Eye Lashes</a><a href="/en-nz/collections/dramatic-1" class="font-normal hover:text-pink block my-xxs text-black " >Dramatic Lashes</a><a href="/en-nz/collections/hooded" class="font-normal hover:text-pink block my-xxs text-black " >Hooded Eye Lashes</a></div> </div></div> </div><a href="/en-nz/collections/all-natural-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Natural Lashes</a><a href="/en-nz/collections/all-brown-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-brown " >Brown Lashes</a><div class="menu__container--level1" data-parent="Shop By Occasion" > <label for="Menu--tatti-lashes--shop-by-occasion" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Shop By Occasion</label> <input id="Menu--tatti-lashes--shop-by-occasion" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--tatti-lashes--shop-by-occasion" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Shop By Occasion</div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>The Wedding Collection</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/bride-to-be" class="font-normal hover:text-pink block my-xxs text-black " >Bride To Be</a><a href="/en-nz/collections/asian-bridal" class="font-normal hover:text-pink block my-xxs text-black " >Asian Bridal</a><a href="/en-nz/collections/wedding-guest" class="font-normal hover:text-pink block my-xxs text-black " >Wedding Guest</a><a href="/en-nz/collections/bachelorette-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Hen Do </a></div> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Events </span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/festival-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Festival<sup class="text-pink font-accent uppercase text-tiny pl-tiny">TRENDING</sup></a><a href="/en-nz/collections/races-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Races </a></div> </div></div> </div><div class="menu__container--level1" data-parent="Lash Glue & Tools" > <label for="Menu--tatti-lashes--lash-glue-tools" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Lash Glue & Tools</label> <input id="Menu--tatti-lashes--lash-glue-tools" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--tatti-lashes--lash-glue-tools" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Lash Glue & Tools</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/shop-all-lash-glue-accessories" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Shop All</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/lash-glue" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Lash Glue</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/tools-accessories" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Tools & Accessories</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/stands-1" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Lash Display Stands</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/merchandise" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Merchandise</a> </div></div> </div><a href="/en-nz/collections/exclusive-gift-sets" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Gift Sets & Bundles</a><a href="/en-nz/pages/new-to-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >New To Lashes?</a><a href="/en-nz/products/tatti-lashes-e-gift-card" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Gift Cards</a></div><div x-cloak x-show="currentMenu == 'lash-tech'" ><a href="/en-nz/collections/new-in-lash-tech" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >New In</a><a href="/en-nz/collections/lash-tech-best-sellers" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Best Sellers</a><div class="menu__container--level1" data-parent="Lash Trays" > <label for="Menu--lash-techs--lash-trays" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Lash Trays</label> <input id="Menu--lash-techs--lash-trays" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--lash-techs--lash-trays" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Lash Trays</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-fanned-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Fanned Lashes<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Best Seller</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/classic-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Classic & Flat Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/russian-volume-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Russian Volume & Easy-Fan Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/brown-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Brown Lashes<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Trending</sup></a> </div></div> </div><a href="/en-nz/pages/lash-tech-discount" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-pink " >Lash Tech Discount</a><a href="/en-nz/collections/korean-lash-lift-brow-lamination" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Korean Lash Lift & Brow Lamination</a><a href="/en-nz/collections/lash-brow-lift-and-lamination" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Lash & Brow Lift and Lamination</a><a href="/en-nz/collections/uvlash-system" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >UVLash System</a><a href="/en-nz/collections/lash-brow-tint" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Lash & Brow Tint </a><a href="/en-nz/collections/lash-adhesive-accessories" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Lash Adhesives</a><div class="menu__container--level1" data-parent="Tools & Kit Essentials" > <label for="Menu--lash-techs--tools-kit-essentials" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Tools & Kit Essentials</label> <input id="Menu--lash-techs--tools-kit-essentials" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--lash-techs--tools-kit-essentials" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Tools & Kit Essentials</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/lash-tech-tools-accessories" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Shop All</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/tech-tweezers" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Tweezers</a> </div></div> </div><a href="/en-nz/collections/brown-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-brown " >Brown Lashes</a><a href="/en-nz/collections/kits" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Lash Starter Kits</a><div class="menu__container--level1" data-parent="Accredited Online Training Courses" > <label for="Menu--lash-techs--accredited-online-training-courses" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Accredited Online Training Courses</label> <input id="Menu--lash-techs--accredited-online-training-courses" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--lash-techs--accredited-online-training-courses" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Accredited Online Training Courses</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/pages/training-school" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Tatti Training Hub</a> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Course</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/lash-training-courses" class="font-normal hover:text-pink block my-xxs text-black " >Lash Extension Courses</a><a href="/en-nz/collections/lift-laminate-courses" class="font-normal hover:text-pink block my-xxs text-black " >Lift & Lamination Courses<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Trending</sup></a><a href="/en-nz/products/uvlash-full-kit-course-with-kit" class="font-normal hover:text-pink block my-xxs text-black " >UVLash Course</a><a href="/en-nz/collections/tint-waxing-courses" class="font-normal hover:text-pink block my-xxs text-black " >Tint & Wax Course</a><a href="/en-nz/products/online-pre-fanned-extensions-tutorial" class="font-normal hover:text-pink block my-xxs text-black " >Pre-Fanned Masterclass</a></div> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Experience</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/beginner-training-courses" class="font-normal hover:text-pink block my-xxs text-black " >Beginner Courses</a><a href="/en-nz/collections/advanced-training-courses" class="font-normal hover:text-pink block my-xxs text-black " >Advanced Courses</a></div> </div></div> </div></div><div x-cloak x-show="currentMenu == 'mua'" ><a href="/en-nz/pages/mua-discount-save-up-to-60" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-pink " >MUA Discount</a><a href="/en-nz/collections/mua-favourites" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >MUA Faves</a><div class="menu__container--level1" data-parent="Strip Lashes" > <label for="Menu--muas--strip-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Strip Lashes</label> <input id="Menu--muas--strip-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--muas--strip-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Strip Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/shop-all-mua-strip-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Shop All Strips</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-3d-luxury-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >3D Luxury Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-3d-faux-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >3D Faux Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-half-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Half Lashes<sup class="text-pink font-accent uppercase text-tiny pl-tiny">MUA Fave</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-under-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Under Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-wedding-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Wedding Lashes</a> </div></div> </div><div class="menu__container--level1" data-parent="Cluster Lashes" > <label for="Menu--muas--cluster-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Cluster Lashes</label> <input id="Menu--muas--cluster-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--muas--cluster-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Cluster Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-clusters" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Shop All Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-single-length-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Single Length Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-mixed-length-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Mixed Length Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-brown-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Brown Cluster Lashes<sup class="text-pink font-accent uppercase text-tiny pl-tiny">Trending</sup></a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-winged-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Winged Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-pre-mapped-cluster-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Mapped Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Collection</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/products/flawless-fans-single-length" class="font-normal hover:text-pink block my-xxs text-black " >Flawless Fans<sup class="text-pink font-accent uppercase text-tiny pl-tiny">MUA Fave</sup></a><a href="/en-nz/collections/mua-original-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Original Collection</a><a href="/en-nz/collections/mua-wispy-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Wispy Collection</a><a href="/en-nz/collections/mua-brown-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Brown Collection</a><a href="/en-nz/collections/mua-winged-out-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Winged Out Collection</a><a href="/en-nz/collections/mua-pre-glued-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Pre-Glued Collection</a><a href="/en-nz/collections/mua-pre-mapped-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Pre-Mapped Collection</a></div> </div><div class="py-xxs border-b border-black-10" x-data="accordion" x-bind="wrapper" > <a href="javascript:;" class="font-normal hover:text-pink flex items-center justify-between gap-small text-black " x-on:click.prevent="toggle" > <span>Shop By Style</span><svg class="" width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg" > <path x-bind:fill="open ? 'transparent' : 'currentColor'" fill="currentColor" d="M7 0v13H6V0z"/><path fill="currentColor" d="M0 5.5h13v1H0z"/> </svg></a> <div x-ref="content" x-bind="content" class="transition-all overflow-hidden max-h-0" ><a href="/en-nz/collections/mua-natural-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Natural</a><a href="/en-nz/collections/mua-day-to-night-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Day To Night</a><a href="/en-nz/collections/mua-glam-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Glam</a><a href="/en-nz/collections/mua-winged-cluster-lashes" class="font-normal hover:text-pink block my-xxs text-black " >Winged</a></div> </div></div> </div><div class="menu__container--level1" data-parent="Pre-Glued Lashes" > <label for="Menu--muas--pre-glued-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Pre-Glued Lashes</label> <input id="Menu--muas--pre-glued-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--muas--pre-glued-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Pre-Glued Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-pre-glued-clusters" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Cluster Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/pre-glued-half-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Half Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/under-lashes-1" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Pre-Glued Under Lashes</a> </div></div> </div><div class="menu__container--level1" data-parent="Wedding Lashes" > <label for="Menu--muas--wedding-lashes" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Wedding Lashes</label> <input id="Menu--muas--wedding-lashes" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--muas--wedding-lashes" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Wedding Lashes</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-bridal-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Natural Bridal Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-asian-bridal-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Asian Bridal Lashes</a> </div></div> </div><a href="/en-nz/collections/mua-brown-cluster-lashes" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-brown " >Brown Lashes</a><div class="menu__container--level1" data-parent="Shop By Style" > <label for="Menu--muas--shop-by-style" class="font-normal hover:text-pink transition-colors cursor-pointer block h2 leading-snug py-xxs text-black " >Shop By Style</label> <input id="Menu--muas--shop-by-style" type="checkbox" name="menu" class="hidden peer" > <div class=" menu__container--level2 absolute top-0 left-0 -translate-x-full peer-checked:translate-x-0 w-full h-full bg-grey z-20 old--transition-all px-outer pb-xl max-h-full overflow-x-hidden overflow-y-auto scrollbar-none " > <div class="h-header flex items-center"> <label for="Menu--muas--shop-by-style" aria-label="Back" class="cursor-pointer flex items-center gap-xs text-black" > <svg class="" viewBox="0 0 12 19" width="12" height="19" xmlns="http://www.w3.org/2000/svg" > <path d="M9.97 0l1.415 1.414-7.779 7.778 7.779 7.779-1.414 1.414L.778 9.192 9.971 0z" fill="currentColor" fill-rule="evenodd"/> </svg> Back </label> </div> <div cfont-normal class="block h2 leading-snug py-xxs text-black " >Shop By Style</div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-natural-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Natural</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-glam-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Glam</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-winged-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Winged</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-dramatic-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Dramatic</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-clear-lash-bands" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Clear Lash Band</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-hooded-eye-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Hooded Eye Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-wedding-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Wedding Lashes</a> </div><div class="py-xxs border-b border-black-10"> <a href="/en-nz/collections/mua-asian-bridal-lashes" class="font-normal hover:text-pink flex items-center justify-between gap-gutter text-black " >Asian Bridal</a> </div></div> </div><a href="/en-nz/collections/mua-multipacks-bundles" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >MUA Multipacks & Bundles</a><a href="/en-nz/collections/mua-glues-tools" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Glues & Tools</a><a href="/en-nz/pages/training-school" class="font-normal hover:text-pink block h2 leading-snug py-xxs text-black " >Accredited Online Training Courses</a></div><div class="mt-lg mobile:mt-xl"><a href="/en-nz/account" class="flex items-center gap-gutter mt-sm text-black" > <svg class="" viewBox="0 0 20 19" width="20" height="19" xmlns="http://www.w3.org/2000/svg" fill="none" > <path fill="currentColor" fill-rule="evenodd" d="M18.8 19H20c0-5.523-4.477-10-10-10S0 13.477 0 19h1.2a8.8 8.8 0 0 1 17.6 0Z" clip-rule="evenodd"/><circle cx="10" cy="4" r="3.4" stroke="currentColor" stroke-width="1.2"/> </svg> My account </a></div> <div class="mt-lg mobile:mt-xl"><form method="post" action="/en-nz/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-data=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/en-nz/pages/tatti-lashes-x-hair-beauty-awards" /><select name="country_code" x-on:change.debounce.500ms="$root.submit()" class="max-w-full text-black font-normal appearance-none outline-none transition-colors mobile:text-[16px] placeholder:text-black-60 leading-none leading-normal transition-all rounded-xxs py-xxs pl-xs pr-lg border bg-transparent border-black-30 hover:border-current focus:border-current cursor-pointer bg-select hover:bg-select-black focus:bg-select-black bg-[length:9px] bg-[center_right_15px] bg-no-repeat "><option value="AR">Argentina</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="BH">Bahrain</option><option value="BB">Barbados</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BO">Bolivia</option><option value="BA">Bosnia & Herzegovina</option><option value="BR">Brazil</option><option value="BG">Bulgaria</option><option value="CA">Canada</option><option value="CL">Chile</option><option value="CO">Colombia</option><option value="CR">Costa Rica</option><option value="HR">Croatia</option><option value="CY">Cyprus</option><option value="CZ">Czechia</option><option value="DK">Denmark</option><option value="DO">Dominican Republic</option><option value="EG">Egypt</option><option value="EE">Estonia</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="DE">Germany</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="HK">Hong Kong SAR</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="KW">Kuwait</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LY">Libya</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="MT">Malta</option><option value="MU">Mauritius</option><option value="MX">Mexico</option><option value="MD">Moldova</option><option value="NL">Netherlands</option><option value="NZ" selected>New Zealand</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="QA">Qatar</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="SA">Saudi Arabia</option><option value="RS">Serbia</option><option value="SG">Singapore</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="ZA">South Africa</option><option value="KR">South Korea</option><option value="ES">Spain</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="TW">Taiwan</option><option value="TN">Tunisia</option><option value="TR">Türkiye</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="US">United States</option></select></form></div> </div> </div> <div x-cloak class="z-0 bg-black-30 absolute top-0 left-0 w-full h-full transition-all" x-on:click.prevent="$store.theme.mobileMenu=0" x-bind:class="$store.theme.mobileMenu ? 'opacity-100 delay-150' : 'opacity-0'" ></div> </div> <script> window.addEventListener('load', () => { const linkElements = document.querySelectorAll('.mobilemenu a'); linkElements.forEach(el => { el.addEventListener('click', event => { const targetUrl = new URL(el.href, window.location.origin); const currentUrl = new URL(window.location.href); const isSamePage = (targetUrl.origin === currentUrl.origin && targetUrl.pathname === currentUrl.pathname) || targetUrl.href === 'javascript:;'; if (!isSamePage) { // Determine menu category (parent link) const parentContainer = event.target.closest('.menu__container--level1'); const menu_category = parentContainer?.getAttribute('data-parent') || undefined; // Determine click text let click_text = undefined; const childNode = event.target.childNodes[0]; if (childNode && childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue.trim()) { click_text = childNode.nodeValue.trim(); } // Publish analytics event Shopify.analytics.publish('custom_mobile_menu_drawer_clickthrough', { click_url: targetUrl.href, click_text, menu_category, }); } }); }); }); </script> </div><div id="shopify-section-sections--15961142296659__promotions" class="shopify-section shopify-section-group-settings-group relative"><div class="hidden" x-cloak x-init=" $watch('$store.theme.cartData.items', items => { $store.theme['consumer'] = (items.filter(item => { return (item.properties['__tags'] && item.properties['__tags'].indexOf('Consumer') !== -1) ? true : false; }) || []).reduce((sum, item) => sum + Number(item.quantity), 0); }); " > <script> window.promotions = window.promotions || {}; window.promotions["consumer"] = { tag:"consumer", minimum_quantity:1, quantity:1, heading:"FREE Make-Up Bag when you spend over £40", body:"\u003cp\u003eAdd your bag and USE CODE: PINK\u003c\/p\u003e", body_qualified:""}; </script> </div><div class="hidden" x-cloak x-init=" $watch('$store.theme.cartData.items', items => { $store.theme['mua-discount'] = (items.filter(item => { return (item.properties['__tags'] && item.properties['__tags'].indexOf('mua-discount') !== -1) ? true : false; }) || []).reduce((sum, item) => sum + Number(item.quantity), 0); }); " > <script> window.promotions = window.promotions || {}; window.promotions["mua-discount"] = { tag:"mua-discount", minimum_quantity:1, quantity:20, heading:"60% MUA Discount", body:"\u003cp\u003eAdd [X] more lashes or individuals to qualify for up to 60% off MUA Discount\u003c\/p\u003e", body_qualified:""}; </script> </div><div class="hidden" x-cloak x-init=" $watch('$store.theme.cartData.items', items => { $store.theme['buy4'] = (items.filter(item => { return (item.properties['__tags'] && item.properties['__tags'].indexOf('buy4') !== -1) ? true : false; }) || []).reduce((sum, item) => sum + Number(item.quantity), 0); }); " > <script> window.promotions = window.promotions || {}; window.promotions["buy4"] = { tag:"buy4", minimum_quantity:1, quantity:4, heading:"Buy 4 Get 1 Free", body:"\u003cp\u003eAdd [X] more lash trays and get 1 free\u003cbr\/\u003e(excludes sale items)\u003c\/p\u003e", body_qualified:"\u003cp\u003e\u003ca href=\"\/en-nz\/collections\/russian-volume-classic-lashes\" title=\"Russian Volume \u0026 Classic Lashes\"\u003eClick here to choose your \u003cstrong\u003eFREE\u003c\/strong\u003e lash tray!\u003c\/a\u003e\u003c\/p\u003e"}; </script> </div><div class="hidden" x-cloak x-init=" $watch('$store.theme.cartData.items', items => { $store.theme['lashtech'] = (items.filter(item => { return (item.properties['__tags'] && item.properties['__tags'].indexOf('lashtech') !== -1) ? true : false; }) || []).reduce((sum, item) => sum + Number(item.quantity), 0); }); " > <script> window.promotions = window.promotions || {}; window.promotions["lashtech"] = { tag:"lashtech", minimum_quantity:1, quantity:10, heading:"Lash Techs Save 30%", body:"\u003cp\u003eAdd [X] more lash trays and save 30%\u003cbr\/\u003e(excludes sale items)\u003c\/p\u003e", body_qualified:"\u003cp\u003e\u003cem\u003eYour discount has automatically been applied\u003c\/em\u003e\u003c\/p\u003e"}; </script> </div><div class="hidden" x-cloak x-init=" $watch('$store.theme.cartData.items', items => { $store.theme['tint4'] = (items.filter(item => { return (item.properties['__tags'] && item.properties['__tags'].indexOf('tint4') !== -1) ? true : false; }) || []).reduce((sum, item) => sum + Number(item.quantity), 0); }); " > <script> window.promotions = window.promotions || {}; window.promotions["tint4"] = { tag:"tint4", minimum_quantity:1, quantity:4, heading:"Tatti Tint", body:"\u003cp\u003eAdd [X] more tint products and get a fifth one free\u003c\/p\u003e", body_qualified:"\u003cp\u003e\u003ca href=\"\/en-nz\/collections\/oh-so-pro\" title=\"Tatti Tint\"\u003eClick here to choose your \u003cstrong\u003eFREE\u003c\/strong\u003e tint product!\u003c\/a\u003e\u003c\/p\u003e"}; </script> </div><div class="hidden" x-cloak x-init=" $watch('$store.theme.cartData.items', items => { $store.theme['preorder'] = (items.filter(item => { return (item.properties['__tags'] && item.properties['__tags'].indexOf('Preorder') !== -1) ? true : false; }) || []).reduce((sum, item) => sum + Number(item.quantity), 0); }); " > <script> window.promotions = window.promotions || {}; window.promotions["preorder"] = { tag:"preorder", minimum_quantity:1, quantity:1, heading:"ADVENT ORDERS", body:"\u003cp\u003ePlease note: Advent Calendars need to be purchased separately to other products.\u003c\/p\u003e", body_qualified:"\u003cp\u003ePlease note: Advent Calendars need to be purchased separately to other products.\u003c\/p\u003e"}; </script> </div> </div><div id="shopify-section-sections--15961142296659__cart-drawer" class="shopify-section shopify-section-group-settings-group cart-drawer"><div class="fixed inset-0 z-50" x-show="$store.theme.cartDrawerOpen" x-cloak x-transition.opacity.duration.300ms ><div class="absolute inset-0 bg-black-30" x-on:click.self="$store.theme.cartDrawerOpen = false;" ></div><div data-drawer class=" absolute top-0 right-0 h-full max-w-full w-menu bg-white laptop:w-1/2 tablet:w-full flex flex-col overflow-x-hidden overflow-y-auto scrollbar-none " :class="$store.theme.cartDrawerOpen ? 'translate-x-0' : 'translate-x-full'" x-on:click.stop ><template x-if="!$store.theme.cartData.item_count" x-cloak> <div class="flex flex-col h-full"> <div class="flex-1 overflow-y-auto scrollbar-none"> <div> <div class="my-xxl px-outer grid gap-gutter grid-cols-12 tablet:block"> <div class="col-start-3 col-span-8 text-center"> <h1 class="h3 mb-sm">Your bag</h1> <p class="text-black-60 mb-sm">Your bag is empty.</p> <p> <a href="/en-nz/collections/all" class="inline-block appearance-none outline-none transition-colors mobile:text-[16px] placeholder:text-black-60 leading-none py-xs transition-colors tracking-wide px-md tablet:px-xs outline-none rounded-xxs border font-medium font-normal border-pink-lighter bg-pink-lighter text-black hover:border-pink-light hover:bg-pink-light " >Continue shopping</a> </p> </div> </div> </div> </div> </div> </template><template x-if="$store.theme.cartData.item_count" x-cloak> <div class="h-full"> <div class="grid gap-gutter tablet:block px-outer h-full"> <form accept-charset="UTF-8" action="/en-nz/cart" method="post" novalidate class="tablet:block grid grid-cols-12 gap-gutter h-full flex flex-col" x-data="cart" x-bind="wrapper" > <div class="col-span-12 flex flex-col h-full"><div class="flex-1 scrollbar-none"> <div class="tablet:pt-xs"> <div class="h2 flex flex-col sticky top-0 bg-white z-10"> <div class="flex items-center w-full my-md"> <span>Your bag</span> <span class="text-xl mx-xxs" x-text="`(${$store.theme.cartData.item_count} item${$store.theme.cartData.item_count === 1 ? '' : 's'})`" ></span> <button class="cursor-pointer ml-auto" aria-label="Close cart drawer" x-on:click="$store.theme.cartDrawerOpen = false;" type="button" > <svg class="w-sm h-sm text-black" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="m8.299 7.192 6.086 6.086-1.107 1.107-6.086-6.086-6.085 6.086L0 13.278l6.086-6.086L0 1.107 1.107 0l6.085 6.086L13.278 0l1.107 1.107z" fill="currentColor"/> </svg> </button> </div> <div class="bg-grey p-xxs rounded-xxs text-sm tablet:text-xs mb-xs" x-show="window.promotions['mua-discount'] && $store.theme['mua-discount'] && $store.theme['mua-discount'] > 0 && $store.theme['mua-discount'] < window.promotions['mua-discount'].quantity && window.promotions['mua-discount'].minimum_quantity <= $store.theme['mua-discount']" x-cloak > <div class="text-center text-black-60" x-html="window.promotions['mua-discount'] && window.promotions['mua-discount'].body.replace('[X]', window.promotions['mua-discount'].quantity - $store.theme['mua-discount'])" ></div> </div></div> <template x-for="(item, index) in $store.theme.cartData.items" :key="item.key"> <div class="grid grid-cols-4 tablet:grid-cols-8 gap-gutter mb-xs" :class=" { 'bg-pink-lighter border border-black-10 rounded-xxs p-xs': isUpsell(item, index, $store.theme.cartData.items.length) } " ><div class="tablet:col-span-2"> <a x-bind:href="item.template_suffix == 'hidden' ? 'javascript:;' : item.url" class="block aspect-w-5 aspect-h-5" > <template x-if="item.featured_image"> <img class="w-full object-cover block" x-bind:src="$store.theme.getSizedImage(item.featured_image.url, '160x')" x-bind:alt="item.featured_image.alt" loading="lazy" > </template> </a> </div><div class="col-span-2 tablet:col-span-4"> <div> <a x-bind:href="item.template_suffix == 'hidden' ? 'javascript:;' : item.url" class="h3 text-base font-medium block" x-text="((item.product && item.product.metafields && item.product.metafields.custom && item.product.metafields.custom.title) ? item.product.metafields.custom.title : item.title).split('<br />')[0]" ></a> <div> <span x-text="extractProductTitleAndSubtitle(item).product_subtitle" ></span> </div> </div><div class="text-black-60 text-small leading-snug" x-show="item.options_with_values.length > 0" > <template x-for="(option, index) in item.options_with_values"> <template x-if="option.value.indexOf('Default') === -1"> <span x-text="index + 1 == item.options_with_values.length ? option.value : `${option.value} · `" ></span> </template> </template> </div><div class="text-small" x-show="item.properties"> <template x-for="property in Object.entries(item.properties).filter(property => { if (property[0].charAt(0) !== '_') return property })"> <div> <span class="text-black" x-text="`${property[0]}:`"></span> <span class="text-black-60" x-text="property[1]"></span> </div> </template> </div><template x-for="discount in item.discounts"> <div class="text-pink font-medium text-small"> <span x-text="discount.title"></span> </div> </template><div class="mt-xxs inline-block relative group" x-data> <button aria-label="Decrease" x-bind:data-key="item.key" class="absolute inset-y-0 left-0 inline-flex items-center pl-xxs" x-on:click.prevent="$refs.quantity.value = Math.max(parseInt($refs.quantity.value) - 1, 0); $dispatch('change');" ><svg class="" viewBox="0 0 9 1" width="9" height="1" xmlns="http://www.w3.org/2000/svg" > <path fill="currentColor" fill-rule="evenodd" d="M0 0H9V1H0z"/> </svg></button> <input aria-label="Quantity" x-bind:data-key="item.key" type="number" name="quantity" min="0" max="99" x-bind:value="item.quantity" x-ref="quantity" class="border w-[88px] text-center h-md text-sm leading-normal appearance-none outline-none rounded-full px-md bg-transparent border-black-30 hover:border-current focus:border-current transition-all" > <button aria-label="Increase" x-bind:data-key="item.key" class="absolute inset-y-0 right-0 inline-flex items-center pr-xxs" x-on:click.prevent="$refs.quantity.value = parseInt($refs.quantity.value) + 1; $dispatch('change');" ><svg class="" viewBox="0 0 9 9" width="9" height="9" xmlns="http://www.w3.org/2000/svg" > <path d="M5 0v4h4v1H5v4H4V5H0V4h4V0h1z" fill="currentColor" fill-rule="evenodd"/> </svg></button> </div> </div><div class="tablet:col-span-2 text-right flex flex-col items-end"> <div class="leading-snug"> <div x-html="Shopify.formatMoney(item.final_price)" ></div> <s class="text-black-60 text-small" x-html="Shopify.formatMoney(item.original_price)" x-show="item.final_price !== item.original_price" ></s> </div> <a href="javascript:;" x-on:click.prevent="updateQuantity(item.key, 0)" class="text-black-60 hover:text-black underline text-small mt-auto" >Remove</a> </div> <div class="col-span-4 tablet:col-span-8 w-full" x-show="!$store.theme.hasAdvent && isUpsell(item, index)" > <div class="h-[1px] bg-black-10 -mx-xs tablet:-mx-xxs" ></div> <div class="w-full pt-xs relative empty:hidden bg-pink-lighter rounded-b-xxs"> <div class="empty:hidden mb-xs font-normal h4" x-show="(item.upsellTitle && item.upsellTitle.trim()) || 'Selected for you'.length" x-text=" (item.upsellTitle && item.upsellTitle.trim()) ? item.upsellTitle : 'Selected for you' " ></div> <div class="flex gap-xs w-full"> <template x-for="(upsellItem, upsellIndex) in getItemUpsells(item, $store.theme.cartData.items)"> <div class="w-full whitespace-normal align-top bg-pink-lighter rounded-xxs"> <template x-if="getItemUpsells(item, $store.theme.cartData.items).length === 1"> <div class="flex flex-row gap-sm items-stretch" > <a class="w-1/2 h-full" x-bind:href="Shopify.routes.root + 'products/' + upsellItem.handle" > <figure class="aspect-w-5 aspect-h-5"> <img x-bind:src="$store.theme.getSizedImage(upsellItem.featuredImage.url, '400x')" class="w-full object-cover block" > </figure> </a> <div class="w-1/2 flex flex-col justify-between min-w-0"> <a x-bind:href="Shopify.routes.root + 'products/' + upsellItem.handle"> <div class="h3 text-base font-medium block" x-text="upsellItem.title.split('<br />')[0]" ></div> </a> <div class="flex gap-xxs text-xs text-black"> <span x-html="parseFloat(item.upsellDiscountPercentage) > 0 ? Shopify.formatMoney(Math.round(upsellItem.priceRange.minVariantPrice.amount * (1 - (parseFloat(item.upsellDiscountPercentage) / 100)) * 100)) : Shopify.formatMoney(upsellItem.priceRange.minVariantPrice.amount * 100)" ></span> <s class="text-black-60 text-small" x-html="Shopify.formatMoney(upsellItem.priceRange.minVariantPrice.amount * 100)" x-show="parseFloat(item.upsellDiscountPercentage) > 0" ></s> </div> <div class=" cursor-pointer mt-auto outline-none rounded-xxs p-xxs flex items-center justify-between gap-xxs transition-colors tracking-wide font-normal text-xs w-full h-[40px] bg-pink-light text-black supports-hover:group-hover:bg-pink-light supports-hover:group-hover:text-black " x-on:click.prevent.stop="upsellItem.variants.length > 1 ? $store.theme.quickAdd(Shopify.routes.root + 'products/' + upsellItem.handle + '?view=js', 'Cart Upsell') : $store.theme.addToCart({ id: upsellItem.variants[0].id.split('/').pop(), quantity: 1 }, 'Cart Upsell')" > <span x-text="upsellItem.tags.includes('Preorder') ? 'Pre Order' : 'Add to bag'" ></span> <span class="ml-auto" x-html="parseFloat(item.upsellDiscountPercentage) > 0 ? Shopify.formatMoney(Math.round(upsellItem.priceRange.minVariantPrice.amount * (1 - (parseFloat(item.upsellDiscountPercentage) / 100)) * 100)) : Shopify.formatMoney(upsellItem.priceRange.minVariantPrice.amount * 100)" ></span> </div> </div> </div> </template> <template x-if="getItemUpsells(item, $store.theme.cartData.items).length > 1"> <div class="flex flex-col gap-xs h-full" > <a x-bind:href="Shopify.routes.root + 'products/' + upsellItem.handle"> <figure class="aspect-w-5 aspect-h-5"> <img x-bind:src="$store.theme.getSizedImage(upsellItem.featuredImage.url, '400x')" class="w-full object-cover block" > </figure> </a> <div class="w-full flex flex-col flex-1"> <a x-bind:href="Shopify.routes.root + 'products/' + upsellItem.handle"> <div class="text-xxs mb-[0.5em] text-black" x-text="upsellItem.title.split('<br />')[0]" ></div> </a> <div class="flex gap-xxs text-xs text-black"> <span x-html="parseFloat(item.upsellDiscountPercentage) > 0 ? Shopify.formatMoney(Math.round(upsellItem.priceRange.minVariantPrice.amount * (1 - (parseFloat(item.upsellDiscountPercentage) / 100)) * 100)) : Shopify.formatMoney(upsellItem.priceRange.minVariantPrice.amount * 100)" ></span> <s class="text-black-60 text-small" x-html="Shopify.formatMoney(upsellItem.priceRange.minVariantPrice.amount * 100)" x-show="parseFloat(item.upsellDiscountPercentage) > 0" ></s> </div> </div> <div class="cursor-pointer mt-xxs outline-none rounded-xxs px-xs py-[8px] flex items-center justify-center gap-xxs tablet:gap-0 transition-colors tracking-wide font-normal text-xxs w-full bg-pink-light text-black mobile:flex-col mobile:justify-center supports-hover:group-hover:bg-pink-light supports-hover:group-hover:text-black" x-on:click.prevent.stop="upsellItem.variants.length > 1 ? $store.theme.quickAdd(Shopify.routes.root + 'products/' + upsellItem.handle + '?view=js', 'Cart Upsell') : $store.theme.addToCart({ id: parseInt(upsellItem.variants[0].id.split('/').pop()), quantity: 1 }, 'Cart Upsell')" > <span x-text="upsellItem.tags.includes('Preorder') ? 'Pre Order' : 'Add to bag'" ></span> </div> </div> </template> </div> </template> </div> </div> </div> </div> </template> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['consumer'] && $store.theme['consumer'] > 0 && $store.theme['consumer'] <= window.promotions['consumer'].quantity && window.promotions['consumer'].minimum_quantity <= $store.theme['consumer']" x-cloak > <p> <span x-text="window.promotions['consumer'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['consumer'] == window.promotions['consumer'].quantity && window.promotions['consumer'].body_qualified != '' ? window.promotions['consumer'].body_qualified : window.promotions['consumer'].body.replace('[X]', window.promotions['consumer'].quantity - $store.theme['consumer'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['strip-lash'] && $store.theme['strip-lash'] > 0 && $store.theme['strip-lash'] <= window.promotions['strip-lash'].quantity && window.promotions['strip-lash'].minimum_quantity <= $store.theme['strip-lash']" x-cloak > <p> <span x-text="window.promotions['strip-lash'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['strip-lash'] == window.promotions['strip-lash'].quantity && window.promotions['strip-lash'].body_qualified != '' ? window.promotions['strip-lash'].body_qualified : window.promotions['strip-lash'].body.replace('[X]', window.promotions['strip-lash'].quantity - $store.theme['strip-lash'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['buy4'] && $store.theme['buy4'] > 0 && $store.theme['buy4'] <= window.promotions['buy4'].quantity && window.promotions['buy4'].minimum_quantity <= $store.theme['buy4']" x-cloak > <p> <span x-text="window.promotions['buy4'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['buy4'] == window.promotions['buy4'].quantity && window.promotions['buy4'].body_qualified != '' ? window.promotions['buy4'].body_qualified : window.promotions['buy4'].body.replace('[X]', window.promotions['buy4'].quantity - $store.theme['buy4'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['lashtech'] && $store.theme['lashtech'] > 0 && $store.theme['lashtech'] <= window.promotions['lashtech'].quantity && window.promotions['lashtech'].minimum_quantity <= $store.theme['lashtech']" x-cloak > <p> <span x-text="window.promotions['lashtech'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['lashtech'] == window.promotions['lashtech'].quantity && window.promotions['lashtech'].body_qualified != '' ? window.promotions['lashtech'].body_qualified : window.promotions['lashtech'].body.replace('[X]', window.promotions['lashtech'].quantity - $store.theme['lashtech'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['invisi'] && $store.theme['invisi'] > 0 && $store.theme['invisi'] <= window.promotions['invisi'].quantity && window.promotions['invisi'].minimum_quantity <= $store.theme['invisi']" x-cloak > <p> <span x-text="window.promotions['invisi'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['invisi'] == window.promotions['invisi'].quantity && window.promotions['invisi'].body_qualified != '' ? window.promotions['invisi'].body_qualified : window.promotions['invisi'].body.replace('[X]', window.promotions['invisi'].quantity - $store.theme['invisi'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['tint4'] && $store.theme['tint4'] > 0 && $store.theme['tint4'] <= window.promotions['tint4'].quantity && window.promotions['tint4'].minimum_quantity <= $store.theme['tint4']" x-cloak > <p> <span x-text="window.promotions['tint4'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['tint4'] == window.promotions['tint4'].quantity && window.promotions['tint4'].body_qualified != '' ? window.promotions['tint4'].body_qualified : window.promotions['tint4'].body.replace('[X]', window.promotions['tint4'].quantity - $store.theme['tint4'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['clusters'] && $store.theme['clusters'] > 0 && $store.theme['clusters'] <= window.promotions['clusters'].quantity && window.promotions['clusters'].minimum_quantity <= $store.theme['clusters']" x-cloak > <p> <span x-text="window.promotions['clusters'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['clusters'] == window.promotions['clusters'].quantity && window.promotions['clusters'].body_qualified != '' ? window.promotions['clusters'].body_qualified : window.promotions['clusters'].body.replace('[X]', window.promotions['clusters'].quantity - $store.theme['clusters'])" ></span> </p> </div> <div class="bg-pink-lighter rounded-xxs p-xxs text-center rte my-xxs tablet:mb-xs" x-show="$store.theme['preorder'] && $store.theme['preorder'] > 0 && $store.theme['preorder'] <= window.promotions['preorder'].quantity && window.promotions['preorder'].minimum_quantity <= $store.theme['preorder']" x-cloak > <p> <span x-text="window.promotions['preorder'].heading"></span><br> <span class="text-black-60" x-html="$store.theme['preorder'] == window.promotions['preorder'].quantity && window.promotions['preorder'].body_qualified != '' ? window.promotions['preorder'].body_qualified : window.promotions['preorder'].body.replace('[X]', window.promotions['preorder'].quantity - $store.theme['preorder'])" ></span> </p> </div></div> <div class="h-[1px] bg-black-10 -mx-lg desktop:hidden" ></div> </div> <div class="h-[1px] bg-black-10 -mx-lg" ></div><div class="w-full bg-white"><div class="[--items:4] tablet:[--items:2]" x-show="!$store.theme.hasAdvent" > <div class="flex items-center justify-between gap-gutter my-xs font-medium"> <div class="flex items-center"> <span class="pr-tiny">Total</span> <span x-show="$store.theme.cartData.total_discount > 0" x-cloak x-html="` (saving {{ discount }})`.replace('{{ discount }}', `<span class='money'>${Shopify.formatMoney($store.theme.cartData.total_discount)}</span>`)" ></span> </div> <div x-html="Shopify.formatMoney($store.theme.cartData.total_price)">$0</div> </div> <div id="checkout-btn" class="my-sm"> <button type="submit" name="checkout" class="w-full block min-h-button h-full py-xs transition-colors tracking-wide px-md font-medium outline-none rounded-xxs bg-pink-light text-black" >Checkout</button> </div> <div x-data="cartBar" x-bind="wrapper" x-show="isVisible" x-transition.opacity.duration.300ms class="z-[49] w-full flex items-center justify-start gap-sm bg-white border-t border-black-10 px-outer py-xxs [--items:3]" x-cloak > <button type="submit" name="checkout" class="w-full block min-h-button h-full py-xs transition-colors tracking-wide px-md font-medium outline-none rounded-xxs bg-pink-light text-black" >Checkout</button> </div> <div class="my-sm"><ul class="flex gap-xxs flex-wrap items-center justify-center"><li> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> </li><li> <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li><li> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li><li> <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li><li> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li><li> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewBox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg> </li><li> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li><li> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> </li><li> <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> </li><li> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li><li> <svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg> </li><li> <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> </li></ul><div class="text-center text-black-60 underline mt-sm cursor-pointer" x-on:click="$store.theme.cartDrawerOpen = false;" > Continue shopping </div> </div> </div> </div> </div> </form> </div> </div> </template> </div> </div> </div> <!-- END sections: settings-group --><div class="fixed z-50 top-0 left-0 w-full h-full bg-black-30 transition-opacity flex items-center justify-center mobile:items-start" x-data="{ json: {}, buttonText: 'Add to bag', defaultButtonText: 'Add to bag' }" x-init="$watch('$store.theme.quickProduct', value => { json = value; buttonText = value.available ? value.variants.length > 1 ? window.languages.selectOptions : window.languages.addToCart : window.languages.soldOut; defaultButtonText: json.tags.indexOf('Preorder') !== -1 ? 'Pre Order' : 'Add to bag' } )" x-on:click.self.prevent="quick=$store.theme.quick=0" x-bind:class="$store.theme.quick ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'" x-cloak > <div class="w-auto desktop:min-w-[400px] mobile:w-full" x-data="product" x-bind:data-add-to-cart="defaultButtonText" x-bind:data-product-id="json.id" x-bind:data-category="$store.theme.quickCategory" x-show="json !== {}" data-price="json.price_min" > <script x-ref="json" x-bind:id="`ProductJSON-${json.id}`" type="application/json" x-text="JSON.stringify(json)" ></script> <div class="px-sm mobile:px-outer py-xs flex items-center justify-between bg-grey text-lg tracking-wider"> <span>Select options</span> <a href="javascript:;" aria-label="Close" x-on:click.prevent="$store.theme.quick=0" ><svg class="" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="m8.299 7.192 6.086 6.086-1.107 1.107-6.086-6.086-6.085 6.086L0 13.278l6.086-6.086L0 1.107 1.107 0l6.085 6.086L13.278 0l1.107 1.107z" fill="currentColor"/> </svg></a> </div> <form action="/en-nz/cart/add" method="post" class="p-sm mobile:p-xs bg-white" x-ref="form" x-bind="wrapper" x-bind:data-product="json.id" > <input type="hidden" name="properties[Preorder]" value="Items will be shipped when they are available." x-bind:disabled="json.tags && json.tags.indexOf('Preorder') !== -1 ? false : true" > <input type="hidden" name="properties[__tags]" x-bind:value="json.tags && json.tags.length > 0 ? json.tags.join(',') : ''" x-bind:disabled="json.tags && json.tags.length > 0 ? false : true" > <input type="hidden" name="id" x-bind:value="(json && json.variants && json.variants.length == 1) ? json.variants[0].id : ''" x-ref="id" > <input type="hidden" name="quantity" value="1" x-ref="quantity"> <div class="flex items-start justify-between gap-gutter"> <div> <div class="" x-text="json.title && json.title.split(' - ')[0]">Loading...</div> <div class="leading-none mt-tiny text-black-60" x-text="json.title && json.title.indexOf(' - ') !== -1 ? json.title.split(' - ')[1] : ''" ></div> </div> <div class="tracking-wider whitespace-nowrap" x-html="Shopify.formatMoney(json.price)" x-ref="price" ></div> </div> <template x-if="json && json.variants && json.variants.length > 1"> <div class="mt-gutter flex gap-gutter flex-wrap"> <template x-for="(option, index) in json.options_with_values"> <select x-on:change="selectCallback(false)" x-bind:name="`option${option.position}`" class=" flex-1 leading-normal appearance-none outline-none rounded-xxs py-xxs pl-xs pr-lg border bg-transparent border-black-30 hover:border-current focus:border-current cursor-pointer transition-all bg-select hover:bg-select-black focus:bg-select-black bg-[length:9px] bg-[center_right_15px] bg-no-repeat " > <option selected disabled x-text="option.name" value=""></option> <template x-for="value in option.values"> <option x-text="value"></option> </template> </select> </template> </div> </template> <div class="mt-gutter"> <button class=" outline-none rounded-xxs p-xs transition-colors tracking-wide w-full font-medium border border-pink pointer-events-none text-pink bg-transparent " type="submit" x-ref="submit" x-bind:disabled="!$refs.variant || $refs.variant === ''" x-text="buttonText" >Add to bag</button> </div> </form> </div> </div> <div class="fixed z-50 top-header mobile:top-0 left-0 right-0 bottom-0 bg-black-30 mobile:px-0 px-outer flex items-start justify-end transition-opacity" x-data="cart(true)" x-bind="wrapper" x-cloak > <div class="w-grid mobile:w-full bg-white rounded-b-xxs pb-sm mobile:pb-xxs" id="CartModal"> <div class="px-sm py-xxs flex items-center justify-between gap-xxs text-lg bg-grey font-medium">Added to bag<a href="javascript:;" aria-label="Close" x-on:click.prevent="$store.theme.cartModal=0;Shopify.analytics.publish('custom_cart_pop_out_click', { action: 'Close' });" ><svg class="" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="m8.299 7.192 6.086 6.086-1.107 1.107-6.086-6.086-6.085 6.086L0 13.278l6.086-6.086L0 1.107 1.107 0l6.085 6.086L13.278 0l1.107 1.107z" fill="currentColor"/> </svg></a> </div> <template x-if="items && items.length"> <template x-for="item in items"> <div class="flex items-start gap-gutter p-sm mobile:p-xs text-sm"> <template x-if="item.featured_image"> <div class="w-[80px] block"> <figure class="aspect-w-5 aspect-h-5"> <img class="object-cover" x-bind:src="$store.theme.getSizedImage(item.featured_image.url, '160x')" x-bind:alt="item.featured_image.alt" x-bind:width="item.featured_image.width" x-bind:height="item.featured_image.height" loading="lazy" > </figure> </div> </template> <div class="flex-1"> <div class="" x-text="item.product_title"></div><div class="text-black-60 text-small" x-show="item.options_with_values.length > 0"> <template x-for="(option, index) in item.options_with_values"> <template x-if="option.value.indexOf('Default') === -1"> <span x-text="index + 1 == item.options_with_values.length ? option.value : `${option.value} / `" ></span> </template> </template> </div> <div class="text-small mt-tiny" x-show="item.properties"> <template x-for="property in Object.entries(item.properties).filter(property => { if (property[0].charAt(0) !== '_') return property })"> <div> <span class="text-black" x-text="`${property[0]}:`"></span> <span class="text-black-60" x-text="property[1]"></span> </div> </template> </div> <template x-for="discount in item.discounts"> <div class="text-pink text-small"> <span x-text="discount.title"></span> </div> </template> <div class="mt-xxs inline-block relative group" x-data> <button aria-label="Decrease" x-bind:data-key="item.key" class="absolute top-0 inline-flex items-center h-full left-0 pl-xxs h-md" x-on:click.prevent="$refs.quantity.value = Math.max(parseInt($refs.quantity.value) - 1, 0);$dispatch('change');" ><svg class="" viewBox="0 0 9 1" width="9" height="1" xmlns="http://www.w3.org/2000/svg" > <path fill="currentColor" fill-rule="evenodd" d="M0 0H9V1H0z"/> </svg></button> <input aria-label="Quantity" x-bind:data-key="item.key" type="number" name="quantity" min="0" max="99" x-bind:value="item.quantity" x-ref="quantity" class=" border w-[80px] text-center h-md text-sm leading-normal appearance-none outline-none rounded-full px-md border bg-transparent border-black-30 hover:border-current group-hover:border-current focus:border-current transition-all " > <button aria-label="Increase" x-bind:data-key="item.key" class="absolute top-0 inline-flex items-center h-full right-0 pr-xxs h-md" x-on:click.prevent="$refs.quantity.value = parseInt($refs.quantity.value) + 1;$dispatch('change');" ><svg class="" viewBox="0 0 9 9" width="9" height="9" xmlns="http://www.w3.org/2000/svg" > <path d="M5 0v4h4v1H5v4H4V5H0V4h4V0h1z" fill="currentColor" fill-rule="evenodd"/> </svg></button> </div> </div> <div> <div class="" x-html="Shopify.formatMoney(item.final_price)" ></div> <s class="text-black-60" x-html="Shopify.formatMoney(item.original_price)" x-show="item.final_price !== item.original_price" ></s> </div> </div> </template> </template> <a href="/en-nz/cart" x-on:click="Shopify.analytics.publish('custom_cart_pop_out_click', { action: 'Basket Clickthrough' });" class="block text-center mx-sm mobile:mx-xs min-h-button h-full py-xs transition-colors tracking-wide px-md outline-none rounded-xxs font-medium bg-pink-light supports-hover:group-hover:bg-pink-lighter text-black" > View bag (<span x-text="$store.theme.cartData.item_count"></span>) </a> </div> </div> <div x-cloak class="fixed z-10 top-0 left-0 w-full h-full transition-opacity tablet:hidden" x-on:mousemove.passive="$store.theme.menu=0" x-bind:class="$store.theme.menu ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none'" ></div> <script src="//tattilashes.com/cdn/shop/t/238/assets/app.js?v=120036814620327821281784019183" defer></script> <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async ></script> <div id="shopify-block-ARExFU25Wa0dyOGZGU__6251270934270006384" class="shopify-block shopify-app-block"><script> console.log("Stape gtm: 1.0.4"); window.lsData = {}; window.dataLayer = window.dataLayer || []; window.addEventListener("message", (event) => { if (event.data?.event) { window.dataLayer.push(event.data); } }); window.dataShopStape = { shop: "tattilashes.com", shopId: "18391055", } </script> <script> console.log("⚠️ User not logged in"); window.localStorage.removeItem('customerShopStape'); </script> <script> window.currentShopifyMarketStapeId = null; window.currentShopifyMarketStapeCode = null; try { window.currentShopifyMarketStapeId = "7245791315"; window.currentShopifyMarketStapeCode = "NZ"; // Checkout doesn't render theme app extension blocks, so this is the // only place the market/country code is ever set. Persisting it here // lets checkout-side field mapping (country_market_code) fall back to // the last known value instead of coming up empty. localStorage.setItem('marketShopStape', JSON.stringify({ id: window.currentShopifyMarketStapeId, code: window.currentShopifyMarketStapeCode })); } catch (error) { console.error("❌ Stape Error:", error); } </script> </div><div id="shopify-block-AdjkraUk3aFVvenQ3d__8605505498557855500" class="shopify-block shopify-app-block bogos-shopify-block"> <div id="secomapp_freegifts_version" data-version="3.0"></div> <!-- BEGIN app snippet: freegifts-snippet --><link href="//cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/glider.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="//cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/freegifts-main.min.css" rel="stylesheet" type="text/css" media="all" /> <style id="sca_fg_custom_style"> .freegifts-main-container .fg-section-title, .freegifts-main-container .bogos-slider-info-title { color: #121212; } .freegifts-main-container .product-title, .freegifts-main-container .bogos-gift-product-title { color: #000000; } .freegifts-main-container .original-price, .freegifts-main-container .bogos-gift-item-compare-price { color: #121212; } .freegifts-main-container .gift-price, .freegifts-main-container .bogos-gift-item-price { color: #ea5455; } .freegifts-main-container .btn-add-to-cart { color: #FFFFFF; background-color: #7367f0; } .freegifts-main-container .bogos-slider-offer-badge { background: #FFEF9D } .freegifts-main-container .bogos-slider-offer-badge.success { background: #CDFEE1 } .freegifts-main-container .bogos-slider-offer-title { color: #000000 } .freegifts-main-container .btn-add-to-cart svg path { fill: #FFFFFF; } .bogos-gift-select-variant-title { color: #005BD3; } .bogos-gift-select-variant-title-contain::after { border-color: #005BD3; } .fg-gift-thumbnail-offer-title { color: #000000; } .fg-gift-thumbnail-container { border-color: #8A8A8A; } .fg-gift-thumbnail-offer-time { background-color: #000000; } #sca-gift-thumbnail .sca-gift-image { width: 50px; max-height: 50px; } #sca-gift-icon .sca-gift-icon-img { width: 50px; max-height: 50px; } .sca-gift-icon-collection-page .sca-gift-icon-collection-img { width: 50px; max-height: 50px; } #sca-promotion-glider { color: #ffffff; background-color: #F72119; } #sca-fg-today-offer-iframe .sca-fg-header { background-color: #FFFFFF; } #sca-fg-today-offer-iframe .sca-fg-body { background-color: #FFFFFF; } #sca-fg-today-offer-iframe .sca-fg-today-offer-title { color: #303030 !important; } #sca-fg-today-offer-iframe .sca-fg-today-offer-subtitle { color: #616161 !important; } #sca-fg-today-offer-iframe .sca-offer-title { color: #303030; } #sca-fg-today-offer-widget { height: 70px !important; width: 70px !important; } .sca-fg-icon-success-anim { box-shadow: inset 0 0 0 #24B263; } @-webkit-keyframes animated-checkmark-fill { to { box-shadow: inset 0 0 0 30px #24B263; } } @keyframes animated-checkmark-fill { to { box-shadow: inset 0 0 0 30px #24B263; } } .sca-fg-icon-success-circle { stroke: #24B263; } #sca-fg-today-offer-iframe .sca-fg-offer .sca-offer-header-container { background-color: #F7F7F7 } #sca-fg-today-offer-iframe .sca-fg-offer.sca-offer-archived .sca-offer-header-container { background-color: #24B26325 } #sca-fg-today-offer-iframe .sca-gift-product-title { color: #303030} #sca-fg-today-offer-iframe .sca-gift-product-discount-price { color: #24B263 } #sca-fg-today-offer-iframe .sca-gift-product-original-price { color: #616161 } #sca-fg-today-offer-iframe .sca-offer-info .sca-offer-subtitle { color: #616161 } .bogos-bundles-widget { background-color: #F3F3F3; } .bogos-bundles-widget-body .bogos-bundle-item { background-color: #FFFFFF; } .bogos-bundles-widget .bogos-bundles-widget-title { color: #303030; } .bogos-bundles-widget .bogos-bundles-widget-description { color: #616161; } .bogos-bundle-item .bogos-bundle-item-title { color: #303030; } .bogos-bundle-item .bogos-bundle-item-discount-price, .bogos-bundles-widget .bogos-bundles-total-discount-price { color: #005BD3; } .bogos-bundle-item .bogos-bundle-item-original-price, .bogos-bundles-widget .bogos-bundles-total-original-price { color: #005BD3; } .bogos-bundles-widget-footer .bogos-bundles-button-add { color: #FFFFFF; background-color: #303030; } .bogos-bundles-widget .bogos-bundle-shipping-discount-container { background-color: #DEE6FF; } .bogos-bundles-widget .bogos-bundle-shipping-discount-title { color: #2332D5; } .bogos-bundles-quantity-break-widget { background-color: #F3F3F3; } .bogos-bundles-quantity-break-widget-title { color: #303030; } .bogos-bundles-quantity-break-widget-description { color: #303030; } .bogos-bundle-quantity-break-item-original-price, .bogos-bundles-quantity-break-origin-price { color: #B5B5B5; } .bogos-bundles-quantity-break-button-add { background: #303030; color: #FFFFFF; } .bogos-bundle-quantity-break_item-container { background: #FFFFFF; } .bogos-bundle-quantity-break-label { background: #303030; color: #FFFFFF; } .bogos-bundle-quantity-break-tag { background: #F1F1F1; color: #303030; } .bogos-bundle-quantity-break-sub-title { color: #616161; } .bogos-bundles-quantity-break-discount-price { color: #303030; } .bogos-bundle-quantity-break-title { color: #303030; } .bogos-bundle-quantity-break-item-discount-price { color: #303030; } .bogos-volume-discount-widget.default-layout { background-color: #F3F3F3; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-widget-title { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-widget-description { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-item-original-price , .bogos-volume-discount-origin-price { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-button-add { background: #303030; color: #FFFFFF; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount_item-container { background: #FFFFFF; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-label { background: #303030; color: #FFFFFF; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-tag { background: #F1F1F1; color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-sub-title { color: #616161; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-item-discount-price { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-tier-price-primary span { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-discount-price { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-title { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-volume-discount-origin-price, .bogos-volume-discount-widget.default-layout .bogos-volume-discount-item-original-price { color: #B5B5B5; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-header { background-color: #F3F3F3; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-title { color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-description { color: #303030; } .bogos-volume-discount-table-container.line-style .bogos-volume-discount-item { background-color: #FFFFFF; } .bogos-volume-discount-widget.table-layout, .bogos-volume-discount-widget.table-layout .bogos-volume-discount-item, .bogos-volume-discount-widget-body .bogos-volume-discount-tier-info, .bogos-volume-discount-widget.table-layout .bogos-volume-discount-widget-header { border-color: #E0E0E0; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-title { color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-description { color: #616161; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tag { background-color: #F1F1F1; color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-discount-text { color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-label { color: #FFFFFF; background-color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-discount-price { color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-price-primary span { color: #303030; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-tier-origin-price { color: #B5B5B5; } .bogos-volume-discount-table-container.is-hidden-line .bogos-volume-discount-tier-info { border-color: transparent; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-table-container.zebra-style .bogos-volume-discount-item:nth-child(odd) { background-color: #FFFFFF; } .bogos-volume-discount-widget.table-layout .bogos-volume-discount-table-container.zebra-style .bogos-volume-discount-item:nth-child(even) { background-color: #F5F5F5; } .bogos-volume-discount-widget .bogos-vl-tb-shipping-label { color: #2332D5; } .bogos-volume-discount-widget .bogos-vl-shipping-label { color: #2332D5; } .bogos-volume-discount-widget .bogos-vl-shipping-container { background-color: DEE6FF; } .bogos-volume-discount-widget.default-layout .bogos-vl-subscription-option-title { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-vl-subscription-section-title { color: #303030; } .bogos-volume-discount-widget.default-layout .bogos-vl-subscription-input-checkbox:checked { background-color: #8051FF; border-color: #8051FF;} .bogos-volume-discount-widget.default-layout input[type=radio]:checked { background-color: #8051FF; border-color: #8051FF;} .bogos-mix-match-widget { background-color: #F3F3F3; ; } .bogos-mix-match-widget .bogos-mix-item { background-color: #FFFFFF; } .bogos-mix-match-widget .bogos-mix-match-widget-title { color: #303030; } .bogos-mix-match-widget .bogos-mix-match-widget-description { color: #616161; } .bogos-mix-match-widget .bogos-mix-item-title { color: #303030; } .bogos-mix-match-widget .bogos-mix-item-discount-price { color: #303030; } .bogos-mix-match-widget .bogos-mix-item-original-price { color: #B5B5B5; } .bogos-mix-match-widget .bogos-mix-match-button-add { color: #FFFFFF; background-color: #303030; } .bogos-mix-match-widget .bogos-mix-match-badge-item { background-color: #FFF8DB; } .bogos-mix-match-widget .bogos-mix-match-badge-item.success { background-color: #CDFEE1; } .bogos-mix-match-widget .bogos-mix-match-badge-item .bogos-mix-match-badge-title { color: #4F4700; } .bogos-mix-match-widget .bogos-mix-match-badge-item.success .bogos-mix-match-badge-title { color: #29845A; } .bogos-mix-match-widget .bogos-mix-match-shipping-discount-container { background-color: #DEE6FF; } .bogos-mix-match-widget .bogos-mix-match-shipping-discount-title { color: #2332D5; } .bogos-bundle-page-container .bogos-bp-steps-bar, .bogos-bundle-page-container .bogos-bp-step-bar-single { background-color: #F3F3F3; } .bogos-bundle-page-container .bogos-bp-step-title { color: #303030; } .bogos-bp-steps-container .bogos-bp-step-item.active { border-bottom: solid 3px #303030; } .bogos-bundle-page-container .bogos-bp-header-title { color: #303030; } .bogos-bundle-page-container .bogos-bp-header-subtitle { color: #303030; } .bogos-bundle-page-container .bogos-bp-step-header-title { color: #303030; } .bogos-bundle-page-container .bogos-bp-step-header-subtitle { color: #616161; } .bogos-bundle-page-container .bogos-bp-product-title, .bogos-step-item .bogos-step-item-title, .bogos-product-detail-modal .bogos-product-title { color: #303030; } .bogos-step-items-container .bogos-step-item-variant-title { color: #616161; } .bogos-bundle-page-container .bogos-bp-product-price, .bogos-step-item .bogos-step-item-discount-price, .bogos-bp-widget-footer .bogos-bp-total-discount-price { color: #303030; } .bogos-step-item .bogos-step-item-original-price, .bogos-bp-widget-footer .bogos-bp-total-original-price { color: #808080; } .bogos-bundle-page-container .bogos-bp-btn-add-product, .bogos-product-detail-modal .bogos-product-add-btn { background-color: #303030; color: #FFFFFF } .bogos-bp-widget-container .bogos-bp-widget { background-color: #F3F3F3; ; } .bogos-bp-widget .bogos-bp-widget-title { color: #303030; } .bogos-bp-widget .bogos-bp-widget-description { color: #303030; } .bogos-step-items-product-require.success .bogos-step-items-product-require-title { color: #2332D5; } .bogos-bp-widget .bogos-bp-button-add { background-color: #303030; color: #FFFFFF; } .bogos-bp-widget-badges-container .bogos-bp-widget-badge-item { background-color: #FFF8DB; } .bogos-bp-widget-badges-container .bogos-bp-widget-badge-item.success { background-color: #CDFEE1; } .bogos-bp-widget-badges-container .bogos-bp-widget-badge-title { color: #4F4700; } .bogos-bp-widget-badge-item.success .bogos-bp-widget-badge-title { color: #29845A; } .bogos-bp-widget .bogos-bundle-page-shipping-discount-container { background-color: #DEE6FF; } .bogos-bp-widget .bogos-bundle-page-shipping-discount-title { color: #2332D5; } .bogos-fbt-upsell-container { background: #F6F6F6; border-radius: 15px; } .bogos-fbt-header-title { color: #303030; } .bogos-fbt-header-description { color: #303030; } .bogos-fbt-footer-discounted-price { color: #303030; } .bogos-fbt-footer-original-price { color: #616161; } .bogos-fbt-footer-button-add { background: #303030; color: #FFFFFF; } .bogos-fbt-product-title {color: #303030; } .bogos-fbt-upsell-product-discounted-price {color: #303030; } .bogos-fbt-upsell-product-original-price {color: #808080; } .is-cheapest-free-label {color: #FFFFFF ;background-color: #FFAA00;} .is-cheapest-free {background-color: rgba(255, 170, 0, 0.2);} .bogos-fbt-this-item {background-color: #D1D1D1;color: #303030;} .bogos-fbt-upsell-body-item-checkbox {border-color: #303030;} .bogos-fbt-upsell-body-item-checkbox:checked {border-color: #303030; background-color: #303030;} .bogos-fbt-shipping-discount-container { background-color: #DEE6FF; } .bogos-fbt-shipping-discount-title { color: #2332D5; } .bogos-fbt-upsell-body-stack-meta .bogos-fbt-upsell-img-wrapper, .bogos-fbt-upsell-body-classic-item-img-wrapper .bogos-fbt-upsell-body-classic-item-img {width: 60px; height: 60px;} .bogos-fbt-upsell-container img.bogos-fbt-upsell-img {border-radius: 7.5px;} .bogos-cheapest-discount {background-color: #ffffff; border-color: #888888;} .bogos-cheapest-discount .bogos-cheapest-title { color: #303030; } .bogos-cheapest-list-product-modal .bogos-cheapest-title { color: #303030; } .bogos-cheapest-discount .bogos-cheapest-description { color: #616161; } .bogos-cheapest-product-card .bogos-cheapest-product-title { color: #303030; } .bogos-cheapest-product-card .bogos-cheapest-product-price { color: #303030; } .bogos-cheapest-product-card .bogos-cheapest-select-variant-title { color: #303030; } .bogos-cheapest-product-card .bogos-cheapest-product-add-btn { color: #ffffff; background-color: #303030} .bogos-cheapest-label-item.active .bogos-cheapest-label { color: #303030; } .bogos-cheapest-label-item.active #bogos-active-icon path { fill: #303030; } .bogos-cheapest-label-item.excluded .bogos-cheapest-label { color: #CCCCCC; } .bogos-cheapest-label-item.excluded #bogos-excluded-icon path { fill: #CCCCCC; } .bogos-cheapest-label-item:not(.active):not(.excluded) #bogos-uncheck-icon path { fill: #4A4A4A; } .bogos-cheapest-label-item:not(.active):not(.excluded) .bogos-cheapest-label { color: #303030; } .bogos-cheapest-discount .bogos-cheapest-label-container:not(:has(.bogos-cheapest-discount-bullet-items)) {background-color: #F6F6F6;} .bogos-cheapest-discount .bogos-cheapest-discount-bullet-item {color: #808080;} .bogos-cheapest-discount .bogos-cheapest-products-describe {color: #616161;} .bogos-cheapest-discount .bogos-cheapest-products-more-btn {color: #303030;} .bogos-select-option-custom-item:not(.bogos-option-default):not(.bogos-active):not(has(.sca-d-none)) {background-color: #F0F0F0; color: #303030;} .bogos-select-option-custom-item:not(.bogos-option-default).bogos-active:not(has(.sca-d-none)) {background-color: #F0F0F0; color: #303030;} .bogos-select-option-custom-item:not(.bogos-option-default).bogos-active {border: 0.5px solid #303030;} .bogos-select-option-custom-item.bogos-option-default:not(.bogos-active) .bogos-option-value-title {background-color: #F0F0F0; color: #303030;} .bogos-select-option-custom-item.bogos-option-default.bogos-active .bogos-option-value-title {background-color: #F0F0F0; color: #303030;} .bogos-select-option-custom-item.bogos-option-default.bogos-active {border: 0.5px solid #303030;} .bogos-mix-item-select-variant-option:hover, .bogos-gift-select-variant-option:hover, .bogos-bundle-select-variant-option:hover, .bogos-vl-select-variant-option:hover, .bogos-fbt-variant-item:hover, .bogos-pa-variant-item:hover, .bogos-pa-variant-item.active {background-color: #F0F0F0;} </style><script id="sca_fg_custom_script" data-cmp-vendor="bogos" data-cmp-ab="0"> </script> <script src="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/glider.min.js" defer></script> <script src="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/lz-string.min.js" defer></script> <div id="freegifts-main-popup-container" class="freegifts-main-container sca-modal-fg" data-animation="slideInOutTop"></div> <div id="sca-fg-notifications" class="sca-fg-notifications"></div> <div id="bogos-to-widget-icon-wrap"></div> <div id="bogos-to-widget-iframe"></div> <div id="sca-fg-today-offer-widget"></div> <div id="sca-fg-today-offer-iframe"></div> <div id="bogos-mix-match-main-collection-popup-container" class="sca-modal-fg"></div> <div id="bogos-main-popup-product-detail-container" data-animation="slideInOutTop"></div> <div id="bogos-main-popup-more-product-container" data-animation="slideInOutTop"></div> <div id="bogos-cart-discount-congrats-msg-wrap"></div> <script type="text/javascript" data-cmp-vendor="bogos" data-cmp-ab="0"> if (typeof Shopify === "undefined") window.Shopify = {}; Shopify.cartItems = []; Shopify.current_product = {}; Shopify.current_collection = {}; Shopify.products = {}; // current product or collection Shopify.current_product = {...null}; Shopify.current_collection = {...null}; window.SECOMAPP = window.SECOMAPP || {}; SECOMAPP.fg_codes = []; SECOMAPP.activateOnlyOnePromoCode = false; SECOMAPP.localization = [];SECOMAPP.localization.push({ ...{"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}}, root_url: "/en-nz" }); SECOMAPP.fgData = {...{"appearance":{"bundle":{"color":{"theme_color":"neutral","item_name_color":"#303030","title_text_color":"#303030","button_text_color":"#FFFFFF","bundle_price_color":"#005BD3","original_price_color":"#005BD3","description_text_color":"#616161","button_background_color":"#303030","widget_background_color":"#F3F3F3","item_card_background_color":"#FFFFFF","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5"},"others":{"hidden_brand_mark":false},"content":{"button_text":"Add bundle to cart","show_description":true,"total_price_text":"Total bundle price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","select_variant_text":"Select variant","show_discount_each_item":true,"show_discount_on_button":true,"shopify_shipping_icon_path":"shipping-icon-1.png"}},"gift_icon":{"product_page":{"gift_icon":{"size":"50","status":false},"gift_thumbnail":{"status":false,"number_text":"gift items included","border_color":"#8A8A8A","show_multiple":"together","countdown_text":"Expired in","use_old_version":false,"offer_name_color":"#000000","show_number_gift":true,"countdown_time_color":"#000000","show_countdown_timer":true}},"gift_icon_path":"images\/fg-icons\/fg-icon-red.png","collection_page":{"size":"50","status":false},"shopify_gift_icon_path":"fg-icon-red.png","enable_for_all_conditions":true},"mix_match":{"color":{"theme_color":"neutral","item_name_color":"#303030","title_text_color":"#303030","button_text_color":"#FFFFFF","bundle_price_color":"#303030","original_price_color":"#B5B5B5","description_text_color":"#616161","button_background_color":"#303030","widget_background_color":"#F3F3F3","default_label_text_color":"#4F4700","success_label_text_color":"#29845A","item_card_background_color":"#FFFFFF","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5","default_label_background_color":"#FFF8DB","success_label_background_color":"#CDFEE1"},"content":{"tier_style":"label","button_text":"Add bundle to cart","out_stock_text":"Out of stock!","mix_item_header":"Mix item {{itemIndex}}","show_description":true,"total_price_text":"Total bundle price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","select_product_text":"Choose from {{number}} product(s)","select_variant_title":"Variant","select_collection_text":"Choose from {{number}} collection(s)","show_discount_each_item":true,"show_discount_on_button":true,"shopify_shipping_icon_path":"shipping-icon-1.png"}},"fbt_upsell":{"color":{"item_name":"#303030","item_price":"#303030","theme_color":"neutral","widget_title":"#303030","checkbox_color":"#303030","widget_subtitle":"#303030","atc_button_color":"#303030","item_price_after":"#303030","item_price_before":"#808080","total_price_after":"#303030","widget_background":"#F6F6F6","total_price_before":"#616161","cheapest_text_color":"#FFFFFF","atc_button_text_color":"#FFFFFF","current_item_tag_text":"#303030","current_item_tag_color":"#D1D1D1","cheapest_highlight_color":"#FFAA00","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5"},"content":{"button_text":"Add selected items","free_item_text":"Free 1 item","total_price_text":"Total price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","shopify_shipping_icon_path":"shipping-icon-1.png"},"general":{"widget_layout":"classic","maximum_display":3,"show_discount_amount":true,"show_discount_each_item":true}},"bundle_page":{"color":{"theme_color":"neutral","step_text_color":"#303030","atc_button_color":"#303030","step_title_color":"#303030","cart_button_color":"#303030","page_heading_color":"#303030","product_title_color":"#303030","required_text_color":"#2332D5","variant_title_color":"#616161","original_price_color":"#808080","side_bar_title_color":"#303030","step_highlight_color":"#303030","atc_button_text_color":"#FFFFFF","cart_button_text_color":"#FFFFFF","discounted_price_color":"#303030","page_sub_heading_color":"#303030","step_description_color":"#616161","default_label_text_color":"#4F4700","success_label_text_color":"#29845A","side_bar_background_color":"#F3F3F3","side_bar_description_color":"#303030","shipping_discount_background":"#DEE6FF","shipping_discount_text_color":"#2332D5","default_step_background_color":"#F3F3F3","default_label_background_color":"#FFF8DB","success_label_background_color":"#CDFEE1"},"content":{"step_text":"Step {{index}}","tier_style":"progress","load_more_text":"Load more","out_stock_text":"Out of stock","read_more_text":"See more","step_icon_path":"images\/step-icons\/step-icon-1.png","atc_button_text":"Add to bundle","blank_step_text":"Add product to this step","cart_button_text":"Add bundle to cart","show_description":true,"total_price_text":"Total bundle price","summary_icon_path":"images\/summary-icons\/summary-icon-1.png","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","summary_title_text":"Your bundle","choose_variant_text":"Choose variant","maximum_quantity_text":"Maximum item reached","required_product_text":"{{number}} item(s) required","shopify_step_icon_path":"step-icon-1.png","summary_description_text":"Choose items from this page to make your own bundle","shopify_summary_icon_path":"summary-icon-1.png","shopify_shipping_icon_path":"shipping-icon-1.png"}},"gift_slider":{"color":{"add_to_cart_color":"#FFFFFF","offer_title_color":"#000000","product_title_color":"#000000","original_price_color":"#121212","variant_select_color":"#005BD3","add_to_cart_btn_color":"#7367f0","discounted_price_color":"#ea5455","gift_slider_title_color":"#121212","notify_add_gift_active_state_color":"#CDFEE1","notify_add_gift_normal_state_color":"#FFEF9D"},"others":{"gift_img_size":"\u0026width=480\u0026height=480","hidden_brand_mark":false,"disable_use_old_version":true},"general":{"running_text":null,"show_gift_type":"all_in_one","select_gift_btn":"Select variants","show_pagination":true,"use_old_version":false,"gift_popup_title":"Select your free gift!","show_product_title":true,"show_variant_title":true,"add_to_cart_btn_title":"Add to cart","number_product_slider":4,"show_gift_for_customer":"by_variants","enable_add_multiple_gifts":true,"number_product_slider_mobile":1.8},"notify_gift_can_add":{"enable":true,"number_gifts_added":"You have added {{number}} gift product(s)","number_gifts_can_be_added":"You can add {{number}} gift product(s)"},"notify_offer_available":{"text":"🎁 You have qualified for {{qualifiedOffers}} offer(s)!","enable":true},"disable_slider_checkbox":{"text":"Don't show this offer again","time":10,"enable":false}},"today_offer":{"widget_info":{"show_widget":false,"widget_size":70,"gift_display":"by_products","variant_text":"{{number}} variants selected","widget_title":"TODAY OFFER","see_more_text":"See more ({{number}} products)","widget_position":"bottom_right","widget_subtitle":"Claim these exclusive offers today","number_gift_show":2,"gift_notification":"Get {{number}} gift for {{discountAmount}} OFF","icon_widget_title":"Today offer","show_gift_preview":true,"widget_icon_style":"icon","button_redirect_text":"Get offer","show_gift_notification":true},"widget_color":{"offer_title_color":"#303030","widget_title_color":"#303030","offer_default_color":"#F7F7F7","offer_success_color":"#24B263","product_title_color":"#303030","discount_price_color":"#24B263","original_price_color":"#616161","body_background_color":"#FFFFFF","widget_subtitle_color":"#616161","gift_notification_color":"#616161","header_background_color":"#FFFFFF"},"pages_display":{"pages":["all"],"custom":[]},"widget_icon_path":"images\/widget-icons\/widget-icon-1.png","shopify_widget_icon_path":"widget-icon-1.png"},"cart_discount":{"color":{"widget":{"line_color":"#D0D0D0","theme_color":"blue","open_icon_color":"#616161","tier_text_color":"#303030","title_text_color":"#2332D5","active_icon_color":"#008000","excluded_tier_color":"#cccccc","widget_border_color":"#7B84E6","open_tier_text_color":"#303030","tier_background_color":"#FFFFFF","active_tier_text_color":"#008000","description_text_color":"#616161","widget_background_color":"#FFFFFF"},"congrats":{"theme_color":"blue","background_color":"#EEEFFB","title_text_color":"#2332D5","description_text_color":"#303030"}},"content":{"widget":{"icon":"https:\/\/d33a6lvgbd0fej.cloudfront.net\/bogos-images\/1772523961.png","divide_tiers":false,"widget_style":"style_1","discount_tier_style":"checklist","widget_border_radius":12},"congrats":{"title":"Congratulations!","position":"bottom_right","appear_for":5,"description":"You got {{discount_amount}} off!","border_radius":12}}},"product_add_on":{"color":{"theme_color":"neutral","checkbox_color":"#303030","card_border_color":"#888888","widget_background":"#F6F6F6","product_name_color":"#303030","variant_name_color":"#303030","widget_title_color":"#303030","see_more_text_color":"#808080","widget_border_color":"#FFFFFF","discount_price_color":"#303030","original_price_color":"#CCCCCC","card_background_color":"#F6F6F6","widget_subtitle_color":"#303030"},"content":{"title_align":"left","see_less_text":"See less","see_more_text":"See more","see_more_align":"left","number_cols_compact":1,"number_rows_compact":3,"number_cols_full_width":3,"number_rows_full_width":1},"general":{"card_style":"horizon","widget_style":"style_1","widget_radius":12,"product_img_size":80,"checkbox_position":"left_on_img","enable_img_radius":false}},"quantity_break":{"color":{"tag_color":"#F1F1F1","tier_price":"#303030","tier_title":"#303030","label_color":"#303030","theme_color":"neutral","bundle_price":"#303030","bundle_title":"#303030","tag_text_color":"#303030","label_text_color":"#FFFFFF","tier_description":"#616161","button_text_color":"#FFFFFF","bundle_description":"#303030","bundle_origin_price":"#B5B5B5","button_background_color":"#303030","widget_background_color":"#F3F3F3","item_card_background_color":"#FFFFFF","shipping_discount_background":"DEE6FF","shipping_discount_text_color":"#2332D5"},"content":{"button_text":"Add bundles to cart","show_description":true,"total_price_text":"Total price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","select_variant_text":"Select variant","shopify_shipping_icon_path":"shipping-icon-1.png"}},"select_variant":{"type":"variant","color":{"active_tab_text":"#303030","default_tab_text":"#303030","active_tab_border":"#303030","active_tab_background":"#F0F0F0","active_item_background":"#F0F0F0","default_tab_background":"#F0F0F0"},"config":[]},"checkout_upsell":{"color":{"button_style":"primary","widget_price_color":"base","widget_background_color":"base"},"content":{"widget_message":"You may also like","widget_button_text":"Add to cart"},"general":{"widget_layout":"carousel","widget_position ":"left","widget_active_message":true,"widget_active_compare_at_price":true}},"volume_discount":{"table":{"color":{"row_color":"#FFFFFF","tag_color":"#F1F1F1","line_color":"#E0E0E0","theme_color":"neutral","widget_title":"#303030","row_odd_color":"#FFFFFF","widget_header":"#F3F3F3","row_even_color":"#F5F5F5","tag_text_color":"#303030","label_text_color":"#FFFFFF","tier_title_color":"#303030","widget_sub_title":"#303030","discount_text_color":"#303030","original_price_color":"#B5B5B5","discounted_price_color":"#303030","label_background_color":"#303030","tier_description_color":"#616161","shipping_discount_text_color":"#2332D5"},"hide_line":false,"body_style":"line","text_align":"left","discount_text":"{{discountAmount}} OFF","discount_show_as":"discount_text","show_description":true,"show_original_price":true},"content":{"button_text":"Add bundles to cart","total_price_text":"Total price","shipping_icon_path":"images\/shipping-icons\/shipping-icon-1.png","select_variant_text":"Select variant","shopify_shipping_icon_path":"shipping-icon-1.png"},"default":{"color":{"tag_color":"#F1F1F1","tier_price":"#303030","tier_title":"#303030","label_color":"#303030","theme_color":"neutral","bundle_price":"#303030","bundle_title":"#303030","tag_text_color":"#303030","label_text_color":"#FFFFFF","tier_description":"#616161","button_text_color":"#FFFFFF","bundle_description":"#303030","bundle_origin_price":"#B5B5B5","button_background_color":"#303030","widget_background_color":"#F3F3F3","item_card_background_color":"#FFFFFF","shipping_discount_background":"DEE6FF","shipping_discount_text_color":"#2332D5"},"show_description":true}},"cheapest_discount":{"color":{"theme_color":"neutral","see_more_color":"#303030","open_icon_color":"#4A4A4A","active_icon_color":"#303030","bullet_text_color":"#808080","widget_title_color":"#303030","product_price_color":"#303030","product_title_color":"#303030","variant_title_color":"#303030","widget_border_color":"#888888","open_tier_text_color":"#303030","button_add_text_color":"#ffffff","widget_subtitle_color":"#616161","active_tier_text_color":"#303030","tiers_background_color":"#F6F6F6","widget_background_color":"#ffffff","excluded_tier_text_color":"#CCCCCC","product_list_label_color":"#616161","button_add_background_color":"#303030"},"content":{"tier_style":"checklist","see_more_text":"See all","show_see_more":true,"number_products":4,"number_cols_mobile":2,"number_rows_mobile":2,"product_list_label":"Choose from these products to get discount","number_cols_desktop":4,"number_rows_desktop":2,"add_product_btn_text":"Add","show_add_product_btn":true}},"promotion_message":{"text_color":"#ffffff","background_color":"#F72119","show_on_cart_page":true},"thanks_page_upsell":{"color":{"button_style":"primary","widget_price_color":"base","widget_background_color":"transparent"},"content":{"widget_message":"You may also like","widget_button_text":"Add to cart"},"general":{"widget_layout":"carousel","widget_position ":"left","widget_active_message":true,"widget_active_compare_at_price":true}},"bundle_product_page":{"color":{"theme_color":"neutral","quantity_color":"#303030","active_tab_text":"#303030","badge_text_color":"#303030","default_tab_text":"#303030","active_tab_border":"#303030","child_theme_color":"neutral","default_tab_border":"#FFFFFF","product_name_color":"#303030","section_name_color":"#303030","variant_name_color":"#616161","discount_price_color":"#303030","original_price_color":"#808080","section_border_color":"#D0D0D0","active_tab_background":"#F0F0F0","add_item_button_color":"#303030","size_list_label_color":"#303030","badge_background_color":"#FFBB4E","child_label_text_color":"#303030","default_tab_background":"#F0F0F0","total_price_text_color":"#616161","add_bundle_button_color":"#303030","product_card_background":"#F6F6F6","child_product_name_color":"#303030","child_variant_name_color":"#616161","child_widget_title_color":"#303030","child_widget_border_color":"#303030","add_item_button_text_color":"#FFFFFF","add_bundle_button_text_color":"#FFFFFF","child_label_background_color":"#E7E7E7","child_widget_background_color":"#F0F0F0","child_redirect_button_text_color":"#303030"},"content":{"child_label":"Includes in {{number}} bundles","cart_button_text":"Add bundle to cart","total_price_text":"Total bundle price","countdown_message":"Added {{amount_added}} items, {{amount_left}} to go","child_widget_style":"filled_background","show_countdown_on_button":true,"child_show_discount_label":true,"child_redirect_button_label":"Go to bundle","child_products_per_row_mobile":2,"child_products_per_row_desktop":4,"child_show_product_variant_name":true}}},"integration":{"transcy":{"install":false},"judgeme":{"settings":[]}},"settings":{"gift_format":"same_as_original_products","auto_add_gift":true,"sale_channels":null,"sync_quantity":false,"barcode_format":"blank","fraud_protection":null,"cal_gift_discount":"current_price","gift_title_format":"gift","using_draft_order":false,"select_one_gift_price":false,"manual_input_inventory":false,"include_compare_at_price":false,"cart_and_checkout_validation":{"type":[],"offer":false,"value":{"max_gifts":1,"min_cart_value":1,"min_cart_quantity":1},"status":true,"condition":"and"},"fraud_protection_cancel_order":null,"other_original_product_detail":null,"compare_gift_price_with_product":false,"delete_gift_after_turn_off_offer":true,"not_show_gift_if_already_on_cart":false,"ab_test":{"old_ab_free_fatherday26":0},"type_seo":"single_line_text_field","translation":{"type":"by_bogos","integration_app":null},"ab_before_charge_v2":1,"mode_override_checkout":"default","notify_via_email":null,"admin_api_access_token":null,"publications":null},"storefront":{"access_token":"be491064c9834f5ef3b005116568e500","created_at":"2025-07-16T15:10:15Z"}}}; //liquid code to get customer history and customer tag SECOMAPP.current_template = "page"; SECOMAPP.pathname = window.location.pathname; if (SECOMAPP.current_template === "404" && SECOMAPP.pathname?.includes("-sca_clone_freegift")) { window.location.replace(SECOMAPP.pathname.split("-sca_clone_freegift")[0]); } else if (SECOMAPP.current_template === "404" && SECOMAPP.pathname?.includes("/collections/sca_fg")) { window.location.replace(`${Shopify?.routes?.root ?? "/"}collections/all`); } SECOMAPP.setCookie = function (e, t, o, n, r) { let i = new Date; i.setTime(i.getTime() + 24 * o * 36e5 + 60 * n * 1e3); let f = "expires=" + i.toUTCString(); document.cookie = e + "=" + t + ";" + f + (r ? ";path=" + r : ";path=/"); }; SECOMAPP.deleteCookie = function (e, t) { document.cookie = e + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; " + (t ? ";path=" + t : ";path=/") }; SECOMAPP.getCookie = function (e) { for (let t = e + "=", o = document.cookie.split(";"), n = 0; n < o.length; n++) { let r; for (r = o[n]; " " === r.charAt(0);) r = r.substring(1); if (0 === r.indexOf(t)) return r.substring(t.length, r.length) } return "" }; SECOMAPP.getQueryString = function (key) { let e = {}; let t = window.location.search.substring(1).split("&"); let o = 0; for (; o < t.length; o++) { let n = t[o].split("="); if (void 0 === e[n[0]]) e[n[0]] = decodeURIComponent(n[1]); else if ("string" == typeof e[n[0]]) { e[n[0]] = [e[n[0]], decodeURIComponent(n[1])] } else e[n[0]].push(decodeURIComponent(n[1])) } return key ? e?.[key] : e; }; SECOMAPP.offer_codes = [ {param: "freegifts_code", cookie: "sca_fg_codes"}, {param: "bundles_code", cookie: "sca_bundle_codes"}, {param: "upsells_code", cookie: "sca_upsell_codes"}, {param: "discounts_code", cookie: "sca_discount_codes"}, ]; SECOMAPP.offer_codes.forEach(({param, cookie}) => { SECOMAPP.fg_codes = []; SECOMAPP.getCookie(cookie) && (SECOMAPP.fg_codes = JSON.parse(SECOMAPP.getCookie(cookie))); SECOMAPP.current_code = SECOMAPP.getQueryString(param); SECOMAPP.current_code && !SECOMAPP.fg_codes.includes(SECOMAPP.current_code) && (function () { SECOMAPP.activateOnlyOnePromoCode && (SECOMAPP.fg_codes = []); SECOMAPP.fg_codes.push(SECOMAPP.current_code); SECOMAPP.setCookie(cookie, JSON.stringify(SECOMAPP.fg_codes)); })(); }); SECOMAPP.customer = {}; SECOMAPP.customer.orders = []; SECOMAPP.customer.freegifts = []; SECOMAPP.customer.freegifts_v2 = []; SECOMAPP.customer.email = ""; SECOMAPP.customer.first_name = ""; SECOMAPP.customer.last_name = ""; SECOMAPP.customer.tags = Object.values({...null}); SECOMAPP.customer.orders_count = "" - 0; SECOMAPP.customer.total_spent = "" - 0; SECOMAPP.customer.b2b = "" - 0; SECOMAPP.market = { id: "7245791315" - 0, handle: "new-zealand", }; // get class name config from settings_data.json if (!Shopify.scaHandleConfigValue) { Shopify.scaHandleConfigValue = { ...null, ...null }; } // add link proxy SECOMAPP.freegiftProxy = "/apps/secomapp_freegifts_get_order?ver=3.0"; SECOMAPP.freegiftProxy = "/apps/secomapp_freegifts_get_order?ver=3.0"; SECOMAPP.bogosCollectUrl = "https://collect.bogos.io/collect" SECOMAPP.bogosIntegrationUrl = "https://api.bogos.io/integrations" // get shop locales SECOMAPP.shop_locales = Object.values({ ...[{"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}}] }); window.fgGiftIcon = "https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/fg-icon-red_small.png"; window.fgWidgetIconsObj = { "widget-icon-1.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-1_small.png', "widget-icon-2.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-2_small.png', "widget-icon-3.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-3_small.png', "widget-icon-4.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-4_small.png', "widget-icon-5.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-5_small.png', "widget-icon-6.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-6_small.png', "widget-icon-7.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-7_small.png', "widget-icon-8.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/widget-icon-8_small.png' } window.fgStepIconsObj = { "step-icon-1.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-1_small.png', "step-icon-2.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-2_small.png', "step-icon-3.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-3_small.png', "step-icon-4.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-4_small.png', "step-icon-5.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-5_small.png', "step-icon-6.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-6_small.png', "step-icon-7.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/step-icon-7_small.png', } window.fgSummaryIconsObj = { "summary-icon-1.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-1_small.png', "summary-icon-2.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-2_small.png', "summary-icon-3.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-3_small.png', "summary-icon-4.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-4_small.png', "summary-icon-5.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-5_small.png', "summary-icon-6.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-6_small.png', "summary-icon-7.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-7_small.png', "summary-icon-8.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/summary-icon-8_small.png', } window.fgShippingIconsObj = { "shipping-icon-1.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/shipping-icon-1_small.png', "shipping-icon-2.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/shipping-icon-2_small.png', "shipping-icon-3.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/shipping-icon-3_small.png', "shipping-icon-4.png": 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/shipping-icon-4_small.png', } // variable from tools SECOMAPP.variables = { ...SECOMAPP.variables, ...null, ...{"web_pixel":true}, shipping_product_img: 'https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/shipping_product_small.png' } window.fgResource = { gift: { js: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/gift.min.js"] }, bundle: { js: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bundle.min.js"], css: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.bundle.min.css"] }, upsell: { js: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/upsell.min.js"], css: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.upsell.min.css"] }, discount: { js: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/discount.min.js"], css: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.discount.min.css"] }, "bundle-page": { js: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bundle-page.min.js"], css: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.bundle-page.min.css"] }, booster: { js: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/booster.min.js"], css: ["https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.booster.min.css"] } } </script> <script defer src="https://cdn.bogos.io/dGF0dGktbGFzaGVzLm15c2hvcGlmeS5jb20=/freegifts_data_1781519959.min.js"></script> <div id="secomapp_freegifts_url" data-url="https://cdn.bogos.io/dGF0dGktbGFzaGVzLm15c2hvcGlmeS5jb20=/freegifts_data_1781519959.min.js"></div> <div id="bogos-gift-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/gift.min.js"></div> <div id="bogos-bundle-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bundle.min.js"></div> <div id="bogos-upsell-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/upsell.min.js"></div> <div id="bogos-discount-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/discount.min.js"></div> <div id="bogos-bundle-page-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bundle-page.min.js"></div> <div id="bogos-booster-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/booster.min.js"></div> <div id="bogos-booster-page-script" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/booster-page.min.js"></div> <div id="bogos-bundle-style" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.bundle.min.css"></div> <div id="bogos-upsell-style" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.upsell.min.css"></div> <div id="bogos-discount-style" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.discount.min.css"></div> <div id="bogos-bundle-page-style" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.bundle-page.min.css"></div> <div id="bogos-booster-style" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.booster.min.css"></div> <div id="bogos-booster-page-style" data-url="https://cdn.shopify.com/extensions/019fd550-0f65-7724-a137-e558cdf94a67/freegifts-213/assets/bogos.booster-page.min.css"></div> <!-- END app snippet --> <!-- BEGIN app snippet: search --> <!-- END app snippet --> </div></body> </html>