Contact – GATACA - Live Longer Through Peak Performance

Free Shipping Over ₹1500

30 Day Return

Third Party Tested

Call Us!

+91 83410 24757

Mon-Fri: 10am-6pm

Get in Touch

Home Search Cart Products

<style> @media only screen and (max-width: 920px) {.swiper-controls {display: none !important; }} </style>
<div id="shopify-block-AbTlGR3RJQ2w0b2hTN__11208957543104649885" class="shopify-block shopify-app-block">

<div id="retainful-popup-root" data-retainful-popup></div>

<script src="https://cdn.shopify.com/extensions/01a0005c-ef46-74ba-b6de-bc7c188495a7/retainful-beta-v5-134/assets/cookie.js" defer></script>

<script>
  
</script>

</div><section id="shopify-block-AUldRRS9HUGhzR2Z1U__761129394445959922" class="shopify-block shopify-app-block">

<link
  rel="preload"
  href="https://cdn.shopify.com/extensions/019f925e-7df5-74e2-8e7b-881d0e7d1f1e/snap-noti-161/assets/notifications-v2.css"
  as="style"
  onload="this.onload=null;this.rel='stylesheet'"
>
<noscript>
  <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019f925e-7df5-74e2-8e7b-881d0e7d1f1e/snap-noti-161/assets/notifications-v2.css">
</noscript>

<div class="wizzcomm__container--notification">
  
</div>
<div id="snap-noti"></div>

<script>
   var sntData = {
    discountNoti: null,
    flashingTab: null,
    currentPage: "page",
    moneyFormat: 'Rs. {{amount}}',
    enableCopyright: null ?? true,
    isMobile: window.matchMedia("screen and (max-width: 767px)").matches,
    translate: null,
    languageShop: "en",

}
  var snapNoti = {
      setting: {
        reviewNoti: null,
        orderNoti: {"id":15479,"shop":"gataca-in.myshopify.com","type":"ORDER","status":false,"settingConfig":{"size":"small","type":"list","layout":"landscape","showOn":["cart","collection","index","list-collections","product"],"content":"{product_name} 2k already bought it this month","reviews":[],"dataType":"shopify","duration":10,"position":"top-right","dateRange":"D1","starColor":"#FFD240","textColor":"#000000","timeColor":"#696969","timestamp":"Just now","delayFirst":1,"priceColor":"#ffffff","moneyFormat":"Rs. {{amount}}","hideOnMobile":false,"isShowRating":true,"colorTemplate":"solid","linkToProduct":true,"isShowPriceTag":true,"randomInterval":false,"averageTimeType":"hours","backgroundColor":["#FFFFFF"],"averageTimeValue":3,"intervalTimeType":"mins","intervalTimeValue":1,"reviewsDataSource":"judgeme","displayCloseButton":true,"priceTagBackgroundColor":"#593E3F","priceTagBackgroundColorGradient":"#E66465"},"createdAt":"2025-06-22T14:35:43.654Z","updatedAt":"2025-07-09T14:54:06.760Z"},
        visitorNoti: {"id":15475,"shop":"gataca-in.myshopify.com","type":"VISITOR","status":false,"settingConfig":{"size":"small","type":"list","layout":"landscape","showOn":["cart","collection","index","list-collections","product"],"content":"{product_name} 117 people viewing this page write now","reviews":[],"duration":10,"position":"bottom-right","products":[{"id":"gid:\/\/shopify\/Product\/10114466382129","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/Apigenin_50.png?v=1748420906","price":"999.00","title":"Apigenin - 50 mg | Better Sleep, More Focus, More Life","handle":"apigenin","compareAtPrice":"1200.00"},{"id":"gid:\/\/shopify\/Product\/10114465694001","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/TMG_500.png?v=1748420931","price":"899.00","title":"Pure Betaine TMG - 500 mg","handle":"tmg-trimethylglycine","compareAtPrice":"1200.00"},{"id":"gid:\/\/shopify\/Product\/10114466513201","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/Ca-AKGpng.png?v=1748420874","price":"1399.00","title":"Pure Ca-AKG - 500 mg","handle":"ca-akg-aka-calcium-alpha-ketoglutarate","compareAtPrice":"1800.00"},{"id":"gid:\/\/shopify\/Product\/10114466611505","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/Trans_Resveratrol_250.png?v=1748420852","price":"1699.00","title":"Pure Trans-Resveratrol - 250 mg | More Repair, Better Heart, More Life","handle":"trans-resveratrol","compareAtPrice":"2000.00"},{"id":"gid:\/\/shopify\/Product\/10119218069809","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/Trans_Resveratrol_500.png?v=1748420803","price":"2499.00","title":"Pure Trans-Resveratrol - 500 mg | More Repair, Better Heart, More Life","handle":"trans-resveratrol-500","compareAtPrice":"2999.00"},{"id":"gid:\/\/shopify\/Product\/10142858117425","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/Nmn_supplement_250.png?v=1748420631","price":"990.00","title":"Pure β-NMN -  250 mg | Backed by 21 Patents","handle":"pure-β-nmn-250-mg-more-energy-more-endurance-more-life","compareAtPrice":"1200.00"},{"id":"gid:\/\/shopify\/Product\/9057137492273","image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0796\/1532\/8561\/files\/Nmn_supplement_1000.png?v=1748420975","price":"2999.00","title":"Pure β-NMN - 1000 mg | Backed by 21 Patents","handle":"nmn-1000-india-s-purest-nmn-anti-aging-supplement-for-enhanced-cellular-energy-dna-repair","compareAtPrice":"3500.00"}],"customers":[{"city":"Gurgaon","lastName":"Das","firstName":"Bhaskar","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Kolkata","lastName":"Paul","firstName":"Abhishek","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":"Kumar","firstName":"Anil"},{"lastName":"Sandeep","firstName":"Singh"},{"lastName":"kumar","firstName":"Sandeep"},{"city":"Mohali","lastName":"Ninu","firstName":"Dr Parampreet Ghuman","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"HYDERABAD","lastName":"Patibandla","firstName":"Shaila","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":null,"firstName":null},{"lastName":null,"firstName":null},{"city":"Andheri west","lastName":"Motiramani","firstName":"Anil","countryCode":"IN"},{"city":"Pune","lastName":"Agrawal","firstName":"Rajheev","countryCode":"IN"},{"city":"Bhubaneswar","lastName":"Das","firstName":"Smita","countryCode":"IN"},{"city":"New Delhi","lastName":"Gupta","firstName":"Heena","countryCode":"IN"},{"city":"Bengaluru","lastName":"Chandra","firstName":"Upasana","countryCode":"IN"},{"city":"Ghaziabad","lastName":"Khan","firstName":"Raina","countryCode":"IN"},{"lastName":"Dinesh","firstName":"Bhavya"},{"city":"Pune","lastName":"Goklaney","firstName":"Rounak","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Saharanpur","lastName":"Siddiqui","firstName":"Abu Bakar","countryCode":"IN"},{"lastName":"Siddiqui","firstName":"Abu Bakar"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Hyderabad","lastName":"Agarwal","firstName":"Amit","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Mumbai South","lastName":"Jhaveri","firstName":"Andre","countryCode":"IN"},{"city":"Cuttack","lastName":"Palo","firstName":"Rashmi","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Mumbai,","lastName":null,"firstName":"Karan","countryCode":"IN"},{"city":"Madurai","lastName":"sherif","firstName":"Dr Umar","countryCode":"IN"},{"city":"Jaipur","lastName":"Vivek","firstName":"Gupta","countryCode":"IN"},{"city":"Visakhapatnam","lastName":"U","firstName":"Tej","countryCode":"IN"},{"lastName":null,"firstName":null},{"lastName":"Santra","firstName":"Kartick"},{"city":"Pune","lastName":"Joshi","firstName":"Manoj","countryCode":"IN"},{"city":"Kolkata","lastName":"Anjum","firstName":"Nishat","countryCode":"IN"},{"city":"Kolkata","lastName":"Mondal","firstName":"Kusum","countryCode":"IN"},{"city":"New Delhi","lastName":"Prakash","firstName":"Shikha","countryCode":"IN"},{"city":"HYDERABAD","lastName":"G","firstName":"Praneetha","countryCode":"IN"},{"city":"Mumbai","lastName":"Pandey","firstName":"Shailesh","countryCode":"IN"},{"city":"Bijnor","lastName":"Chaudhary","firstName":"Seema","countryCode":"IN"},{"city":"Gurgaon","lastName":"BASAIWALA","firstName":"GOVIND","countryCode":"IN"},{"city":"Bengaluru","lastName":"Jain","firstName":"Vishal","countryCode":"IN"},{"city":"Bangalore","lastName":"Gole","firstName":"Rohini","countryCode":"IN"},{"city":"Pune","lastName":"Gupte","firstName":"Trishna","countryCode":"IN"},{"city":"Hyderabad","lastName":"Ali","firstName":"Saher","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Mumbai","lastName":"Agarwal","firstName":"Rahul","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Mathura","lastName":"Acharya","firstName":"Yash","countryCode":"IN"},{"city":"Pune","lastName":"M","firstName":"Grace","countryCode":"IN"},{"city":"New Delhi","lastName":"Bawa","firstName":"Aakriti","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Bengaluru","lastName":"Narasimhaiah","firstName":"Sunitha","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Hyderabad","lastName":"Lekha","firstName":"Sri","countryCode":"IN"},{"city":"Kolkatta","lastName":"Venkatesh","firstName":"V","countryCode":"IN"},{"city":"Bhopal","lastName":"Pathan","firstName":"Umema","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":"Boddu","firstName":"Sanjana"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Bangalore","lastName":"N","firstName":"Darshan","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Bengaluru,","lastName":"v","firstName":"Venugopal","countryCode":"IN"},{"city":"Hyderabad","lastName":"Reddy","firstName":"Pradeep","countryCode":"IN"},{"city":"Delhi","lastName":"Bhati","firstName":"Yash","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Mumbai","lastName":"Sharma","firstName":"Sarah","countryCode":"IN"},{"city":"Vijayawada 10","lastName":"D","firstName":"Srinivas","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":"V","firstName":"Girish"},{"lastName":null,"firstName":null},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Andheri ( East)","lastName":"Mishra","firstName":"Anita","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Hyderabad","lastName":"M C","firstName":"JAYACHANDRA","countryCode":"IN"},{"city":"Hyderabad","lastName":"Nyapati","firstName":"Shreya","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"TRIVANDRUM","lastName":"Rajendran","firstName":"Anish","countryCode":"IN"},{"city":"VADODARA,","lastName":"Kumar","firstName":"Aniil","countryCode":"IN"},{"city":"CHENNAI","lastName":null,"firstName":"GOVINDARAJAN","countryCode":"IN"},{"city":"HYDERABAD","lastName":"Golla","firstName":"Geetha","countryCode":"IN"},{"city":"Chennai","lastName":"G","firstName":"Dr.Ranadeep","countryCode":"IN"},{"lastName":"G","firstName":"Dr.Ranadeep"},{"city":"Kolkata","lastName":"MUKHERJEE","firstName":"ABHISHEK","countryCode":"IN"},{"city":"Bengaluru","lastName":"s","firstName":"nagaraj","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Indore","lastName":"Shrivastava","firstName":"Shruti","countryCode":"IN"},{"city":"Bangalore","lastName":"Reddy","firstName":"Sreeja","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":null,"firstName":null},{"lastName":"Ramavath","firstName":"Ramani"},{"city":"chennai","lastName":"Prince","firstName":"Charulatha","countryCode":"IN"},{"city":"Mangalagiri Urban","lastName":"Basha","firstName":"Dada","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":"Abc","firstName":null},{"lastName":"Abc","firstName":null},{"lastName":"Mohamed Irfan","firstName":"Tirupattur"},{"city":"Mumbai","lastName":"oberoi","firstName":"gayatri","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Hyderabad","lastName":"Talluri","firstName":"Manasa","countryCode":"IN"},{"lastName":"Anandbabu","firstName":"Karuturi"},{"city":"Trivandrum","lastName":"Mathew","firstName":"raj","countryCode":"IN"},{"city":"Hyderabad","lastName":"Deb","firstName":"Puja","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":"Deb","firstName":"Puja"},{"city":"Visakhapatnam,Andhra Pradesh","lastName":"Ch","firstName":"Spandana","countryCode":"IN"},{"city":"Tiruvallur","lastName":"Joseph","firstName":"George","countryCode":"IN"},{"lastName":"Joseph","firstName":"George"},{"city":"BENGALURU,","lastName":"parameswara","firstName":"Varun","countryCode":"IN"},{"city":"Kurnool","lastName":"T","firstName":"Trinath","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Coimbatore","lastName":"Rajkumar","firstName":"Vimala","countryCode":"IN"},{"city":"Tirupati","lastName":"K","firstName":"Sujatha","countryCode":"IN"},{"city":"Bangalore","lastName":"S","firstName":"Sarojini","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Mumbai","lastName":"Thapar","firstName":"Sharmila","countryCode":"IN"},{"city":"Kanjurmarg East MUMBAI,","lastName":"Chakravorty","firstName":"Poulami","countryCode":"IN"},{"city":"JABALPUR,","lastName":"Gaikwad","firstName":"Abhishek","countryCode":"IN"},{"city":"East Mumbai","lastName":null,"firstName":"Chandni","countryCode":"IN"},{"city":"Prayagraj","lastName":"Mahesh","firstName":"Deepu","countryCode":"IN"},{"city":"Amroha","lastName":"Siddiqui","firstName":"Babar","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Jamnagar","lastName":"Rai","firstName":"Subodh","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Hyderabad","lastName":"Ambala","firstName":"Sravan Kumar","countryCode":"IN"},{"city":"Gurgaon","lastName":"Tanwar","firstName":"Kuldeep","countryCode":"IN"},{"city":"Hyderabad","lastName":"Gummalla","firstName":"Rajesh","countryCode":"IN"},{"city":"Trivandrum","lastName":"Koshy","firstName":"Reem","countryCode":"IN"},{"city":"Bengaluru","lastName":"mishra","firstName":"shweta","countryCode":"IN"},{"city":"Visakhapatnam","lastName":"Sagi","firstName":"Rohit","countryCode":"IN"},{"city":"Shahada Dist NANDURBAR","lastName":"Kulkarni","firstName":"Darshan","countryCode":"IN"},{"city":"Udaipur","lastName":"Agrawal","firstName":"Ash","countryCode":"IN"},{"lastName":"Agrawal","firstName":"Ash"},{"city":"Bengaluru","lastName":"Godavalli","firstName":"Krishna Tulasi","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Hosur","lastName":"Muppavarapu","firstName":"KrishnaRao","countryCode":"IN"},{"lastName":"Verma","firstName":"Akshatha"},{"lastName":"Verma","firstName":"Preeti"},{"city":"Bangalore","lastName":"Gupta","firstName":"Vaibhav","countryCode":"IN"},{"lastName":"Arshad","firstName":"Muhammed"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Ankapoor","lastName":"Devai","firstName":"Padma","countryCode":"IN"},{"city":"Kazipet","lastName":"Krishna","firstName":"Vamshi","countryCode":"IN"},{"city":"Chennai","lastName":"SUBRAMANI","firstName":"PRIYADARSHINI","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Hyderabad","lastName":"Reddy","firstName":"Tanuja","countryCode":"IN"},{"city":"MUMBAI","lastName":null,"firstName":"J Kilbane","countryCode":"IN"},{"city":"Panog, Shoghi","lastName":"sharma","firstName":"Aditya","countryCode":"IN"},{"city":"Mumbai","lastName":"Vagal","firstName":"Saurabh","countryCode":"IN"},{"city":"Chennai","lastName":"Kishore","firstName":"Priyadharshini","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Sri Ganganagar","lastName":"Jindal","firstName":"Anil","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"lastName":"rabecca","firstName":"Raichal"},{"city":"Sangli","lastName":"Patil","firstName":"Rohan","countryCode":"IN"},{"city":"Hyderabad","lastName":"Sree","firstName":"Sreekanth","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Mumbai","lastName":"Rebello","firstName":"Dion","countryCode":"IN"},{"lastName":"Rebello","firstName":"Dion"},{"city":"Hyderabad","lastName":"Prathapaneni","firstName":"Kavyasri","countryCode":"IN"},{"city":"Siliguri","lastName":"sarkar","firstName":"Keya","countryCode":"IN"},{"city":"Lucknow","lastName":"Kar","firstName":"Mitra","countryCode":"IN"},{"city":"New delhi","lastName":"Malhotra","firstName":"Madhvi","countryCode":"IN"},{"lastName":"Malhotra","firstName":"Madhvi"},{"city":"Bangalore","lastName":"Y","firstName":"Pravallika","countryCode":"IN"},{"city":"Hyd","lastName":"Shobha","firstName":"Gera","countryCode":"IN"},{"city":"HYDERABAD","lastName":"R S","firstName":"Sucharitha","countryCode":"IN"},{"city":"Kharar MOHALI","lastName":"Kaur","firstName":"Harkiran","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Roorkee","lastName":"Srivastava","firstName":"Vaibhav","countryCode":"IN"},{"city":"Chennai","lastName":"Feroz","firstName":"Mohamed","countryCode":"IN"},{"lastName":"Chaauhan","firstName":"Navin"},{"lastName":null,"firstName":null},{"city":"Chennai","lastName":"Senthilkumar","firstName":"manikandan","countryCode":"IN"},{"city":"Hyderabad","lastName":"Huda","firstName":"Sami","countryCode":"IN"},{"city":"Bhilwara","lastName":"Gujar","firstName":"Teena","countryCode":"IN"},{"city":"Ichalkaranji","lastName":"Banadar","firstName":"Seemab","countryCode":"IN"},{"city":"East Godavari","lastName":"kiran","firstName":"Dr.sasikiran","countryCode":"IN"},{"city":"Bengaluru","lastName":"Vaidya","firstName":"Rajanish","countryCode":"IN"},{"city":"Gadarwara","lastName":"Salim Khan","firstName":"Abdul Salim Khan","countryCode":"IN"},{"city":"Bangalore","lastName":"Mehta","firstName":"Tejas","countryCode":"IN"},{"lastName":"Mehta","firstName":"Tejas"},{"city":"Guntur","lastName":"Upputuri","firstName":"Vijay","countryCode":"IN"},{"city":"Hyderabad","lastName":"reddy","firstName":"Aishwarya","countryCode":"IN"},{"lastName":"T","firstName":"Tejaswi"},{"city":"Mohali","lastName":"Jindal","firstName":"Mohit","countryCode":"IN"},{"city":"Muppattithara, Venkitangu, Thrissur","lastName":"Shafi","firstName":"Muhammad","countryCode":"IN"},{"city":"Hyderabad","lastName":"Rao","firstName":"Ramakrishna","countryCode":"IN"},{"city":"Hyderabad","lastName":"Reddy","firstName":"Sanjana","countryCode":"IN"},{"city":"Chennai","lastName":"Iyer","firstName":"Aparna Ganesh","countryCode":"IN"},{"city":"Bengaluru","lastName":"Ramdas","firstName":"Sunil","countryCode":"IN"},{"city":"Dehradun","lastName":"dysp","firstName":"Reena rathore","countryCode":"IN"},{"city":"YSR kadapa","lastName":"P","firstName":"Dhaathri","countryCode":"IN"},{"lastName":"P","firstName":"Dhaathri"},{"city":"Hyderabad","lastName":"mukherjee","firstName":"prodeepta","countryCode":"IN"},{"lastName":"Soni","firstName":"Akshay"},{"city":"Chennai","lastName":"S","firstName":"Manju","countryCode":"IN"},{"city":"Hyderabad","lastName":"Kumar","firstName":"Sunaina","countryCode":"IN"},{"lastName":null,"firstName":null},{"lastName":null,"firstName":null},{"lastName":"Pandey","firstName":"Harshita"},{"lastName":"Nirankari","firstName":"Jeetu"},{"city":"Tirupati","lastName":"Suresh","firstName":"Suresh","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Dhanbad","lastName":"Kohli","firstName":"Aman","countryCode":"IN"},{"lastName":"Duppati","firstName":"Nandini"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Bangalore","lastName":"Alam","firstName":"Masood","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Itanagar","lastName":"Mama","firstName":"Neelam mama","countryCode":"IN"},{"city":"Kolkata","lastName":"Mukhopadhyay","firstName":"Amit","countryCode":"IN"},{"lastName":"Ajmeera","firstName":"Rajesh"},{"city":"Mahbubnagar","lastName":"Ajmeera","firstName":"Rajesh","countryCode":"IN"},{"lastName":null,"firstName":null},{"city":"Chennai","lastName":"S","firstName":"Saranya","countryCode":"IN"},{"city":"HYDERABAD","lastName":"Yerram","firstName":"Manohar","countryCode":"IN"},{"city":"Tirupur","lastName":"Giri","firstName":"Kumara","countryCode":"IN"},{"city":"Bengaluru","lastName":"gowda","firstName":"Ramya","countryCode":"IN"},{"lastName":"Gujral","firstName":"Feroze"},{"city":"Mumbai","lastName":"Hiramanek","firstName":"Ashish","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Gurgaon","lastName":"Singh","firstName":"Sukanya","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Pune","lastName":"Merchant","firstName":"Reshma","countryCode":"IN"},{"city":"Bangalore","lastName":"Sengupta","firstName":"Shohini","countryCode":"IN"},{"city":"BENGALURU,","lastName":"Munihanumanthappa","firstName":"Anusha","countryCode":"IN"},{"city":"HYDERABAD","lastName":"alluri","firstName":"Teja","countryCode":"IN"},{"city":"East MUMBAI,","lastName":"Polaki","firstName":"Anil","countryCode":"IN"},{"city":null,"lastName":null,"firstName":null,"countryCode":"IN"},{"city":"Pune","lastName":"kulkarni","firstName":"Paresh","countryCode":"IN"}],"starColor":"#FFD240","textColor":"#000000","timeColor":"#696969","timestamp":"Just now","dataSource":"judgeme","delayFirst":1,"priceColor":"#FFFFFF","hideOnMobile":false,"isShowRating":true,"customersType":"shopify","linkToProduct":true,"isShowPriceTag":true,"randomInterval":false,"averageTimeType":"mins","averageTimeValue":2,"intervalTimeType":"mins","intervalTimeValue":1,"displayCloseButton":true,"backgroundColorType":"solid","randomNumberVisitor":100,"backgroundColorValue":["#FFFFFF"],"visitorCountDataOption":"real_visitor_number","priceTagBackgroundColor":"#593E3F","priceTagBackgroundColorGradient":"#E66465"},"createdAt":"2025-06-22T14:19:45.944Z","updatedAt":"2025-07-09T14:54:11.141Z"},
        lowStockNoti: {"id":15212,"shop":"gataca-in.myshopify.com","type":"LOWSTOCK","status":false,"settingConfig":{"size":"small","layout":"landscape","showOn":["cart","collection","index","list-collections","product"],"content":"{product_name}  Hurry ONLY {stock_count} LEFT IN STOCK","reviews":[],"dataType":"shopify","duration":10,"position":"top-left","starColor":"#FFD240","textColor":"#000000","delayFirst":1,"priceColor":"#FFFFFF","stockLimit":100,"numberColor":"#000000","hideOnMobile":false,"isShowRating":true,"linkToProduct":true,"isShowPriceTag":true,"randomInterval":false,"intervalTimeType":"mins","intervalTimeValue":1,"reviewsDataSource":"judgeme","displayCloseButton":true,"showWhenOutOfStock":false,"backgroundColorType":"solid","backgroundColorValue":["#FFFFFF"],"priceTagBackgroundColor":"#593E3F","priceTagBackgroundColorGradient":"#E66465"},"createdAt":"2025-06-17T17:00:45.500Z","updatedAt":"2025-07-08T16:03:18.364Z"},
        addToCartNoti: null,
        translate: null,
      },
      template: "page", // Information about the current template.
      moneyFormat: "Rs. {{amount}}",
      languageShop: "en",
      isShowCopyright: null ?? true,
      product: {
        id: null,
        handle: null,
        collections: []
      },
      collection: {
        id: null,
        handle: null
      }
  }

