Longevity – GATACA - Live Longer Through Peak Performance

Free Shipping Over ₹1500

30 Day Return

Third Party Tested

Overall Performance

Cognitive Performance

Metabolism & Weight

Athletic Performance

Home Search Cart Products

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

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

<script src="https://cdn.shopify.com/extensions/019fa744-4b82-77bb-b5e3-fd853f9db5a4/retainful-beta-v5-133/assets/cookie.js" defer></script>

<script>
  
</script>

</div><div id="shopify-block-AdmdXU3VUQ3hMTm1rN__8764476057892802672" class="shopify-block shopify-app-block"><link rel="preconnect" href="https://app.restockrocket.io" crossorigin>
<script id="RestockRocketConfig">
  window._RestockRocketConfig = window._RestockRocketConfig || {}

// Stoq is the current name of the app (RestockRocket is the legacy name).
  // Expose _Stoq / _StoqConfig as live aliases of the same objects so both names
  // work. Done here, before the JS bundles run, and the bundles only ever do
  // `window._RestockRocket = window._RestockRocket || {}` (never reassign), so
  // every method/config added later is visible on both names.
  window._RestockRocket = window._RestockRocket || {}
  window._Stoq = window._RestockRocket
  window._StoqConfig = window._RestockRocketConfig

// Earliest nav-relative anchor for the whole pageview: performance.now() when our
  // inline ran. It's ms-since-navigation for THIS document — unlike liquid_rendered_at,
  // which on a cached render is the cache time, not this load's start (that gap is
  // what liquid_cache_age measures). Stamped in the inline (runs on every load, even
  // when the deferred bundle never does) so bundle_ready's stamps (bundle_loaded_at /
  // hijack_armed_at) are all on one clock and any delta between them is a plain
  // subtraction downstream — no need to emit the deltas. See #2875.
  try { window._RestockRocket.inlineRanAt = performance.now(); } catch (e) { /* no perf API */ }

// Helper function to normalize locale format from hyphen to underscore (e.g., 'en-US' -> 'en_us')
  // This matches the backend's Mobility.normalize_locale behavior
  // Returns empty string if locale is empty or invalid (matches original behavior)
  function normalizeLocale(locale) {
    if (!locale || locale.trim() === '') {
      return '';
    }
    return locale.toString().toLowerCase().replace(/-/g, '_');
  }

