Free Shipping Over ₹1500

30 Day Return

Third Party Tested

Refund policy

Return Period:
You must return the product within 30 days of the purchase date. If you miss this deadline by a day or two, it’s ok! We will process the refund.

Product Condition:
The product must be returned in its original, unopened packaging. If you are unable to find the original packaging, we will still accept the return and process the refund.

Refund Process:
You can return the product to 4TH FLOOR, 8-2-120/86/A/4, NO. 14, BANJARA HILLS, HYDERABAD, TELANGANA 500034. We know return are kinda painful and we are happy to assist you

Customer Service Contact:
For further assistance, contact our Customer Service Department at 8341024757. You can also reach out to us on returns@gataca.in

Refund Request Deadline:
Ensure you submit your refund request within 30 days of the purchase date. If somehow the universe conspired to make you miss this, its ok! We got you.

Required Information:
When contacting customer service, have your proof of purchase, product details handy. Both you and us will save a lot of time.

Refund Method:
Refunds will be processed using the original payment method.

Processing Time:
Please allow 5-10 days for the refund to be processed. (pssst…it will happen faster)

Subscription Policy
Welcome to Gataca.in. By subscribing to our services, you agree to the following terms and conditions:

1. Subscription Plans Save upto 30% on each of our product when you subscribe. This is applicable from the second month onwards.  

2. Payment Subscription payments are processed automatically on a monthly basis. By subscribing, you authorize us to charge the payment method provided for the applicable subscription fee. 

3. Cancellation You can cancel your subscription at any time through your account settings. Cancellations will take effect at the end of the current billing cycle. 

4. Refunds We do not offer refunds for any subscription fees already paid. If you cancel, your subscription will remain active until the end of the billing period, but no further charges will be made. However, exception can be made. Please get in touch with us. 

5. Changes to Subscription Plans We may modify our subscription plans or fees at any time. Any changes will be communicated to you in advance and will take effect at the start of your next billing cycle. 

6. Termination We reserve the right to terminate your subscription at any time for any reason. If your subscription is terminated, you will be notified, and any unused portion of your subscription will be refunded on a pro-rata basis. 

Home Search Cart Products

<style> @media only screen and (max-width: 920px) {.swiper-controls {display: none !important; }} </style>
<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 arrayFBPixelTrack = [];
    function otGetMetaAttribute(property) {
        const metaElement = document.querySelector(
            `meta[property='omega:${property}']`,
        );
        const content = metaElement
            ? metaElement.getAttribute('content')
            : null;
        return content && content !== '' ? content.split(',') : [];
    }

var metaCollection = otGetMetaAttribute('collections');
    var metaProduct = otGetMetaAttribute('product');
    var metaTag = otGetMetaAttribute('tags');
    var metaType = otGetMetaAttribute('product_type');
</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,"plan_id":"","backend_url":"","capi_url":""}};
                (function () {
                    try {
                      localStorage.setItem(
                        'omegaFBSettings',
                        JSON.stringify(omegaFBSettings)
                      );
                    } catch (e) {
                      console.error('Omega FB Settings parse error', e);
                    }
                })();
            </script>

<script>
    var customStoreSubHostA = atob('bWFuemFyYS1ldS5teXNob3BpZnkuY29t');
    var customStoreSubHostB = atob('ZWI5Yzk1LTM4Lm15c2hvcGlmeS5jb20=');