if(snapNoti.template.includes('product') && Shopify.shop == "9e9141-2f.myshopify.com") {

const productCustom = null;
    snapNoti.customizedProducts = productCustom;
  }
</script>
<script
  defer
  type="module"
  src="https://cdn.shopify.com/extensions/019f925e-7df5-74e2-8e7b-881d0e7d1f1e/snap-noti-161/assets/notifications-v2.js"
></script>

</section><div id="shopify-block-AZkZsaUJxb2ZCZTBaO__15578186725327338453" class="shopify-block shopify-app-block">  
  <script>
(function () {
  if (window.axentraLoadScript) return;

const TTL_HOURS = 6;
  const COOKIE_PREFIX = 'axentra_asset_';
  const LS_PREFIX = 'axentra_asset_cache_';

function normalizeUrl(url) {
    try {
      const u = new URL(url, window.location.origin);
      u.searchParams.delete('v');
      return u.pathname + (u.search || '');
    } catch {
      return url.split('?')[0];
    }
  }

function assetKey(url) {
    const normalized = normalizeUrl(url);
    let h = 0;
    for (let i = 0; i < normalized.length; i++) {
      h = ((h << 5) - h + normalized.charCodeAt(i)) | 0;
    }
    return Math.abs(h).toString(36);
  }

function setCookie(name, value) {
    const maxAge = TTL_HOURS * 60 * 60;
    document.cookie = `${name}=${encodeURIComponent(value)}; max-age=${maxAge}; path=/; SameSite=Lax`;
  }

function getCookie(name) {
    const match = document.cookie.match(
      new RegExp('(?:^|; )' + name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '=([^;]*)')
    );
    return match ? decodeURIComponent(match[1]) : null;
  }

function readCache(url) {
    const key = assetKey(url);
    const cookieName = COOKIE_PREFIX + key;
    const lsKey = LS_PREFIX + key;
    if (getCookie(cookieName)) {
      const cached = localStorage.getItem(lsKey);
      if (cached) return cached;
    }
    return null;
  }

function writeCache(url, content) {
    const key = assetKey(url);
    try {
      localStorage.setItem(LS_PREFIX + key, content);
      setCookie(COOKIE_PREFIX + key, '1');
    } catch (e) {
      /* storage full or blocked */
    }
  }

function injectScript(content, opts) {
    const script = document.createElement('script');
    script.textContent = content;
    if (opts && opts.defer) script.defer = true;
    (opts && opts.target === 'body' ? document.body : document.head).appendChild(script);
    return script;
  }

window.axentraFetchCached = async function (url, fetchOpts) {
    const cached = readCache(url);
    if (cached) return cached;

const res = await fetch(url, fetchOpts || { cache: 'no-store' });
    if (!res.ok) throw new Error(`Failed to fetch ${url}: ${res.status}`);
    const text = await res.text();
    writeCache(url, text);
    return text;
  };

window.axentraLoadScript = function (url, opts) {
    opts = opts || {};
    const cached = readCache(url);
    if (cached) {
      injectScript(cached, opts);
      return Promise.resolve();
    }

return fetch(url)
      .then(function (r) {
        if (!r.ok) throw new Error(`Failed to load script ${url}: ${r.status}`);
        return r.text();
      })
      .then(function (text) {
        writeCache(url, text);
        injectScript(text, opts);
      });
  };

window.axentraLoadCss = function (url, id) {
    if (id && document.getElementById(id)) return Promise.resolve();

const cached = readCache(url);
    if (cached) {
      const el = document.createElement('style');
      if (id) el.id = id;
      el.textContent = cached;
      document.head.appendChild(el);
      return Promise.resolve();
    }

return fetch(url)
      .then(function (r) {
        if (!r.ok) throw new Error(`Failed to load css ${url}: ${r.status}`);
        return r.text();
      })
      .then(function (text) {
        writeCache(url, text);
        const el = document.createElement('style');
        if (id) el.id = id;
        el.textContent = text;
        document.head.appendChild(el);
      });
  };
})();
</script>

  <script>
    (function () {
      function axentraCustomerLoggedIn() {
        
        if (window.axentra_liquid_cid) return true;
        if (window.myLoyaltyApp?.customer?.isLoggedIn) return true;
        if (window.ShopifyAnalytics?.meta?.page?.customerId) return true;
        return /(?:^|; )(?:_customer_sig|customer_auth_session|customer_signed_in|_shopify_logged_in)=/.test(document.cookie);
      }
      if (axentraCustomerLoggedIn()) return;
      axentraLoadScript('https://themes.axentraos.com/themes/Auth/script.js', { defer: true, target: 'body' });
      axentraLoadCss('https://themes.axentraos.com/themes/Auth/styles.css', 'axentra-auth-styles');
    })();
  </script></div><div id="shopify-block-Aenh1NWExaGprVXFIQ__16156609502398088594" class="shopify-block shopify-app-block"><div class='ot-multi-pixel'></div>