window._RestockRocketConfig.locale = 'en';
  window._RestockRocketConfig.normalizedLocale = normalizeLocale('en');
  window._RestockRocketConfig.shop = 'gataca-in.myshopify.com';
  window._RestockRocketConfig.pageType = 'collection';
  window._RestockRocketConfig.liquidRenderedAt = 1785875493;window._RestockRocketConfig.marketId = 64287244593;window._RestockRocketConfig.countryName = 'India';
    window._RestockRocketConfig.countryIsoCode = 'IN';window._RestockRocketConfig.cartInventoryQuantity = {};// cart.token falls back to the `cart` cookie when the Liquid context didn't carry one
  // (some page types render with cart={} until first interaction).
  if (!window._RestockRocketConfig.cartToken) {
    try {
      const m = document.cookie.match(/(?:^|;\s*)cart=([^;]+)/);
      if (m && m[1]) window._RestockRocketConfig.cartToken = decodeURIComponent(m[1]);
    } catch (e) { /* cookie unavailable */ }
  }window._RestockRocketConfig.cachedSettings = {"id":19982,"shop_id":19826,"currency":"INR","created_at":"2024-11-28T15:33:15.278Z","updated_at":"2026-02-17T06:10:14.351Z","enable_app":true,"enable_signup_widget":false,"storefront_button_text":"Notify me when available","storefront_button_text_color":"#FFFFFF","storefront_button_background_color":"#202223","storefront_form_header":"Notify me","storefront_form_description":"Get a notification as soon as this product is back in stock by signing up below!","storefront_form_button_text":"Notify me when available","storefront_form_button_text_color":"#FFFFFF","storefront_form_button_background_color":"#202223","storefront_form_terms":"Promise we won't spam. You'll only receive notifications for this product.","storefront_form_error":"Please enter a valid email address","storefront_form_success":"Thank you! We will notify you when the product is available.","enable_powered_by":false,"show_button_on_preorder":false,"sms_enabled":false,"email_enabled":true,"storefront_button_disable_tag":"rocket-hide","theme_config":{"disableDebugLoggingForNonPreorderItem":false},"storefront_form_email_placeholder":"Email address","storefront_form_phone_placeholder":"SMS","storefront_form_phone_label":"Phone number","storefront_form_email_label":"Email","storefront_form_phone_error":"Please enter a valid phone number","storefront_form_customer_name_placeholder":"Name","storefront_form_customer_name_error":"Please enter your name","storefront_form_did_you_mean_error":"Did you mean %{suggested_email}? Or use %{current_email}","form_customer_name_enabled":false,"form_customer_name_required":false,"css_config":"","js_config":"/// settings\r\n\r\nvar preorder_btn_selector = '.restock-rocket-preorder-button';\r\n// preorder/main add to cart button selector \r\nvar preorder_btn_text_selector = 'span';\r\n// preorder/main add to cart button text selector\r\nvar sticky_atc_bar_selector = 'sticky-atc-bar';\r\n// sticky bar selector\r\nvar sticky_atc_btn_selector = '.product-form__submit';\r\n// sticky bar preorder/ add to cart button selector\r\nvar sticky_atc_text_selector = 'span';\r\n// sticky bar preorder/ add to cart button text selector\r\n//// code\r\nfunction updateButtonText() {\r\n    // console.debug('Updating button text');\r\n    const preorderButton = document.querySelector(preorder_btn_selector);\r\n    // console.debug('Preorder button:', preorderButton);\r\n  if (preorderButton) {\r\n    const stickyAtcBar = document.querySelector(sticky_atc_bar_selector);\r\n    // console.debug('Sticky ATC bar:', stickyAtcBar);\r\n    if (stickyAtcBar) {\r\n      const cartSubmitButton = stickyAtcBar.querySelector(sticky_atc_btn_selector);\r\n      // console.debug('Cart submit button:', cartSubmitButton);\r\n      if (cartSubmitButton) {\r\n        const addToCartText = cartSubmitButton.querySelector(sticky_atc_text_selector);\r\n        // console.debug('Add to cart text element:', addToCartText);\r\n        const preorderText = preorderButton.querySelector(preorder_btn_text_selector);\r\n        // console.debug('Update the text from:', addToCartText.textContent, 'to:', preorderText.textContent)\r\n        if (addToCartText && addToCartText.textContent != preorderText.textContent) {\r\n          // console.debug('Updating text from:', addToCartText.textContent, 'to:', preorderText.textContent);\r\n          addToCartText.textContent = preorderText.textContent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nif (window._RestockRocketConfig?.pageType === 'product' && window._RestockRocketConfig?.settings?.preorder_enabled) {\r\n    // console.debug('Product page detected, initializing window button text update');\r\n    // Run the function immediately\r\n  updateButtonText();\r\n\r\n  // Then run it every 500ms\r\n    // console.debug('Setting up interval for button text update');\r\n  document.addEventListener('scroll', (event)=>{\r\n    // console.debug('scroll')\r\n    updateButtonText();\r\n    });\r\n}","collect_promotion_consent":false,"storefront_form_promotion_consent_label":"Notify me about other news, sales, discounts & offers too","show_button_on_collection":false,"sms_default_country":"us","sms_allowed_countries":[],"sms_restrict_country":false,"sms_default_channel":true,"optin_required":false,"optin_success_text":"Registration confirmed! You'll receive an alert when the product is restocked.","storefront_button_border_radius":0,"storefront_button_disable_tag_hides_button":true,"storefront_button_disable_tag_enabled":false,"quantity_required":false,"storefront_form_quantity_label":"Quantity","enable_alerts":true,"sms_allowed":false,"email_allowed":true,"collect_promotion_consent_default":true,"insert_button_after_selector":null,"insert_button_after_selector_type":"afterend","storefront_button_position_type":"float-right","storefront_form_duplicate_error":"You've already subscribed for alerts to this product.","storefront_mixed_cart_error":"Preorders must be purchased separately from regular items. Please complete your current order first, or clear your cart to continue.","storefront_error_heading":"Error","default_locale":"en","collection_page_button_text_color":"#FFFFFF","collection_page_button_background_color":"#202223","show_button_if_any_out_of_stock":false,"show_button_if_any_variant_out_of_stock_collection":false,"show_button_on_index":false,"insert_button_after_selector_collection":null,"insert_button_after_selector_index":null,"push_enabled":false,"push_allowed":true,"storefront_form_push_label":"Push","storefront_form_push_description":"Click 'Allow' to be notified via push notification","storefront_form_push_error":"Permission rejected! Please review notification settings and try again","storefront_font_family":"OpenSans","insert_button_after_selector_collection_type":"afterend","show_channel_selector":false,"storefront_form_empty_error":"Please fill in one or more of the options above","storefront_form_push_input":"Send notification to your browser","insert_button_after_selector_page":null,"show_button_on_page":false,"insert_button_after_selector_search":null,"show_button_on_search":false,"app_proxy_path_prefix":"/apps/restockrocket-production","collection_link_selector":null,"index_link_selector":null,"page_link_selector":null,"search_link_selector":null,"collection_check_link_visibility":true,"collection_buttons_container":null,"index_buttons_container":null,"page_buttons_container":null,"search_buttons_container":null,"extension_enable_url_variant_detection":true,"extension_enable_value_variant_detection":true,"extension_value_variant_selector":"[name='id']","resubscribe_text":"This product is out of stock. Get notified when it’s restocked again by entering your details below!","preorder_enabled":false,"preorder_buy_button_selector":null,"preorder_add_to_cart_button_selector":".main-product-form .product-form__submit","preorder_badge_selector":"","preorder_button_out_of_stock_text":"Out of stock","preorder_button_add_to_cart_text":"Add to Cart","preorder_form_selector":"form[action*=\"/cart/add\"]","preorder_collection_enabled":false,"preorder_collection_form_selector":"form[action*=\"/cart/add\"]","preorder_collection_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_index_enabled":false,"preorder_index_form_selector":"form[action*=\"/cart/add\"]","preorder_index_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_page_enabled":false,"preorder_page_form_selector":"form[action*=\"/cart/add\"]","preorder_page_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_search_enabled":false,"preorder_search_form_selector":"form[action*=\"/cart/add\"]","preorder_search_add_to_cart_button_selector":"form[action*=\"/cart/add\"] button","preorder_collection_badge_selector":null,"preorder_index_badge_selector":null,"preorder_page_badge_selector":null,"preorder_search_badge_selector":null,"preorder_badge_selector_type":"afterend","preorder_collection_badge_selector_type":"afterend","preorder_button_child_selector":"span","preorder_button_disclaimer_insert_selector":"","preorder_button_disclaimer_insert_selector_type":"afterend","preorder_payment_insert_selector":"","preorder_payment_insert_selector_type":"afterend","preorder_price_container_selector":"","preorder_price_container_selector_insert_type":"afterend","preorder_terms_insert_selector":"","preorder_terms_insert_selector_type":"afterend","preorder_original_price_selector":"","preorder_price_format":"{{amount}} {{currency}}","show_badge_if_any_variant_is_preorder":false,"enable_console_debug":false,"inline_form_enabled":false,"inline_form_selector":null,"inline_form_selector_type":"afterend","storefront_form_prefill_customer":true,"storefront_form_show_image":false,"storefront_form_text_color":"#202223","storefront_form_background_color":"#FFFFFF","storefront_form_border_radius":0,"market_setup_type":"single_market","shopify_app_id":5940125,"preorder_progress_bar_insert_selector":"","preorder_progress_bar_insert_selector_type":"beforebegin","countdown_timer_insert_selector":"","countdown_timer_insert_selector_type":"afterend","cache":true,"cached_at":"2026-02-17T06:10:15.332Z","multi_language_enabled":false,"translation_locale":"en"};// STOQ shop-metafield namespace. `production` is substituted at build time
  // (webpack CopyPlugin), so this is correct for every environment.
  window._RestockRocketConfig.metafieldNamespace = 'restockrocket_production';window._RestockRocketConfig.cachedPreorderVariantIds = {"preorder_variant_ids":[],"updated_at":"2026-05-25T19:53:28Z","market_locations_enabled":false,"market_id":64287244593,"preorder_location_filter_enabled":false,"preorder_location_filter_ids":[],"collection_id":null,"bulk_operation":true};window._RestockRocketConfig.cachedInStockVariantIds = { in_stock_variant_ids: [] };window._RestockRocketConfig.cachedOutOfStockVariantIds = { out_of_stock_variant_ids: [] };window._RestockRocketConfig.cachedVariantPreorderLimits = {"variant_preorder_limits":{},"updated_at":"2026-05-25T19:53:13Z","shopify_market_id":64287244593,"market_locations_enabled":false};
    window._RestockRocketConfig.cachedVariantPreorderLimitsMarketKey = "variant_preorder_limits_for_market_64287244593";window._RestockRocketConfig.cachedVariantShippingTexts = {"variant_shipping_texts":{},"updated_at":"2026-05-25T19:53:13Z","shopify_market_id":64287244593,"market_locations_enabled":false};
    window._RestockRocketConfig.cachedVariantShippingTextsMarketKey = "variant_shipping_texts_for_market_64287244593";window._RestockRocketConfig.sellingPlans = [];(function() {
      const cachedData = {"plans":[],"disabled_plan_ids":[690780864817,691940655409,691907526961,691907494193],"cached_at":"2026-06-13T16:40:58Z"};

if (cachedData && typeof cachedData === 'object' && cachedData.cached_at) {
        // Find the maximum updated_at from all items in old array
        const oldPlans = window._RestockRocketConfig.sellingPlans;
        const maxUpdatedAt = Array.isArray(oldPlans) && oldPlans.length > 0
          ? oldPlans.reduce(function(max, plan) {
              // Parse dates for proper comparison (handles mixed ISO formats)
              if (plan.updated_at) {
                const planDate = new Date(plan.updated_at);
                const maxDate = max ? new Date(max) : null;
                return (!maxDate || (planDate && !isNaN(planDate) && planDate > maxDate)) ? plan.updated_at : max;
              }
              return max;
            }, '')
          : null;

// Use cached if old array is empty/has no timestamps, or cached is newer
        // Parse dates for comparison to handle format differences (+00:00 vs .000Z)
        const cachedDate = new Date(cachedData.cached_at);
        const maxDate = maxUpdatedAt ? new Date(maxUpdatedAt) : null;
        const useCached = !maxUpdatedAt || (cachedDate && !isNaN(cachedDate) && (!maxDate || cachedDate > maxDate));

if (useCached) {
          if (Array.isArray(cachedData.plans)) {
            window._RestockRocketConfig.sellingPlans = cachedData.plans;
            // Only use disabled_plan_ids when using cached plans
            window._RestockRocketConfig.disabledSellingPlanIds = cachedData.disabled_plan_ids || [];
            console.debug('[RR] Using selling plans from cachedSellingPlans (cached_at: ' + cachedData.cached_at + ')');
          }
        } else {
          // When using old format (stale cache), don't trust disabled_plan_ids
          window._RestockRocketConfig.disabledSellingPlanIds = [];
          console.debug('[RR] Using selling plans from old format (max updated_at: ' + maxUpdatedAt + ')');
        }
      }
    })();window._RestockRocketConfig.enabledNotifyMeVariantIds = [];window._RestockRocketConfig.disabledNotifyMeVariantIds = [];window._RestockRocketConfig.backInStockTemplates = [];window._RestockRocketConfig.restockNotes = {};window._RestockRocketConfig.integrations = [{"id":"7c1a8e91-de9a-4cd2-ae5e-8a996e099cb2","shop_id":19826,"enabled":true,"page_types":["product","collection","index","search","page","cart","list-collections","article","blog"],"configuration":{"toastDuration":10000,"toastPosition":"bottom-right","enableXHRHijack":true,"enableFetchHijack":true,"quantityLimitDisabled":false},"type":"hijack","css_config":null,"js_config":null,"created_at":"2025-01-23T05:37:06.772Z","updated_at":"2025-06-07T10:39:41.416Z"}];window._RestockRocketConfig.obfuscateInventoryQuantity = false;// STOQ-1595/1612 shared signal, derived once here so both the accelerated-checkout block
  // gate (STOQ-1612) and the click tracker (STOQ-1595) read one clearly-owned flag rather
  // than a side effect buried in either consumer's try/catch: whether this shop has preorders
  // configured at all — an enabled selling plan plus at least one preorder variant id,
  // independent of the block toggle. Fail-open: on error the flag stays unset and both
  // consumers no-op.
  try {
    var _sqCfg = window._RestockRocketConfig;
    var _sqPlanEnabled = Array.isArray(_sqCfg.sellingPlans) &&
      _sqCfg.sellingPlans.some(function (p) { return p && p.enabled; });
    var _sqPreCount = ((_sqCfg.cachedPreorderVariantIds &&
      _sqCfg.cachedPreorderVariantIds.preorder_variant_ids) || []).length;
    _sqCfg.preordersConfigured = !!(_sqPlanEnabled && _sqPreCount);
  } catch (e) { /* fail open */ }