if (
        Shopify &&
        (Shopify.shop == customStoreSubHostA ||
            Shopify.shop == customStoreSubHostB)
    ) {
        let pixelConvert = [];
        const base64String =
            Shopify.shop == customStoreSubHostA
                ? 'eyJtYW56YXJhLmx0IjoiMzc3NzM0ODQyOTQ0NjQyIiwiZWxlZ3JpbmEuYXQiOiIyMjQ4NTY2MDY1MTk3NDg1IiwiZWxlZ3JpbmEuZGUiOiIyMzY3NjgyODAzMzAwODI3IiwiZWxlZ3JpbmEuZ3IiOiI0NzkzNjE3MjU5NjE4NTAiLCJlbGVncmluYS5wbCI6IjQyOTY4MjM2Nzc1NzkwOCIsImVsZWdyaW5hLmVzIjoiMzUzOTA2NTA1NTA0NDA2IiwibWFuemFyYS5ybyI6IjcwMDU2ODk4MDQwNzgxNyIsIm1hbnphcmEuYmciOiI0ODY2NjMwNzg4NDEyNDMiLCJtYW56YXJhLmVlIjoiNzg4NDA5NDcxNTk1NjQ3IiwibWFuemFyYS5wdCI6IjQ5NTU1MzYyNzcyNjE3OCIsIm1hbnphcmEuaHUiOiIzNTQwNzkwMjE5NTI0NTIiLCJtYW56YXJhLmN6IjoiMzU3MzQ0NDI1MTgyNTkwIiwibWFuemFyYS5zayI6Ijg4NjUwNzcyMTcxMzYxNiIsIm1hbnphcmEuaXQiOiIzNjAyNzcwMzc5NzI3NTgiLCJtYW56YXJhLmhyIjoiMjM4MzQwNTg4MTkyNzI2NiIsIm1hbnphcmEuc2kiOiIyNjQ3MTU5OTQ1MzAyOTU5In0='
                : Shopify.shop == customStoreSubHostB
                ? 'eyJ3b29kZm9vdHdlYXJzaG9wLmNvbSI6IjkwNTIxOTQwNDgxMTQxOCIsIndvb2RzaG9wLnB0IjoiMTIwNzk2MDgzOTg4NzU5OCJ9'
                : '';
        const jsonString = atob(base64String);
        const data = JSON.parse(jsonString);
        for (let key in data) {
            if (window.location.href.includes(key)) {
                pixelConvert.push(data[key]);
            }
        }
        arrayFBPixelTrack = pixelConvert;
    }
</script>

<script src="https://cdn.shopify.com/extensions/019f2701-5aa0-7fb3-b8bc-89517edc5507/facebook-pixel-5-484/assets/omega-init.js" defer></script>
<script
  type="text/javascript"
  src="https://cdn.shopify.com/extensions/019f2701-5aa0-7fb3-b8bc-89517edc5507/facebook-pixel-5-484/assets/facebook-pixel.js"
  defer
></script>
</div><div id="shopify-block-AZkZsaUJxb2ZCZTBaO__15578186725327338453" class="shopify-block shopify-app-block">  
  <script src="https://cdn.shopify.com/extensions/019f199a-8e39-7a44-9972-12d625989568/axentra-customer-command-centre-717/assets/axentra-asset-loader.js"></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-Aa3lhSnlMY3Y5Ry8xK__17958977504815527494" class="shopify-block shopify-app-block ohcust">

<script src="https://cdn.shopify.com/extensions/019f199a-8e39-7a44-9972-12d625989568/axentra-customer-command-centre-717/assets/axentra-asset-loader.js"></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 ---
  // If Liquid thinks customer is null, but Shopify cookie says they are logged in, force a reload.
  (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();
    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-AbTlGR3RJQ2w0b2hTN__11208957543104649885" class="shopify-block shopify-app-block">

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

<script src="https://cdn.shopify.com/extensions/019ef384-ffe3-7d3f-a43a-7d7946a4aca5/retainful-beta-v5-132/assets/cookie.js" defer></script>

<script>
  
</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
        );
      }
    };
  })();

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();
    })
    .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();
  }

</script>

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

<link
  rel="preload"
  href="https://cdn.shopify.com/extensions/019f2727-dbaa-73f5-87d2-27eca9570fff/snap-noti-158/assets/notifications-v2.css"
  as="style"
  onload="this.onload=null;this.rel='stylesheet'"
>
<noscript>
  <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019f2727-dbaa-73f5-87d2-27eca9570fff/snap-noti-158/assets/notifications-v2.css">
</noscript>

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

<script>
   var sntData = {
    discountNoti: null,
    flashingTab: null,
    currentPage: "",
    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: null, // 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/019f2727-dbaa-73f5-87d2-27eca9570fff/snap-noti-158/assets/notifications-v2.js"
></script>

</section><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></body>