<script>
    (function () {
      try {
        localStorage.setItem(
          "omega_product_context_save_to_theme_app",
          JSON.stringify({ collections: [], id: "null", tags: [], type: "null" })
        );
      } catch (e) {
        console.error("Omega: reset product context failed", e);
      }
    })();
    </script>

<script>
                var omegaFBSettings = {"settings":{"shop_id":16022,"plan_configs":"","is_enable_trigger":false,"attributes_window":7,"enable":true,"content_type_event":"variant","capi_track_addtocart":true,"capi_track_addpaymentinfo":true,"capi_track_checkout":true,"capi_track_pageview":true,"capi_track_purchase":true,"capi_track_search":true,"capi_track_viewcontent":true,"pixel_track_addpaymentinfo":true,"pixel_track_addtocart":true,"pixel_track_checkout":true,"pixel_track_pageview":true,"pixel_track_purchase":true,"pixel_track_search":true,"pixel_track_viewcontent":true,"accept_permission_fb_ads":true,"is_enable_capi_pageview":false,"include_shipping_cost":true,"anti_spam_event":false,"plan_id":"","insights_enabled":true,"app_proxy_subpath":"/apps/otm"}};
                (function () {
                    try {
                      localStorage.setItem(
                        'omegaFBSettings',
                        JSON.stringify(omegaFBSettings)
                      );
                    } catch (e) {
                      console.error('Omega FB Settings parse error', e);
                    }
                })();
            </script>

<script>
  var localizationOmega = {
    // ── country hiện tại ──
    country: {
      name:        "India",
      iso_code:    "IN",
      continent:   "Asia",
      unit_system: "metric",
      popular:     null,
      currency: {
        iso_code: "INR",
        name:     "Indian Rupee",
        symbol:   "₹"
      }
    },

// ── language hiện tại ──
    language: {
      name:         "English",
      endonym_name: "English",
      iso_code:     "en",
      primary:      true,
      root_url:     "\/"
    },

// ── market hiện tại (market object bị cấm | json, lấy field con) ──
    market: {
      id:     64287244593,
      handle: "in"
    },

// ── danh sách country khả dụng ──
    availableCountries: [{
        name:     "Australia",
        iso_code: "AU",
        currency: "INR"
      },{
        name:     "Austria",
        iso_code: "AT",
        currency: "INR"
      },{
        name:     "Belgium",
        iso_code: "BE",
        currency: "INR"
      },{
        name:     "Canada",
        iso_code: "CA",
        currency: "INR"
      },{
        name:     "Czechia",
        iso_code: "CZ",
        currency: "INR"
      },{
        name:     "Denmark",
        iso_code: "DK",
        currency: "INR"
      },{
        name:     "Finland",
        iso_code: "FI",
        currency: "INR"
      },{
        name:     "France",
        iso_code: "FR",
        currency: "INR"
      },{
        name:     "Germany",
        iso_code: "DE",
        currency: "INR"
      },{
        name:     "Hong Kong SAR",
        iso_code: "HK",
        currency: "INR"
      },{
        name:     "India",
        iso_code: "IN",
        currency: "INR"
      },{
        name:     "Ireland",
        iso_code: "IE",
        currency: "INR"
      },{
        name:     "Israel",
        iso_code: "IL",
        currency: "INR"
      },{
        name:     "Italy",
        iso_code: "IT",
        currency: "INR"
      },{
        name:     "Japan",
        iso_code: "JP",
        currency: "INR"
      },{
        name:     "Malaysia",
        iso_code: "MY",
        currency: "INR"
      },{
        name:     "Netherlands",
        iso_code: "NL",
        currency: "INR"
      },{
        name:     "New Zealand",
        iso_code: "NZ",
        currency: "INR"
      },{
        name:     "Norway",
        iso_code: "NO",
        currency: "INR"
      },{
        name:     "Poland",
        iso_code: "PL",
        currency: "INR"
      },{
        name:     "Portugal",
        iso_code: "PT",
        currency: "INR"
      },{
        name:     "Singapore",
        iso_code: "SG",
        currency: "INR"
      },{
        name:     "South Korea",
        iso_code: "KR",
        currency: "INR"
      },{
        name:     "Spain",
        iso_code: "ES",
        currency: "INR"
      },{
        name:     "Sweden",
        iso_code: "SE",
        currency: "INR"
      },{
        name:     "Switzerland",
        iso_code: "CH",
        currency: "INR"
      },{
        name:     "United Arab Emirates",
        iso_code: "AE",
        currency: "INR"
      },{
        name:     "United Kingdom",
        iso_code: "GB",
        currency: "INR"
      },{
        name:     "United States",
        iso_code: "US",
        currency: "INR"
      }],

// ── danh sách language khả dụng ──
    availableLanguages: [{
        name:         "English",
        endonym_name: "English",
        iso_code:     "en",
        primary:      true
      }]
  };

// Ghi market của phiên vào localStorage để web pixel đọc lại lúc register()
  // (event xem hàng không có market — phải bắt ở storefront). Best-effort.
  try {
    localStorage.setItem(
      "omega_market_context",
      JSON.stringify({
        handle: localizationOmega.market && localizationOmega.market.handle,
        id: localizationOmega.market && localizationOmega.market.id,
        country: localizationOmega.country && localizationOmega.country.iso_code
      })
    );
  } catch (e) {
    console.error("Omega: save market context failed", e);
  }
</script>

<script src="https://cdn.shopify.com/extensions/01a0197c-1425-7500-8906-1a66ea3768b1/facebook-pixel-5-515/assets/omega-init.js" defer></script>
<script
  type="text/javascript"
  src="https://cdn.shopify.com/extensions/01a0197c-1425-7500-8906-1a66ea3768b1/facebook-pixel-5-515/assets/omega-storefront.js"
  defer
></script><script>
  window.__OT_BUNDLE_ATC__ = {
    enabled: true,
    window_ms: 400,
  };
</script>
<script src="https://cdn.shopify.com/extensions/01a0197c-1425-7500-8906-1a66ea3768b1/facebook-pixel-5-515/assets/bundle-atc.js"></script><script>
    window.__OTICS__ = {
      enabled: true,
      app: "SPF001",
      proxy: "\/apps\/otm", // subpath first-party -> collector POST {proxy}/signal -> backend /cab/<app_code>/signal
      shop: "gataca-in.myshopify.com"
    };
  </script>
  <script src="https://cdn.shopify.com/extensions/01a0197c-1425-7500-8906-1a66ea3768b1/facebook-pixel-5-515/assets/collector.js" defer></script>
</div><div id="shopify-block-Aa3lhSnlMY3Y5Ry8xK__17958977504815527494" class="shopify-block shopify-app-block ohcust">

<script>
(function () {
  if (window.axentraLoadScript) return;

const TTL_HOURS = 6;
  const COOKIE_PREFIX = 'axentra_asset_';
  const LS_PREFIX = 'axentra_asset_cache_';

function normalizeUrl(url) {
    try {
      const u = new URL(url, window.location.origin);
      u.searchParams.delete('v');
      return u.pathname + (u.search || '');
    } catch {
      return url.split('?')[0];
    }
  }

function assetKey(url) {
    const normalized = normalizeUrl(url);
    let h = 0;
    for (let i = 0; i < normalized.length; i++) {
      h = ((h << 5) - h + normalized.charCodeAt(i)) | 0;
    }
    return Math.abs(h).toString(36);
  }

function setCookie(name, value) {
    const maxAge = TTL_HOURS * 60 * 60;
    document.cookie = `${name}=${encodeURIComponent(value)}; max-age=${maxAge}; path=/; SameSite=Lax`;
  }

function getCookie(name) {
    const match = document.cookie.match(
      new RegExp('(?:^|; )' + name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '=([^;]*)')
    );
    return match ? decodeURIComponent(match[1]) : null;
  }

function readCache(url) {
    const key = assetKey(url);
    const cookieName = COOKIE_PREFIX + key;
    const lsKey = LS_PREFIX + key;
    if (getCookie(cookieName)) {
      const cached = localStorage.getItem(lsKey);
      if (cached) return cached;
    }
    return null;
  }

function writeCache(url, content) {
    const key = assetKey(url);
    try {
      localStorage.setItem(LS_PREFIX + key, content);
      setCookie(COOKIE_PREFIX + key, '1');
    } catch (e) {
      /* storage full or blocked */
    }
  }

function injectScript(content, opts) {
    const script = document.createElement('script');
    script.textContent = content;
    if (opts && opts.defer) script.defer = true;
    (opts && opts.target === 'body' ? document.body : document.head).appendChild(script);
    return script;
  }

window.axentraFetchCached = async function (url, fetchOpts) {
    const cached = readCache(url);
    if (cached) return cached;

const res = await fetch(url, fetchOpts || { cache: 'no-store' });
    if (!res.ok) throw new Error(`Failed to fetch ${url}: ${res.status}`);
    const text = await res.text();
    writeCache(url, text);
    return text;
  };

window.axentraLoadScript = function (url, opts) {
    opts = opts || {};
    const cached = readCache(url);
    if (cached) {
      injectScript(cached, opts);
      return Promise.resolve();
    }

return fetch(url)
      .then(function (r) {
        if (!r.ok) throw new Error(`Failed to load script ${url}: ${r.status}`);
        return r.text();
      })
      .then(function (text) {
        writeCache(url, text);
        injectScript(text, opts);
      });
  };

window.axentraLoadCss = function (url, id) {
    if (id && document.getElementById(id)) return Promise.resolve();

const cached = readCache(url);
    if (cached) {
      const el = document.createElement('style');
      if (id) el.id = id;
      el.textContent = cached;
      document.head.appendChild(el);
      return Promise.resolve();
    }

return fetch(url)
      .then(function (r) {
        if (!r.ok) throw new Error(`Failed to load css ${url}: ${r.status}`);
        return r.text();
      })
      .then(function (text) {
        writeCache(url, text);
        const el = document.createElement('style');
        if (id) el.id = id;
        el.textContent = text;
        document.head.appendChild(el);
      });
  };
})();
</script>

<link rel="preconnect" href="https://themes.axentraos.com/themes/">
<link rel="dns-prefetch" href="https://themes.axentraos.com/themes/">
<link rel="preconnect" href="https://omc.axentraos.co.in">