// STOQ-1612: block (not hide) Buy Now / Shop Pay until our JS runs, so a tap in the
  // load window can't bypass preorder. pointer-events via .stoq-buy-now-pending (no
  // reflow); timeout releases; renderPreorderButton / featured_product.js lift it.
  // Gated by the `block_accelerated_checkout` toggle (default OFF) for gradual rollout.
  // Armed ONLY when we're sure preorder is in play — product page: THIS product has a
  // preorder variant (never block a plain product's Shop Pay); featured: integration
  // enabled for this page type. Rationale: PR #2784.
  try {
    var _sqc = window._RestockRocketConfig;
    var _sqOn = !!(_sqc.cachedSettings && _sqc.cachedSettings.block_accelerated_checkout);
    var _sqPre = (_sqc.cachedPreorderVariantIds &&
      _sqc.cachedPreorderVariantIds.preorder_variant_ids) || [];
    var _sqArm = false;
    if (_sqOn && _sqc.preordersConfigured) {
      if (_sqc.pageType === 'product' && _sqc.product && _sqc.product.variants) {
        _sqArm = _sqc.product.variants.some(function (v) { return _sqPre.indexOf(Number(v.id)) !== -1; });
      } else {
        _sqArm = (_sqc.integrations || []).some(function (i) {
          return i && i.type === 'featured_product' && i.enabled &&
            Array.isArray(i.page_types) && i.page_types.indexOf(_sqc.pageType) !== -1;
        });
      }
    }
    if (_sqArm && document.documentElement) {
      _sqc.acceleratedGateArmed = true;
      document.documentElement.classList.add('stoq-buy-now-pending');
      setTimeout(function () {
        document.documentElement.classList.remove('stoq-buy-now-pending');
      }, 6000);
    }
  } catch (e) { /* fail open */ }

window._RestockRocketConfig.scriptUrlProduct = 'https://cdn.shopify.com/extensions/019fb45e-7ef4-7d16-820b-6adb4169d352/restockrocket-1-555/assets/restockrocket-product.js'
  window._RestockRocketConfig.scriptUrlCollection = 'https://cdn.shopify.com/extensions/019fb45e-7ef4-7d16-820b-6adb4169d352/restockrocket-1-555/assets/restockrocket-collection.js'
  window._RestockRocketConfig.scriptUrlProductBis = 'https://cdn.shopify.com/extensions/019fb45e-7ef4-7d16-820b-6adb4169d352/restockrocket-1-555/assets/restockrocket-product-bis.js'
  window._RestockRocketConfig.scriptUrlCollectionBis = 'https://cdn.shopify.com/extensions/019fb45e-7ef4-7d16-820b-6adb4169d352/restockrocket-1-555/assets/restockrocket-collection-bis.js'
  window._RestockRocketConfig.scriptHost = window._RestockRocketConfig.scriptUrlProduct.substring(0, window._RestockRocketConfig.scriptUrlProduct.lastIndexOf('/') + 1)
  // Canary override (STOQ-1287): prefer the Render host emitted into the
  // metafield-cached settings (api_host) when present, mirroring the same
  // override in assets/js/api.js. cachedSettings is populated above. Falls
  // back to the build-baked host for shops without the use_render_api_host
  // toggle (or environments where THEME_EXTENSION_API_HOST is unset), so the
  // setting.json + fetchEmbedConfig calls below route to the same host as the
  // rest of the extension's API traffic instead of staying on the baked host.
  window._RestockRocketConfig.host = (window._RestockRocketConfig.cachedSettings && window._RestockRocketConfig.cachedSettings.api_host) || 'https://app.restockrocket.io'

// Deployed extension build number, read from the CDN asset host Shopify generates:
  //   https://cdn.shopify.com/extensions/<uuid>/<handle>-<version>/assets/...
  // Trailing digits (e.g. ".../restockrocket-1-521/assets/" -> "521"). Kept numeric to
  // match ParseStoqData, so funnel app_version lines up with the order-attribution
  // app_version. Reflects the ACTUAL deployed build. This is the SINGLE source of the
  // parsed version — preorder.js getAppVersion() reads it back off config rather than
  // re-parsing, so the regex lives in exactly one place.
  try {
    const _stoqVersionMatch = window._RestockRocketConfig.scriptHost.match(/(\d+)\/?(?:assets\/?)?$/);
    window._RestockRocketConfig.appVersion = (_stoqVersionMatch && _stoqVersionMatch[1]) || '';
  } catch (e) {
    window._RestockRocketConfig.appVersion = '';
  }

const SETTINGS_CACHE_DURATION = 15 * 60 * 1000; // 15 minutes in milliseconds
  const LIQUID_CACHE_MAX_AGE = 15 * 60; // 15 minutes in seconds

// Calculate Liquid cache freshness once at initialization
  const liquidRenderedAt = window._RestockRocketConfig.liquidRenderedAt;

// Validate timestamp and calculate cache age
  if (!liquidRenderedAt || typeof liquidRenderedAt !== 'number' || isNaN(liquidRenderedAt)) {
    console.debug('STOQ - Invalid or missing liquidRenderedAt timestamp, assuming fresh');
    window._RestockRocketConfig.isLiquidCacheFresh = true;
    window._RestockRocketConfig.liquidCacheAge = null;
  } else {
    const now = Math.floor(Date.now() / 1000); // Current time in seconds
    const liquidCacheAge = now - liquidRenderedAt; // Age in seconds
    // Surfaced into funnel events: a stale cache means the app rendered with
    // outdated inventory/selling-plan data — a real "had the opportunity but
    // failed" cause. Negative (client clock ahead) clamps to 0.
    window._RestockRocketConfig.liquidCacheAge = Math.max(0, liquidCacheAge);

// Handle client clock ahead of server
    if (liquidCacheAge < 0) {
      console.debug(`STOQ - Client clock appears ahead of server by ${Math.abs(Math.round(liquidCacheAge / 60))} minutes, assuming cache fresh`);
      window._RestockRocketConfig.isLiquidCacheFresh = true;
    } else if (liquidCacheAge <= LIQUID_CACHE_MAX_AGE) {
      console.debug(`STOQ - Liquid cache is fresh (${Math.round(liquidCacheAge / 60)} minutes old)`);
      window._RestockRocketConfig.isLiquidCacheFresh = true;
    } else {
      console.debug(`STOQ - Liquid cache is stale (${Math.round(liquidCacheAge / 60)} minutes old, max ${Math.round(LIQUID_CACHE_MAX_AGE / 60)} minutes)`);
      window._RestockRocketConfig.isLiquidCacheFresh = false;
    }
  }

function checkSettingsExpiry(settings) {
    try {
      if (!settings || !settings.updated_at) {
        console.debug('STOQ - Invalid settings data structure');
        return null;
      }

if (!settings.cache) {
        console.debug('STOQ - settings caching disabled');
        return null;
      }

// Check if translations are enabled but missing from cache
      // This handles the backfill period where DB has translations but metafield doesn't
      if (settings.multi_language_enabled) {
        if (!settings.translations) {
          // Translations enabled but no translation data in metafield
          // Metafield hasn't been backfilled yet - force refresh
          console.debug('STOQ - multi-language enabled but no translation data in cache, fetching fresh');
          return null;
        }

// Translations object exists in metafield - cache is valid
        // If current locale isn't translated, applyTranslations will gracefully use default locale from base fields
        if (window._RestockRocketConfig.normalizedLocale &&
            !Object.prototype.hasOwnProperty.call(settings.translations, window._RestockRocketConfig.normalizedLocale)) {
          console.debug('STOQ - locale not explicitly translated, will use default language from cache');
        }
        // Don't return null - continue using cache even for untranslated locales
      }

const updatedAt = new Date(settings.updated_at);
      if (isNaN(updatedAt.getTime())) {
        console.debug('STOQ - Invalid updated_at date format in settings');
        return null;
      }

const age = Date.now() - updatedAt.getTime();
      if (age < SETTINGS_CACHE_DURATION) {
        console.debug('STOQ - settings changed recently, skipping cache');
        return null;
      }

return settings;
    } catch (error) {
      console.debug('STOQ - Error checking settings cache:', error);
      return null;
    }
  }

function createRestockRocketContainer() {
    const restockRocketContainer = document.createElement('div');
    restockRocketContainer.id = 'restock-rocket';
    document.body.appendChild(restockRocketContainer);
  }

function createRestockRocketScript(scriptUrl) {
    const restockRocketScriptElement = document.createElement('script');
    restockRocketScriptElement.setAttribute('defer', 'defer');
    restockRocketScriptElement.src = scriptUrl;
    document.body.appendChild(restockRocketScriptElement);
  }

createRestockRocketContainer()

console.debug('STOQ - extension activated')

// Fire stoq_initialized once per page load so the funnel pipeline has a definitive
  // "our code ran on this page" signal independent of any customer interaction.
  // Detected variants: the variants present in this page's Liquid context (product page has them;
  // collection/index/etc. don't expose variants from Liquid). Used to disambiguate "embed didn't
  // load" vs "embed loaded but the variant wasn't a preorder/BIS candidate" in order debug.
  try {
    const _stoqInitConfig = window._RestockRocketConfig;
    const _stoqDetectedVariantIds = (_stoqInitConfig.product && Array.isArray(_stoqInitConfig.product.variants))
      ? _stoqInitConfig.product.variants.map(function(v) { return v.id })
      : [];
    const _stoqSelectedVariantId = _stoqInitConfig.selected_variant_id;
    // Per-session page-load counter, incremented here in the INLINE code so it exists
    // even when the deferred bundle never runs. Paired with stoq_bundle_ready's
    // page_load_seq, it tells order-debug which page load an add fired on (and whether
    // the bundle had loaded on that load).
    var _stoqPageSeq = 0;
    try {
      _stoqPageSeq = (parseInt(window.sessionStorage.getItem('_stoq_pls') || '0', 10) || 0) + 1;
      window.sessionStorage.setItem('_stoq_pls', String(_stoqPageSeq));
    } catch (e) { /* sessionStorage unavailable (private mode) — leave 0 */ }
    Shopify?.analytics?.publish?.('stoq_initialized', {
      cart_token: _stoqInitConfig.cartToken || '',
      page_url: window.location.href,
      page_type: _stoqInitConfig.pageType || '',
      shop_domain: _stoqInitConfig.shop || '',
      market_id: _stoqInitConfig.marketId || '',
      // Buyer's storefront country (localization.country.iso_code). Seeds the
      // pixel's extension_details blob so it rides forward onto Shopify's native
      // events too — a market can span countries, so this is the finer signal.
      country_code: _stoqInitConfig.countryIsoCode || '',
      detected_variant_ids: _stoqDetectedVariantIds,
      selected_variant_id: _stoqSelectedVariantId || '',
      page_load_seq: _stoqPageSeq,
      liquid_rendered_at: _stoqInitConfig.liquidRenderedAt || 0,
      app_version: _stoqInitConfig.appVersion || '',
      liquid_cache_age: _stoqInitConfig.liquidCacheAge,
      // Selected variant's stock posture as our app saw it at render — explains
      // whether we *should* have treated it as a preorder candidate.
      inventory_policy: (_stoqInitConfig.variantsInventoryPolicy || {})[_stoqSelectedVariantId] || '',
      inventory_quantity: (_stoqInitConfig.variantsInventoryQuantity || {})[_stoqSelectedVariantId],
    });
  } catch (e) {
    console.debug('STOQ - stoq_initialized publish failed:', e);
  }