<script>
  {/* // --- SESSION SYNC FIX (disabled — cookie-based sync commented out) ---
  // (function() {
  //   const liquidLoggedIn = false;
  //   const hasAuthCookie = /(?:^|; )(?:_customer_sig|customer_auth_session|customer_signed_in|_shopify_logged_in)=/.test(document.cookie);
  //   const urlParams = new URLSearchParams(window.location.search);
  //
  //   if (!liquidLoggedIn && hasAuthCookie && !urlParams.has('synced')) {
  //     console.log("Axentra: Session detected, syncing...");
  //     urlParams.set('synced', '1');
  //     window.location.search = urlParams.toString();
  //   }
  // })(); */}

window.axentraIsCustomerLoggedIn = function () {
    
    if (window.axentra_liquid_cid) return true;
    if (window.myLoyaltyApp?.customer?.isLoggedIn) return true;
    if (window.ShopifyAnalytics?.meta?.page?.customerId) return true;
    return /(?:^|; )(?:_customer_sig|customer_auth_session|customer_signed_in|_shopify_logged_in)=/.test(document.cookie);
  };

const customerId = '';
  const customerEmail = '';
  const customerName = "";
  window.axentra_liquid_cid = null;
  window.axentra_liquid_email = null;
  window.myLoyaltyApp = {
    product: {
      id: null,
      price: null
    },
    customer: {
      id: null,
      email: null,
      isLoggedIn: false
    },
    shop: { currency: "INR" }
  };
</script>