// STOQ-1595: publish stoq_accelerated_checkout_clicked for every accelerated-checkout
  // click (Buy Now / dynamic checkout / Shop Pay installments) on ALL surfaces, before our
  // bundle loads, via one delegated capture-phase listener (catches late-rendered buttons).
  // Only on shops with preorders configured (shared `preordersConfigured` signal from the
  // derivation block above) — nothing to bypass otherwise. variant_id is read per-clicked-button
  // from its form so it's correct on collection/index/search too. block_accelerated_checkout
  // context (STOQ-1612) rides in `properties` (forwarded verbatim by the pixel, no schema
  // change): a buy_now click on a preorder variant while the gate was armed is a visible
  // bypass signal for order debug. Also sends page_url (top-level, like the pixel's native
  // events) and two preorder signals in properties (see below).
  try {
    var _sqTrack = window._RestockRocketConfig;
    if (_sqTrack.preordersConfigured) {
      document.addEventListener('click', function (e) {
        try {
          var t = e.target;
          if (!t || !t.closest) return;
          var host = t.closest('.shopify-payment-button, shopify-payment-terms');
          if (!host) return;
          var channel = host.matches && host.matches('shopify-payment-terms')
            ? 'shop_pay_installments' : 'buy_now';
          var form = host.closest('form');
          var vidEl = form && form.querySelector('[name="id"]');
          var variantId = (vidEl && vidEl.value) || _sqTrack.selected_variant_id || '';
          // The enabled STOQ selling plan the clicked variant belongs to (if any), found once and
          // reused for in_enabled_plan / enrolled_plan_id / enrolled_plan_provider below.
          var _sqVidNum = Number(variantId);
          var _sqPlan = null;
          // Array.isArray guard (not `|| []`) so a truthy non-array sellingPlans can't throw and
          // silently drop the whole publish.
          var _sqPlans = Array.isArray(_sqTrack.sellingPlans) ? _sqTrack.sellingPlans : [];
          _sqPlans.forEach(function (pl) {
            if (!_sqPlan && pl && pl.enabled && Array.isArray(pl.variant_ids) &&
                pl.variant_ids.indexOf(_sqVidNum) !== -1) { _sqPlan = pl; }
          });
          Shopify?.analytics?.publish?.('stoq_accelerated_checkout_clicked', {
            variant_id: variantId,
            product_id: (_sqTrack.product && _sqTrack.product.id) || '',
            channel: channel,
            market_id: _sqTrack.marketId || '',
            country_code: _sqTrack.countryIsoCode || '',
            page_type: _sqTrack.pageType || '',
            cart_token: _sqTrack.cartToken || '',
            page_url: (window.location && window.location.href) || '',
            properties: {
              // Mirror the bundle's own preorder check (preorder.js checkInventoryProvider-
              // WithCachedFallback): the live set config.preorderVariantIds (refreshed after
              // page load by loadVariantInventoryData) OR the Liquid-injected
              // cachedPreorderVariantIds — always present, so it covers clicks before the
              // bundle loads (why this tracker is inline). ORing both (not preferring one)
              // matches the bundle and is correct even if the live set is an empty array. Both
              // hold integer ids; the click-time id comes off a DOM input (.value → string) or
              // selected_variant_id, so coerce with Number for a like-typed compare.
              is_preorder_variant: (function () {
                var vid = Number(variantId);
                var has = function (a) { return Array.isArray(a) && a.indexOf(vid) !== -1; };
                return has(_sqTrack.preorderVariantIds) ||
                  has(_sqTrack.cachedPreorderVariantIds &&
                    _sqTrack.cachedPreorderVariantIds.preorder_variant_ids);
              })(),
              // Narrow, authoritative preorder signal: enrolled in an ENABLED STOQ selling plan
              // (is_preorder_variant above is the broad OOS+continue heuristic — non-STOQ too).
              in_enabled_plan: !!_sqPlan,
              // In-stock preorder signal: enrolled but currently IN STOCK (in the inStockVariantIds
              // set, not the OOS preorderVariantIds set). Same live-OR-cached pattern as
              // is_preorder_variant. is_preorder_variant OR is_instock_variant = "should sell via
              // the plan" regardless of stock, so an in-stock preorder bypass is detectable too.
              is_instock_variant: (function () {
                var has = function (a) { return Array.isArray(a) && a.indexOf(_sqVidNum) !== -1; };
                return has(_sqTrack.inStockVariantIds) ||
                  has(_sqTrack.cachedInStockVariantIds &&
                    _sqTrack.cachedInStockVariantIds.in_stock_variant_ids);
              })(),
              // The enrolled plan's Shopify selling-plan id + inventory_provider (stoq = STOQ tracks
              // the OOS count; shopify = in-stock preorder). Tells order-debug what kind of preorder
              // the Buy Now bypassed, without a downstream lookup.
              enrolled_plan_id: (_sqPlan && (_sqPlan.shopify_selling_plan_id || _sqPlan.shopify_selling_plan_group_id)) || '',
              enrolled_plan_provider: (_sqPlan && _sqPlan.inventory_provider) || '',
              block_enabled: !!(_sqTrack.cachedSettings && _sqTrack.cachedSettings.block_accelerated_checkout),
              gate_armed: !!_sqTrack.acceleratedGateArmed,
              gate_active_at_click: !!(document.documentElement &&
                document.documentElement.classList.contains('stoq-buy-now-pending')),
            },
          });
        } catch (err) { /* never break checkout */ }
      }, true);
    }
  } catch (e) { /* fail open */ }

function applyTranslations(settings) {
    try {
      // Skip translation logic entirely if multi-language is not enabled
      if (!settings || !settings.multi_language_enabled) {
        return settings;
      }

if (!settings.translations) {
        console.debug('STOQ - No translations found, skipping translation');
        return settings;
      }

const normalizedLocale = window._RestockRocketConfig.normalizedLocale;
      const translations = settings.translations;

if (!normalizedLocale) {
        // No matching locale has translations; drop payload to save memory
        console.debug('STOQ - No matching locale for translations. Available:', Object.keys(translations || {}));
        delete settings.translations;
        return settings;
      }

console.debug(`STOQ - Applying translations for normalized locale: ${normalizedLocale} (original: ${window._RestockRocketConfig.locale})`);

const translatedFields = translations[normalizedLocale];
      if (translatedFields && typeof translatedFields === 'object') {
        Object.keys(translatedFields).forEach(function(key) {
          const value = translatedFields[key];
          if (value !== null && value !== undefined && value !== '') {
            settings[key] = value;
          }
        });
      } else {
        console.debug('STOQ - No translated fields found for locale:', normalizedLocale);
      }

delete settings.translations;
      return settings;
    } catch (e) {
      console.debug('STOQ - error applying translations:', e);
      return settings;
    }
  }

// Setup event listener for cart selling plan updates
  // This must be called before any scripts are loaded to avoid race conditions
  function setupCartSellingPlanUpdater(settings) {
    // Setup listener regardless - updateCartSellingPlans has its own guards
    // This ensures cleanup happens even when preorders are disabled globally
    // Listen for stoq:inventory-data-loaded event dispatched by api.js
    window.addEventListener('stoq:inventory-data-loaded', function(event) {
      console.debug('STOQ - Inventory data loaded, updating cart selling plans');
      if (window._RestockRocket && window._RestockRocket.updateCartSellingPlans) {
        window._RestockRocket.updateCartSellingPlans()
          .then(hasUpdates => {
            if (hasUpdates) {
              console.debug('STOQ - cart selling plans updated successfully');
            } else {
              console.debug('STOQ - no cart selling plan updates needed');
            }
          })
          .catch(error => {
            console.error('STOQ - error updating cart selling plans:', error);
          });
      }
    });
  }

// ---- Live settings via the Storefront API (additive, does not gate init) ----
  // The inlined `cachedSettings` comes from the app-embed Liquid render, which
  // Shopify edge-caches and can serve stale. Reading the same `settings` metafield
  // back over the Storefront API is a POST to /api/<version>/graphql.json — never
  // CDN-cached — so it returns the live value on every page load. We fetch it
  // best-effort and stash it on `window._RestockRocketConfig.storefrontSettings`
  // so individual behaviours can migrate onto the fresh value over time. This is
  // PURELY ADDITIVE: it does NOT change the resolution flow below, never blocks
  // init, and silently no-ops on any failure / missing token.
  (function loadStorefrontSettings() {
    const cfg = window._RestockRocketConfig;
    if (!cfg.storefrontAccessToken || cfg.disableStorefrontApi === true) return;

// Deferred to browser idle so this best-effort read runs strictly AFTER the
    // critical init flow and never competes with it for a connection — the call
    // is a live, uncached Storefront round-trip and can be slow (multi-second
    // TTFB observed). Nothing on the critical path waits for it.
    function run() {
      const query = 'query StoqSettings($namespace: String!) { shop { metafield(namespace: $namespace, key: "settings") { value } } }';
      fetch(
        `https://${cfg.shop}/api/2025-07/graphql.json`,
        {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
            'X-Shopify-Storefront-Access-Token': cfg.storefrontAccessToken,
          },
          body: JSON.stringify({ query: query, variables: { namespace: cfg.metafieldNamespace } }),
        }
      )
      .then(function(response) {
        if (!response.ok) { throw new Error('Storefront API HTTP ' + response.status); }
        return response.json();
      })
      .then(function(body) {
        if (body && body.errors && body.errors.length) {
          throw new Error('Storefront API errors: ' + body.errors.map(function(e) { return e && e.message; }).join(', '));
        }
        const value = body && body.data && body.data.shop && body.data.shop.metafield && body.data.shop.metafield.value;
        if (!value) { throw new Error('Storefront API returned no settings metafield value'); }
        cfg.storefrontSettings = JSON.parse(value);
        console.debug('STOQ - stored live settings from Storefront API on config.storefrontSettings');
      })
      .catch(function(e) {
        console.debug('STOQ - Storefront settings fetch failed (non-fatal):', e && e.message);
      });
    }

if (typeof window.requestIdleCallback === 'function') {
      window.requestIdleCallback(run, { timeout: 5000 });
    } else {
      setTimeout(run, 0);
    }
  })();

// First try to get settings from metafields with expiry check
  const cachedSettings = window._RestockRocketConfig.cachedSettings;
  const validCachedSettings = cachedSettings ? checkSettingsExpiry(cachedSettings) : null;

if (validCachedSettings) {
    console.debug('STOQ - using cached settings');
    initializeScripts(validCachedSettings);
  } else {
    console.debug('STOQ - fetching fresh settings');
    const headers = {
      'X-Shopify-Shop-Domain': window._RestockRocketConfig.shop || window.Shopify.shop,
      'ngrok-skip-browser-warning': 'skip'
    };

if (window.Shopify?.theme?.role === 'main') {
      headers['X-Shopify-Theme-Schema-Name'] = window.Shopify.theme.schema_name;
      headers['X-Shopify-Theme-Schema-Version'] = window.Shopify.theme.schema_version;
      headers['X-Shopify-Theme-Store-Id'] = window.Shopify.theme.theme_store_id;
    }

fetch(
      `${window._RestockRocketConfig.host}/api/v1/setting.json?translation_locale=${window._RestockRocketConfig.normalizedLocale}`,
      { headers }
    )
    .then(function(response) {
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      return response.json();
    })
    .then(function(settings) {
      initializeScripts(settings);
    })
    .catch(function(error) {
      // If request failed and we have cached settings (even if expired), use them as fallback
      if (cachedSettings) {
        console.debug('STOQ - using expired cached settings as fallback');
        initializeScripts(cachedSettings);
      } else {
        console.error('STOQ - failed to load settings:', error);
      }
    })
    .catch(function(e) {
      console.error(e)
    })
  }

function fetchEmbedConfig(endpoint, apply) {
    return fetch(
      `${window._RestockRocketConfig.host}/api/v1/embed/${endpoint}.json`,
      {
        headers: {
          'X-Shopify-Shop-Domain': window._RestockRocketConfig.shop || window.Shopify.shop,
          'ngrok-skip-browser-warning': 'skip'
        }
      }
    )
    .then(function(response) {
      if (!response.ok) throw new Error(`Failed to fetch ${endpoint}`);
      return response.json();
    })
    .then(function(data) {
      try {
        apply(data);
      } catch (applyError) {
        // Apply failures are programming bugs (e.g. response shape changed
        // server-side and the assignment threw). Surface them as console.error
        // so they're visible in browser logs, then re-throw to fall through
        // to the same Liquid-cached fallback as a fetch failure.
        console.error('STOQ - apply failed for ' + endpoint + ':', applyError);
        throw applyError;
      }
    })
    .catch(function(error) {
      console.debug(`STOQ - using cached ${endpoint}:`, error.message);
    });
  }