<script>
(function(){
  const isCustomerLoggedIn = window.axentraIsCustomerLoggedIn || function () { return false; };

// Logged-in visitors should never load auth assets or intercept account links.
  if (isCustomerLoggedIn()) return;

const isVipBags = Shopify.shop === "vip-bags-bdc.myshopify.com";
  const AUTH_SCRIPT = isVipBags
    ? "https://themes.axentraos.com/themes/Auth/script2.js"
    : "https://themes.axentraos.com/themes/Auth/script.js";
  const AUTH_STYLE = "https://themes.axentraos.com/themes/Auth/styles.css";

let authLoaded = false;

function loadAuthAssets() {
    if (authLoaded || isCustomerLoggedIn()) return Promise.resolve();
    if (typeof axentraLoadCss !== 'function' || typeof axentraLoadScript !== 'function') {
      console.error('Axentra: asset loader is not available');
      return Promise.reject(new Error('Axentra asset loader is not available'));
    }
    return Promise.all([
      axentraLoadCss(AUTH_STYLE, 'axentra-auth-css'),
      axentraLoadScript(AUTH_SCRIPT, { defer: true, target: 'body' })
    ]).then(() => { authLoaded = true; });
  }

async function checkPopupMode() {
    if (isVipBags) return false;

const cached = sessionStorage.getItem("axentraAuthMode");
    if (cached) return cached === "popup";
    try {
      const res = await fetch(`https://omc.axentraos.co.in/auth_merchant/get_auth_settings/?shop=${Shopify.shop}`);
      const data = await res.json();
      const popup = data?.settings?.authentication_settings?.login_interface?.type === "popup";
      sessionStorage.setItem("axentraAuthMode", popup ? "popup" : "inline");
      return popup;
    } catch { return false; }
  }

document.addEventListener("DOMContentLoaded", async () => {
    if (isCustomerLoggedIn()) return;

const path = location.pathname;
    const isDashboardPage = path === "/pages/ax-customer-dashboard" || path === "/pages/account" || path === "/account";

if (isDashboardPage) {
      await loadAuthAssets();
      if (window.AxentraAuth) {
        window.AxentraAuth.init({ mode: "inline" });
      }
      return;
    }

document.querySelectorAll('a[href*="/account"]:not([href*="/logout"]), a[href*="/pages/account"], a[href*="/pages/ax-customer-dashboard"]').forEach(link => {
      link.addEventListener("click", async e => {
        if (isCustomerLoggedIn()) return;
        if (isVipBags) return;
        if (path === "/pages/ax-customer-dashboard") return;

e.preventDefault();
        const popup = await checkPopupMode();
        await loadAuthAssets();
        if (window.AxentraAuth) {
          window.AxentraAuth.init({ mode: popup ? "popup" : "inline" });
        } else {
          window.location.href = link.href;
        }
      });
    });
  });

window.addEventListener("message", (event) => {
    if (event.data === "axentra_login_success" || event.data?.type === "axentra_login_success") {
      window.location.href = "/pages/ax-customer-dashboard?synced=1&t=" + Date.now();
    }
  });

})();
</script></div><div id="shopify-block-AbTRJei9yemd1RmxhU__152906827736512534" class="shopify-block shopify-app-block">
<script
  src="https://cdn.popupsmart.com/bundle.js"
  data-id="944828"
  async
  defer></script>
 <script async defer>function compactObject(data) { if (typeof data !== 'object') { return data; } return Object.keys(data).reduce(function (accumulator, key) { const isObject = data[key] !== null && typeof data[key] === 'object'; let value = isObject ? compactObject(data[key]) : data[key]; const isEmptyObject = isObject && !Object.keys(value).length; if (value === undefined || isEmptyObject) { return accumulator; } if (Array.isArray(data[key])) { value = Object.values(value); } return Object.assign(accumulator, { [key]: value }); }, {}); } function addToPsMetaData(data) { if (!window?.ps?.addMeta) return; const loggedIn = data?.logState === 'Logged In'; const storedStringData = localStorage.getItem('shopifyMetaData'); const storedData = storedStringData ? JSON.parse(storedStringData) : {}; const defaultShopifyData = window?.ps?.meta?.shopify || {}; const shopifyData = { ...defaultShopifyData, userId: data?.userId || (loggedIn ? storedData?.userId : undefined), currency: data?.currency || storedData?.currency || 'USD', loggedIn: loggedIn, search: data?.search || '', customer: { email: data?.customerEmail || (loggedIn ? storedData?.customer?.email : undefined), type: data?.customerType || (loggedIn ? storedData?.customer?.type : undefined), firstName: data?.customerInfo?.firstName || data?.shippingInfo?.firstName || data?.billingInfo?.firstName || (loggedIn ? storedData?.customer?.firstName : undefined), lastName: data?.customerInfo?.lastName || data?.shippingInfo?.lastName || data?.billingInfo?.lastName || (loggedIn ? storedData?.customer?.lastName : undefined), address1: data?.customerInfo?.address1 || data?.shippingInfo?.address1 || data?.billingInfo?.address1 || (loggedIn ? storedData?.customer?.address1 : undefined), address2: data?.customerInfo?.address2 || data?.shippingInfo?.address2 || data?.billingInfo?.address2 || (loggedIn ? storedData?.customer?.address2 : undefined), street: data?.customerInfo?.street || data?.shippingInfo?.street || data?.billingInfo?.street || (loggedIn ? storedData?.customer?.street : undefined), city: data?.customerInfo?.city || data?.shippingInfo?.city || data?.billingInfo?.city || (loggedIn ? storedData?.customer?.city : undefined), province: data?.customerInfo?.province || data?.shippingInfo?.province || data?.billingInfo?.province || (loggedIn ? storedData?.customer?.province : undefined), zip: data?.customerInfo?.zip || data?.shippingInfo?.zip || data?.billingInfo?.zip || (loggedIn ? storedData?.customer?.zip : undefined), country: data?.customerInfo?.country || data?.shippingInfo?.country || data?.billingInfo?.country || (loggedIn ? storedData?.customer?.country : undefined), phone: data?.customerInfo?.phone || data?.shippingInfo?.phone || data?.billingInfo?.phone || (loggedIn ? storedData?.customer?.phone : undefined), 'lastOrderCreatedAt':"", 'tags':null, accepts_marketing:null,orders_count: data?.customerInfo?.orders_count || data?.shippingInfo?.orders_count || data?.billingInfo?.orders_count || (loggedIn ? storedData?.customer?.orders_count : undefined), totalSpent: data?.customerInfo?.totalSpent || data?.shippingInfo?.totalSpent || data?.billingInfo?.totalSpent || (loggedIn ? storedData?.customer?.totalSpent : undefined), addresses: data?.customerInfo?.addresses || (loggedIn ? storedData?.customer?.customerInfo : undefined), id: data?.userId || (loggedIn ? storedData?.userId : undefined), name: data?.customerInfo?.name || (loggedIn ? storedData?.customer?.name : undefined), loggedIn: loggedIn,}, 'product':{'total_inventory_quantity':null ,'tags':null,'available':null > 0,'name':null,'variant':{'name':null,'price':"",'sku':null},'vendor':null, 'collections':(null|| []).map(collection=>({'id':collection.id,'title':collection.title}))} ,'collection':{'id':null,'title':null}}; const shopifyMetaData = compactObject(shopifyData); localStorage.setItem('shopifyMetaData', JSON.stringify(shopifyMetaData)); window.ps.addMeta('shopify', shopifyMetaData); } function updateCart() { if (!window?.ps?.addMeta) return; const storedStringData = localStorage.getItem('shopifyMetaData'); const storedData = storedStringData ? JSON.parse(storedStringData) : {}; const cart = { total: storedData?.cart?.total || 0, products: storedData?.cart?.products || [], }; fetch(window.Shopify.routes.root + 'cart.js') .then((response) => response.json()) .then((data) => { if (!data.items.length) { cart.total = 0; cart.products = []; const defaultShopifyData = window?.ps?.meta?.shopify || storedData || {}; const shopifyData = { ...defaultShopifyData, cart: cart, }; const shopifyMetaData = compactObject(shopifyData); localStorage.setItem('shopifyMetaData', JSON.stringify(shopifyMetaData)); window.ps.addMeta('shopify', shopifyMetaData); return; } const cartItems = data.items.map((item) => { return { id: item.id || '', sku: item.sku || '', variant: item.variant_id || '', type: item.product_type || '', name: item.title || item.product_title || '', price: item.price / 100 || 0, quantity: item.quantity || 0, url: `https:${window.Shopify.shop}${item.url}` || '', image: item.image || '', brand: item.vendor || '', categories: [''], }; }); cart.total = data.total_price / 100; cart.products = cartItems; const defaultShopifyData = window?.ps?.meta?.shopify || storedData || {}; const shopifyData = { ...defaultShopifyData, cart: cart, }; const shopifyMetaData = compactObject(shopifyData); localStorage.setItem('shopifyMetaData', JSON.stringify(shopifyMetaData)); window.ps.addMeta('shopify', {...shopifyMetaData,filledData:true}); }); } (function (ns, fetch) { if (typeof fetch !== 'function') return; ns.fetch = function () { const response = fetch.apply(this, arguments); response.then((res) => { if (res.url.includes('cart/add') || res.url.includes('cart/change')) { updateCart(); } }); return response; }; })(window, window.fetch); !function(e){if(window.XMLHttpRequest){var n=window.XMLHttpRequest;e.XMLHttpRequest=function e(){var t=new n;return t.onload=function(){t.responseURL&&(t.responseURL.includes("cart/add")||t.responseURL.includes("cart/change"))&&updateCart()},t}}}(window); function getURLParams(name, url) { if (!url) url = window.location.href; name = name.replace(/[\\[\\]]/g, '\\\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); const results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\\+/g, ' ')); } function applyBindings(objectArray, outputObject) { for (const key in objectArray) { const objs = objectArray[key]; let values = []; if (objs.length > 0) { values.push(objs); if (key in outputObject) { values.push(outputObject[key]); outputObject[key] = values.join(', '); } else { outputObject[key] = values.join(', '); } } } } __PS__interval = setInterval(function () { if (window?.ps?.addMeta) { __PS__ = {}; customBindings = { searchPage: [], searchTermQuery: [getURLParams('q')], }; defaultBindings = { searchPage: ['search'], }; objectArray = customBindings; outputObject = __PS__; applyBindings(customBindings, __PS__); applyBindings(defaultBindings, __PS__); if(window?.ps?.meta?.shopify){ clearInterval(__PS__interval); } let isLoggedIn = false;const logState = {  'search':getURLParams('q'),'logState': "Logged Out",'customerEmail': null, 'timestamp': Date.now(),'customerType': 'New', 'customerTypeNumber': '1','shippingInfo': { 'fullName': null, 'firstName': null, 'lastName': null, 'address1': null, 'address2': null, 'street': null, 'city': null, 'province': null, 'zip': null, 'country': null, 'phone': null, 'orders_count': 0, 'totalSpent': 0, }, 'billingInfo': { 'fullName': null, 'firstName': null, 'lastName': null, 'address1': null, 'address2': null, 'street': null, 'city': null, 'province': null, 'zip': null, 'country': null, 'phone': null, 'totalOrder': 0, 'totalSpent': 0,'accepts_marketing':false,'tags':[] }}; addToPsMetaData(logState); updateCart(); } }, 100);</script>

</div><div id="shopify-block-AZTA0UUdWeWUzNG9jV__1219337400145039034" class="shopify-block shopify-app-block"><script defer>
  function getCustomerId() {
    
    return null
    
  }
  
  function getThemeId() {
    
    return null
    
  }

let token = null;
  let isDropdownVisible = false;
  let isDropdownMobileVisible = false;
  let isElementsWithAccountClickable = true;
  const ICON_SELECT_QUERY='.header__icon--account';
  const HORIZON_PROFILE_ICON = '.account-button.header-actions__action'
  
 // Define handleDrawer2 in global scope so it can be accessed by onclick attributes - for horizon themes
 function handleDrawer2() {
   const token = getValueFromCookiesOrLocalStorage(XGokwikCoreToken(window.merchantInfo.environment))
   if (token) {
     const kwikpassLoggedInElement = document.getElementById("icon-kwikpass");
     const crossIconElement = document.getElementById("icon-close-kwikpass")
     const drawerElement = document.getElementById("kwikpass-drawer-desktop")
     // display cross icon and hide icon-kwikpass if isDropdownVisible = true else display icon-kwikpass and hide cross icon
     if(drawerElement && crossIconElement && kwikpassLoggedInElement) {
       if(isDropdownVisible){
         drawerElement.style.display = "none";
         crossIconElement.style.display="none";
         kwikpassLoggedInElement.style.display="flex";
       }else{
         drawerElement.style.display = "block";
         crossIconElement.style.display="flex";
         kwikpassLoggedInElement.style.display="none";
       }
       isDropdownVisible = !isDropdownVisible;
     }
     
     const kwikpassLoggedInElementMbl = document.getElementById("icon-kwikpass-mobile");
     const crossIconElementMbl = document.getElementById("icon-close-kwikpass-mobile")
     const drawerElementMbl = document.getElementById("kwikpass-drawer-mobile")
     // display cross icon and hide icon-kwikpass if isDropdownMobileVisible = true else display icon-kwikpass and hide cross icon
     if(drawerElementMbl && crossIconElementMbl && kwikpassLoggedInElementMbl) {
       if(isDropdownMobileVisible){
         drawerElementMbl.style.display = "none";
         crossIconElementMbl.style.display="none";
         kwikpassLoggedInElementMbl.style.display="flex";
       }else{
         drawerElementMbl.style.display = "block";
         crossIconElementMbl.style.display="flex";
         kwikpassLoggedInElementMbl.style.display="none";
       }
       isDropdownMobileVisible = !isDropdownMobileVisible;
     }
   }
 }

function addProfileIconInHorizon(){

const kpLoader = `<svg
    class="loadergk kploader"
    width="17"
    height="16"
    viewBox="0 0 17 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
  <path
    d="M8.50004 1.33325V3.99992M8.50004 11.9999V14.6666M4.50004 7.99992H1.83337M15.1667 7.99992H12.5M13.219 12.7189L11.3334 10.8333M13.219 3.33321L11.3334 5.21883M3.78109 12.7189L5.66671 10.8333M3.78109 3.33321L5.66671 5.21883"
    stroke="#111"
    stroke-width="1.6"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
  </svg>`
   
   /*removing existing profile(person) icon - person icon is not present in this store*/
   // Note: profileButtonElement and profileButtonElementMbl are now defined later in the code (lines 356 and 376)

// defining css and add it to style tag in head
  function appendCss() {
  let css = `
  .loadergk {
    display: none;
    animation: rotate 1.5s linear infinite;
  }
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  .kp-disabled-text-color{
    cursor: not-allowed;
  }
  #logout-button-desktop, #logout-button-mobile{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #344054;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    border-radius: 8px;
    padding: 8px 14px;;
    border: 1px solid var(--gray-300, #d0d5dd);
    background: var(--base-white, #fff);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  }
  #loggedin-icons{
    align-self: center;
    display: none;
  }
   #loggedin-icons-mobile{
   display:none;
  }
  /* Base drawer styles */
  #kwikpass-drawer-desktop,#kwikpass-drawer-mobile{
    padding: 16px;
    display: none;
    width: 10rem;
    position: absolute;
    box-shadow: 0px 0px 32px 0px rgba(16, 24, 40, 0.32);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 999;
    background:#fff!important;
  }
  
  /* Old theme drawer - original positioning (MUST NOT BREAK) */
  .kp-old-theme #kwikpass-drawer-desktop,
  .kp-old-theme #kwikpass-drawer-mobile {
    right: 10%;
    top: 175%;
  }
  
  /* New theme drawer - use right: 0 to align with icon's right edge (responsive) */
  .kp-new-theme #kwikpass-drawer-desktop,
  .kp-new-theme #kwikpass-drawer-mobile {
    right: 74px;
    top: 78%;
  }
  #kwikpass-drawer-desktop > ul , #kwikpass-drawer-mobile > ul {
    margin: 0px 0px 15px 0px;
    padding: 0;
    width: 100%;
  }
  #kwikpass-drawer-desktop >ul >a , #kwikpass-drawer-mobile > ul > a {
    cursor: pointer;
    width: 100%;
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    color: inherit;
    margin-left:0!important;
    text-decoration: none;
  }
  #kwikpass-drawer-desktop >ul >a:hover , #kwikpass-drawer-mobile > ul > a:hover , #kwikpass-drawer-desktop >ul >a:focus , #kwikpass-drawer-mobile > ul > a:focus {
    text-decoration: none;
  }
  #kwikpass-drawer-desktop >ul >a:focus , #kwikpass-drawer-mobile > ul > a:focus,#kwikpass-drawer-desktop >ul >a:active , #kwikpass-drawer-mobile > ul > a:active {
    text-decoration: none;
  }
  #kwikpass-drawer-desktop >ul >a:focus .loadergk , #kwikpass-drawer-mobile > ul > a:focus .loadergk {
    display: block;
  }
  #kwikpass-drawer-desktop >ul >a:not(:focus) .loadergk , #kwikpass-drawer-mobile > ul > a:not(:focus) .loadergk {
    display: none;
  } 
  #kwikpass-drawer-desktop > ul > a > p , #kwikpass-drawer-mobile > ul > a > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 142.857%;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin: 0px 0 0px 0;
    color: #000;
  }
  /* Base icon styles */
  .header--icon{
    cursor: pointer;
    display: inline-flex;
    color: #000;
  }
  .header--icon--mobile{
    cursor: pointer;
    display: inline-flex;
    color: #000;
    width: 23px;
  }
  
  /* Old theme - original positioning (MUST NOT BREAK) */
  .kp-old-theme.header--icon,
  .kp-old-theme.header--icon--mobile {
    position: relative;
    top: 10px;
    margin: 0 10px;
  }
  
  /* New theme - match old theme visual appearance */
  .kp-new-theme.header--icon,
  .kp-new-theme.header--icon--mobile {
    display: inline-flex;
    align-items: center;
  }
  #icon-close-kwikpass, #icon-close-kwikpass-mobile{
    display: none;
    border-radius: 50px;
    border: 1px solid;
    margin: 0;
    padding: 2px;
    align-items: center;
    justify-content: center;
    margin-left:3px;
  }

floating-panel-component.account-popover__panel.details-content.color-scheme-1 {
    display: none;
  }
 
  `;

var style = document.createElement('style');
    style.innerHTML = css;
    document.getElementsByTagName('head')[0].appendChild(style);
  }

// function call to append css to style tag
  appendCss()

const userIcon = `<svg width="23" height="23" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" id="svgkp">
  <path d="M22.9129 12.935L13.7571 23.0474C13.5348 23.2929 13.1284 23.1084 13.1669 22.7794L14.0816 14.9731H10.6991C10.4034 14.9731 10.2484 14.6219 10.4478 14.4035L20.3133 3.59739C20.5589 3.32834 20.9984 3.58134 20.8891 3.92887L18.2354 12.3664H22.6607C22.9557 12.3664 23.1109 12.7163 22.9129 12.935Z" fill="#FEA203"/>
  <path id="svgkp-path"  fill-rule="evenodd" clip-rule="evenodd" d="M16.6079 5.35819C16.4805 5.1933 16.3421 5.03582 16.1932 4.8869C15.2702 3.96387 14.0183 3.44531 12.7129 3.44531C11.4075 3.44531 10.1556 3.96387 9.2326 4.8869C8.30957 5.80993 7.79102 7.06183 7.79102 8.36719C7.79102 9.67255 8.30957 10.9244 9.2326 11.8475C9.48368 12.0986 9.75909 12.3197 10.0533 12.5086L11.0235 11.4503C10.7335 11.2914 10.4649 11.0911 10.227 10.8531C9.56766 10.1938 9.19727 9.29959 9.19727 8.36719C9.19727 7.43479 9.56766 6.54057 10.227 5.88127C10.8863 5.22196 11.7805 4.85156 12.7129 4.85156C13.6453 4.85156 14.5395 5.22196 15.1988 5.88127C15.3636 6.04604 15.5103 6.22549 15.6377 6.41654L16.6079 5.35819ZM20.6413 18.6497L19.6746 19.7132C20.1676 20.4122 20.4473 21.2264 20.4473 22.0781V23.8359C20.4473 24.2243 20.7621 24.5391 21.1504 24.5391C21.5387 24.5391 21.8535 24.2243 21.8535 23.8359V22.0781C21.8535 20.7863 21.4016 19.6103 20.6413 18.6497ZM12.3111 17.5078H10.3026C7.27113 17.5078 4.97852 19.6394 4.97852 22.0781V23.8359C4.97852 24.2243 4.66372 24.5391 4.27539 24.5391C3.88707 24.5391 3.57227 24.2243 3.57227 23.8359V22.0781C3.57227 18.6922 6.67684 16.1016 10.3026 16.1016H12.4885L12.3111 17.5078Z" fill="currentColor" stroke="currentColor" stroke-width="0.1"/>
  </svg>`;
  
  // kwikpass icon for desktop - if user is not logged in
  const KwikpassNotLoggedIcon = `<div id="kp-login-button-header-logo" onclick="handleKpAndShopifyLogin()" style="cursor: pointer;display: flex;align-items: center;">${userIcon}</div>`
  
  // kwikpass icon for mobile - if user is not logged in
  const KwikpassNotLoggedIconMobile = `<div id="kp-login-button-header-logo-mobile" onclick="handleKpAndShopifyLogin()"  style="cursor: pointer;display: flex">${userIcon}</div>`
  
  // dropdown for desktop (opens on clicking kwikpass icon if user logged in)
  const drawerhtmlDesktop = `<div id="kwikpass-drawer-desktop" >
  <ul>
  <a href="javascript:void(0);" onclick="event.preventDefault();handleShopifyLogin(event,'/account')" tabindex="0" style=" display: flex">
  <p>
    <svg
        width="16"
        height="16"
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg" 
    >
        <path
        d="M4.6 2.20033L3.3 3.93366C3.04251 4.27697 2.91377 4.44863 2.91676 4.59232C2.91936 4.71736 2.97799 4.83462 3.07646 4.91172C3.18962 5.00032 3.40419 5.00032 3.83333 5.00032H16.1667C16.5958 5.00032 16.8104 5.00032 16.9235 4.91172C17.022 4.83462 17.0806 4.71736 17.0832 4.59232C17.0862 4.44863 16.9575 4.27697 16.7 3.93366L15.4 2.20033M4.6 2.20033C4.74667 2.00477 4.82 1.90699 4.91294 1.83647C4.99525 1.77401 5.08846 1.72741 5.18782 1.69903C5.3 1.66699 5.42222 1.66699 5.66667 1.66699H14.3333C14.5778 1.66699 14.7 1.66699 14.8122 1.69903C14.9115 1.72741 15.0047 1.77401 15.0871 1.83647C15.18 1.90699 15.2533 2.00477 15.4 2.20033M4.6 2.20033L3.03333 4.28921C2.83545 4.55306 2.73651 4.68498 2.66625 4.83026C2.6039 4.95917 2.55843 5.09559 2.53096 5.23612C2.5 5.3945 2.5 5.55941 2.5 5.88921L2.5 15.667C2.5 16.6004 2.5 17.0671 2.68166 17.4236C2.84144 17.7372 3.09641 17.9922 3.41002 18.152C3.76654 18.3337 4.23325 18.3337 5.16667 18.3337L14.8333 18.3337C15.7668 18.3337 16.2335 18.3337 16.59 18.152C16.9036 17.9922 17.1586 17.7372 17.3183 17.4236C17.5 17.0671 17.5 16.6004 17.5 15.667V5.88921C17.5 5.55941 17.5 5.3945 17.469 5.23613C17.4416 5.09559 17.3961 4.95918 17.3338 4.83026C17.2635 4.68498 17.1646 4.55306 16.9667 4.28921L15.4 2.20033M13.3333 8.33366C13.3333 9.21771 12.9821 10.0656 12.357 10.6907C11.7319 11.3158 10.8841 11.667 10 11.667C9.11594 11.667 8.2681 11.3158 7.64298 10.6907C7.01786 10.0656 6.66667 9.21771 6.66667 8.33366"
        stroke="currentColor"
        stroke-width="1.66667"
        stroke-linecap="round"
        stroke-linejoin="round"
        fill="none"
        />
    </svg>
  
    Order History
  </p>
  
  ${kpLoader}
  </a>
  </ul>
    <button id="logout-button-desktop">
      Logout
        <svg
        width="16"
        height="16"
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        >
        <path
        d="M15 6.66667L18.3334 10M18.3334 10L15 13.3333M18.3334 10H7.50002M12.5 3.50337C11.4377 2.86523 10.2044 2.5 8.88891 2.5C4.90019 2.5 1.66669 5.85786 1.66669 10C1.66669 14.1421 4.90019 17.5 8.88891 17.5C10.2044 17.5 11.4377 17.1348 12.5 16.4966"
        stroke="currentColor"
        stroke-width="1.66667"
        stroke-linecap="round"
        stroke-linejoin="round"
        fill="none"
        />
        </svg>
    </button>
  </div>`;
  
  // dropdown for mobile (opens on clicking kwikpass icon if user logged in)
  const drawerhtmlMobile = `<div id="kwikpass-drawer-mobile">
  <ul>
  <a href="javascript:void(0);" onclick="event.preventDefault();handleShopifyLogin(event,'/account')" tabindex="0" style=" display: flex">
  <p>
    <svg
        width="16"
        height="16"
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg" 
        class="ordericon"
    >
        <path
        d="M4.6 2.20033L3.3 3.93366C3.04251 4.27697 2.91377 4.44863 2.91676 4.59232C2.91936 4.71736 2.97799 4.83462 3.07646 4.91172C3.18962 5.00032 3.40419 5.00032 3.83333 5.00032H16.1667C16.5958 5.00032 16.8104 5.00032 16.9235 4.91172C17.022 4.83462 17.0806 4.71736 17.0832 4.59232C17.0862 4.44863 16.9575 4.27697 16.7 3.93366L15.4 2.20033M4.6 2.20033C4.74667 2.00477 4.82 1.90699 4.91294 1.83647C4.99525 1.77401 5.08846 1.72741 5.18782 1.69903C5.3 1.66699 5.42222 1.66699 5.66667 1.66699H14.3333C14.5778 1.66699 14.7 1.66699 14.8122 1.69903C14.9115 1.72741 15.0047 1.77401 15.0871 1.83647C15.18 1.90699 15.2533 2.00477 15.4 2.20033M4.6 2.20033L3.03333 4.28921C2.83545 4.55306 2.73651 4.68498 2.66625 4.83026C2.6039 4.95917 2.55843 5.09559 2.53096 5.23612C2.5 5.3945 2.5 5.55941 2.5 5.88921L2.5 15.667C2.5 16.6004 2.5 17.0671 2.68166 17.4236C2.84144 17.7372 3.09641 17.9922 3.41002 18.152C3.76654 18.3337 4.23325 18.3337 5.16667 18.3337L14.8333 18.3337C15.7668 18.3337 16.2335 18.3337 16.59 18.152C16.9036 17.9922 17.1586 17.7372 17.3183 17.4236C17.5 17.0671 17.5 16.6004 17.5 15.667V5.88921C17.5 5.55941 17.5 5.3945 17.469 5.23613C17.4416 5.09559 17.3961 4.95918 17.3338 4.83026C17.2635 4.68498 17.1646 4.55306 16.9667 4.28921L15.4 2.20033M13.3333 8.33366C13.3333 9.21771 12.9821 10.0656 12.357 10.6907C11.7319 11.3158 10.8841 11.667 10 11.667C9.11594 11.667 8.2681 11.3158 7.64298 10.6907C7.01786 10.0656 6.66667 9.21771 6.66667 8.33366"
        stroke="currentColor"
        stroke-width="1.66667"
        stroke-linecap="round"
        stroke-linejoin="round"
        fill="none"
        />
    </svg>
  
    Order History
  </p>
  
  ${kpLoader}
  </a>
  </ul>
    <button id="logout-button-mobile">
      Logout
        <svg
        width="16"
        height="16"
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        >
        <path
        d="M15 6.66667L18.3334 10M18.3334 10L15 13.3333M18.3334 10H7.50002M12.5 3.50337C11.4377 2.86523 10.2044 2.5 8.88891 2.5C4.90019 2.5 1.66669 5.85786 1.66669 10C1.66669 14.1421 4.90019 17.5 8.88891 17.5C10.2044 17.5 11.4377 17.1348 12.5 16.4966"
        stroke="currentColor"
        stroke-width="1.66667"
        stroke-linecap="round"
        stroke-linejoin="round"
        fill="none"
        />
        </svg>
    </button>
  </div>`;
  
  
  
  const kwikpassLoggedInIcon = `
    <div id="loggedin-icons">
      <div id="icon-close-kwikpass" class="icon-close-kwikpass" style="height: 20px; width:20px; cursor: pointer;" onclick="handleDrawer2()">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        </div>
        <div style="cursor: pointer;display: flex;" onclick="handleDrawer2()" id="icon-kwikpass">
        ${userIcon}
      </div>
    </div>`;
  
  const kwikpassLoggedInIconMobile = `
  <div id="loggedin-icons-mobile" >
    <div id="icon-close-kwikpass-mobile" style="cursor: pointer;height: 20px; width:20px;" onclick="handleDrawer2()">
      <svg width="17" height="17" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
      </div> 
      <div style="cursor: pointer;display: flex" onclick="handleDrawer2()" id="icon-kwikpass-mobile">
      ${userIcon}
    </div>
  </div>`;
  
  
  // It will change based on theme - Desktop
  const profileButtonElement = document.querySelector('.account-button.header-actions__action')
  const personIconElement = profileButtonElement?.parentElement
  const html = `
    ${KwikpassNotLoggedIcon}
    ${kwikpassLoggedInIcon}
    ${drawerhtmlDesktop}
  `;
  
  if(!document.getElementsByClassName("header--icon")?.[0]){
    // Detect theme
    const isOldTheme = document.querySelector('.account-popover') !== null;
    
    const kwipassDesktopNode = document.createElement('div')
    // Add theme-specific class
    kwipassDesktopNode.className = isOldTheme ? "header--icon kp-old-theme" : "header--icon kp-new-theme"
    kwipassDesktopNode.innerHTML = html
    // Hide original and insert Kwikpass button (works for both themes)
    if(personIconElement && profileButtonElement) {
      profileButtonElement.style.display = 'none';
      personIconElement.insertBefore(kwipassDesktopNode, profileButtonElement);
    }
  }
  
  //mobile - Get the second instance of account button
  const allAccountButtons = document.querySelectorAll('.account-button.header-actions__action')
  const profileButtonElementMbl = allAccountButtons[1] // Second instance (mobile)
  const personIconElementMbl = profileButtonElementMbl?.parentElement

const htmlmobile = `
    ${KwikpassNotLoggedIconMobile}
    ${kwikpassLoggedInIconMobile}
    ${drawerhtmlMobile}
  `;
  
  if(!document.getElementsByClassName("header--icon--mobile")?.[0]){
    // Detect theme
    const isOldThemeMobile = document.querySelector('.account-drawer') !== null;
    
    const kwipassMobileNode = document.createElement('div')
    // Add theme-specific class
    kwipassMobileNode.className = isOldThemeMobile ? "header--icon--mobile kp-old-theme" : "header--icon--mobile kp-new-theme"
    kwipassMobileNode.innerHTML = htmlmobile
    // Hide original and insert Kwikpass button (works for both themes)
    if(personIconElementMbl && profileButtonElementMbl) {
      profileButtonElementMbl.style.display = 'none';
      personIconElementMbl.insertBefore(kwipassMobileNode, profileButtonElementMbl);
    }
  }
 }
 
 function addLoginButtonForHorizon(){
  
  function updateDOM(isKwikpassLogin = true) {
    token = getValueFromCookiesOrLocalStorage(XGokwikCoreToken(window.merchantInfo.environment));
    const isLogout = sessionStorage.getItem('isLogout');
    const phoneNumber = getValueFromCookiesOrLocalStorage('notify_phone_number');
  
    if ((!token && !isLogout) || (token && !phoneNumber)) {
      openIframe('kp_sso_token')
    }
  
    const drawerElementMobile = document.getElementById("kwikpass-drawer-mobile")
    if(drawerElementMobile){
      if(token){
        document.getElementById("kp-login-button-header-logo-mobile").style.display = "none"
        document.getElementById("loggedin-icons-mobile").style.display = "block"
      }else{
        document.getElementById("kp-login-button-header-logo-mobile").style.display = "flex"
        document.getElementById("loggedin-icons-mobile").style.display = "none"
        drawerElementMobile.style.display = "none"
      }
    }
  
    const drawerElement = document.getElementById("kwikpass-drawer-desktop")
    if(drawerElement){
      if(token){
        document.getElementById("kp-login-button-header-logo").style.display = "none"
        document.getElementById("loggedin-icons").style.display = "block"
      }else{
        document.getElementById("kp-login-button-header-logo").style.display = "flex"
        document.getElementById("loggedin-icons").style.display = "none"
        drawerElement.style.display = "none"
      }
    }
  
    // shopify logout
      const logoutLink = document.querySelectorAll('a[href*="/account/logout"]');
      logoutLink.forEach((element) => {
        element.addEventListener("click", (event) => {
        event.preventDefault()
        handleLogout()
      })
    });
  
    const logoutElement =  document.getElementById('logout-button-desktop')
    if(logoutElement) logoutElement.addEventListener('click', handleLogout);  
    
    //mobile
    const logoutElementMobile =  document.getElementById('logout-button-mobile')
    if(logoutElementMobile) logoutElementMobile.addEventListener('click', handleLogout);
  }
    
      let isElementsWithAccountClickable = true;
  
  // Add a click event listener to the document
  document.addEventListener('click', function(event) {
    const dropdownButton = document.getElementsByClassName('header--icon') ?. [0]
    // Check if the clicked element is the dropdown button or inside the dropdown menu
    const isClickInsideDropdown = dropdownButton?.contains(event.target);
  
    // If the click is outside the dropdown, hide the dropdown
    const kwikpassLoggedInElement = document.getElementById("icon-kwikpass");
    const crossIconElement = document.getElementById("icon-close-kwikpass")
    const drawerElement = document.getElementById("kwikpass-drawer-desktop")
  
    if (! isClickInsideDropdown && isDropdownVisible && token) {
      drawerElement.style.display = "none";
      crossIconElement.style.display = "none";
      kwikpassLoggedInElement.style.display = "flex";
      isDropdownVisible = ! isDropdownVisible;
    }
  
    //mobile
    const dropdownButtonMbl = document.getElementsByClassName('header--icon--mobile')?.[0]
  
    // Check if the clicked element is the dropdown button or inside the dropdown menu
    const isClickInsideDropdownMbl = dropdownButtonMbl?.contains(event.target);
  
    // If the click is outside the dropdown, hide the dropdown
    const kwikpassLoggedInElementMbl = document.getElementById("icon-kwikpass-mobile");
    const crossIconElementMbl = document.getElementById("icon-close-kwikpass-mobile")
    const drawerElementMbl = document.getElementById("kwikpass-drawer-mobile")
  
    if (! isClickInsideDropdownMbl && isDropdownMobileVisible && token) {
      drawerElementMbl.style.display = "none";
      crossIconElementMbl.style.display = "none";
      kwikpassLoggedInElementMbl.style.display = "flex";
      isDropdownMobileVisible = !isDropdownMobileVisible;
    }
  });
  
  document.addEventListener('DOMContentLoaded', function() {
    updateDOM();
  });
  
  window.addEventListener('update-dom', function() {
    const kwikpassLoggedInElement = document.getElementById("icon-kwikpass");
    const crossIconElement = document.getElementById("icon-close-kwikpass")
    const drawerElement = document.getElementById("kwikpass-drawer-desktop")
    if(drawerElement) drawerElement.style.display = "none";
    if(crossIconElement) crossIconElement.style.display="none";
    if(kwikpassLoggedInElement) kwikpassLoggedInElement.style.display="flex";
    
    const kwikpassLoggedInElementMbl = document.getElementById("icon-kwikpass-mobile");
    const crossIconElementMbl = document.getElementById("icon-close-kwikpass-mobile")
    const drawerElementMbl = document.getElementById("kwikpass-drawer-mobile")
    if(drawerElementMbl) drawerElementMbl.style.display = "none";
    if(crossIconElementMbl) crossIconElementMbl.style.display="none";
    if(kwikpassLoggedInElementMbl) kwikpassLoggedInElementMbl.style.display="flex";
    updateDOM();
  });
  addProfileIconInHorizon()
  updateDOM();
 }

function handleDrawer1() {
    const token = getValueFromCookiesOrLocalStorage(XGokwikCoreToken(window.merchantInfo.environment));
    if (token) {
      const kwikpassLoggedInElement = document.getElementById("icon-kwikpass");
      const crossIconElement = document.getElementById("icon-close-kwikpass");
      const drawerElement = document.getElementById("kwikpass-drawer-desktop");
      // display cross icon and hide icon-kwikpass if isDropdownVisible = true else display icon-kwikpass and hide cross icon
      if(isDropdownVisible){
        drawerElement.style.display = "none";
        crossIconElement.style.display="none";
        kwikpassLoggedInElement.style.display="flex";
      }else{
        drawerElement.style.display = "block";
        crossIconElement.style.display="flex";
        kwikpassLoggedInElement.style.display="none";
      }
      isDropdownVisible = !isDropdownVisible;
    }
  }

function addLoginButton(){
      function updateDOM() {
        token = getValueFromCookiesOrLocalStorage(XGokwikCoreToken(window.merchantInfo.environment));
        const isLogout = sessionStorage.getItem('isLogout');
        const phoneNumber = getValueFromCookiesOrLocalStorage('notify_phone_number');
    
        if ((!token && !isLogout) || (token && !phoneNumber)) {
          openIframe('kp_sso_token')
        }
    
        const drawerElement = document.getElementById("kwikpass-drawer-desktop")
        if(drawerElement){
          if(token){
          document.getElementById("kp-login-button-header-logo").style.display = "none"
          document.getElementById("loggedin-icons").style.display = "block"
          }else{
          document.getElementById("kp-login-button-header-logo").style.display = "flex"
          document.getElementById("loggedin-icons").style.display = "none"
          drawerElement.style.display = "none"
          }
        }
        // shopify logout
        const logoutLink = document.querySelectorAll('a[href*="/account/logout"]');
        logoutLink.forEach((element) => {
          element.addEventListener("click", (event) => {
            event.preventDefault()
            handleLogout()
          })
        });
    
       const logoutElement =  document.getElementById('logout-button-desktop')
        
        if(logoutElement) logoutElement.addEventListener('click', handleLogout); 
      }
      
      const elementsWithAccount = document.querySelectorAll('a[href="/account"]');
      elementsWithAccount.forEach((element) => {
        element.addEventListener('click', async (e) => {
          e.preventDefault();
          const customerId = getCustomerId()
          token = getValueFromCookiesOrLocalStorage(XGokwikCoreToken(window.merchantInfo.environment));
          kpHandleLogin('/account');
        });
      });
    
      document.addEventListener('DOMContentLoaded', function() {
        updateDOM();
      });
    
      window.addEventListener('update-dom', function() {
        updateDOM();
      });
    
      //TODO: update this with a query for the required button
    
      const loader = `<svg
        class="kploader"
        width="17"
        height="16"
        viewBox="0 0 17 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
      <path
        d="M8.50004 1.33325V3.99992M8.50004 11.9999V14.6666M4.50004 7.99992H1.83337M15.1667 7.99992H12.5M13.219 12.7189L11.3334 10.8333M13.219 3.33321L11.3334 5.21883M3.78109 12.7189L5.66671 10.8333M3.78109 3.33321L5.66671 5.21883"
        stroke="#111"
        stroke-width="1.6"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      </svg>`
    
       /*removing existing profile(person) icon - person icon is not present in this store*/
       const profileButtonElement = document.querySelector(ICON_SELECT_QUERY) || document.querySelector(HORIZON_PROFILE_ICON);
      
      // defining css and add it to style tag in head
      function appendCss() {
      let css = `
      .kploader {
        display: none;
        animation: rotate 1.5s linear infinite;
      }
      @keyframes rotate {
        100% {
          transform: rotate(360deg);
        }
      }
      .kp-disabled-text-color{
        cursor: not-allowed;
      }
      #logout-button-desktop{
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: #344054;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        border-radius: 8px;
        padding: 8px 14px;;
        border: 1px solid var(--gray-300, #d0d5dd);
        background: var(--base-white, #fff);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
      }
      #loggedin-icons{
        align-self: center;
        display: none;
      }
      #kwikpass-drawer-desktop{
        padding: 16px;
        display: none;
        right: 0%;
        width: 18rem;
        position: absolute;
        top: 100%;
        box-shadow: 0px 0px 32px 0px rgba(16, 24, 40, 0.32);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        z-index: 999;
        background:#fff!important;
      }
      #kwikpass-drawer-desktop > ul{
        margin: 0px 0px 10px 0px;
        padding: 0;
        width: 100%;
      }
      #kwikpass-drawer-desktop >ul >a{
        cursor: pointer;
        width: 100%;
        display: flex!important;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        color: inherit;
        margin-left:0!important;
        text-decoration: none;
      }
      #kwikpass-drawer-desktop >ul >a:hover , #kwikpass-drawer-desktop >ul >a:focus {
        text-decoration: none;
      }
      #kwikpass-drawer-desktop >ul >a:focus,#kwikpass-drawer-desktop >ul >a:active {
        text-decoration: none;
      }
      #kwikpass-drawer-desktop >ul >a:focus .kploader {
        display: block;
      }
      #kwikpass-drawer-desktop >ul >a:not(:focus) .kploader {
        display: none;
      }
      #kwikpass-drawer-desktop > ul > a > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 142.857%;
        display: inline-flex;
        gap: 8px;
        align-items: center;
        margin: 10px 0 10px 0;
        color: #000;
      }
      .header--icon{
        cursor: pointer;
        position: relative;
        display: inline-flex;
      }
      path#svgkp-path {
        stroke-width: 1;
      }
      #icon-close-kwikpass{
        display: none;
        border-radius: 50px;
        border: 1px solid;
        margin: 0;
        padding: 2px;
        align-items: center;
        justify-content: center;
       margin-left:3px;
      }
        `;
    
        var style = document.createElement('style');
        style.innerHTML = css;
        document.getElementsByTagName('head')[0].appendChild(style);
      }
    
      // function call to append css to style tag
      appendCss()
      // existing user icon to show in the header
      // TODO : fetch user icon form backend
      const userIcon = `<svg width="23" height="23" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg" id="svgkp">
          <path d="M22.9129 12.935L13.7571 23.0474C13.5348 23.2929 13.1284 23.1084 13.1669 22.7794L14.0816 14.9731H10.6991C10.4034 14.9731 10.2484 14.6219 10.4478 14.4035L20.3133 3.59739C20.5589 3.32834 20.9984 3.58134 20.8891 3.92887L18.2354 12.3664H22.6607C22.9557 12.3664 23.1109 12.7163 22.9129 12.935Z" fill="#FEA203"/>
          <path id="svgkp-path" fill-rule="evenodd" clip-rule="evenodd" d="M16.6079 5.35819C16.4805 5.1933 16.3421 5.03582 16.1932 4.8869C15.2702 3.96387 14.0183 3.44531 12.7129 3.44531C11.4075 3.44531 10.1556 3.96387 9.2326 4.8869C8.30957 5.80993 7.79102 7.06183 7.79102 8.36719C7.79102 9.67255 8.30957 10.9244 9.2326 11.8475C9.48368 12.0986 9.75909 12.3197 10.0533 12.5086L11.0235 11.4503C10.7335 11.2914 10.4649 11.0911 10.227 10.8531C9.56766 10.1938 9.19727 9.29959 9.19727 8.36719C9.19727 7.43479 9.56766 6.54057 10.227 5.88127C10.8863 5.22196 11.7805 4.85156 12.7129 4.85156C13.6453 4.85156 14.5395 5.22196 15.1988 5.88127C15.3636 6.04604 15.5103 6.22549 15.6377 6.41654L16.6079 5.35819ZM20.6413 18.6497L19.6746 19.7132C20.1676 20.4122 20.4473 21.2264 20.4473 22.0781V23.8359C20.4473 24.2243 20.7621 24.5391 21.1504 24.5391C21.5387 24.5391 21.8535 24.2243 21.8535 23.8359V22.0781C21.8535 20.7863 21.4016 19.6103 20.6413 18.6497ZM12.3111 17.5078H10.3026C7.27113 17.5078 4.97852 19.6394 4.97852 22.0781V23.8359C4.97852 24.2243 4.66372 24.5391 4.27539 24.5391C3.88707 24.5391 3.57227 24.2243 3.57227 23.8359V22.0781C3.57227 18.6922 6.67684 16.1016 10.3026 16.1016H12.4885L12.3111 17.5078Z" fill="currentColor" stroke="currentColor"/>
          </svg>`;
    
     // kwikpass icon for desktop - if user is not logged in
     const KwikpassNotLoggedIcon = `<div id="kp-login-button-header-logo" style="cursor: pointer;display: flex;align-items: center;">${userIcon}</div>`
    
     // dropdown for desktop (opens on clicking kwikpass icon if user logged in)
     const drawerhtmlDesktop = `<div id="kwikpass-drawer-desktop">
      <ul>
        <a href="javascript:void(0)" onclick="handleShopifyLogin(event,'/account')" tabindex="0" style=" display: flex">
        <p>
           <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
             >
            <path
            d="M4.6 2.20033L3.3 3.93366C3.04251 4.27697 2.91377 4.44863 2.91676 4.59232C2.91936 4.71736 2.97799 4.83462 3.07646 4.91172C3.18962 5.00032 3.40419 5.00032 3.83333 5.00032H16.1667C16.5958 5.00032 16.8104 5.00032 16.9235 4.91172C17.022 4.83462 17.0806 4.71736 17.0832 4.59232C17.0862 4.44863 16.9575 4.27697 16.7 3.93366L15.4 2.20033M4.6 2.20033C4.74667 2.00477 4.82 1.90699 4.91294 1.83647C4.99525 1.77401 5.08846 1.72741 5.18782 1.69903C5.3 1.66699 5.42222 1.66699 5.66667 1.66699H14.3333C14.5778 1.66699 14.7 1.66699 14.8122 1.69903C14.9115 1.72741 15.0047 1.77401 15.0871 1.83647C15.18 1.90699 15.2533 2.00477 15.4 2.20033M4.6 2.20033L3.03333 4.28921C2.83545 4.55306 2.73651 4.68498 2.66625 4.83026C2.6039 4.95917 2.55843 5.09559 2.53096 5.23612C2.5 5.3945 2.5 5.55941 2.5 5.88921L2.5 15.667C2.5 16.6004 2.5 17.0671 2.68166 17.4236C2.84144 17.7372 3.09641 17.9922 3.41002 18.152C3.76654 18.3337 4.23325 18.3337 5.16667 18.3337L14.8333 18.3337C15.7668 18.3337 16.2335 18.3337 16.59 18.152C16.9036 17.9922 17.1586 17.7372 17.3183 17.4236C17.5 17.0671 17.5 16.6004 17.5 15.667V5.88921C17.5 5.55941 17.5 5.3945 17.469 5.23613C17.4416 5.09559 17.3961 4.95918 17.3338 4.83026C17.2635 4.68498 17.1646 4.55306 16.9667 4.28921L15.4 2.20033M13.3333 8.33366C13.3333 9.21771 12.9821 10.0656 12.357 10.6907C11.7319 11.3158 10.8841 11.667 10 11.667C9.11594 11.667 8.2681 11.3158 7.64298 10.6907C7.01786 10.0656 6.66667 9.21771 6.66667 8.33366"
            stroke="currentColor"
            stroke-width="1.66667"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="none"
          />
           </svg>
           Order History
        </p>
    
      ${loader}
        </a>
      </ul>
        <button id="logout-button-desktop">
          Logout
            <svg
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
              d="M15 6.66667L18.3334 10M18.3334 10L15 13.3333M18.3334 10H7.50002M12.5 3.50337C11.4377 2.86523 10.2044 2.5 8.88891 2.5C4.90019 2.5 1.66669 5.85786 1.66669 10C1.66669 14.1421 4.90019 17.5 8.88891 17.5C10.2044 17.5 11.4377 17.1348 12.5 16.4966"
              stroke="currentColor"
              stroke-width="1.66667"
              stroke-linecap="round"
              stroke-linejoin="round"
              fill="none"
            />
          </svg>
        </button>
      </div>`;
    
      const kwikpassLoggedInIcon = `
      <div id="loggedin-icons" >
        <div id="icon-close-kwikpass" class="icon-close-kwikpass" style="height: 20px; width:20px; cursor: pointer;" onclick="handleDrawer1()">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
           </div>
          <div style="cursor: pointer;display: flex;" onclick="handleDrawer1()" id="icon-kwikpass">
          ${userIcon}
         </div>
      </div>`;
    
    
      // It will change based on theme
      const personIconElement = document.querySelector(ICON_SELECT_QUERY)?.parentElement || document.querySelector(HORIZON_PROFILE_ICON)?.parentElement
      const html = `
        ${KwikpassNotLoggedIcon}
        ${kwikpassLoggedInIcon}
        ${drawerhtmlDesktop}
      `;

if(!document.getElementsByClassName("header--icon")?.[0]){
        const kwipassDesktopNode = document.createElement('div')
        kwipassDesktopNode.className="header--icon"
        kwipassDesktopNode.innerHTML = html
        personIconElement?.replaceChild(kwipassDesktopNode,profileButtonElement)
      }

let timerId=null;
      document.getElementById('kp-login-button-header-logo')?.addEventListener('click', () => {
            clearTimeout(timerId);
            timerId = null;
            handleKpAndShopifyLogin();
          });
      const kwikpassMobileIconElement = document.getElementById('kp-login-button-header-logo-mobile');
      if (kwikpassMobileIconElement) {
        kwikpassMobileIconElement.addEventListener('click', () => {
          clearTimeout(timerId);
          timerId = null;
          handleKpAndShopifyLogin();
        });
      }

updateDOM();

}

let isdomReady = false;
  document.addEventListener('DOMContentLoaded', function() {
    isdomReady = true;
  }, { once: true });

function handleManualIntegration(){
    if(isdomReady){
      handleDOMUpdate();
    }else{
      document.addEventListener('DOMContentLoaded', function() {
        handleDOMUpdate();
      });
    } 
    
    window.addEventListener('update-dom', function() {
      handleDOMUpdate();
    });
  }

function handleNewVersionsOfHorizon(){
    const headerEl = document.querySelector("header");

if (headerEl) {
      // Create an observer to watch attribute changes
      const observer = new MutationObserver((mutationsList) => {
        for (const mutation of mutationsList) {
          if (
            mutation.type === "attributes" &&
            mutation.attributeName === "data-hydrated"
          ) {
            const newValue = headerEl.getAttribute("data-hydrated");
            if (newValue === "true") {

addProfileIconInHorizon();
              const drawerElementMobile = document.getElementById("kwikpass-drawer-mobile")
              if(drawerElementMobile){
                if(token){
                  document.getElementById("kp-login-button-header-logo-mobile").style.display = "none"
                  document.getElementById("loggedin-icons-mobile").style.display = "block"
                }else{
                  document.getElementById("kp-login-button-header-logo-mobile").style.display = "flex"
                  document.getElementById("loggedin-icons-mobile").style.display = "none"
                  drawerElementMobile.style.display = "none"
                }
              }
            
              const drawerElement = document.getElementById("kwikpass-drawer-desktop")
              if(drawerElement){
                if(token){
                  document.getElementById("kp-login-button-header-logo").style.display = "none"
                  document.getElementById("loggedin-icons").style.display = "block"
                }else{
                  document.getElementById("kp-login-button-header-logo").style.display = "flex"
                  document.getElementById("loggedin-icons").style.display = "none"
                  drawerElement.style.display = "none"
                }
              }
              const logoutElement =  document.getElementById('logout-button-desktop')
              if(logoutElement) logoutElement.addEventListener('click', handleLogout);  
              
              //mobile
              const logoutElementMobile =  document.getElementById('logout-button-mobile')
              if(logoutElementMobile) logoutElementMobile.addEventListener('click', handleLogout);

// Stop observing once done (optional)
              observer.disconnect();
            }
          }
        }
      });

observer.observe(headerEl, { attributes: true });

setTimeout(() => {
        observer.disconnect();
      }, 10000);

}

}

/**
   * Identifies account-related URLs that must be gated until KwikPass scripts load.
   */
  function isAccountPath(pathname) {
    if (!pathname) return false;
    return (
      pathname === '/account' ||
      pathname.startsWith('/account/login') ||
      pathname.startsWith('/account/register') ||
      pathname.endsWith('/account') ||
      pathname.indexOf('customer_authentication') !== -1 ||
      pathname === '/account/addresses'
    );
  }

/**
   * KwikpassAccountGate
   * -------------------
   * Blocks navigation to account pages (see isAccountPath) until every required
   * KwikPass script has loaded successfully.
   *
   * Design notes:
   * - A SINGLE delegated click listener is attached on `document` in the CAPTURE
   *   phase. This means it runs before any bubbling / inline `onclick` handlers,
   *   so navigation is reliably blocked even for links clicked before scripts
   *   finish loading (the race condition we care about). No per-anchor listeners.
   * - A MutationObserver only manages the visual `kwikpass-loading` class on
   *   dynamically injected account links; the actual click-blocking never depends
   *   on the observer, so newly added links are protected immediately by delegation.
   * - Loading state is centralized: every registered script key must flip to true
   *   before the gate lifts. If ANY script fails, the gate stays locked.
   */
  var KwikpassAccountGate = (function () {
    var LOADING_CLASS = 'kwikpass-loading';
    var STYLE_ID = 'kwikpass-gate-style';

var scriptStatus = Object.create(null); // key -> true once that script loads
    var requiredScripts = [];
    var failed = false;        // a required script errored -> stay locked
    var unlocked = false;      // gate lifted; navigation allowed
    var observer = null;
    var clickListenerAttached = false;

// Resolve an anchor's pathname tolerantly (handles relative/absolute hrefs).
    function getAnchorPath(anchor) {
      try {
        return anchor.pathname || new URL(anchor.href, window.location.origin).pathname;
      } catch (e) {
        return null;
      }
    }

function isAccountAnchor(anchor) {
      if (!anchor || anchor.tagName !== 'A') return false;
      var href = anchor.getAttribute('href');
      // Ignore non-navigational hrefs (in-page anchors, javascript: handlers).
      if (!href || href.indexOf('javascript:') === 0 || href.charAt(0) === '#') return false;
      return isAccountPath(getAnchorPath(anchor));
    }

// Single delegated capture-phase handler: blocks account-link navigation
    // while the gate is locked.
    function onDocumentClick(event) {
      if (unlocked) return;
      var target = event.target;
      var anchor = target && target.closest ? target.closest('a[href]') : null;
      if (!anchor || !isAccountAnchor(anchor)) return;
      event.preventDefault();
      event.stopPropagation();
    }

// Add/remove the visual loading class on every current account anchor.
    function refreshAnchorClasses() {
      var anchors = document.querySelectorAll('a[href]');
      for (var i = 0; i < anchors.length; i++) {
        if (!isAccountAnchor(anchors[i])) continue;
        if (unlocked) anchors[i].classList.remove(LOADING_CLASS);
        else anchors[i].classList.add(LOADING_CLASS);
      }
    }

function injectStyle() {
      if (document.getElementById(STYLE_ID)) return;
      var style = document.createElement('style');
      style.id = STYLE_ID;
      // Visual cue only; click-blocking is handled by the delegated listener.
      style.textContent = '.' + LOADING_CLASS + '{cursor:progress;opacity:.7;}';
      (document.head || document.documentElement).appendChild(style);
    }

// Flag account links inside a freshly added DOM node.
    function flagNode(node) {
      if (node.nodeType !== 1) return; // element nodes only
      if (node.tagName === 'A' && isAccountAnchor(node)) {
        node.classList.add(LOADING_CLASS);
      }
      if (node.querySelectorAll) {
        var inner = node.querySelectorAll('a[href]');
        for (var k = 0; k < inner.length; k++) {
          if (isAccountAnchor(inner[k])) inner[k].classList.add(LOADING_CLASS);
        }
      }
    }

// Watch for dynamically injected account links (visual class only).
    function startObserver() {
      if (observer || typeof MutationObserver === 'undefined') return;
      observer = new MutationObserver(function (mutations) {
        if (unlocked) return;
        for (var m = 0; m < mutations.length; m++) {
          var added = mutations[m].addedNodes;
          for (var n = 0; n < added.length; n++) flagNode(added[n]);
        }
      });
      observer.observe(document.documentElement, { childList: true, subtree: true });
    }

function lockNavigation() {
      if (!clickListenerAttached) {
        document.addEventListener('click', onDocumentClick, true); // capture phase
        clickListenerAttached = true;
      }
      injectStyle();
      startObserver();
      // The DOM may still be parsing when scripts are appended.
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', refreshAnchorClasses, { once: true });
      } else {
        refreshAnchorClasses();
      }
    }

function unlockNavigation() {
      if (unlocked) return;
      unlocked = true;
      if (clickListenerAttached) {
        document.removeEventListener('click', onDocumentClick, true);
        clickListenerAttached = false;
      }
      if (observer) {
        observer.disconnect();
        observer = null;
      }
      refreshAnchorClasses(); // strips the loading class from account links
    }

function maybeUnlock() {
      if (failed) return;
      for (var i = 0; i < requiredScripts.length; i++) {
        if (!scriptStatus[requiredScripts[i]]) return; // still waiting on a script
      }
      unlockNavigation();
    }

return {
      // Register every script key up front and begin blocking immediately.
      init: function (keys) {
        requiredScripts = keys.slice();
        for (var i = 0; i < keys.length; i++) scriptStatus[keys[i]] = false;
        failed = false;
        unlocked = false;
        lockNavigation();
      },
      markLoaded: function (key) {
        scriptStatus[key] = true;
        maybeUnlock();
      },
      markFailed: function (key, err) {
        failed = true;
        // Meaningful error; gate stays locked intentionally.
        console.error(
          '[KwikPass] Required script failed to load: "' + key +
          '". Account links remain disabled.', err
        );
      }
    };
  })();

var KP_LOW_PRIORITY_SCRIPT_URL = "https://pdp.gokwik.co/jify/build/sdk.js";

function generateKpRequestId(){
    return 'req-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2);
  }

function runWhenIdle(fn, timeout){
    if(typeof requestIdleCallback === 'function'){
      requestIdleCallback(fn, { timeout: timeout });
    }else{
      setTimeout(fn, 0);
    }
  }

function isJifyScriptAlreadyPresent(){
    return !!document.querySelector('script[src*="/jify/"]');
  }

function loadLowPriorityScript(src){
    runWhenIdle(function(){
      try{
        if(isJifyScriptAlreadyPresent()){
          return;
        }
        var script = document.createElement('script');
        script.src = src;
        script.type = 'module';
        script.async = true;
        script.setAttribute('fetchpriority', 'low');
        document.body.appendChild(script);
      }catch(err){
        console.error(err);
      }
    }, 5000);
  }

function checkMerchantStatusAndLoadLowPriorityScript(merchantId){
    runWhenIdle(function(){
      try{
        if(!merchantId){
          return;
        }

if(isJifyScriptAlreadyPresent()){
          return;
        }

var kpRequestId = generateKpRequestId();
        var merchantStatusUrl = 'https://gkx.gokwik.co/jify/api/v1/merchant/status';

fetch(merchantStatusUrl, {
          method: 'GET',
          priority: 'low',
          headers: {
            'gk-merchant-id': merchantId,
            'kp-merchant-id': merchantId,
            'kp-request-id': kpRequestId,
          },
        })
        .then(function(response){ return response.json(); })
        .then(function(data){
          if(data && data.enabled === true && KP_LOW_PRIORITY_SCRIPT_URL){
            loadLowPriorityScript(KP_LOW_PRIORITY_SCRIPT_URL);
          }
        })
        .catch(function(err){ console.error(err); });
      }catch(err){
        console.error(err);
      }
    }, 3000);
  }

function addScripts(){
    var kwikpassCoreFnUrl="https://pdp.gokwik.co/kwikpass/kwikpass-core-functions-min.js"
    var kwikpassMerchantV2Url="https://pdp.gokwik.co/kwikpass/plugin/build/kp-merchant-v2.js";
    var kwikpassSDKUrl="https://pdp.gokwik.co/kwikpass/plugin/build/kp-shopify-app-sdk.js";

// Start blocking account-link navigation before the scripts are appended.
    KwikpassAccountGate.init(['core', 'merchantV2', 'sdk']);

var kpCoreFnScript = document.createElement('script');
    kpCoreFnScript.src = kwikpassCoreFnUrl;
    kpCoreFnScript.async=false;

kpCoreFnScript.onload = () => {
      KwikpassAccountGate.markLoaded('core');
      if(document.querySelector(ICON_SELECT_QUERY)){
        addLoginButton();
      }else if(document.querySelector(HORIZON_PROFILE_ICON)){
        handleNewVersionsOfHorizon();
        addLoginButtonForHorizon();
        }else{
        handleManualIntegration();
      }
    };
    kpCoreFnScript.onerror = (e) => KwikpassAccountGate.markFailed('core', e);

var kpMerchantV2Script = document.createElement('script');
    kpMerchantV2Script.src = kwikpassMerchantV2Url;
    kpMerchantV2Script.async=false;
    kpMerchantV2Script.onload = () => KwikpassAccountGate.markLoaded('merchantV2');
    kpMerchantV2Script.onerror = (e) => KwikpassAccountGate.markFailed('merchantV2', e);

var kpMerchantV2SDKScript = document.createElement('script');
    kpMerchantV2SDKScript.src = kwikpassSDKUrl;
    kpMerchantV2SDKScript.async=false;
    kpMerchantV2SDKScript.onload = () => KwikpassAccountGate.markLoaded('sdk');
    kpMerchantV2SDKScript.onerror = (e) => KwikpassAccountGate.markFailed('sdk', e);

// Appended together => the three scripts download in parallel
    // (async=false preserves execution order between them).
    document.body.appendChild(kpCoreFnScript);
    document.body.appendChild(kpMerchantV2Script);
    document.body.appendChild(kpMerchantV2SDKScript);
  }

const __kp_mid = "19ujft3jrqx0";
  if(!__kp_mid || __kp_mid === ''){
    window.merchantInfo  = {
      ...window.merchantInfo,
      environment: "production",
      type: "merchantInfo",
      integrationType: "PLUGIN",
    }

var updateThemeMetaFieldGet = 'https://gkx.gokwik.co/kp/api/v1/shopify-app/update-theme-meta-field';

const options = {
    method: 'GET',
    headers: {accept: 'application/json', shop: window.Shopify.shop }
    };

fetch(updateThemeMetaFieldGet, options)
    .then(response => response.json())
    .then(response => {
      var data = response.data;
      if(data?.mid != null && data?.mid !== ''){
        window.merchantInfo["mid"] = data.mid;
      }

addScripts();
      checkMerchantStatusAndLoadLowPriorityScript(window.merchantInfo.mid);
    })
    .catch(err => console.error(err));
  }else{
    window.merchantInfo  = {
      ...window.merchantInfo,
      ...(__kp_mid != null && __kp_mid !== '' ? { mid: __kp_mid } : {}),
      environment: "production",
      type: "merchantInfo",
      integrationType: "PLUGIN",
    }

addScripts();
     checkMerchantStatusAndLoadLowPriorityScript(window.merchantInfo.mid);
  }

</script>

</div></body>