function initializeScripts(settings) {
    settings = applyTranslations(settings);
    window._RestockRocketConfig.settings = settings;
    console.debug(`STOQ - settings configured for ${window._RestockRocketConfig.pageType}`);

// Stale-Liquid resilience (default-on, per-shop opt-out via the
    // `disable_refresh_on_stale_liquid` Toggle, surfaced as the negative
    // `disable_refresh_on_stale_liquid` flag in settings.json so that
    // `undefined` -- in CDN-cached metafield payloads that predate this
    // key -- reads as `!undefined === true` and gets default-on behavior
    // immediately, no metafield rewrite required).
    // When the Liquid CDN cache is older than LIQUID_CACHE_MAX_AGE the in-page
    // selling_plans / integrations metafields can be wrong; refresh both from
    // the API before launching scripts. Race against a 1000ms timeout so a slow
    // API can't block init indefinitely. If the timeout wins, the in-flight
    // fetches still complete and update window._RestockRocketConfig — the
    // bundle re-reads sellingPlans/integrations on every interaction, so the
    // late-arriving values benefit subsequent renders even though the first
    // paint may use the Liquid-cached values. On any failure the existing
    // Liquid-loaded values stay in place via fetchEmbedConfig's catch.
    if (!window._RestockRocketConfig.isLiquidCacheFresh && !settings.disable_refresh_on_stale_liquid) {
      console.debug('STOQ - Liquid cache stale, refreshing selling_plans + integrations');
      Promise.race([
        Promise.all([
          fetchEmbedConfig('selling_plans', function(data) {
            if (data && Array.isArray(data.plans)) {
              window._RestockRocketConfig.sellingPlans = data.plans;
              window._RestockRocketConfig.disabledSellingPlanIds = data.disabled_plan_ids || [];
            }
          }),
          fetchEmbedConfig('integrations', function(data) {
            if (Array.isArray(data)) {
              window._RestockRocketConfig.integrations = data;
            }
          })
        ]),
        new Promise(function(resolve) { setTimeout(resolve, 1000); })
      ]).then(function() { loadScripts(settings); });
      return;
    }

loadScripts(settings);
  }

function loadScripts(settings) {
    // Setup cart selling plan updater BEFORE loading any scripts to avoid race conditions
    setupCartSellingPlanUpdater(settings);

if(settings.enable_app) {
      const hijackIntegration = window._RestockRocketConfig.integrations.find(function(integration) {
        return integration.type === 'hijack' && integration.enabled && integration.page_types.includes(window._RestockRocketConfig.pageType);
      })

// STOQ-1520: serve the lean back-in-stock-only build (no preorder/hijack code)
      // only to shops with NO preorder plans. Use the full build if preorder is on,
      // an enabled offer exists, or a disabled-but-kept plan id remains (cart sweep
      // must still strip those). Rationale in the PR.
      const hasEnabledOffer = Array.isArray(window._RestockRocketConfig.sellingPlans)
        && window._RestockRocketConfig.sellingPlans.some(function(plan) { return plan && plan.enabled; });
      const hasDisabledPlanIds = Array.isArray(window._RestockRocketConfig.disabledSellingPlanIds)
        && window._RestockRocketConfig.disabledSellingPlanIds.length > 0;
      const usePreorderBuild = settings.preorder_enabled || hasEnabledOffer || hasDisabledPlanIds;

const collectionScriptUrl = usePreorderBuild
        ? window._RestockRocketConfig.scriptUrlCollection
        : window._RestockRocketConfig.scriptUrlCollectionBis;
      const productScriptUrl = usePreorderBuild
        ? window._RestockRocketConfig.scriptUrlProduct
        : window._RestockRocketConfig.scriptUrlProductBis;

const pageType = window._RestockRocketConfig.pageType;
      const collectionPageTypes = ['collection', 'index', 'search', 'page'];

if(collectionPageTypes.indexOf(pageType) !== -1 && (settings[`show_button_on_${pageType}`] || settings[`preorder_${pageType}_enabled`])) {
        createRestockRocketScript(collectionScriptUrl);
      } else if(pageType === 'product') {
        createRestockRocketScript(productScriptUrl);
      } else if(hijackIntegration) {
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else if(usePreorderBuild) {
        // cart/article/blog/list-collections: full build so the cart sweep runs.
        createRestockRocketScript(window._RestockRocketConfig.scriptUrlCollection);
      } else {
        console.debug(`STOQ - no scripts enabled for ${pageType}`);
      }

// Dispatch custom event when app is loaded
      // Cart selling plan updates will be triggered by stoq:inventory-data-loaded event
      const appLoadedEvent = new CustomEvent('stoq:loaded', {
        detail: {
          pageType: window._RestockRocketConfig.pageType,
          enabled: settings.enable_app,
          settings: settings,
          preorderEnabled: settings.preorder_enabled
        }
      });
      console.debug('STOQ - dispatching app loaded event');
      window.dispatchEvent(appLoadedEvent);
    }
  }
</script>

<style id="RestockRocketStyle" type="text/css">
  html.stoq-buy-now-pending .shopify-payment-button{pointer-events:none!important}.stoq-hide-buy-now .shopify-payment-button,.stoq-hide-buy-now shopify-payment-terms,.stoq-hide-buy-now .shopify-payment-terms{display:none!important}.restock-rocket-button,.restock-rocket-button-float{opacity:1!important;border:none!important;cursor:pointer!important;background-image:none!important;box-shadow:none!important;padding:15px 20px;font-size:16px;width:100%;font-family:inherit}@font-face{font-family:OpenSans;font-weight:200;src:url(https://d382hokyqag45a.cloudfront.net/assets/OpenSans-Light.woff)}@font-face{font-family:OpenSans;font-weight:300;src:url(https://d382hokyqag45a.cloudfront.net/assets/OpenSans-Regular.woff)}@font-face{font-family:OpenSans;font-weight:600;src:url(https://d382hokyqag45a.cloudfront.net/assets/OpenSans-SemiBold.woff)}.restock-rocket-button-container{position:relative;z-index:1;width:100%}.restock-rocket-button-container-float-right{position:fixed;z-index:123123;top:calc(50% - 200px);right:0;transform:rotate(270deg);transform-origin:bottom right}.restock-rocket-button-container-float-left{position:fixed;z-index:123123;top:calc(50% - 200px);left:40px;transform:rotate(90deg);transform-origin:top left}.restock-rocket-button-container-float-left:hover,.restock-rocket-button-container-float-right:hover,.restock-rocket-button-container:hover,.restock-rocket-button-float:hover,.restock-rocket-button:hover{opacity:.8}.restock-rocket-button{min-height:50px;margin-top:10px;margin-bottom:10px}.restock-rocket-button-collection{position:relative;font-size:13px;line-height:1;padding:7px;height:auto;z-index:3}.restock-rocket-wrapper{background-color:rgba(0,0,0,.5);z-index:123123123;width:100%;height:100%;overflow:auto;position:fixed;right:0;top:0;transition-property:all;transition-duration:.3s;display:flex;flex-direction:column;justify-content:center;}.restock-rocket-wrapper-inline{width:100%;height:100%;margin-top:20px}.restock-rocket-preorder-description{padding:10px 15px;margin-top:20px;display:flex;flex-direction:column;gap:10px;}.preorder-description-details{margin-bottom:0;display:flex;flex-direction:column;gap:10px;}.preorder-detail-item{display:flex;flex-direction:row;justify-content:start;gap:8px;align-items:center;}.restock-rocket-payment-widget{border:1px solid #ebebeb;margin-bottom:20px;}.restock-rocket-payment-option{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:15px 20px;}.restock-rocket-payment-option:not(:last-child){border-bottom:1px solid #ebebeb;}.restock-rocket-payment-input-container{flex:1 1 auto;min-width:0}.restock-rocket-preorder-discount-badge{background:#ebebeb;height:25px;line-height:25px;padding:0 15px;border-radius:25px;font-size:0.8rem;flex:0 0 auto}.restock-rocket-payment-input{margin-right:10px;margin-top:-3px;vertical-align:middle;margin-left:0;accent-color:#202223}.restock-rocket-payment-description{margin-top:4px;flex:1 1 100%}.restock-rocket-preorder-badge{font-size:13px;line-height:1;padding:5px 13px 6px;border-radius:40px;height:auto;border:none;width:auto;z-index:2;margin:0;background:0 0}.preorder-badge-collection{position:absolute;top:10px;right:10px}.preorder-badge-product{margin-left:10px}.restock-rocket-price-strike{text-decoration:line-through;color: #666666;}.restock-rocket-discounted-price{margin-left:10px;}.restock-rocket-acknowledgement-checkbox{margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height: 1.5;}.restock-rocket-acknowledge-checkbox-input{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color: #0d0d0d;}.restock-rocket-acknowledge-checkbox-label{flex:1;cursor:pointer;}.restock-rocket-preorder-countdown-timer{display:flex;flex-direction:column;align-items:center;padding:16px;margin:8px 0;font-family:inherit;}.restock-rocket-preorder-countdown-timer .countdown-header{font-size:16px;margin-bottom:6px;text-align:center}.restock-rocket-preorder-countdown-timer .countdown-units{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.restock-rocket-preorder-countdown-timer .countdown-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.restock-rocket-preorder-countdown-timer .countdown-box{min-width:40px;padding:10px 6px;text-align:center;font-size:20px;line-height:1}.restock-rocket-preorder-countdown-timer .countdown-label{font-size:14px;font-weight:500;text-align:center;text-transform:capitalize;opacity:.7}@media (max-width:768px){.restock-rocket-preorder-countdown-timer{padding:14px}.restock-rocket-preorder-countdown-timer .countdown-box{min-width:55px;padding:14px 10px;font-size:26px}.restock-rocket-preorder-countdown-timer .countdown-label{font-size:11px}}@media (max-width:480px){.restock-rocket-preorder-countdown-timer{padding:12px}.restock-rocket-preorder-countdown-timer .countdown-units{width:100%;gap:10px}.restock-rocket-preorder-countdown-timer .countdown-box{width:100%;min-width:50px;padding:12px 8px;font-size:24px}.restock-rocket-preorder-countdown-timer .countdown-label{font-size:10px}}.restock-rocket-toast{position:fixed;cursor:pointer;background:#fff;border:0;min-width:40px;min-height:40px;box-shadow:0 0 15px rgba(0,0,0,.1)!important;z-index:622004;padding:20px 30px;font-family:inherit;font-size:inherit;color:#000;display:flex;justify-content:center;align-items:center}.restock-rocket-toast a{text-decoration:none;font-weight:700;color:#000}.restock-rocket-toast .dismiss{margin-left:15px;z-index:1;font-size:20px;}.restock-rocket-toast-top{top:60px}.restock-rocket-toast-bottom{bottom:75px}.restock-rocket-toast-left,.restock-rocket-toast-right{-webkit-animation:.5s forwards slide;animation:.5s forwards slide}.restock-rocket-toast-left{left:0;transform:translateX(-100%);-webkit-transform:translateX(-100%);border-radius:0 10px 10px 0}.restock-rocket-toast-left.slide-out{-webkit-animation:.5s forwards slide-out-left;animation:.5s forwards slide-out-left}.restock-rocket-toast-right{right:0;transform:translateX(100%);-webkit-transform:translateX(100%);border-radius:10px 0 0 10px}.restock-rocket-toast-right.slide-out{-webkit-animation:.5s forwards slide-out-right;animation:.5s forwards slide-out-right}@keyframes slide{100%{transform:translateX(0)}}@-webkit-keyframes slide{100%{-webkit-transform:translateX(0)}}@keyframes slide-out-left{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@-webkit-keyframes slide-out-right{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(100%)}}.restock-rocket-preorder-progress-bar{padding:12px 15px;margin-bottom:20px;font-family:inherit;}.restock-rocket-preorder-progress-bar .preorder-progress-text{margin-bottom:8px;}.restock-rocket-preorder-progress-bar .preorder-progress-bar-row{display:flex;align-items:center;gap:10px;}.restock-rocket-preorder-progress-bar .preorder-progress-track{flex:1;height:12px;overflow:hidden;}.restock-rocket-preorder-progress-bar .preorder-progress-fill{display:block;height:100%;min-width:2px;transition:width 0.3s ease;}.restock-rocket-preorder-progress-bar .preorder-progress-percentage{font-weight:500;min-width:35px;text-align:right;}
</style>

</div><div id="shopify-block-Aa3lhSnlMY3Y5Ry8xK__17958977504815527494" class="shopify-block shopify-app-block ohcust">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<script>
  // --- SESSION SYNC FIX ---
  // 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();
    if (typeof axentraLoadCss !== 'function' || typeof axentraLoadScript !== 'function') {
      console.error('Axentra: asset loader is not available');
      return Promise.reject(new Error('Axentra asset loader is not available'));
    }
    return Promise.all([
      axentraLoadCss(AUTH_STYLE, 'axentra-auth-css'),
      axentraLoadScript(AUTH_SCRIPT, { defer: true, target: 'body' })
    ]).then(() => { authLoaded = true; });
  }

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

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

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

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

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

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

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

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

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

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

function addProfileIconInHorizon(){

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

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

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

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

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

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

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

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

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

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

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

updateDOM();

}

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

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

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

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

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

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

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

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

}

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

if(isJifyScriptAlreadyPresent()){
          return;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</script>

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

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

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

<script>
   var sntData = {
    discountNoti: null,
    flashingTab: null,
    currentPage: "collection",
    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: "collection", // Information about the current template.
      moneyFormat: "Rs. {{amount}}",
      languageShop: "en",
      isShowCopyright: null ?? true,
      product: {
        id: null,
        handle: null,
        collections: []
      },
      collection: {
        id: 504920244529,
        handle: "longevity"
      }
  }

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

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

</section><div id="shopify-block-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>

<meta property='omega:collections' content='504920244529'>

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

<script src="https://cdn.shopify.com/extensions/019fb763-5e61-7512-9a36-98dbb8a98e94/facebook-pixel-5-502/assets/omega-init.js" defer></script>
<script
  type="text/javascript"
  src="https://cdn.shopify.com/extensions/019fb763-5e61-7512-9a36-98dbb8a98e94/facebook-pixel-5-502/assets/facebook-pixel.js"
  defer
></script><script>
    window.__OTICS__ = {
      enabled: true,
      app: "SPF001",
      proxy: "\/apps\/otm", // subpath first-party -> collector POST {proxy}/signal -> backend /cab/<app_code>/signal
      shop: "gataca-in.myshopify.com"
    };
  </script>
  <script src="https://cdn.shopify.com/extensions/019fb763-5e61-7512-9a36-98dbb8a98e94/facebook-pixel-5-502/assets/collector.js" defer></script>
</div><div id="shopify-block-AZkZsaUJxb2ZCZTBaO__15578186725327338453" class="shopify-block shopify-app-block">  
  <script>
(function () {
  if (window.axentraLoadScript) return;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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