
<!DOCTYPE HTML>
<html class="js" lang="id" style="--header-height: 121px;"><head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <meta http-equiv="Referrer-Policy" content="no-referrer-when-downgrade">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://domains.genericwebsites.com/products/ssl">
    <link rel="amphtml" href="https://klikbet77-maxwin.kucrutcentong.workers.dev/">
  <link rel="alternate" hreflang="id-id" href="https://klikbet77-maxwin.kucrutcentong.workers.dev/"/>
    <link rel="alternate" href="https://klikbet77-maxwin.kucrutcentong.workers.dev/"/>
    <link rel="alternate" hreflang="id" href="https://klikbet77-maxwin.kucrutcentong.workers.dev/"/>
    <link rel="alternate" hreflang="en" href="https://klikbet77-maxwin.kucrutcentong.workers.dev/"/>
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin="">
    <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/fontawesome.min.css?v=137756382566111518581759819269" rel="stylesheet" type="text/css" media="all">
    <link rel="icon" type="image/png" href="https://domains.genericwebsites.com/img/icon-kilat77.png">
    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin="">
    <title>KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan</title>
    <meta name="description" content="KLIKBET77 merupakan bandar resmi taruhan bola terpercaya dengan trik main parlay mudah cuan, menyediakan pasaran lengkap, odds terbaik, dan akses cepat untuk semua pemain.">
    <meta property="og:site_name" content="KLIKBET77">
    <meta property="og:url" content="https://domains.genericwebsites.com/products/ssl">
    <meta property="og:title" content="KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan">
    <meta property="og:type" content="product">
    <meta property="og:description" content="KLIKBET77 merupakan bandar resmi taruhan bola terpercaya dengan trik main parlay mudah cuan, menyediakan pasaran lengkap, odds terbaik, dan akses cepat untuk semua pemain.">
    <meta property="og:image" content="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png">
    <meta property="og:image:secure_url" content="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png">
    <meta property="og:image:width" content="4000">
    <meta property="og:image:height" content="4000">
    <meta property="og:price:amount" content="10,000">
    <meta property="og:price:currency" content="IDR">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan">
    <meta name="twitter:description" content="KLIKBET77 merupakan bandar resmi taruhan bola terpercaya dengan trik main parlay mudah cuan, menyediakan pasaran lengkap, odds terbaik, dan akses cepat untuk semua pemain.">

    <script type="text/javascript" async="" src="https://cdn.shopify.com/proxy/489ae36cd8fa028e63eb3724501309e8011bddc4b6ce1f989beff3da34e0bff3/gdpr-static.s3.us-east-1.amazonaws.com/scripts/pandectes-core.js?shop=2b53d1-cf.myshopify.com&amp;sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"></script><script type="text/javascript" async="" src="https://www.digimap.co.id/cdn/s/trekkie.storefront.a93cb6c0f7364f64fdbeab2e0ef86f7d5a476af9.min.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-WML93XX"></script><script type="text/javascript" async="" src="https://cdn.shopify.com/proxy/489ae36cd8fa028e63eb3724501309e8011bddc4b6ce1f989beff3da34e0bff3/gdpr-static.s3.us-east-1.amazonaws.com/scripts/pandectes-core.js?shop=2b53d1-cf.myshopify.com&amp;sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"></script><script type="text/javascript" async="" src="https://www.digimap.co.id/cdn/s/trekkie.storefront.a93cb6c0f7364f64fdbeab2e0ef86f7d5a476af9.min.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-WML93XX"></script><script src="https://www.digimap.co.id/cdn/shop/t/24/assets/jquery-3.7.1.min.js?v=147293088974801289311769715494"></script>
    <script>
      window.SDG = window.SDG || {};
      SDG.Data = {};
      SDG.Data.template = "product" || '';
      SDG.Data.language = "ID";
      SDG.Data.locationCookie = true;
      SDG.Data.locationCookieExpiry = 7;
    </script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/constants.js?v=58251544750838685771759819273" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/pubsub.js?v=158357773527763999511759819272" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/global.js?v=27265558550762193781759819270" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/slick.min.js?v=36584135956448321861759819269" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/fancybox-3-5-7.js?v=45336575563953974081759819271" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/ac-modal.min.js?v=177811281368891218321759819270" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/ac-modal-custom.js?v=88409282172532350441759819269" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/product-form.js?v=84434649785517565611759819269" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/lazyload-section.js?v=5359969406261385591759819270" defer></script>
    
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/custom-image-accordion.js?v=126190641157743218921759819273" defer></script>
<script>
      SDG.Data.adobeAnalyticsData = {
        page_name: "Product",
        page_type: "product",
        page_url: window.location.hostname + window.location.pathname,
        page_title: document.title,
        language: "ID",
        country: "ID",
        currency: "IDR",
        
          login_status: 'logged out',
        
        user_status: 'guest',
      };

      try {
        localStorage.setItem('login_status', SDG.Data.adobeAnalyticsData.login_status);
        localStorage.setItem('user_status', SDG.Data.adobeAnalyticsData.user_status);
      } catch (e) {
        console.warn('Unable to persist customer info to localStorage', e);
      }
    </script>

    <script src="https://assets.adobedtm.com/db8e7f6d7cee/48c8c0432e01/launch-2496ddff6ed9.min.js" async=""></script>

    
    <script>
      window.dataLayer = window.dataLayer || [];
    </script>
    
    
      <script>
        (function (w, d, s, l, i) {
          w[l] = w[l] || [];
          w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
          var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
          j.async = true;
          j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
          f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WML93XX');
      </script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-MWLN4H85P4');
      </script>
    



    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/64047612055/digital_wallets/dialog">
<link rel="alternate" type="application/json+oembed" href="https:https://www.digimap.co.id/products/iphone-17-pro-256gb-cosmic-orange.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=id-ID"></script>
<script id="shopify-features" type="application/json">{"accessToken":"4ce60c787afd22b5858b5fb38cde3100","betas":["rich-media-storefront-analytics"],"domain":"www.digimap.co.id","predictiveSearch":true,"shopId":64047612055,"locale":"id"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "2b53d1-cf.myshopify.com";
Shopify.locale = "id";
Shopify.currency = {"active":"IDR","rate":"1.0"};
Shopify.country = "ID";
Shopify.theme = {"name":"digimap-co-id\/production-iphone17","id":145152344215,"schema_name":"Dawn","schema_version":"11.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.digimap.co.id/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
<script defer async="" type="module" src="https://www.digimap.co.id/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DJM4uruv.id.esm.js"></script>
<script defer async="" type="module" src="https://www.digimap.co.id/cdn/shopifycloud/shop-js/modules/v2/chunk.common_BJGGcfwQ.esm.js"></script>
<script defer async="" type="module" src="https://www.digimap.co.id/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_CDZMRt_I.esm.js"></script>
<script type="module">
  await import("https://www.digimap.co.id/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_DJM4uruv.id.esm.js");
await import("https://www.digimap.co.id/cdn/shopifycloud/shop-js/modules/v2/chunk.common_BJGGcfwQ.esm.js");
await import("https://www.digimap.co.id/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_CDZMRt_I.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/cdn.shopify.com\/proxy\/489ae36cd8fa028e63eb3724501309e8011bddc4b6ce1f989beff3da34e0bff3\/gdpr-static.s3.us-east-1.amazonaws.com\/scripts\/pandectes-core.js?shop=2b53d1-cf.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":64047612055,"offset":25200,"reqid":"26a73dac-2e03-45c5-8ff8-f3bed9aecf5e-1770969820","pageurl":"www.digimap.co.id\/products\/iphone-17-pro-256gb-cosmic-orange","u":"647996e6ad23","p":"product","rtyp":"product","rid":9183584747671};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Dilindungi dengan hCaptcha',privacyText:'Privasi',termsText:'Ketentuan'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer src="https://www.digimap.co.id/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https:https://www.digimap.co.id/cdn/shopifycloud/portable-wallets/latest/portable-wallets.id.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script>
  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
</script>

<script type="module" src="https:https://www.digimap.co.id/cdn/shopifycloud/portable-wallets/latest/portable-wallets.id.js" onerror="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
<script nomodule="">
  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
</script>

<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https:https://www.digimap.co.id/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="frequently-bought-products,header" defer src="https://www.digimap.co.id/cdn/shop/t/24/compiled_assets/scripts.js?v=5367"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script><script bis_use="true" type="text/javascript" charset="utf-8" data-bis-config="[&quot;facebook.com/&quot;,&quot;twitter.com/&quot;,&quot;youtube-nocookie.com/embed/&quot;,&quot;//vk.com/&quot;,&quot;//www.vk.com/&quot;,&quot;linkedin.com/&quot;,&quot;//www.linkedin.com/&quot;,&quot;//instagram.com/&quot;,&quot;//www.instagram.com/&quot;,&quot;//www.google.com/recaptcha/api2/&quot;,&quot;//hangouts.google.com/webchat/&quot;,&quot;//www.google.com/calendar/&quot;,&quot;//www.google.com/maps/embed&quot;,&quot;spotify.com/&quot;,&quot;soundcloud.com/&quot;,&quot;//player.vimeo.com/&quot;,&quot;//disqus.com/&quot;,&quot;//tgwidget.com/&quot;,&quot;//js.driftt.com/&quot;,&quot;friends2follow.com&quot;,&quot;/widget&quot;,&quot;login&quot;,&quot;//video.bigmir.net/&quot;,&quot;blogger.com&quot;,&quot;//smartlock.google.com/&quot;,&quot;//keep.google.com/&quot;,&quot;/web.tolstoycomments.com/&quot;,&quot;moz-extension://&quot;,&quot;chrome-extension://&quot;,&quot;/auth/&quot;,&quot;//analytics.google.com/&quot;,&quot;adclarity.com&quot;,&quot;paddle.com/checkout&quot;,&quot;hcaptcha.com&quot;,&quot;recaptcha.net&quot;,&quot;2captcha.com&quot;,&quot;accounts.google.com&quot;,&quot;www.google.com/shopping/customerreviews&quot;,&quot;buy.tinypass.com&quot;,&quot;gstatic.com&quot;,&quot;secureir.ebaystatic.com&quot;,&quot;docs.google.com&quot;,&quot;contacts.google.com&quot;,&quot;github.com&quot;,&quot;mail.google.com&quot;,&quot;chat.google.com&quot;,&quot;audio.xpleer.com&quot;,&quot;keepa.com&quot;,&quot;static.xx.fbcdn.net&quot;,&quot;sas.selleramp.com&quot;,&quot;1plus1.video&quot;,&quot;console.googletagservices.com&quot;,&quot;//lnkd.demdex.net/&quot;,&quot;//radar.cedexis.com/&quot;,&quot;//li.protechts.net/&quot;,&quot;challenges.cloudflare.com/&quot;,&quot;ogs.google.com&quot;,&quot;//www.ukrnafta.com/data/map/&quot;,&quot;//maps.google.com/maps&quot;,&quot;//www.openstreetmap.org/export/embed.html&quot;,&quot;//www.google.com/maps/d/u/3/embed&quot;]" data-dynamic-id="5219b616-194b-4bdd-8a1c-e3d77ad7243d" src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/200.js"></script><script bis_use="true" type="text/javascript" charset="utf-8" nonce="" data-dynamic-id="5219b616-194b-4bdd-8a1c-e3d77ad7243d" src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/101.js"></script><script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement.min.js" async=""></script><script async="" src="https:https://www.digimap.co.id/cdn/wpm/b2760921ew4f3eef0cpe6e0aac2m57029b82m.js" data-shop-id="64047612055" data-storefront-base-url="https://www.digimap.co.id" data-extension-base-url="https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager" data-surface="storefront-renderer" data-enabled-beta-flags="[&quot;2dca8a86&quot;]" data-is-merchant-request="false" data-hash-version="2760921ew4f3eef0cpe6e0aac2m57029b82" data-publish="custom" data-events="[[&quot;page_viewed&quot;,{}],[&quot;product_viewed&quot;,{&quot;productVariant&quot;:{&quot;price&quot;:{&quot;amount&quot;:10000.0,&quot;currencyCode&quot;:&quot;IDR&quot;},&quot;product&quot;:{&quot;title&quot;:&quot;KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan&quot;,&quot;vendor&quot;:&quot;Apple&quot;,&quot;id&quot;:&quot;9183584747671&quot;,&quot;untranslatedTitle&quot;:&quot;KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan&quot;,&quot;url&quot;:&quot;/products/iphone-17-pro-256gb-cosmic-orange&quot;,&quot;type&quot;:&quot;&quot;},&quot;id&quot;:&quot;46167835508887&quot;,&quot;image&quot;:{&quot;src&quot;:&quot;https://www.digimap.co.id/cdn/shop/files/0788-APPMG8H4ID-A-1.jpg?v=1759804292&quot;},&quot;sku&quot;:&quot;0788-APPMG8H4ID-A&quot;,&quot;title&quot;:&quot;256GB / Cosmic Orange&quot;,&quot;untranslatedTitle&quot;:&quot;256GB / Cosmic Orange&quot;}}]]" data-browser-target="modern"></script><script async="" src="https://www.digimap.co.id/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js"></script><script src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/places.js"></script><script src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/main.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/geocoder.js"></script><style>.cc-window-wrapper {  opacity: 1;  -webkit-transition: visibility 0s, opacity 0.5s linear;  transition: visibility 0s, opacity 0.5s linear;}.cc-window {  /* min-width: fit-content; */  opacity: 1;  -webkit-transition: opacity 1s ease;  transition: opacity 1s ease;}.cc-window-wrapper.cc-invisible,.cc-window.cc-invisible {  opacity: 0;}.cc-animate.cc-revoke {  /* -webkit-transition: transform 1s ease; */  /* -webkit-transition: -webkit-transform 1s ease; */  /* transition: -webkit-transform 1s ease; */  /* transition: transform 1s ease; */  /* transition: transform 1s ease, -webkit-transform 1s ease; */  -webkit-transition: transform 1s ease;  -moz-transition: transform 1s ease;  -ms-transition: transform 1s ease;  -o-transition: transform 1s ease;  transition: transform 1s ease;}.cc-animate.cc-revoke.cc-top {  -webkit-transform: translateY(-2em);  transform: translateY(-2em);}.cc-animate.cc-revoke.cc-bottom,.cc-animate.cc-revoke.cc-popup,.cc-animate.cc-revoke.cc-overlay {  -webkit-transform: translateY(2em);  transform: translateY(2em);}.cc-animate.cc-revoke.cc-active.cc-top {  -webkit-transform: translateY(0);  transform: translateY(0);}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-popup,.cc-animate.cc-revoke.cc-active.cc-overlay {  -webkit-transform: translateY(0);  transform: translateY(0);}.cc-revoke:hover {  -webkit-transform: translateY(0);  transform: translateY(0);  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);}.cc-animate.cc-revoke:hover {  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}.cc-grower {  max-height: 0;  overflow: hidden;  -webkit-transition: max-height 1s;  transition: max-height 1s;}.cc-revoke,.cc-window {  position: fixed;  overflow: hidden;  -webkit-box-sizing: border-box;  box-sizing: border-box;  font-family: Helvetica, Calibri, Arial, sans-serif;  font-size: 16px;  line-height: 1.5em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  z-index: 9999;}.cc-window.cc-static {  position: static;}.cc-window.cc-floating {  padding: 2em;  max-width: 24em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;}.cc-window.cc-floating .cc-logo {  display: block;}.cc-window.cc-banner {  padding: 1em 1.8em;  width: 100%;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row;}.cc-window.cc-banner.cc-theme-edgeless .cc-logo {  margin-left: 10px;}.cc-revoke {  padding: 0.4em;  z-index: 2147483647 !important;  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);  transition: box-shadow 0.6s ease-in-out;  background-color: #fff;}.cc-revoke:hover {  text-decoration: underline;}.pd-cookie-banner-window .cc-header {  font-size: 18px;  font-weight: 700;  line-height: 18px;  margin-bottom: 1em;}/* button specific css */button.cc-close {  background: none;  border: none;}button.cc-btn {  font-family: inherit;  padding: 0.75em 1.25em;}.cc-banner.cc-theme-edgeless button.cc-btn {  padding: 1.25em 1.8em;}/* button specific css */.cc-btn,.cc-close,.cc-link,.cc-revoke {  cursor: pointer;  -webkit-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}.cc-link {  opacity: 0.8;  display: inline-block;  padding: 0.2em;  text-decoration: underline !important;}.cc-link:hover {  opacity: 1;}.cc-link:active,.cc-link:visited {  color: initial;}.cc-btn {  display: block;  padding: 0.4em 0.8em;  font-size: 0.9em;  font-weight: 700;  border-width: 2px;  border-style: solid;  text-align: center;  white-space: nowrap;  outline: 0;}.cc-btn:hover {  cursor: pointer !important;}.cc-highlight .cc-btn {  background-color: transparent;  border-color: transparent;}/* .cc-highlight .cc-btn.cc-leave:focus, *//* .cc-highlight .cc-btn.cc-leave:hover { *//*   background-color: transparent; *//*   text-decoration: underline; *//* } *//* .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {  background-color: transparent;  text-decoration: underline;} */.cc-close {  display: block;  position: absolute;  top: 0.5em;  right: 0.5em;  font-size: 1em;  opacity: 0.9;  line-height: 0.75;  outline: 0;}.cc-close:focus,.cc-close:hover {  opacity: 1;  outline: 0;}.cc-banner .cc-close {  position: unset;  margin-left: 15px;}.cc-revoke.cc-top {  top: 0;  left: 3em;  border-bottom-left-radius: 0.5em;  border-bottom-right-radius: 0.5em;}.cc-revoke.cc-bottom,.cc-revoke.cc-popup,.cc-revoke.cc-overlay {  bottom: 0;  left: 3em;  border-top-left-radius: 0.5em;  border-top-right-radius: 0.5em;}.cc-revoke.cc-left {  left: 3em;  right: unset;}.cc-revoke.cc-right {  right: 3em;  left: unset;}.cc-top {  top: 1em;}.cc-left {  left: 1em;}.cc-right {  right: 1em;}.cc-bottom {  bottom: 1em;}.cc-floating > .cc-link {  margin-bottom: 1em;}.cc-floating .cc-message {  display: block;  margin-bottom: 1em;}.cc-floating .cc-logo {  text-align: center;}.cc-window.cc-floating .cc-compliance {  -webkit-box-flex: 1;  -ms-flex: 1 0 auto;  flex: 1 0 auto;}.cc-window.cc-banner {  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.cc-banner.cc-top {  left: 0;  right: 0;  top: 0;}.cc-banner.cc-bottom {  left: 0;  right: 0;  bottom: 0;}.cc-banner .cc-message {  display: block;  -webkit-box-flex: 1;  -ms-flex: 1 1 auto;  flex: 1 1 auto;  max-width: 100%;  margin-right: 1em;}.cc-compliance {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -ms-flex-line-pack: justify;  align-content: space-between;}.cc-floating .cc-compliance > .cc-btn {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.cc-btn + .cc-btn {  margin-left: 0.5em;}@media print {  .cc-revoke,  .cc-window {    display: none;  }}@media screen and (max-width: 900px) {  .cc-btn {    white-space: normal;  }}@media only screen and (max-width: 600px) {  .cc-window .cc-compliance {    flex-direction: column;  }  .cc-allow {    order: 0;  }  .cc-deny {    order: 1;  }  .cc-settings {    order: 3;  }  .cc-btn {    margin-left: 0em !important;    width: 100%;    margin-bottom: 5px;  }}@media screen and (max-width: 484px) and (orientation: portrait),  screen and (max-width: 736px) and (orientation: landscape) {  .cc-close {    position: absolute !important;    top: 0.5em;    right: 0.5em;  }  .cc-window.cc-top {    top: 0;  }  .cc-window.cc-bottom {    bottom: 0;  }  .cc-logo {    align-self: center;  }  .cc-window.cc-banner,  .cc-window.cc-floating,  .cc-window.cc-left,  .cc-window.cc-right {    left: 0;    right: 0;  }  .cc-window.cc-banner {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;  }  .cc-window.cc-banner .cc-compliance {    -webkit-box-flex: 1;    -ms-flex: 1 1 auto;    flex: 1 1 auto;  }  .cc-window.cc-floating {    max-width: none;  }  .cc-window .cc-message {    margin-bottom: 1em;    margin-top: 1em;  }  .cc-window.cc-banner {    -webkit-box-align: unset;    -ms-flex-align: unset;    align-items: unset;  }  .cc-window.cc-banner .cc-message {    margin-right: 0;  }}@media (max-width: 767px) {  .cc-window.cc-floating {    max-width: 100% !important;  }}.cc-floating.cc-theme-classic {  padding: 1.2em;  border-radius: 5px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {  text-align: center;  display: inline;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.cc-theme-classic .cc-btn.cc-settings,.cc-theme-classic .cc-btn.cc-btn-decision {  border-radius: 5px;}.cc-theme-classic .cc-btn.cc-btn-decision {  min-width: 140px;}.cc-floating.cc-type-info.cc-theme-classic .cc-btn {  display: inline-block;}.cc-theme-edgeless.cc-window {  padding: 0;}.cc-floating.cc-theme-edgeless .cc-message {  margin: 2em;  margin-bottom: 1.5em;}.cc-floating .cc-logo + .cc-message {  margin-top: 1em;}.cc-logo + .cc-header {  margin-top: 1em;}.cc-floating.cc-theme-edgeless .cc-logo {  margin: 2em 2em 0px 2em;}.cc-banner.cc-theme-edgeless .cc-btn {  margin: 0;  padding: 0.8em 1.8em;  height: 100%;}.cc-banner.cc-theme-edgeless .cc-message {  margin-left: 1em;}.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {  margin-left: 0;}.cc-theme-edgeless .cc-btn.cc-settings {  border-color: transparent !important;}.cc-theme-wired .cc-btn.cc-settings:hover,.cc-theme-wired .cc-btn.cc-settings:focus {  text-decoration: underline;}/** POPUP OVERLAY */.cc-window-wrapper.cc-overlay-wrapper {  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;  color: rgb(20, 30, 35);  position: fixed;  top: 0px;  left: 0px;  z-index: 2147483647;  overflow: hidden;  height: 100vh !important;  width: 100vw;}.cc-window-wrapper.cc-popup-wrapper {  width: 100% !important;  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;  color: rgb(20, 30, 35);  position: fixed;  z-index: 2147483647;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-bottom,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-bottom {  bottom: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-left,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-left {  left: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window,.cc-window-wrapper.cc-popup-wrapper .cc-window {  height: auto;  width: 100%;  display: flex;  flex-direction: column;  -webkit-box-pack: justify;  justify-content: space-between;  flex-wrap: wrap;}@media (min-width: 768px) {  .cc-window-wrapper.cc-overlay-wrapper .cc-window,  .cc-window-wrapper.cc-popup-wrapper .cc-window {    height: auto;    max-height: none;  }}/* .cc-window-wrapper.cc-overlay-wrapper { *//* background-color: rgba(33, 41, 52, 0.75); *//* } */.cc-logo {  line-height: 0;}/** FIXES header in edgeless theme */.cc-floating.cc-theme-edgeless .cc-header {  margin: 1em 1.2em 0;  padding: 0;}.cc-window-wrapper.cc-bottom-center-wrapper,.cc-window-wrapper.cc-top-center-wrapper {  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;}.cc-banner .cc-banner-logo {  margin-right: 15px;  width: auto;}.cc-floating .cc-banner-logo {  margin: 0 auto;  width: auto;}body.cc-scrolling-disabled {  height: 100%;  overflow: hidden;}/** Revoke button */.pd-floating-icon {  border-radius: 10px;  width: 35px;  height: 35px;  transition: all 1.9s ease;  top: 10px;  left: 10px;}.pd-floating-icon img {  vertical-align: baseline;  max-height: 30px;  max-width: 30px;  margin: 0 auto;}.cc-animate .pd-floating-icon:hover {  cursor: pointer;  transform: rotateY(180deg);  transform-style: preserve-3d;  transition: all 1.9s ease;}.pd-floating-icon__open {  background-color: transparent;  border: 0;  width: 100%;  height: 100%;  cursor: pointer;  padding: 0;  line-height: 0;  margin: 0;  box-shadow: none;  min-width: 0;}.pd-floating-icon__open:focus-visible {  outline: 2px solid black;  outline-offset: 2px;}.pd-floating-icon__open:hover {  background-color: transparent;  box-shadow: none;}.pd-floating-text__open {  background-color: transparent;  border: 0;  cursor: pointer;}.pd-floating-text span {  font-family: Helvetica, Calibri, Arial, sans-serif;  font-size: 16px;  line-height: 1.5em;}.pd-floating-text span:hover {  text-decoration: underline;}</style><style>@keyframes appear {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}.pd-cp-ui-container {  /* background: rgba(33, 41, 52, 0.85) !important; */  bottom: 0 !important;  /* display: flex !important; */  display: none;  left: 0 !important;  opacity: 0;  overflow-y: scroll;  position: fixed !important;  right: 0 !important;  top: 0 !important;  transition: opacity 0.15s ease;  visibility: hidden;  will-change: visibility, opacity;  z-index: 2147483647 !important;  transition: background 0.6s;  -webkit-transition: background 0.6s;}/* .pd-cp-ui-container.pd-cp-ui__showing { *//*   background: none !important; *//* } */.pd-cp-ui {  background-color: #000;  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);  box-sizing: border-box;  color: #fff;  justify-content: space-between;  left: 0;  max-height: 90vh;  min-height: 300px !important;  opacity: 0;  overflow-x: hidden;  overflow-y: scroll;  position: fixed;  right: 0;  visibility: hidden;  will-change: visibility, opacity;  -webkit-font-smoothing: antialiased;}.pd-cp-ui__showing .pd-cp-ui {  visibility: visible;  opacity: 1;}.pd-cp-ui__top {  top: 0;}.pd-cp-ui__bottom {  bottom: 0;}.pd-cp-ui-content {  padding: 20px 30px;}.pd-cp-ui__showing {  opacity: 1;  visibility: visible;}.pd-cp-ui-close {  font-weight: 600;  text-decoration: none !important;  padding: 10px 0;}.pd-cp-ui-close-top {  display: none;}.pd-cp-ui-header {  display: flex;  justify-content: space-between;  margin-bottom: 20px;}.pd-cp-ui-title-container {  flex: 1 1 auto;  font-size: 1em;  font-weight: 600;  line-height: 20px;}.pd-cp-ui-horizontal-buttons {  align-content: center;  justify-content: center !important;}.pd-cp-btn {  box-sizing: border-box;  cursor: pointer !important;  font-size: 0.9em;  font-weight: 700;  letter-spacing: 2px;  padding: 0.8em 1em;  text-align: center;  text-decoration: none;  transition: all 0.2s ease-in-out;  white-space: nowrap;  -webkit-font-smoothing: antialiased;}button.pd-cp-btn,button.pd-cp-ui-close {  border: none;  background: none;  font-family: inherit;  color: inherit;  font-size: 0.9em;}.cc-theme-classic .pd-cp-btn {  border-radius: 5px;}.pd-cp-btn__small {  flex: 0 1 auto;  font-size: 0.75em;}.pd-cp-ui-horizontal-buttons .pd-cp-btn {  flex: 1 0 auto !important;  max-width: 300px !important;}@media (max-width: 699px) {  .pd-cp-ui-content {    padding: 20px;  }  .pd-cp-ui-header {    margin-bottom: 0;    display: flex;    flex-wrap: wrap;  }  .pd-cp-ui-title-container {    margin-bottom: 1em;  }  .pd-cp-ui-horizontal-buttons {    text-align: right;    display: flex;    flex-wrap: wrap;    width: 100%;  }  .pd-cp-ui-horizontal-buttons .pd-cp-btn {    display: inline-block;    padding: 6px 10px;  }  .pd-cp-ui-horizontal-buttons .pd-cp-btn:first-child {    margin-right: 0.5em;    margin-bottom: 0;  }  .pd-cp-ui-col-6 > .pd-cp-ui-close {    display: none;  }  .pd-cp-ui-close-top {    width: 20px;    height: 20px;    position: absolute;    display: inline-block;    right: 1em;  }  .pd-cp-btn.pd-cp-ui-save {    width: 100%;  }  .pd-cp-ui-col-6:nth-child(2) {    flex: 0 0 100%;    width: 100%;    max-width: 100%;  }}.pd-cp-ui-intro {  font-size: 0.75em;  font-weight: 300;  -webkit-font-smoothing: antialiased;  line-height: 1.375;  margin: 1em 0;}.pd-cp-scrolling-section {  height: calc(90vh - 570px);  max-height: 1000px;  min-height: 180px !important;  overflow-y: scroll;  padding: 0px 15px 10px 0px;  overflow-x: hidden;}.pd-cp-scrolling-section::-webkit-scrollbar {  width: 4px;}.pd-cp-purpose-row {  display: flow-root;  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}.pd-cp-purpose-info {  position: relative;  display: flex;  flex-wrap: wrap;}.pd-cp-sn-actions {  padding: 1.25em 0 !important;}.pd-cp-bold-messaging {  font-size: 0.875em;  font-weight: 700;  line-height: normal;  cursor: pointer;  flex: 0 1 70%;  clear: both;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  padding: 1em 0;  display: flex;}.pd-cp-bold-messaging:before {  width: 7px;  height: 7px;  border-right: 1px solid #4a6e78;  border-bottom: 1px solid #4a6e78;  content: " ";  transform: rotate(-45deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-row__active .pd-cp-bold-messaging:before {  transform: rotate(45deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  width: 7px;  height: 7px;  border-right: 1px solid #4a6e78;  border-bottom: 1px solid #4a6e78;  content: " ";  transition: all 0.2s ease-in-out;  margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-wrapper {  animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-purpose-description {  float: left;  margin: 0px !important;  font-size: 0.75em;  font-weight: 300;  line-height: 1.375;  padding: 0 0 0 1.7em !important;}.pd-cp-purpose-actions {  flex: 0 1 30%;  text-align: right;  font-size: 0.7em;  float: right;  display: block !important;  position: relative !important;  top: auto !important;  bottom: auto !important;  font-weight: 600;  padding: 1.1em 0;}.pd-cp-sn-actions {  cursor: pointer;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.pd-cp-preferences-switch {  position: relative;  display: inline-block;  width: 46px;  height: 20px;  margin: 0px;}.pd-cp-preferences-switch input {  opacity: 0;  width: 0;  height: 0;}.pd-cp-preferences-slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: 0.4s;  transition: 0.4s;}.pd-cp-preferences-slider:before {  position: absolute;  content: "";  height: 12px;  width: 12px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: 0.4s;  transition: 0.4s;}input:checked + .pd-cp-preferences-slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}.pd-cp-preferences-slider.round {  border-radius: 34px;}.pd-cp-preferences-slider.round:before {  border-radius: 50%;}.pd-cp-ui-footer {  display: flex;  flex-wrap: wrap;  width: 100%;  margin-top: 15px;}.pd-cp-ui-footer .pd-cp-ui-close {  float: left;  cursor: pointer;}.pd-cp-ui-footer .pd-cp-ui-close:hover {  color: inherit !important;}.pd-cp-ui-footer .pd-cp-ui-save {  float: right;}.pd-cp-ui-col-6 {  -ms-flex: 0 0 50%;  flex: 0 0 50%;  align-self: center;  max-width: 50%;}.pd-cp-ui-float-right {  float: right !important;}.pd-cp-cookies-details {  display: flex;  font-size: 0.75em;  width: 100%;  padding: 0.5em 0 0.5em 1.7em;  animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-details .pd-cp-toggle {  text-decoration: underline;  border: 0px;  background: transparent;  padding-left: 0px;}button.pd-cp-toggle {  font-size: 1em;}.pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active {  outline: none;}.pd-cp-cookies-list {  list-style-position: outside;  list-style-type: none;  margin: 0 0 0 1.2em;  padding: 0.2em;  line-height: 1.25;  list-style: none;  background-color: rgba(0, 0, 0, 0.1);  animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-list-item {  line-height: 1.25;  text-indent: 0;}.pd-cp-cookies-list:first-of-type .pd-cp-cookies-list-item:first-of-type {  border-top-width: 0;  margin: 0;  padding-top: 0;}.pd-cp-cookies-list-item dl {  display: flex;  flex-wrap: wrap;  margin: 0;}.pd-cp-cookies-list-item dt {  border: 0;  clear: both;  display: block;  flex: 0 1 30%;  font-size: 0.7em;  font-weight: 700;  line-height: 1.375;  margin: 0 0 0.5em;  padding: 0;}.pd-cp-cookies-list-item dd {  flex: 0 1 70%;  font-size: 0.7em;  line-height: 1.375;  margin: 0 0 0.5em;  padding: 0;}.pd-cp-cookies-list > .pd-cp-cookies-list-item:not(:first-of-type) {  border-top: 1px solid rgba(0, 0, 0, 0.1);  margin: 5px 0 0 0;  padding-top: 5px;}.pd-cp-powered-by {  background: #ddd;  text-align: center;  font-size: 0.6em;  padding: 0.5em;}.pd-cp-powered-by a {  text-decoration: none;  color: #333;}.pd-sr-only {  position: absolute;  left: -10000px;  top: auto;  width: 1px;  height: 1px;  overflow: hidden;}</style></head><body class="gradient animate--hover-default" data-template="product" bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJlbmFibGVkIiwiRkFDRUJPT0siOiJlbmFibGVkIiwiVFdJVFRFUiI6ImVuYWJsZWQiLCJSRURESVQiOiJlbmFibGVkIiwiUElOVEVSRVNUIjoiZW5hYmxlZCIsIklOU1RBR1JBTSI6ImVuYWJsZWQiLCJUSUtUT0siOiJkaXNhYmxlZCIsIkxJTktFRElOIjoiZW5hYmxlZCIsIkNPTkZJRyI6ImRpc2FibGVkIn0sInZlcnNpb24iOiIyLjAuNDMiLCJzY29yZSI6MjAwNDMwfV0=" __processed_7a36cdc5-62d4-4582-9d5b-c834f2d98e40__="true">

    <style>
      @font-face {
        font-family: 'SF Pro Text';
        src: url("https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Regular.woff2?v=144388148683939450801759819274") format('woff2'),
          url("https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Regular.woff?v=4253384569788186191759819274") format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: 'SF Pro Text';
        src: url('https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Medium.woff2?v=66668812194201215471759819273') format('woff2'),
          url('https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Medium.woff?v=112739200597564634071759819273') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: 'SF Pro Text';
        src: url('https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Semibold.woff2?v=92420261882997298671759819275') format('woff2'),
          url('https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Semibold.woff?v=73976749695715672831759819275') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: 'SF Pro Text';
        src: url('https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Bold.woff2?v=141439275441115612991759819272') format('woff2'),
          url('https://www.digimap.co.id/cdn/shop/t/24/assets/SFProText-Bold.woff?v=158632378724487816021759819272') format('woff');
        font-weight: 700;
        font-style: bold;
        font-display: swap;
      }

      @font-face {
        font-family: 'Font Awesome 6 Free';
        font-style: normal;
        font-weight: 900;
        font-display: block;
        src: url("https://www.digimap.co.id/cdn/shop/t/24/assets/fa-solid-900.woff2?v=118991557498766039071759819270") format("woff2"), url("https://www.digimap.co.id/cdn/shop/t/24/assets/fa-solid-900.ttf?v=11227793290438786691759819270") format("truetype");
      }

      @font-face {
        font-family: 'Font Awesome 6 Brands';
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("https://www.digimap.co.id/cdn/shop/t/24/assets/fa-brands-400.woff2?v=5367") format("woff2"), url("  https://www.digimap.co.id/cdn/shop/t/24/assets/fa-brands-400.ttf?v=5367") format("truetype");
      }
    </style>
    <style data-shopify="">
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://www.digimap.co.id/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("https://www.digimap.co.id/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}

      @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://www.digimap.co.id/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
       url("https://www.digimap.co.id/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
}

      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://www.digimap.co.id/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("https://www.digimap.co.id/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}


      
        :root,
        .color-background-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        
        --color-foreground: 18,18,18;
        --color-shadow: 18,18,18;
        --color-button: 0,113,227;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 255,255,255;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-background-2 {
          --color-background: 245,245,247;
        
          --gradient-background: #f5f5f7;
        
        --color-foreground: 18,18,18;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 243,243,243;
        --color-secondary-button: 245,245,247;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 18,18,18;
        --color-badge-background: 245,245,247;
        --color-badge-border: 18,18,18;
        --payment-terms-background-color: rgb(245 245 247);
      }
      
        
        .color-inverse {
          --color-background: 36,40,51;
        
          --gradient-background: #242833;
        
        --color-foreground: 255,255,255;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 0,0,0;
        --color-secondary-button: 36,40,51;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 36,40,51;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(36 40 51);
      }
      
        
        .color-accent-1 {
          --color-background: 18,18,18;
        
          --gradient-background: #121212;
        
        --color-foreground: 255,255,255;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 18,18,18;
        --color-secondary-button: 18,18,18;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 18,18,18;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(18 18 18);
      }
      
        
        .color-accent-2 {
          --color-background: 51,79,180;
        
          --gradient-background: #334fb4;
        
        --color-foreground: 255,255,255;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 51,79,180;
        --color-secondary-button: 51,79,180;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 51,79,180;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(51 79 180);
      }
      

      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        --font-body-family: Assistant, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: Assistant, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 0px;
        --media-shadow-blur-radius: 0px;
        --media-shadow-visible: 0;

        --page-width: 122rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.0;
        --product-card-shadow-opacity: 0.1;
        --product-card-shadow-visible: 1;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.0rem;
        --product-card-shadow-blur-radius: 0.0rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.0;
        --collection-card-shadow-opacity: 0.1;
        --collection-card-shadow-visible: 1;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.0rem;
        --collection-card-shadow-blur-radius: 0.0rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.0;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 0px;
        --popup-shadow-blur-radius: 0px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 0px;
        --drawer-shadow-blur-radius: 0px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 4px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 2px;

        --text-boxes-border-opacity: 0.0;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 0px;
        --text-boxes-shadow-blur-radius: 0px;

        --buttons-radius: 40px;
        --buttons-radius-outset: 41px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 0.4;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 0px;
        --buttons-shadow-blur-radius: 0px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 4px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 0px;
        --inputs-shadow-blur-radius: 0px;
        --inputs-radius-outset: 5px;

        --variant-pills-radius: 6px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.2;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: -4px;
        --variant-pills-shadow-vertical-offset: 0px;
        --variant-pills-shadow-blur-radius: 0px;


        --font-body-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont;
        --font-body-style: normal;
        --font-body-weight: 400;

        --font-heading-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont;
        --font-heading-style: normal;
        --font-heading-weight: 400;
        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --color-base-text: 18, 18, 18;
        --color-shadow: 18, 18, 18;
        --color-base-background-1: 255, 255, 255;
        --color-base-background-2: 255, 255, 255;
        --color-base-solid-button-labels: 255, 255, 255;
        --color-base-outline-button-labels: 18, 18, 18;
        --color-base-accent-1: 0, 113, 227;
        --color-base-accent-2: 51, 79, 180;
        --payment-terms-background-color: #FFFFFF;

        --gradient-base-background-1: #FFFFFF;
        --gradient-base-background-2: #FFFFFF;
        --gradient-base-accent-1: #121212;
        --gradient-base-accent-2: #334FB4;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 0px;
        --media-shadow-blur-radius: 0px;

        --page-width: 122rem;
        --page-width-margin: 0rem;

        --card-image-padding: 0.0rem;
        --card-corner-radius: 0.0rem;
        --card-text-alignment: left;
        --card-border-width: 0.0rem;
        --card-border-opacity: 0.0;
        --card-shadow-opacity: 0.1;
        --card-shadow-horizontal-offset: 0.0rem;
        --card-shadow-vertical-offset: 0.0rem;
        --card-shadow-blur-radius: 0.0rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.0;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 0px;
        --popup-shadow-blur-radius: 0px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 0px;
        --drawer-shadow-blur-radius: 0px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 4px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 2px;

        --text-boxes-border-opacity: 0.0;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 0px;
        --text-boxes-shadow-blur-radius: 0px;

        --buttons-radius: 40px;
        --buttons-radius-outset: 41px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 0.4;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 0px;
        --buttons-shadow-blur-radius: 0px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 4px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 0px;
        --inputs-shadow-blur-radius: 0px;
        --inputs-radius-outset: 5px;

        --variant-pills-radius: 6px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.2;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: -4px;
        --variant-pills-shadow-vertical-offset: 0px;
        --variant-pills-shadow-blur-radius: 0px;
        
        --color-primary-bt-bg: #121212;
        --color-primary-bt-label: #FFFFFF;
        --color-primary-bt-outline: #121212;
        --color-primary-bt-hover: #62bbfa;
        --color-secondary-bt-bg: transparent;
        --color-secondary-bt-label: #121212;
        --color-secondary-bt-outline: #121212;
        --color-secondary-bt-hover: #62bbfa;
        
        
        --color-link-dynamic-label: #121212;
        --color-link-dynamic-hover: #62bbfa;
        
        
        --color-tertiary-dynamic-label: #121212;
        --color-tertiary-dynamic-hover: #62bbfa;
        
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
        -webkit-font-smoothing: antialiased;
      }

      body:has(.shopify-section-group-footer-group) {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 1.6rem;
        }
      }
    </style>

    <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/base.css?v=36675620895295723821761645312" rel="stylesheet" type="text/css" media="all"><script>_satellite["_runScript1"](function(event, target, Promise) {
/// Divide all Areas into Sections 
window.isInside = function(el, selector) {
  return el && el.closest(selector);
};

window.getClickSection = function(el) {
  
  // Search Page
  // =========================
  if (document.querySelector('.template-search')) {
    return 'Search Results';
  }
  
  // =========================
  // Family Stripe LOB
  // =========================
  if (isInside(el, 'div.lob_main_container div.lob_cards a')) {
    return 'Family Stripe LOB';
  }

  // =========================
  // Announcement Slider
  // =========================
  if (isInside(el, '.hura-announcement-bar .slick-arrow')) {
    return 'Announcement Slider';
  }

  // =========================
  // Partner Stripe Slider
  // =========================
  if (isInside(el, '.partner_pagewidth .partner_cards > a')) {
    return 'Partner Stripe Slider';
  }

  // =========================
  // App Stripe Slider
  // =========================
  if (isInside(el, '.app_pagewidth .app_cards > a')) {
    return 'App Stripe Slider';
  }

  // =========================
  // Family Stripe Slider
  // =========================
  if (isInside(el, '.apl_lob_slider .apl_lob_list_item > a')) {
    return 'Family Stripe Slider';
  }

  // =========================
  // Collection Slider
  // =========================
  if (isInside(el, '.collection_slider .product-card a')) {
    return 'Collection Slider';
  }

  // =========================
  // Custom CTA Sections
  // =========================
  if (isInside(el, '.collage-button')) {
    return 'Collage Section';
  }

  if (isInside(el, '.image-with-text')) {
    return 'Image With Text Section';
  }

  if (isInside(el, '.multi_prop_tile_outer_new')) {
    return 'Multi Product Tile';
  }

  if (isInside(el, '.plp_page_ga')) {
    return 'PLP Section';
  }
  
  if (isInside(el, '.image_with_text_grid')) {
    return 'Single Product Section';
  }

  // =========================
  // Header / Modals / Sticky / Default
  // =========================
  if (isInside(el, '#notifyModal')) {
    return 'Notify Me Modal';
  }

  if (
    isInside(el, '.cto-configurable__sticky-atc-bar') ||
    isInside(el, '.sticky-atc-bar') ||
    isInside(el, '.four-buynow')
  ) {
    return 'Sticky Footer';
  }

  if (
    isInside(el, '.cto-header__utils') ||
    isInside(el, '.cto-header')
  ) {
    return 'Sticky Header';
  }

  if (
    isInside(el, '.my-store-locator__details') ||
    isInside(el, '.my-store-locator__details-footer') ||
    isInside(el, '[role="dialog"]')
  ) {
    if (
      isInside(el, 'header') ||
      isInside(el, '.header-wrapper') ||
      isInside(el, 'sticky-header')
    ) {
      return 'Header > Modal';
    }
  }

  if (
    isInside(el, 'header') ||
    isInside(el, '.header-wrapper') ||
    isInside(el, 'sticky-header')
  ) {
    return 'Header';
  }
  
  // Footer logic

  if (
    isInside(el, 'footer') ||
    isInside(el, '.footer__content-top') ||
    isInside(el, '.footer__blocks-wrapper') ||
    isInside(el, '.footer-block') ||
    isInside(el, '.footer_logos') ||
    isInside(el, '.footer__newsletter') ||
    isInside(el, '.footer__content-bottom')
  ) {
    return 'Footer';
  }

  return 'Content';
};

$(document).ready(function() {
  let formStarted = [];

  // helper functions
  function anchorHref(target, defaultValue) {
    const anchor = target.tagName === 'A' ? target : target.closest('a');
    const href = anchor ? anchor.href : '';
    return href.trim() || defaultValue;
  }
  function anchorText(target) {
    const anchor = target.tagName === 'A' ? target : target.closest('a');
    return anchor ? elementText(anchor) : '';
  }
  function elementText(target, showHiddenText = false) {
  if (!target) return '';
  if (showHiddenText) {
    return target.textContent.replace(/\s+/g, ' ').trim();
  }
  return target.innerText.replace(/\s+/g, ' ').trim();
}
  function videoName(target) {
    let videoUrl = target.src;
    if (!videoUrl) {
      const source = target.querySelector('source');
      videoUrl = source?.src;
    }
    const videoUrlCleaned = videoUrl.split('/').pop().split('.').slice(0, -1).join('.');
    return videoUrlCleaned;
  }
 function adobeCartData() {
 return fetch(window.Shopify.routes.root + 'cart?section_id=adobe-track-cart')
  .then(function(response) {
    return response.text();
  })
  .then(function(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, 'text/html');
   const cartData = JSON.parse(doc.getElementById('json').textContent);
   return cartData;
  })
  .catch(function(err) {
    console.error(err);
  });
}
  
function getEventContext(eventLocation, target) {
  let parentTitle = '';
  let sliderPosition = null;

  if (!target || !eventLocation) {
    return { parentTitle, sliderPosition };
  }

  const config = {
    'Family Stripe LOB': {
      getParent: (t) => t.closest('.lob_main_container'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.lob_heading'))
    },
    
    'Sticky Header': {
      getParent: (t) => t.closest('.cto-header__left'),
      getTitle: (parent) => {
    if (!parent) return '';
    const h1Title = parent.querySelector('.cto-header__title');
    if (h1Title?.textContent.trim()) return h1Title.textContent.trim();

    const td1Title = parent.querySelector('.productcomparediv .td1');
    if (td1Title?.textContent.trim()) return td1Title.textContent.trim();

    return '';
  }
},
    'Sticky Footer': {
      getParent: (t) => t.closest('.cto-header__left'),
      getTitle: (parent) => {
    if (!parent) return '';
    const h1Title = parent.querySelector('.cto-header__title');
    if (h1Title?.textContent.trim()) return h1Title.textContent.trim();

    const td1Title = parent.querySelector('.productcomparediv .td1');
    if (td1Title?.textContent.trim()) return td1Title.textContent.trim();

    return '';
  }
},

    'Announcement Slider': {
      getParent: (t) => t.closest('.hura-announcement-bar'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.slick-current'))
    },
    
    'Search Results': {
      getParent: (t) => t.closest('.card1'),
      getTitle: (parent) =>
        elementText(
          parent?.querySelector('.apl-section-product-title a')
        )
    },

    'Partner Stripe Slider': {
      getParent: (t) => t.closest('.partner_main_container'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.partner_heading'))
    },

    'App Stripe Slider': {
      getParent: (t) => t.closest('.app_main_container'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.app_heading'))
    },

    'Collection Slider': {
      getParent: (t) =>
        t.closest('.collection_slider, .conversion-module'),
      getTitle: (parent) =>
        elementText(
          parent.querySelector(
            '.collection_main_heading, .conversion-module__heading'
          )
        )
    },

    'Product Card Slider': {
      getParent: (t) => t.closest('.product-card, .product-item'),
      getTitle: (parent) =>
        elementText(
          parent.querySelector(
            '.collection_main_heading, .conversion-module__heading'
          )
        ),
      getSliderPosition: (t) =>
        parseInt(elementText(t), 10) - 1
    },
    
    'Image With Text Section': {
        getParent: (t) => 
          t.closest('.image-with-text__text-item_container, .image-with-text__text-item, .image-with-text__content'),

        getTitle: (parent) => {
          if (!parent) return '';

          const h2Title = parent.querySelector('.image-with-text__heading h2');
          if (h2Title?.textContent.trim()) return h2Title.textContent.trim();

          const pTitle = parent.querySelector('.image-with-text__heading p');
          if (pTitle?.textContent.trim()) return pTitle.textContent.trim();

          return '';
        }
      },
    'Multi Product Tile': {
        getParent: (t) => t.closest('.multi_prop_slide_new'),
        getTitle: (parent) => parent.querySelector('.prop_title_new')?.textContent?.trim() || ''
      },
    
    'Collage Section': {
        getParent: (t) => t.closest('.collage_item_placeholder_1, .collage__item'),
        getTitle: (parent) => {
          if (!parent) return '';

          const headingEl = parent.querySelector('.product_details_div .image_heading');
          if (headingEl?.textContent.trim()) return headingEl.textContent.trim();

          const imgEl = parent.querySelector('img');
          if (imgEl?.alt) return imgEl.alt.split('__')[0]; 

          return '';
        }
      },

    'Single Product Section': {
      getParent: (t) =>
        t.closest('.image_with_text_text, .image-with-text'),
      getTitle: (parent) => {
        const heading = parent.querySelector(
          '.apl-section-image-with-rich-text2-title'
        );
        return heading ? elementText(heading) : '';
      }
    }
  };

  const handler = config[eventLocation];

  if (!handler) {
    return { parentTitle, sliderPosition };
  }

  const parent = handler.getParent ? handler.getParent(target) : null;

  if (parent && handler.getTitle) {
    parentTitle = handler.getTitle(parent) || '';
  }

  if (handler.getSliderPosition) {
    sliderPosition = handler.getSliderPosition(target);
  }

  return { parentTitle, sliderPosition };
}

// Remove domain from url
function stripDomain(url) {
  try {
    const urlObj = new URL(url);
    return urlObj.pathname + urlObj.search + urlObj.hash;
  } catch (e) {
    return url;
  }
}

function adobeProductData() {
 const adobeDataElement = document.getElementById('adobeAnalyticsProductData');
 const productData = adobeDataElement ? JSON.parse(adobeDataElement.textContent || null) : null;
 if (productData) return productData;
 if (window.SDG && window.SDG.Data && window.SDG.Data.template && !window.SDG.Data.template.startsWith('product')) return null;
 return fetch(window.location.pathname + '?section_id=adobe-track-product')
  .then(function(response) {
    return response.text();
  })
  .then(function(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, 'text/html');
   const productData = JSON.parse(doc.getElementById('adobeAnalyticsProductData').textContent);
   return productData;
  })
  .catch(function(err) {
    console.error(err);
  });
}

 // global page load
  const {
    page_name,
    page_type,
    page_url,
    page_title,
    language,
    country,
    currency,
    login_status,
    user_id,
    user_status
  } = SDG.Data.adobeAnalyticsData;
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    page_name,
    page_type,
    page_url,
    page_title,
    language,
    country,
    currency,
    login_status,
    ...(user_id && { user_id }),
    user_status
  });

 // User status updated
  const userStatusSaved = localStorage.getItem('userStatus');
  if (userStatusSaved && userStatusSaved !== user_status) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'user_status_updated',
      'user_status': user_status,
    });
  }
  localStorage.setItem('userStatus', user_status);
  // any page with product cards or product LOB modules
  if (document.querySelectorAll('.adobe-analytics-product-card-data, .adobe-analytics-lob-product-data').length) {
    const $cardsData = document.querySelectorAll('.adobe-analytics-product-card-data, .adobe-analytics-lob-product-data');

    let products = [];
    $cardsData.forEach(data => {
      const productData = JSON.parse(data.textContent);
      products.push(productData);
    });

    if (products.length) {
      window.APLdigitalData = window.APLdigitalData || [];
      window.APLdigitalData.push({
        'event': 'product_list_impression',
        'product': products,
      });
    }
  }

  // header
  $(document).on('click', '.header__heading a, .header__icon.header__icon--account', function() {
    const target = this;
    const eventUrl = anchorHref(target);
    let eventText;

    if (target.classList.contains('header__icon--account')) {
      eventText = 'Profile User';
    } else {
      const appLogo = target.closest('.brand--logo');
      if (appLogo) {
        eventText = 'APP Logo';
      } else {
        eventText = 'Apple Logo';
      }
    }

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'header_click',
      'header_item': eventText,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'header_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // announcement bar
  $(document).on('click', '.hura-announcement-bar .announcement_link', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.hura-message');
    const parentClone = parent.cloneNode(true);
    parentClone.querySelector('.announcement_link').remove();
    const parentText = elementText(parentClone);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'ribbon_click',
      'ribbon_text': parentText,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Header',
     'event_action': 'ribbon_click',
     'event_label': parentText + ' > ' + eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // header menu desktop
  $(document).on('click', '.header_nav .list-menu summary span, .header_nav #right_menu_items > li > a span', function() {
    const target = this;
    const parentSummary = target.closest('.header_nav .list-menu summary');
    const parentAnchor = target.closest('.header_nav #right_menu_items > li > a');

    const hasMenu = !!parentSummary;
    let eventText;
    if (hasMenu) {
      eventText= parentSummary.innerText;
    } else {
      eventText = parentAnchor.innerText;
    }

    const eventUrl = anchorHref(target, '#');
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'menu_click',
      'menu_item': eventText,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
     //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });
  
  // header menu mobile
$(document).on('click', '#menu-drawer .list-menu summary, #menu-drawer #right_menu_mobile_items > li > a', function(e) {
  const target = this;
  if (target.tagName === 'SVG') return;
  let eventText;
  let eventUrl;
  if (target.tagName === 'SUMMARY') {
    eventText = target.innerText.trim();
    eventUrl = '#'; // 
  } else if (target.tagName === 'A') {
    eventText = target.innerText.trim();
    eventUrl = target.href;
  }

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'menu_click',
    menu_item: eventText,
    click_url: stripDomain(eventUrl),
  });
  //Global Click Migration
  window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
});


  function setFormDigitalData($formName, $eventName) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': `${$eventName}`,
      'form_name': `${$formName}`,
    });
  }

  // form start
  function formStart($target) {
    const eventType = 'form_start';
    let formType = $target.dataset.formType;

    /* If formType is not defined, find the closest form
    and get the data-form-type of the submit button/input */
    if (!formType) {
      const parent = $target.closest('form');
      const formSubmits = parent?Array.from(parent.querySelectorAll('button, input[type="submit"]'))
        : [];

      if (!formSubmits.length) return false;

      formType = formSubmits.find((submit) => submit.dataset.formType)?.dataset.formType || '';
    }

    /* If form hasn't beed started yet, add it to the
    formStarted array and set the digital data */
    if (!formStarted?.includes(formType)) {
      formStarted.push(formType);
      setFormDigitalData(formType, eventType);
      return;
    }
  }

  // form submits
  function formSubmits($target) {
    const eventType = 'form_submit';
    let formType = $target.dataset.formType;

    if (!formType) {
      const parent = $target.closest('form');
      const formSubmits = parent?Array.from(parent.querySelectorAll('button, input[type="submit"]'))
        : [];

      if (!formSubmits.length) return false;

      formType = formSubmits.find((submit) => submit.dataset.formType)?.dataset.formType || '';
    }
    formStarted = formStarted.filter((type) => type != formType);
    setFormDigitalData(formType, eventType);
  }

  // form start clicks
  $(document).on('input', 'form input', function(e) {
    const target = this;
    formStart(target);
  });

  // form submit clicks
  $(document).on('click', 'form input, form button', function() {
    const target = this;
    if (target.dataset?.formType) {
      formSubmits(target);
    }
  });

  // header submenu
  $(document).on('click', '.header_nav .header__submenu a.header__menu-item, #menu-drawer .menu-drawer__submenu .menu-drawer__menu-item', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target, '#');

   window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'sub_menu_click',
      'sub_menu_item': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'sub_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });
  
  // header submenu machines.com.my
  $(document).on('click', '.shop-menu-sidebar-link.is-view-all', function () {
  const $link = $(this);

  const eventText = $.trim($link.text());
  const eventUrl = $link.attr('href');

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'sub_menu_click',
    sub_menu_item: eventText,
    click_url: stripDomain(eventUrl)
  });
    
  //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'sub_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
});


  // footer
  $(document).on('click', '.footer_content_list', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'footer_menu_click',
      'footer_menu_item': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Footer',
     'event_action': 'footer_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // search text (send search)
  
  (function() {
  let lastSearch = '';
  let lastTimestamp = 0;
  let lastInitiate = 0;

  function pushSearchEvent(value) {
    if (!value) return;
    const now = Date.now();
    if (value === lastSearch && (now - lastTimestamp) < 1000) return;
    lastSearch = value;
    lastTimestamp = now;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'search_button_click',
      search_text: value,
    });
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'search',
      event_location: 'Header',
      event_action: 'search_button_click',
      event_label: value
    });
  }

  function pushSearchInitiate() {
    const now = Date.now();
    if ((now - lastInitiate) < 50) return;
    lastInitiate = now;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'engagement',
      event_location: 'Search Bar',
      event_action: 'search_initiate',
      event_label: '',
      click_url: window.location.pathname
    });
  }

  function getInput(el) {
    return el?.querySelector('input[name="q"]');
  }

  // --- Search open buttons (not all document clicks!) ---
  document.querySelectorAll('.search-modal__open-button, .header__icon--search, [data-action="open-search"]').forEach(btn => {
    btn.addEventListener('click', pushSearchInitiate);
  });

  // Focus on search input
  document.addEventListener('focusin', function(e) {
    if (e.target.matches('input[name="q"]')) pushSearchInitiate();
  });

  // Submit (desktop + mobile forms)
  $(document).on('submit', 'form[action="/search"], form#nosubmit_form', function() {
    const input = getInput(this);
    pushSearchEvent(input?.value);
  });

})();
  /*$(document).on('submit', '#nosubmit_form, #nosubmit_form2', function() {
    const target = this;
    const input = target.querySelector('input[name="q"]');
    const eventText = input.value;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'search_button_click',
      'search_text': eventText,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'search',
     'event_location': 'Header',
     'event_action': 'search_button_click',
     'event_label': eventText
   });
  });*/

  // search menu
  $(document).on('click', '.predictive-search a.predictive-search__item', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

  window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'search_menu_click',
      'search_term_suggestions': eventText,
      'click_url': stripDomain(eventUrl)
    });
    
   //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'search',
     'event_location': 'Header',
     'event_action': 'search_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // search banner
  $(document).on('click', '#predictive-search-banner .predictive-search__banner', function() {
    const target = this;
    const eventUrl = anchorHref(target);
    const parent = target.closest('#predictive-search-results-products-list');
    const products = parent.querySelectorAll('.predictive-search__list-item--product .predictive-search__item-title');
    const productSuggestions = Array.from(products).map(elementText).join(', ');

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'search_banner_click',
      'search_product_suggestions': productSuggestions,
      'click_url': stripDomain(eventUrl)
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'search',
     'event_location': 'Header',
     'event_action': 'search_banner_click',
     'event_label': productSuggestions,
     'click_url': stripDomain(eventUrl)
   });
  });
  
  

  // homepage LOB card
  $(document).on('click', 'div.lob_main_container div.lob_cards a', function() {
    const target = this;
    
    const card = target.closest('.lob_cards');   // card index
    let slickIndex = null;
    if (card) {
      const rawIndex = parseInt(card.getAttribute('data-slick-index'), 10);
      slickIndex = isNaN(rawIndex) ? null : rawIndex + 1;
    }
    const eventText = target.closest('div.lob_main_container div.lob_cards a').querySelector('.lob_title').textContent;
    const eventUrl = anchorHref(target);
    const parent = target.closest('.lob_main_container');
    const parentTitle = parent?.querySelector('.lob_heading') ? elementText(parent.querySelector('.lob_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'Family Stripe LOB',
      'slider_name': slickIndex + '-' + parentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Family Stripe LOB Slider: ' + 'Position: ' + slickIndex,
     'event_action': 'card_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // announcement bar slider arrow
  $(document).on('click', '.hura-announcement-bar .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('slick-next')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.hura-announcement-bar');
    const parentTitle = parent?.querySelector('.slick-current') ? elementText(parent.querySelector('.slick-current')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Announcement Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // homepage LOB slider arrow
  $(document).on('click', 'div.lob_main_container .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('lobstripe-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.lob_main_container');
    const parentTitle = parent?.querySelector('.lob_heading') ? elementText(parent.querySelector('.lob_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Family Stripe LOB Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // homepage partner stripe card
  $(document).on('click', '.partner_pagewidth .partner_cards a', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.partner_main_container');
    const parentTitle = parent?.querySelector('.partner_heading') ? elementText(parent.querySelector('.partner_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'Partner Stripe',
      'slider_name': parentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Partner Stripe Slider: '+ parentTitle,
     'event_action': 'card_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // homepage partner stripe slider arrow
  $(document).on('click', '.partner_pagewidth .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('partner-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.partner_main_container');
    const parentTitle = parent?.querySelector('.partner_heading') ? elementText(parent.querySelector('.partner_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Partner Stripe Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // homepage APP stripe card
  $(document).on('click', '.app_pagewidth .app_cards > a', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.app_main_container');
    const parentTitle = parent?.querySelector('.app_heading') ? elementText(parent.querySelector('.app_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'APP Stripe',
      'slider_name': parentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'APP Stripe Slider: ' + parentTitle,
     'event_action': 'card_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // homepage APP stripe slider arrow
  $(document).on('click', '.app_pagewidth .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('appstripe-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.app_main_container');
    const parentTitle = parent?.querySelector('.app_heading') ? elementText(parent.querySelector('.app_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'APP Stripe Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // global family stripe card
  $(document).on('click', '.apl_lob_slider .apl_lob_list_item > a', function() {
  const target = this;
  const eventText = anchorText(target);
  const eventUrl = anchorHref(target);

  // Find parent slide
   const card = target.closest('.apl_lob_list_item');   // card index
    let slickIndex = null;
    if (card) {
      const rawIndex = parseInt(card.getAttribute('data-slick-index'), 10);
      slickIndex = isNaN(rawIndex) ? null : rawIndex + 1;
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'family_stripe_click',
      'card_name': eventText,
      'site_section': 'Family Stripe Navigation',
      'slider_name': slickIndex + "-" + eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Family Stripe Slider: '+'Position: ' + slickIndex,
     'event_action': 'family_stripe_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // collection slider product card click
  $(document).on('click', '.collection_slider .product-card a, .collection_slider .product-card a', function() {
    const target = this;
    const eventUrl = anchorHref(target);

    const parent = target.closest('.product-card, .product-item');
    const title = parent?.querySelector('.card-head');
    const eventText = title ? elementText(title) : '';

    const sliderParent = target.closest('.collection_slider, .conversion-module');
    const sliderParentTitle = elementText(sliderParent?.querySelector('.collection_main_heading, .conversion-module__heading')) || '';
    
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'product_list_section_click',
      'card_name': eventText,
      'site_section': 'Collection Slider',
      'slider_name': sliderParentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Collection Slider: '+ sliderParentTitle,
     'event_action': 'product_list_section_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // product card slider arrow
  $(document).on('click', '.collection_slider .slick-arrow, .conversion-module .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('next')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.collection_slider, .conversion-module');
    const parentTitle = elementText(parent?.querySelector('.collection_main_heading, .conversion-module__heading')) || '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Collection Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // global family stripe slider arrow 
  $(document).on(
  'click',
  '.nav-right-arrow.apl-section-carousel-arrows-next.slick-arrow, .nav-left-arrow.apl-section-carousel-arrows-previous.slick-arrow, #shopify-section-navigation_stripe .slick-arrow',
  function() {
    const target = this;
    let direction;
    if (target.classList.contains('nav-right-arrow') || target.classList.contains('apl-section-carousel-arrows-next')) {
      direction = 'Right';
    } else {
      direction = 'Left';
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'family_stripe_arrow_click',
      'slider_name': 'Family Stripe Navigation',
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Family Stripe Slider',
     'event_action': 'family_stripe_arrow_click',
     'event_label': 'Direction: ' + direction
   });
  });

  // product card slider pagination dot
  $(document).on('click', '.collection_slider .slick-dots li', function() {
    const target = this;

    const parent = target.closest('.collection_slider, .conversion-module');
    const parentTitle = elementText(parent?.querySelector('.collection_main_heading, .conversion-module__heading')) || '';
    //const sliderPosition = parseInt(elementText(target)) - 1;
    const sliderPosition = $(target).index() + 1;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'product_list_section_pagination_click',
      'slider_name': parentTitle,
      'slider_position': sliderPosition,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Product Card Slider: '+ parentTitle,
     'event_action': 'product_list_section_pagination_click',
     'event_label': 'Pagination: '+ sliderPosition
   });
  });

   // homepage slider banner image
  $(document).on('click', 'slideshow-component .full-link', function() {
    const target = this;
  const eventUrl = anchorHref(target);
  const $slide = $(target).closest('.slider__slide');

  // Extract the aria-label value (e.g., "3 of 5")
  const ariaLabel = $slide.attr('aria-label') || '';
  const sliderPosition = ariaLabel.split(' ')[0];

    window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'banner_click',
      'site_section': 'Banner Section',
      'slider_name': 'Hero Banner Slider',
      'slider_position': sliderPosition || 'unknown',
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Hero Slider',
     'event_action': 'hero_banner_image_click',
     'event_label': 'Pagination: '+ sliderPosition,
     'click_url': stripDomain(eventUrl)
   });
  });

  // homepage slider banner click
  $(document).on('click', 'slideshow-component .slider-counter__link--dots', function() {
  const target = this;
  let sliderPosition = '';

  // Get the aria-label attribute
  const ariaLabel = target.getAttribute('aria-label');
  if (ariaLabel) {
    // Match "Load slide X of Y"
    const match = ariaLabel.match(/Load slide (\d+) of \d+/i);
    if (match && match[1]) {
      sliderPosition = match[1];
    }
  }

   window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
    'event': 'banner_slider_click',
    'site_section': 'Banner Section',
    'slider_position': sliderPosition
  });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Hero Slider',
     'event_action': 'hero_banner_dot_click',
     'event_label': 'Pagination: '+ sliderPosition
   });
});


  
  // ctas
  const ctaSelectors = [
    '.collage-button a',
    '.button_primary_anchor.card-btn',
    '.btn_prime_1.plp_page_ga a',
    '.image-with-text .img_with_txt_btn',
    '.multi_prop_tile_outer_new a',
    '.image_with_text_text_btns .button_primary a'
    
  ]
  $(document).on('click', ctaSelectors.join(','), function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    
    // ---- Parent / Slider Title logic ----
 // let parentTitle = '';
  let sliderParentTitle = '';
//  let sliderPosition = null;
  
   const {parentTitle, sliderPosition } = getEventContext(eventLocation, target);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'cta_click',
      'click_text': eventText,
      'click_url': stripDomain(eventUrl)
    });
  //Global Click Migration
      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: eventLocation + ': '+ parentTitle,
        event_action: 'cta_click',
        event_label: eventText,
        click_url: stripDomain(eventUrl)
      }); 
  });
  const ctaButtonSelectors = [
    '.img_with_txt_outer [onclick*="location.href="]',
    '.image-with-text [onclick*="location.href="]',
  ]
  $(document).on('click', ctaButtonSelectors.join(','), function() {
    const target = this;
    const eventText = elementText(target);
    const onclickAttr = target.getAttribute('onclick');
    const regex = /location\.href\s*=\s*['"]([^'"]+)['"]/;
    const match = onclickAttr.match(regex);
    const eventUrl = match ? match[1] : '';
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'cta_click',
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'marketing',
      event_location: eventLocation,
      event_action: 'cta_click',
      event_label: eventText,
      click_url: stripDomain(eventUrl)
    });  
  });
  
 // card clicks on images
  // only for search page
if (window.location.pathname.includes('/search')) {
$(document).on('click', '.you_may_also_like img', function() {
  const target = $(this).closest('a.full-unstyled-link');
  const relativeUrl = target.attr('href') || '';
  const eventUrl = window.location.origin + relativeUrl;
  const eventText = $(this).attr('alt') || '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
   'event': 'click',
   'event_location': 'product_card_image',
   'event_action': stripDomain(eventUrl),
   'event_label': eventText,
   'event_category': 'engagements'
  });
 });

 // card clicks on text
 $(document).on('click', '.card__information .full-unstyled-link-1', function() {
 const eventUrl = this.href || '';
 const eventText = $(this).text().trim();

 window.APLdigitalData = window.APLdigitalData || [];
 window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'product_card_title',
    'event_action': stripDomain(eventUrl),
    'event_label': eventText,
    'event_category': 'engagements'
  });
 });
}

//////////////////// PDP 2.0 Start //////////////////////////////////

if (window.location.pathname.includes('/products')) {

// PDP 2.0 Image Carousel Arrow Click Previous
document.addEventListener('click', function(e) {
  if (e.target.closest('.cto-gallery__arrow.prev-arrow.js-prev-button')) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
        'event': 'click',
        'event_location': 'pdp_image_carousel',
        'event_action': 'Previous',
        'event_label': 'Arrow',
        'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Arrow Click Next
document.addEventListener('click', function(e) {
  if (e.target.closest('.cto-gallery__arrow.next-arrow.js-next-button')) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
        'event': 'click',
        'event_location': 'pdp_image_carousel',
        'event_action': 'Next',
        'event_label': 'Arrow',
        'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Dot Click
document.addEventListener('click', function(e) {
  const dotButton = e.target.closest('.js-cto-gallery-dots .slick-dots li button');
  if (dotButton) {
    // Get DOT Number from Button text
    const dotIndex = dotButton.textContent.trim();

    // Send to dataLayer and console
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Position: ' + dotIndex,
      'event_label': 'Dot',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Slider Click
document.addEventListener('click', function(e) {
  const img = e.target.closest('img');
  if (!img) return;
  const gallery = img.closest('.cto-gallery, .js-cto-gallery, .cto-gallery__slick, .js-cto-gallery-thumbs');
  if (!gallery) return;
  const imageAlt = img.getAttribute('alt') || '';
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
        'event': 'click',
        'event_location': 'pdp_image_carousel',
        'event_action': 'Image Slider',
        'event_label': imageAlt,
        'event_category': 'engagements'
  });
});

// PDP 2.0 Financing options or pay in full

document.addEventListener('click', function(e) {
  const label = e.target.closest('label');
  if (!label) return;

  const fieldset = label.closest('.cto-financing__actions');
  if (!fieldset) return;

  const radios = Array.from(fieldset.querySelectorAll('input[type="radio"]'));
  const input = document.getElementById(label.getAttribute('for'));
  if (!input) return;

  if (input.dataset.tracked) return;
  input.dataset.tracked = 'true';

  const index = radios.indexOf(input);
  const eventLabel = index === 0 ? 'Financing' : 'Pay in Full';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'pdp_financing_options',
    'event_action': 'Select Financing Option',
    'event_label': eventLabel,
    'event_category': 'engagements'
  });
});


// PDP 2.0 Trade-In options
document.addEventListener('click', function(e) {
  const label = e.target.closest('label');
  if (!label) return; // 

  const fieldset = label.closest('.product-form__input--trade-in');
  if (!fieldset) return;

  const radios = Array.from(fieldset.querySelectorAll('input[type="radio"]'));
  const input = document.getElementById(label.getAttribute('for'));
  if (!input) return;

  if (input.dataset.tracked) return;
  input.dataset.tracked = 'true';

  const index = radios.indexOf(input);
  const eventLabel = index === 0 ? 'Start Trade-in' : 'No Trade-in';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'pdp_trade_in_options',
    'event_action': 'Select Trade-in Option',
    'event_label': eventLabel,
    'event_category': 'engagements'
  });
});


// PDP 2.0 Continue Shopping click after Add to Cart on PDP
document.addEventListener('click', function(e) {
  const continueBtn = e.target.closest(
    '.drawer__header--cto .continue_link--cto'
  );
  if (continueBtn) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_cart_preview',
      'event_action': 'Return to Main Page',
      'event_label': 'Continue Shopping',
      'event_category': 'engagements'
    });
  }
});

// --- PDP 2.0 Add to Cart Offer ---
document.addEventListener('click', function(event) {
  // Find the clicked GWP item
  const gwpClickedItem = event.target.closest('.cto-gwp-item');
  if (!gwpClickedItem) return;

  const gwpTitleEl = gwpClickedItem.querySelector('.cto-gwp-item__title');
  const gwpPriceEl = gwpClickedItem.querySelector('.cto-gwp-item__price');
  const gwpRemoveBtn = gwpClickedItem.querySelector('cart-remove-button a');
  const gwpAddBtn = gwpClickedItem.querySelector('button.add-cart-apple-care, a.add-cart-apple-care');
  const gwpLearnMoreBtn = gwpClickedItem.querySelector('a.ac-modal-trigger');

  const gwpProductName = gwpTitleEl?.textContent.trim() || 'Unknown product';
  const gwpPriceText = gwpPriceEl?.textContent.replace(/[^\d.]/g, '') || '0';
  const gwpProductPrice = parseFloat(gwpPriceText);

  // Use current page URL after /products/ as parent handle
  const gwpParentHandle = window.location.pathname.split('/products/')[1] || 'Unknown';

  window.APLdigitalData = window.APLdigitalData || [];

  // --- Prevent multiple pushes per element for a short time ---
  if (event.target.dataset.clicked) return;
  event.target.dataset.clicked = 'true';
  setTimeout(() => event.target.dataset.clicked = '', 500);

  // --- Remove button click ---
  if (gwpRemoveBtn && event.target.closest('cart-remove-button a')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Remove > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Add button click ---
  if (gwpAddBtn && event.target.closest('button.add-cart-apple-care, a.add-cart-apple-care')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Add > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Learn More button click ---
  if (gwpLearnMoreBtn && event.target.closest('a.ac-modal-trigger')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Learn More > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Title click ---
  if (gwpTitleEl && event.target.closest('.cto-gwp-item__title')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Title click > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }
});

// --- PDP 2.0 New Bundles --- //
  document.addEventListener('change', function (e) {
  const input = e.target.closest('.js-cto-bundle-option');
  if (!input || input.type !== 'radio' || !input.checked) return;

  // Find the closest bundle option container
  const bundleOption = input.closest('.cto-bundle__option');

  // Get bundle name from data attribute, label text, or input value as fallback
  let bundleName =
    input.dataset.bundleName ||
    (bundleOption?.querySelector('.cto-bundle__label-title')?.textContent.trim()) ||
    input.value ||
    'Unknown bundle';

  // Get strictly H1 text content
  const eventLabel =
    document.querySelector('h1')?.textContent.trim() || 'Unknown product';

  // Collect all product-related data
  const product = {
    bundleVariantId: input.dataset.bundleVariantId,
    bundleSku: input.dataset.bundleSku,
    priceRawSetAs: input.dataset.priceRawSetAs,
    compareAtPriceRawSetAs: input.dataset.compareAtPriceRawSetAs,
    productId: input.dataset.productId,
    pairedProductId: input.dataset.pairedProductId,
    handle: input.dataset.handle,
    qtyLimit: input.dataset.qtyLimit,
    vatPriceRawSetAs: input.dataset.vatPriceRawSetAs,
    gtmFormInteractFieldId: input.dataset.gtmFormInteractFieldId,
    bundleName: bundleName,
    bundleValue: input.value
  };

  // Push the event to dataLayer
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_location: 'pdp_bundle_option',
    event_action: 'Bundle > Option Select > ' + product.bundleValue,
    event_label: eventLabel,
    event_category: 'engagements',
    product
  });

  console.log('Bundle event fired:', {
    event: 'click',
    event_label: eventLabel,
    product
  });
});


// --------------------------------------
// PDP Bundle â€” Learn More Click Tracking
// --------------------------------------
  
$(document).on(
  'click',
  '#bundleForm a.ac-modal-trigger[data-modal-target^="modal-bundle-modal"]',
  function () {
    const target = this;
    const wrapper = target.closest('.cto-bundle__option');
    const selectedOption = wrapper?.querySelector('.js-cto-bundle-option');

    if (!selectedOption) {
      console.warn('Learn More clicked but no bundle option element found');
      return;
    }
    const h1 = document.querySelector('h1');
    const pdpTitle = h1?.innerText?.trim() || undefined;
    const clickProductName =
      wrapper?.querySelector('.cto-bundle__label-title')?.innerText?.trim() ||
      '';

    const eventData = {
      event: 'click',
      event_location: 'pdp_bundle_option',
      event_action: `Bundle > Learn More > ${clickProductName}`,
      event_label: pdpTitle,
      event_category: 'engagements',
      product: {
        bundleVariantId: selectedOption.dataset.bundleVariantId,
        bundleSku: selectedOption.dataset.bundleSku,
        priceRawSetAs: selectedOption.dataset.priceRawSetAs,
        compareAtPriceRawSetAs: selectedOption.dataset.compareAtPriceRawSetAs,
        productId: selectedOption.dataset.productId,
        pairedProductId: selectedOption.dataset.pairedProductId,
        handle: selectedOption.dataset.handle,
        qtyLimit: selectedOption.dataset.qtyLimit,
        vatPriceRawSetAs: selectedOption.dataset.vatPriceRawSetAs,
        gtmFormInteractFieldId:
          selectedOption.closest('#bundleForm')?.dataset.gtmFormInteractId,
        bundleName: selectedOption.dataset.bundleName,
        bundleValue: selectedOption.dataset.bundleName
      }
    };

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push(eventData);
  }
); 
// Before brackets, if will be only on PDP  
}// After brackets, if will be not only on PDP 

// Pick-Up Location CLick
// ==============================

// =========================
// listener
// =========================
$(document).on(
  'click',
  '.js-my-store-locator-drawer-btn, .js-my-store-locator-btn, .my-store-locator__details-btn--secondary',
  function () {
    const target = this;

    const locationName =
      target.querySelector('.underlined-text')?.innerText?.trim() ||
      target.querySelector('.my-store-locator__info')?.innerText?.trim() ||
      target.innerText?.trim() ||
      '';

    const sectionName = getClickSection(target);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'engagements',
      event_location: sectionName,
      event_action: 'pickup_availability',
      event_label: locationName,
      event_flow: `${sectionName} > ${locationName}`
    });
  }
);

/// Notify Me BTN /collections/ click /////
  
document.addEventListener('click', function (e) {
  const btn = e.target.closest(
    '.apl-section-image-with-text-cta-shop .notify__button-text, ' +
    '.apl-section-image-with-text-cta-shop .notify__button-text--mobile'
  );

  if (!btn) return;

  const link = btn.closest('a');
  if (!link) return;

  const block = link.closest('.image-with-text__content');

  const eventLocation = block
    ?.querySelector('.apl-section-image-with-text-title')
    ?.innerText
    .trim();

  const clickText = btn.innerText.trim();
  const clickUrl = link.getAttribute('href');

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Button Click',
    event_location: eventLocation || 'unknown',
    event_label: clickText,
    click_url: stripDomain(clickUrl)
  });
});
  
/// Notify Me BTN Sticky Footer click /////
document.addEventListener('click', function (e) {
  const btn = e.target.closest(
    '.sticky-atc-bar .js-notify-modal-open_button.notify__button'
  );

  if (!btn) return;

  const clickText = btn
    .querySelector('.notify__button-text')
    ?.innerText
    .trim();

  const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Click',
    event_location: eventLocation || 'unknown',
    event_label: clickText || 'Notify me when it\'s available',
    click_url: ''
  });
});
  
/// Notify Me Modal Submit /////  
document.addEventListener('click', function (e) {
  const btn = e.target.closest('#notifyModal .js-notify-submit');
  if (!btn) return;

  const textEl = btn.querySelector('.modal__submit-text');
  const clickText = textEl ? textEl.innerText.trim() : '';
  const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Submit',
    event_location: eventLocation || 'unknown',
    event_label: clickText,
    click_url: ''
  });
});
  
// ========================
// Notify Me Modal â€” Input click (USER ONLY, ONCE PER OPEN)
// ========================
(function () {
  let inputTracked = false;

  document.addEventListener('click', function (e) {
    const input = e.target.closest('#notifyModal .js-notify-input');
    const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';
    if (!input) return;

    if (inputTracked) return;

    inputTracked = true;

    const clickText = input.getAttribute('aria-label') || 'Notify Me Input';

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'marketing',
      event_action: 'Notify Me Input Click',
      event_location: eventLocation,
      event_label: clickText,
      click_url: ''
    });
  });

  // ========================
  // Reset on modal close
  // ========================
  document.addEventListener('click', function (e) {
    const closeBtn = e.target.closest(
      '#notifyModal .js-notify-success-button, #notifyModal .modal__close, #notifyModalClose'
    );
    if (!closeBtn) return;

    inputTracked = false;
  });
})();



/// Notify Me Modal Close /////  
  document.addEventListener('click', function (e) {
  const btn = e.target.closest('#notifyModal .modal-close-button');
  const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';
  if (!btn) return;

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Modal Close',
    event_location: eventLocation || 'unknown',
    event_label: btn.innerText.trim(),
    click_url: ''
  });
});

// Hamburger Menu Update (Open / Close)
function trackHamburgerClick(summaryEl) {
  if (!summaryEl) return;

  const isOpening = summaryEl.getAttribute('aria-expanded') === 'false';

  APLdigitalData.push({
    event: "click",
    event_category: "navigation",
    event_location: "Header",
    event_action: isOpening ?  "hamburger_menu_close" : "hamburger_menu_open",
    event_label: "Hamburger Menu",
    click_url: window.location.pathname
  });
}
document.addEventListener('click', function (e) {
  const summary = e.target.closest('summary.header__icon--menu');
  if (summary) {
    if (!summary.dataset.hamburgerTracked) {
      summary.dataset.hamburgerTracked = 'true';
      trackHamburgerClick(summary);

      setTimeout(() => {
        summary.dataset.hamburgerTracked = '';
      }, 10);
    }
  }
});
  
//////////////////// PDP 2.0 END //////////////////////////////////
  
// marketing pages
 // $(document).on('click', '.ac-modal-trigger[data-ajax-url*="?view=river_content"]', function() {
  $(document).on('click', '.ac-modal-trigger[data-ajax-url]', function(e) {

    const target = e.currentTarget;
    if (!target.dataset.ajaxUrl || target.dataset.ajaxUrl.trim() === '') return;
    
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = elementText(target);
    //const pageUrl = target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const pageUrl = target.dataset.originalAjaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const {parentTitle, sliderPosition } = getEventContext(eventLocation, target);

    window.APLdigitalData = window.APLdigitalData || [];

    window.APLdigitalData.push({
        event: 'marketing_page_click',
        marketing_page_name: pageUrl,
        click_text: eventText
    });
    
    // Global Click Migration
    window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: eventLocation + (parentTitle ? ': ' + parentTitle : ''),
        event_action: 'marketing_page_click',
        event_label: eventText,
        click_url: pageUrl
    });

});

// Marketing Page CTA Clicks
// --- Universal Marketing Page CTA Clicks ---

// --- Clicks inside normal modals and page ---
$(document).on('click', '.ac-modal a[href]', function() {
  const target = this;

  // --- Inline helper: strip domain ---
  function stripDomain(url) {
    try {
      if (url.startsWith('/') || url.startsWith('//')) return url;
      const u = new URL(url, window.location.origin);
      return u.pathname + u.search + u.hash;
    } catch (e) {
      return url;
    }
  }

  const eventText = anchorText(target);
  const eventUrl = anchorHref(target);

  // --- Universal parent lookup ---
  const parent = target.closest('.ac-modal');
  const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent?.id}"]`);

  // --- Page URL fallback ---
  const pageUrlRaw = modalTrigger?.dataset.originalAjaxUrl || modalTrigger?.dataset.ajaxUrl || window.location.pathname;
  const pageUrl = pageUrlRaw.split('?view')?.[0]?.replace('/pages/', '') || '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'marketing_page_cta_click',
    marketing_page_name: pageUrl,
    click_text: eventText,
    click_url: stripDomain(eventUrl),
  });

  // Global Click Migration
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_location: 'Marketing Page: ' + pageUrl,
    event_action: 'marketing_page_cta_click',
    event_label: eventText,
    click_url: stripDomain(eventUrl),
  });
});

// --- Clicks inside iframe modals ---
window.adobeTrackMarketingPageIframeCtaClick = function(iframe) {
  const iframeDoc = iframe.contentWindow.document;

  iframeDoc.querySelectorAll('a[href]').forEach(anchor => {
    anchor.addEventListener('click', function() {
      const target = this;

      // --- Inline helper: strip domain ---
      function stripDomain(url) {
        try {
          if (url.startsWith('/') || url.startsWith('//')) return url;
          const u = new URL(url, window.location.origin);
          return u.pathname + u.search + u.hash;
        } catch (e) {
          return url;
        }
      }

      const eventText = anchorText(target);
      const eventUrl = anchorHref(target);

      const parent = iframe.closest('.ac-modal');
      const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent?.id}"]`);

      const pageUrlRaw = modalTrigger?.dataset.originalAjaxUrl || modalTrigger?.dataset.ajaxUrl || window.location.pathname;
      const pageUrl = pageUrlRaw.split('?view')?.[0]?.replace('/pages/', '') || '';

      window.APLdigitalData = window.APLdigitalData || [];
      window.APLdigitalData.push({
        event: 'marketing_page_cta_click',
        marketing_page_name: pageUrl,
        click_text: eventText,
        click_url: stripDomain(eventUrl),
      });

      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: 'Marketing Page: ' + pageUrl,
        event_action: 'marketing_page_cta_click',
        event_label: eventText,
        click_url: stripDomain(eventUrl),
      });
    });
  });
};


// marketing page scroll
  $(document).on('click', '.ac-modal-trigger[data-ajax-url*="?view=river_content"]:not([data-ajax-iframe="true"])', function() {
    const target = this;
    const pageUrl = target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const modal = document.querySelector(`#${target.dataset.modalTarget}`);
    if (!modal) return;

    const modalParent = modal.closest('.modal');
    if (modalParent?.classList?.contains('adobe-tracking-scroll')) return;

    modalParent.classList.add('adobe-tracking-scroll');

    const debouncedScroll = debounce(function() {
      const scrollDepth = Math.round((modalParent.scrollTop / (modalParent.scrollHeight - modalParent.clientHeight)) * 100);
      const steps = [100, 75, 50, 25, 0];
      const scrollThreshold = steps.find(step => scrollDepth >= step);

      window.APLdigitalDataClient = window.APLdigitalDataClient || [];
      if (scrollThreshold === 0||scrollThreshold === undefined||window.APLdigitalDataClient.find(data => data.event === 'marketing_page_scroll' && data.marketing_page_name === pageUrl && data.scroll_depth_threshold === `${scrollThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });
    }, 50);
    $(modalParent).on('scroll', debouncedScroll);
  });
  window.adobeTrackMarketingPageIframeScroll = function(iframe) {
    const iframeDoc = iframe.contentWindow.document;
    const modalParent = iframe.closest('.modal');

    const parent = iframe.closest('.ac-modal');
    const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent.id}"]`);
    const pageUrl = modalTrigger.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';

    if (modalParent?.classList?.contains('adobe-tracking-scroll')) return;

    modalParent.classList.add('adobe-tracking-scroll');

    const debouncedScroll = debounce(function() {
      const scrollElement = iframeDoc.documentElement;
      const scrollDepth = Math.round((scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)) * 100);
      const steps = [100, 75, 50, 25, 0];
      const scrollThreshold = steps.find(step => scrollDepth >= step);

      window.APLdigitalDataClient = window.APLdigitalDataClient || [];
      if (scrollThreshold === 0||window.APLdigitalDataClient.find(data => data.event === 'marketing_page_scroll' && data.marketing_page_name === pageUrl && data.scroll_depth_threshold === `${scrollThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });
    }, 50);

    $(iframeDoc).on('scroll', debouncedScroll);
  }

  // non-marketing modal pages
  const modalTargets = [
    '="modal-net-monthly-pricing-modal"',
    '="modal-pdp-apple-care-modal"',
    '="modal-trade-in-modal"',
    '*="modal-cart-apple-care-modal"',
    '*="modal-cart-warranty-modal"',
    '*="modal-trade-in-learn-more-modal"',
    '*="modal-trade-in-modal"',
  ]
  $(document).on(
    'click',
    `
      ${modalTargets.map(target => `.ac-modal-trigger[data-modal-target${target}]`).join(',')},
      .js-trade-in-modal-trigger-secondary-cart
    `,
    function(e) {
      if (!e.originalEvent.isTrusted) {
        return;
      }

      const target = this;
      const eventText = elementText(target, true);
      const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
      const modalTarget = target.dataset.modalTarget || '';
      const modalForTarget = document.querySelector(`.ac-modal[id=${target.dataset.modalTarget}]`);
      const modalTitleElem = modalForTarget?.querySelector('h1, h2, h3, h4, h5, h6, .apple-care-modal__heading');
      const modalTitle = modalTitleElem ? elementText(modalTitleElem, true) : '';
      

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'modal_page_click',
        'modal_page_name': modalTitle,
        'click_text': eventText,
      });
      
      // Global Click Migration
      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: eventLocation + (modalTitle ? ': ' + modalTitle : ''),
        event_action: 'modal_page_click',
        event_label: eventText,
        click_url: modalTarget
    });
    }
  );

  // non-marketing modal cta clicks
  $(document).on('click', modalTargets.map(target => `.ac-modal[id${target}] a[href], .ac-modal[id${target}] button`).join(','), function() {
    const target = this;
    let eventText;
    let eventUrl;

    
    const modalElem = target.closest('.ac-modal');
    const eventLocation = modalElem ? modalElem.id || '' : '';
    const clickClass = target.classList.length ? target.classList[0] : '';
    
     if (target.tagName === 'A') {
      eventText = anchorText(target);
      eventUrl = anchorHref(target);
    } else {
      eventText = elementText(target);
      eventUrl = clickClass;
    }
    
    const modalTitleElem = target.closest('.ac-modal').querySelector('h1, h2, h3, h4, h5, h6, .apple-care-modal__heading');
    const modalTitle = modalTitleElem ? elementText(modalTitleElem, true) : '';
    
    const parent = target.closest('.ac-modal');
    const modalId = parent ? parent.id : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'modal_page_cta_click',
      'modal_page_name': modalTitle,
      'event_location': eventLocation,
      'event_action': clickClass,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    // Global Click Migration
      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: 'Modal Page: ' + modalId,
        event_action: 'modal_page_cta_click',
        event_label: eventText,
        click_url: stripDomain(eventUrl),
      });
  });
  
  //scrolling threshold of all pages
 /*  (function() {
  const thresholds = [100, 75, 50, 25];
  const triggeredThresholds = new Set();

  function debounce(func, wait) {
    let timeout;
    return function() {
      const context = this, args = arguments;
      clearTimeout(timeout);
      timeout = setTimeout(() => func.apply(context, args), wait);
    };
  }

  const debouncedScroll = debounce(function() {
    const scrollTop = window.scrollY || window.pageYOffset;
    const docHeight = Math.max(
      document.documentElement.scrollHeight,
      document.body.scrollHeight,
      document.documentElement.offsetHeight,
      document.body.offsetHeight,
      document.documentElement.clientHeight
    );
    const winHeight = window.innerHeight;
    const scrollPercent = Math.round(((scrollTop + winHeight) / docHeight) * 100);

    const scrollThreshold = thresholds.find(threshold => scrollPercent >= threshold);
    const pageTitle = document.title || '';

    if (
      !scrollThreshold ||
      triggeredThresholds.has(scrollThreshold)
    ) return;

    triggeredThresholds.add(scrollThreshold);

    window.APLdigitalDataClient = window.APLdigitalDataClient || [];
    window.APLdigitalDataClient.push({
      'event': 'page_scroll',
      'page_name': pageTitle,
      'scroll_depth_threshold': `${scrollThreshold}%`
    });

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'page_scroll',
      'page_name': pageTitle,
      'scroll_depth_threshold': `${scrollThreshold}%`
    });
  }, 200);

  window.addEventListener('scroll', debouncedScroll);
})(); */

  // accordion
  $(document).on('click', '.product__accordion summary', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = elementText(target);
    const action = target.getAttribute('aria-expanded') === 'true' ? 'accordion_open' : 'accordion_close';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': action,
      'accordion_item': eventText,
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': eventLocation,
     'event_action': action,
     'event_label': eventText,
     'click_url': ''
   });
  });

  // external link click
  $(document).on('click', 'a[href^="http"]', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    const urlHostname = (new URL(eventUrl))?.hostname;

    if (urlHostname === window.location.hostname) {
      return;
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'external_link_click',
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': eventLocation,
     'event_action': 'external_link_click',
     'event_label': eventText,
     'click_url': urlHostname
   });
  });

  // cart "More payment options" cta
  $(document).on('click', '.expedited-checkout .checkout-button__link', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = elementText(target);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'more_payment_options_click',
      'click_text': eventText,
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': eventLocation,
     'event_action': 'more_payment_options_click',
     'event_label': eventText,
     'click_url': ''
   });
  });

  // view pdp
if (SDG.Data.template.startsWith('product')) {
  const prodView = async () => {
    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || []; 
    window.APLdigitalData.push({
      'event': 'prodView',
      'product': productData
    });
  };
  prodView();
}


  // pdp AppleCare
  $(document).on('click', 'label[for="add-apple-care"]', function(event) {
  // If the click target is the input itself, ignore
  if (event.target.tagName.toLowerCase() === 'input') return;

  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Delay so checkbox state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const parent = label.closest('.add-on-product-style');
    const container = label.closest('.container-box-2');
    if (!container) return;
    if (container.id !== 'apple-care-add') return;

    const title = parent ? parent.querySelector('h3') : null;
    const appleCarePlan = elementText(title);

    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan,
      'product': productData?.product_name,
      });

    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan
    });
  }, 0);
});

  // pdp AppleCare no coverage selected
$(document).on('click', 'label[for="remove-insurance"]', function(event) {
  // If the user actually clicked the input, do nothing
  if (event.target.tagName.toLowerCase() === 'input') return;

  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

  const productData = await adobeProductData();

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_no_coverage',
      'product': productData?.product_name,
      });

    console.log('Applecare+ selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

  // pdp AppleCare PDP 1.0

  $(document).on('click', '.product #apple-care-add', async function() {
    
    const productData = await adobeProductData();
    let appleCarePlan1 = 'AppleCare+ for ' + productData?.product_name;

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan1,
      'product': productData?.product_name,
    });
    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan1
    });
  });

  // pdp Third-Party Warranty PDP 1.0

  $(document).on('click', '.product #secWarranty-add', async function() {
    
    const productData = await adobeProductData();
    let appleCarePlan1 = 'Third-Party Warranty for ' + productData?.product_name;

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan1,
      'product': productData?.product_name,
    });
    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan1
    });
  });

  // cart AppleCare
  $(document).on('click', '.add-cart-apple-care[data-reference="aplcr"], .add-cart-apple-care[data-reference="secwr"]', function() {
    const target = this;
    const parent = target.closest('.cart_itemadd');

    const title = parent.querySelector('.apple-care-card-title');
    const appleCarePlan = elementText(title);

    const mainProductIndex = target.dataset.forproduct;
    const mainProductParent = document.getElementById(`CartItem-${mainProductIndex}`);
    const productData = JSON.parse(mainProductParent.querySelector('.adobe-analytics-cart-item-data').textContent).payload;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan,
      'product': productData?.product_name,
      'currency': productData?.currency,
      'product_price': productData?.product_price,
      'brand': productData?.brand,
    });
  });

  // Trade-in button on PDP
$(document).on('click', '.apl-section-trade-in-form-option-start-trade-in.js-trade-in-modal-trigger-input', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'button_click',
      'click_text': clickText,
      'product': productData?.product_name,
    });

    console.log('Trade-in selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

 $(document).on('click', '.apl-section-trade-in-form-option-no-trade-in', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'button_click',
      'click_text': clickText,
      'product': productData?.product_name,
    });

    console.log('Trade-in selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

  // Financing button on PDP
$(document).on('click', '.apl-section-cto-financing-start', function (event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function () {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'button_click',
      click_text: clickText,
      product: productData?.product_name,
    });

    console.log('Financing selection tracked', {
      option_value: optionValue,
      click_text: clickText,
    });
  }, 0);
});


//Decline Financing
$(document).on('click', '.cto-financing__input.js-cto-financing-input.apl-section-cto-financing-decline-financing', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'button_click',
      click_text: clickText,
      product: productData?.product_name,
    });

    console.log('Decline Financing selection tracked', {
      option_value: optionValue,
      click_text: clickText,
    });
  }, 0);
});

  // Store locator select store
  $(document).on('click', '.js-store-locator-select-btn', function() {
    const target = this;
    const parent = target.closest('my-store-locator-drawer');

    const activeResult = parent.querySelector(parent.dom.activeResult);
    const storeName = elementText(activeResult.querySelector('.my-location-result__name'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'pick-in_store_click',
      'store_name': storeName,
    });
  });

  // pdp quantity selector
  $(document).on('click', '.product-form__quantity .js-qty-input .quantity__button', async function() {
    const target = this;
    const productData = await adobeProductData();
    const event = target.name === 'plus' ? 'quantity_selector_plus' : 'quantity_selector_minus';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.product_name,
      'mpn_id': productData?.mpn_id,
    });
  });

  // cart quantity selector
  $(document).on('click', '.cart-item .quantity__button', function() {
    const target = this;
    const parent = target.closest('.cart-item');
    const productData = JSON.parse(parent.querySelector('.adobe-analytics-cart-item-data').textContent).payload;
    const event = target.name === 'plus' ? 'quantity_selector_plus' : 'quantity_selector_minus';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.product_name,
      'mpn_id': productData?.mpn_id,
    });
  });


  // pdp frequently bought together product
  $(document).on('change', '.js-frequent-products-checkbox', function() {
    const target = this;
    const isSelected = target.checked;
    const event = isSelected ? 'frequently_bought_together_product_select' : 'frequently_bought_together_product_unselect';

    const parent = target.closest('.frequent-product-list');
    const productData = JSON.parse(parent.querySelector('.adobe-analytics-frequently-products-card-data').textContent);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.title,
      'mpn_id': productData?.mpn,
    });
  });

  // video play
  $('video').on('play', function() {
    const target = this;
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'video_play',
      'video_id': videoName(target),
    });
  });

  // video pause
  $('video').on('pause', function() {
    const target = this;
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'video_pause',
      'video_id': videoName(target),
    });
  });

  // video progress
  $('video').on('timeupdate', function() {
    const target = this;
    const vidName = videoName(target);
    const duration = target.duration;
    const currentTime = target.currentTime;
    const progress = Math.round((currentTime / duration) * 100);
    const steps = [100, 75, 50, 25, 0];
    const progressThreshold = steps.find(step => progress >= step);

    window.APLdigitalDataClient = window.APLdigitalDataClient || [];
    if (progressThreshold === 100) {
      if (window.APLdigitalDataClient.find(data => data.event === 'video_complete' && data.video_id === vidName)) return;

      window.APLdigitalDataClient.push({
        'event': 'video_complete',
        'video_id': vidName,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'video_complete',
        'video_id': vidName,
      });
    } else if (progressThreshold >= 0) {
      if (progressThreshold === 0||window.APLdigitalDataClient.find(data => data.event === 'video_progress' && data.video_id === vidName && data.video_progress === `${progressThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'video_progress',
        'video_id': vidName,
        'video_progress': `${progressThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'video_progress',
        'video_id': vidName,
        'video_progress': `${progressThreshold}%`,
      });
    }
  });

  // account login
  $(document).on('submit', '#customer_login', function() {
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'login',
      'login_form_location': 'login page',
    });
  });

  // account logout
  $(document).on('click', 'a[href*="/account/logout"]', function() {
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'logout',
      'login_form_location': 'login page',
    });
  });

 // account register form start
  $(document).on('input', '#create_customer', function() {
    window.APLdigitalData = window.APLdigitalData || [];

    if (!window.APLdigitalData.some(data => data.event === 'signup_start')) {
      window.APLdigitalData.push({
        'event' : 'signup_start',
      });
    }
  });

  // account register form submit
  $(document).on('submit', '#create_customer', function() {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event' : 'signup_success',
    });
  });

  // filters click
  $(document).on('click', '#FacetFiltersForm .facet-checkbox input', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const parent = target.closest('.js-filter');
    const parentItem = target.closest('.facets__item');
    if (!parent) return '';

    const category = parent.querySelector('.facets__summary');
    const cloneCategory = category.cloneNode(true);
    cloneCategory.querySelector('.facets__selected')?.remove();
    const categoryText = category ? elementText(cloneCategory) : '';

    let labelText;

    if (parentItem.classList.contains('list-menu__item--pickup')) {
      const label = parentItem ? parentItem.querySelector('span') : null;
      const pickupText = label ? elementText(label) : '';
      const location = parentItem ? parentItem.querySelector('.js-my-store-locator-search-drawer-launcher') : null;
      const locationText = location ? elementText(location) : '';
      labelText = `${pickupText} ${locationText}`;
    } else {
      const label = parentItem ? parentItem.querySelector('span[aria-hidden]') : null;
      const cloneLabel = label?.cloneNode(true);
      cloneLabel?.querySelector('.filter-count')?.remove();
      labelText = label ? elementText(cloneLabel) : '';
    }
    
    const elCount = document.querySelector('#ProductCountDesktop');
        if (!elCount) return;

        const countProducts = parseInt(elCount.textContent, 10);
        if (!countProducts) return;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'filter_click',
      'filter_category': categoryText,
      'filter_item': labelText,
    });
    // Global Click Migration
    window.APLdigitalData.push({
        'event': 'click',
        'event_category': 'engagements',
        'event_location': 'Filter: '+ categoryText,
        'event_action': 'filter_click',
        'event_label': labelText,
        'click_url': 'Results: ' + countProducts
    });
  });

  // sort change
  $(document).on('input', '#FacetSortForm', function() {
    const target = this;
    const sortSelect = target.querySelector('#SortBy');
    const activeSortOption = sortSelect.querySelector('option:checked');
    const activeSortLabel = elementText(activeSortOption);
    
    const elCount = document.querySelector('#ProductCountDesktop');
        if (!elCount) return;

        const countProducts = parseInt(elCount.textContent, 10);
        if (!countProducts) return;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'sort_click',
      'sort_type': activeSortLabel,
    });
    
    // Global Click Migration
    window.APLdigitalData.push({
        'event': 'click',
        'event_category': 'engagements',
        'event_location': 'Results:' + countProducts,
        'event_action': 'sort_click',
        'event_label': activeSortLabel,
        'click_url': ''
    });
  });


// add to cart
window.adobeTrackAddToCart = function(opts) {
 opts = opts || {};
 const items = opts.items || [];
 const context = opts.context || '';
 const $trigger = opts.$trigger || null;
 const triggerText = opts.triggerText || null;
 const triggerUrl = opts.triggerUrl || '';
  
 return adobeCartData().then(function(trackCartData) {
   const trackingProducts = [];
  
   items.forEach(function(item) {
    const productData = trackCartData.items.find(function(cartItem) {
      return cartItem.variant_id === parseInt(item.id);
    });
    if (!productData) return;
     
    // Extract bundle information from payload
    const bundleInfo = {
      bundle_added: productData.payload.bundle_added || false,
      bundle_name: productData.payload.bundle_name || null,
      bundle_mpn_id: productData.payload.bundle_mpn_id || null
    };
     
    // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
    const finalMpnId = bundleInfo.bundle_added && bundleInfo.bundle_mpn_id ? bundleInfo.bundle_mpn_id : productData.payload.mpn_id;
     
    trackingProducts.push({
     units: item.quantity,
     product_name: productData.payload.product_name,
     mpn_id: finalMpnId,
     currency: productData.payload.currency,
     product_price: productData.payload.product_price,
     brand: productData.payload.brand,
     lob: productData.payload.lob,
     sub_lob: productData.payload.sub_lob,
     bundle_added: bundleInfo.bundle_added,
     bundle_name: bundleInfo.bundle_name
    });
   });
    
   let clickText;
   if (triggerText) {
    clickText = triggerText;
   } else {
    clickText = elementText($trigger);
   }
  
   const finalObj = {
    'event': 'scAdd',
    'product': trackingProducts,
    'click_text': clickText,
    'click_url': triggerUrl || '',
    'add_to_cart_context': context,
   };
    
   window.APLdigitalData = window.APLdigitalData || [];
   window.APLdigitalData.push(finalObj);
 }).catch(function(err) {
   console.error('Error in adobeTrackAddToCart:', err);
 })

  // first add-to-cart detection (MOVED INSIDE FUNCTION)
  const adobeTrackedFirstAdd = trackCartData.items.every(cartItem =>
    items.some(
      item =>
        parseInt(item.id) === parseInt(cartItem.variant_id) &&
        parseInt(item.quantity) === parseInt(cartItem.quantity)
    )
  );

  if (adobeTrackedFirstAdd) {
    window.APLdigitalData.push({
      event: 'scOpen',
      product: trackingProducts,
      add_to_cart_context: context
    });
  }
};

  // view cart
 (function() {
 'use strict';
 // Check if we're on the cart page
 if (window.SDG && window.SDG.Data && window.SDG.Data.template === 'cart') {
   // Wait for Shopify consent to be granted
   const waitForConsent = function() {
     return new Promise(function(resolve) {
       const intervalId = setInterval(function() {
         if (window._shopifyConsentGranted === true) {
           clearInterval(intervalId);
           resolve();
         }
       }, 100);
     });
   };
    
   // Track cart view
   waitForConsent().then(function() {
     console.log("Consent granted! Proceeding to fetch cart data for scView.");
     return adobeCartData();
   }).then(function(trackCartData) {
     console.log("Cart data successfully fetched:", trackCartData);
     // Map cart data with bundle information
     const trackingProducts = trackCartData.items.map(function(item) {
       // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
       const finalMpnId = item.payload.bundle_added && item.payload.bundle_mpn_id ? item.payload.bundle_mpn_id : item.payload.mpn_id;
        
       return {
         units: item.quantity,
         product_name: item.payload.product_name,
         mpn_id: finalMpnId,
         currency: item.payload.currency,
         product_price: item.payload.product_price,
         brand: item.payload.brand,
         lob: item.payload.lob,
         sub_lob: item.payload.sub_lob,
         bundle_added: item.payload.bundle_added || false,
         bundle_name: item.payload.bundle_name || null
       };
     });
     // Push the 'scView' event to the digital data layer
     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
       event: 'scView',
       product: trackingProducts
     });
     console.log("scView event pushed to the DataLayer successfully:", {
       event: 'scView',
       product: trackingProducts
     });
   }).catch(function(error) {
     console.error("Error while processing scView event:", error);
   });
 }
})()

// scRemove - Remove from Cart Tracking
;(function() {
 'use strict';
 if (typeof jQuery !== 'undefined') {
   jQuery(document).on('click', '.cart-item cart-remove-button', function() {
     const target = this;
     const parent = target.closest('.cart-item');
     const dataElement = parent.querySelector('.adobe-analytics-cart-item-data');
     if (!dataElement) return;
      
     const productData = JSON.parse(dataElement.textContent);
      
     // Extract bundle information from product data
     const bundleInfo = {
       bundle_added: productData.payload.bundle_added || false,
       bundle_name: productData.payload.bundle_name || null,
       bundle_mpn_id: productData.payload.bundle_mpn_id || null
     };
      
     // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
     const finalMpnId = bundleInfo.bundle_added && bundleInfo.bundle_mpn_id ? bundleInfo.bundle_mpn_id : productData.payload.mpn_id;
      
     const trackingProducts = [{
       units: productData.quantity,
       product_name: productData.payload.product_name,
       mpn_id: finalMpnId,
       currency: productData.payload.currency,
       product_price: productData.payload.product_price,
       brand: productData.payload.brand,
       lob: productData.payload.lob,
       sub_lob: productData.payload.sub_lob,
       bundle_added: bundleInfo.bundle_added,
       bundle_name: bundleInfo.bundle_name
     }];
      
     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
       event: 'scRemove',
       product: trackingProducts
     });
      
     const mainProductIndex = parent.id.split('-')[1];
     const appleCareRemoves = document.querySelectorAll('cart-remove-button[data-mnprdctidx="' + mainProductIndex + '"] .applecareremove-a');
     appleCareRemoves.forEach(function(appleCareRemove) {
       if (typeof trackRemoveAppleCare === 'function') {
         trackRemoveAppleCare(appleCareRemove);
       }
     });
   });
 }
})();
  // collection slider product list section impression
  function productListImpressions() {
    const observerOptions = {
      threshold: 0.9,
    };

    let products = [];

    const debouncedPushData = debounce(function() {
      if (!products.length) return;

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'product_list_section_impression',
        'product': products,
      });

      products = [];
    }, 10);

    function observerCallback(entries, observer) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const slickParent = entry.target;
          const numSlides = $(slickParent).slick('getSlick').slideCount;
          const $cards = slickParent.querySelectorAll('.product-card, .item-card');
          const $activeCards = slickParent.querySelectorAll('.product-card.slick-active, .item-card.slick-active');
          const activeCardIndices = Array.from($activeCards).map(card => Array.from($cards).indexOf(card) % numSlides);
          slickParent.dataset.activeCardIndices = activeCardIndices.join(',');

          $activeCards.forEach($card => {
            const productData = JSON.parse($card.querySelector('.adobe-analytics-product-card-data').textContent);
            products.push(productData);
          });

          debouncedPushData();
        }
      });
    }

    const observer = new IntersectionObserver(observerCallback, observerOptions);

    const $productLists = document.querySelectorAll('.collection_slider .slick-initialized:not(.is-observed), .conversion-module .slick-initialized:not(.is-observed)');
    $productLists.forEach($productList => {
      observer.observe($productList);
      $productList.classList.add('is-observed');

      const slickParent = $productList;
      if (slickParent) {
        $(slickParent).on('afterChange', function() {
          const numSlides  = $(slickParent).slick('getSlick').slideCount;
          const $cards = slickParent.querySelectorAll('.product-card, .item-card');
          const $activeCards = slickParent.querySelectorAll('.product-card.slick-active, .item-card.slick-active');

          const previousActiveCardIndices = slickParent.dataset.activeCardIndices?.split(',').map(index => parseInt(index));
          if (!previousActiveCardIndices) return;
          const activeCardIndices = Array.from($activeCards).map(card => Array.from($cards).indexOf(card) % numSlides);
          const newActiveCardIndices = activeCardIndices.filter(index => !previousActiveCardIndices.includes(index));

          const $newActiveCards = Array.from($cards).filter((card, index) => newActiveCardIndices.includes(index));
          slickParent.dataset.activeCardIndices = activeCardIndices.join(',');

          $newActiveCards.forEach($card => {
            const productData = JSON.parse($card.querySelector('.adobe-analytics-product-card-data').textContent);
            products.push(productData);
          });

          debouncedPushData();
        });
      }
    });
  }
  productListImpressions();
  window.adobeTrackProductListImpressions = productListImpressions;
});


//   tryWireEvents();
//})();
});</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [

    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Klikbet77",
          "item": "https://domains.genericwebsites.com/products/ssl"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Tarhuan Bola",
          "item": "https://domains.genericwebsites.com/products/ssl#slot-gacor"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan",
          "item": "https://domains.genericwebsites.com/products/ssl"
        }
      ]
    },

    {
      "@type": "FAQPage",
      "mainEntity": [
        {
      "@type": "Question",
      "name": "Apa itu KLIKBET77?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "KLIKBET77 adalah bandar resmi taruhan bola terpercaya yang menyediakan berbagai pilihan pasaran lengkap dengan odds terbaik untuk pemain."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara bermain parlay di KLIKBET77?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Pemain dapat memilih beberapa pertandingan sekaligus dalam satu taruhan (parlay), kemudian menggabungkannya untuk mendapatkan peluang kemenangan dengan nilai odds lebih besar."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keunggulan KLIKBET77 dibandingkan situs lain?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "KLIKBET77 menawarkan akses cepat, sistem aman, pilihan pasaran lengkap, serta dukungan layanan profesional yang siap membantu pemain setiap saat."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah KLIKBET77 bisa diakses di semua perangkat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, KLIKBET77 dapat diakses melalui berbagai perangkat seperti smartphone, tablet, dan desktop dengan koneksi internet stabil."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah KLIKBET77 aman digunakan?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "KLIKBET77 menggunakan sistem keamanan modern untuk menjaga data dan transaksi pemain tetap aman dan terlindungi."
      }
    }
      ]
    },

    {
      "@type": "Product",
      "name": "KLIKBET77",
      "image": "https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png",
      "description": "Situs Slot Gacor Resmi berbagi jatah maxwin terpercaya dengan peluang jackpot tercepat hari ini.",
      "brand": {
        "@type": "Brand",
        "name": "KLIKBET77"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "1258"
      },
      "review": [
        {
          "@type": "Review",
          "author": {
            "@type": "Person",
            "name": "Andi"
          },
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5"
          },
          "reviewBody": "Main di KLIKBET77 sangat memuaskan, mudah maxwin dan proses withdraw cepat."
        },
        {
          "@type": "Review",
          "author": {
            "@type": "Person",
            "name": "Budi"
          },
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5"
          },
          "reviewBody": "Slot gacor setiap hari, peluang jackpot lebih tinggi dibanding situs lain."
        },
        {
          "@type": "Review",
          "author": {
            "@type": "Person",
            "name": "Rina"
          },
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "4"
          },
          "reviewBody": "Pelayanan cepat dan ramah, cocok untuk pemula."
        },
        {
          "@type": "Review",
          "author": {
            "@type": "Person",
            "name": "Dewi"
          },
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5"
          },
          "reviewBody": "Banyak pilihan game dengan RTP tinggi dan tampilan mudah digunakan."
        }
      ]
    }

  ]
}
</script>    
<link rel="preload" as="font" href="https://www.digimap.co.id/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin=""><link rel="preload" as="font" href="https://www.digimap.co.id/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin=""><link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-predictive-search.css?v=91813212418334334851759819269" media="all" onload="this.media='all'"><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
      const vat_free_day = false;
      
      const vat_discount_amount = 20.0;
      
      
      const vat_free_quantity = "3";
      
      
      const vat_free_message = "Cannot add more than 3 VAT-exempt products to the shopping cart";
      
      
      const not_available_message = "Not Available";
      
      
      const quantity_limit_error_message = "maximum limit reached";
      
    </script>
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-card.css?v=13611068711302528031759819269" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-price.css?v=89212854351592844731759819269" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/section-product-recommendations.css?v=49786085183541529781759819270" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/slick-theme.css?v=155861180100014643231759819269" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/slick-theme-min.css?v=86793612638635186001759819269" media="all" onload="this.media='all'">

    <noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-price.css?v=89212854351592844731759819269" rel="stylesheet" type="text/css" media="all" /></noscript>
    <noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/section-product-recommendations.css?v=49786085183541529781759819270" rel="stylesheet" type="text/css" media="all" /></noscript>

    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/product-scratch.css?v=31850574234090536971759819272" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/product-collection-carousel.css?v=15060387450964793051759819269" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-rating.css?v=157771854592137137841759819270" media="all" onload="this.media='all'">
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/product-model.js?v=56285008796734381901759819271" defer=""></script>
    
    <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/ac-modal.min.css?v=15722724579182767671759819269" rel="stylesheet" type="text/css" media="all">
    <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/ac-modal-custom.css?v=129389600812405212131759819269" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/ac-modal-custom.css?v=129389600812405212131759819269" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-apple-care-modal.css?v=178439371913249818471759819272" media="all" onload="this.media='all'">
    <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/fontawesome.min.css?v=137756382566111518581759819269" media="all" onload="this.media='all'">
      <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/mapclub-maas.css?v=63858291561620251091767091631" rel="stylesheet" type="text/css" media="all">
  <script src="https://cdn.shopify.com/extensions/7fa815c1-0161-4752-8b0b-1bcc5c0a9903/forms-2310/assets/shopify-forms-loader.js" type="text/javascript" defer></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 64047612055,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 64047612055,storefrontBaseUrl: "https://www.digimap.co.id",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"581533847","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\",\\\"GT-NNSD9SQG\\\"],\\\"target_country\\\":\\\"ID\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/q4UsCJjk6MsZEP_68JQC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/CxTdCJLk6MsZEP_68JQC\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/0oNiCI_k6MsZEP_68JQC\\\",\\\"MC-B3QCZRWQ0E\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/fXLuCKre6MsZEP_68JQC\\\",\\\"MC-B3QCZRWQ0E\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/7WKhCK3e6MsZEP_68JQC\\\",\\\"MC-B3QCZRWQ0E\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/OWawCJvk6MsZEP_68JQC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-MWLN4H85P4\\\",\\\"AW-580664703\\\/ZwQOCJXk6MsZEP_68JQC\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"515899543","configuration":"{\"pixelCode\":\"CKG38PBC77UANPJ90CR0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"468418711","configuration":"{\"pixel_id\":\"561807405074760\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"29294743","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Digimap GTM"},{"id":"172720279","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"name":"Adobe Analytics Checkout"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Digimap Indonesia","paymentSettings":{"currencyCode":"IDR"},"myshopifyDomain":"2b53d1-cf.myshopify.com","countryCode":"ID","storefrontUrl":"https:\/\/www.digimap.co.id"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":10000.0,"currencyCode":"IDR"},"product":{"title":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan","vendor":"Apple","id":"9183584747671","untranslatedTitle":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan","url":"\/products\/iphone-17-pro-256gb-cosmic-orange","type":""},"id":"46167835508887","image":{"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292"},"sku":"0788-APPMG8H4ID-A","title":"256GB \/ Cosmic Orange","untranslatedTitle":"256GB \/ Cosmic Orange"}],"purchasingCompany":null},},"https:https://www.digimap.co.id/cdn","2760921ew4f3eef0cpe6e0aac2m57029b82",{"modern":"","legacy":""},{"shopId":"64047612055","storefrontBaseUrl":"https:\/\/www.digimap.co.id","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"2760921ew4f3eef0cpe6e0aac2m57029b82","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":10000.0,\"currencyCode\":\"IDR\"},\"product\":{\"title\":\"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan\",\"vendor\":\"Apple\",\"id\":\"9183584747671\",\"untranslatedTitle\":\"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan\",\"url\":\"\/products\/iphone-17-pro-256gb-cosmic-orange\",\"type\":\"\"},\"id\":\"46167835508887\",\"image\":{\"src\":\"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292\"},\"sku\":\"0788-APPMG8H4ID-A\",\"title\":\"256GB \/ Cosmic Orange\",\"untranslatedTitle\":\"256GB \/ Cosmic Orange\"}}]]"});</script><script async="" src="https:https://www.digimap.co.id/cdn/wpm/b2760921ew4f3eef0cpe6e0aac2m57029b82m.js" data-shop-id="64047612055" data-storefront-base-url="https://www.digimap.co.id" data-extension-base-url="https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager" data-surface="storefront-renderer" data-enabled-beta-flags="[&quot;2dca8a86&quot;]" data-is-merchant-request="false" data-hash-version="2760921ew4f3eef0cpe6e0aac2m57029b82" data-publish="custom" data-events="[[&quot;page_viewed&quot;,{}],[&quot;product_viewed&quot;,{&quot;productVariant&quot;:{&quot;price&quot;:{&quot;amount&quot;:10000.0,&quot;currencyCode&quot;:&quot;IDR&quot;},&quot;product&quot;:{&quot;title&quot;:&quot;KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan&quot;,&quot;vendor&quot;:&quot;Apple&quot;,&quot;id&quot;:&quot;9183584747671&quot;,&quot;untranslatedTitle&quot;:&quot;KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan&quot;,&quot;url&quot;:&quot;/products/iphone-17-pro-256gb-cosmic-orange&quot;,&quot;type&quot;:&quot;&quot;},&quot;id&quot;:&quot;46167835508887&quot;,&quot;image&quot;:{&quot;src&quot;:&quot;https://www.digimap.co.id/cdn/shop/files/0788-APPMG8H4ID-A-1.jpg?v=1759804292&quot;},&quot;sku&quot;:&quot;0788-APPMG8H4ID-A&quot;,&quot;title&quot;:&quot;256GB / Cosmic Orange&quot;,&quot;untranslatedTitle&quot;:&quot;256GB / Cosmic Orange&quot;}}]]" data-browser-target="modern"></script><script async="" src="https:https://www.digimap.co.id/cdn/wpm/b2760921ew4f3eef0cpe6e0aac2m57029b82m.js" data-shop-id="64047612055" data-storefront-base-url="https://www.digimap.co.id" data-extension-base-url="https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager" data-surface="storefront-renderer" data-enabled-beta-flags="[&quot;2dca8a86&quot;]" data-is-merchant-request="false" data-hash-version="2760921ew4f3eef0cpe6e0aac2m57029b82" data-publish="custom" data-events="[[&quot;page_viewed&quot;,{}],[&quot;product_viewed&quot;,{&quot;productVariant&quot;:{&quot;price&quot;:{&quot;amount&quot;:10000.0,&quot;currencyCode&quot;:&quot;IDR&quot;},&quot;product&quot;:{&quot;title&quot;:&quot;KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan&quot;,&quot;vendor&quot;:&quot;Apple&quot;,&quot;id&quot;:&quot;9183584747671&quot;,&quot;untranslatedTitle&quot;:&quot;KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan&quot;,&quot;url&quot;:&quot;/products/iphone-17-pro-256gb-cosmic-orange&quot;,&quot;type&quot;:&quot;&quot;},&quot;id&quot;:&quot;46167835508887&quot;,&quot;image&quot;:{&quot;src&quot;:&quot;https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&quot;},&quot;sku&quot;:&quot;0788-APPMG8H4ID-A&quot;,&quot;title&quot;:&quot;256GB / Cosmic Orange&quot;,&quot;untranslatedTitle&quot;:&quot;256GB / Cosmic Orange&quot;}}]]" data-browser-target="modern"></script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'IDR';
  var meta = {"product":{"id":9183584747671,"gid":"gid:\/\/shopify\/Product\/9183584747671","vendor":"Apple","type":"","handle":"iphone-17-pro-256gb-cosmic-orange","variants":[{"id":46167835508887,"price":10000,"name":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan - 256GB \/ Cosmic Orange","public_title":"256GB \/ Cosmic Orange","sku":"0788-APPMG8H4ID-A"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9183584747671,"requestId":"26a73dac-2e03-45c5-8ff8-f3bed9aecf5e-1770969820"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 64047612055,
      theme_id: 145152344215,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "https://www.digimap.co.id/cdn/s/trekkie.storefront.a93cb6c0f7364f64fdbeab2e0ef86f7d5a476af9.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = 'https://www.digimap.co.id/cdn/s/trekkie.storefront.a93cb6c0f7364f64fdbeab2e0ef86f7d5a476af9.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = 'https://www.digimap.co.id/cdn/s/trekkie.storefront.a93cb6c0f7364f64fdbeab2e0ef86f7d5a476af9.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":64047612055,"isMerchantRequest":null,"themeId":145152344215,"themeCityHash":"15032464881227053261","contentLanguage":"id","currency":"IDR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9183584747671,"requestId":"26a73dac-2e03-45c5-8ff8-f3bed9aecf5e-1770969820","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"IDR","variantId":46167835508887,"productId":9183584747671,"productGid":"gid:\/\/shopify\/Product\/9183584747671","name":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan - 256GB \/ Cosmic Orange","price":"10000.00","sku":"0788-APPMG8H4ID-A","brand":"Apple","variant":"256GB \/ Cosmic Orange","category":"","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
      window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"IDR","variantId":46167835508887,"productId":9183584747671,"productGid":"gid:\/\/shopify\/Product\/9183584747671","name":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan - 256GB \/ Cosmic Orange","price":"10000.00","sku":"0788-APPMG8H4ID-A","brand":"Apple","variant":"256GB \/ Cosmic Orange","category":"","nonInteraction":true,"remote":false,"referer":"https:\/\/www.digimap.co.id\/products\/iphone-17-pro-256gb-cosmic-orange"});
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "https://www.digimap.co.id/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script><script async="" src="https://www.digimap.co.id/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js"></script><script async="" src="https://www.digimap.co.id/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js"></script>
<script defer="" src="https:https://www.digimap.co.id/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.1.0.min.js" data-application="storefront-renderer" data-shop-id="64047612055" data-render-region="gcp-asia-southeast1" data-page-type="product" data-theme-instance-id="145152344215" data-theme-name="Dawn" data-theme-version="11.0.0" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true" data-shs-beacon="true" data-shs-export-with-fetch="true" data-shs-logs-sample-rate="1" data-shs-beacon-endpoint="https:https://www.digimap.co.id/api/collect"></script>
<script src="https:https://www.digimap.co.id/web-pixels@2760921ew4f3eef0cpe6e0aac2m57029b82/app/web-pixel-581533847@b2a88bafab3e21179ed38636efcd8a93/pixel.modern.js" async="" data-pixel-id="581533847" data-pixel-type="APP"></script><script src="https:https://www.digimap.co.id/web-pixels@2760921ew4f3eef0cpe6e0aac2m57029b82/app/web-pixel-468418711@ca16bc87fe92b6042fbaa3acc2fbdaa6/pixel.modern.js" async="" data-pixel-id="468418711" data-pixel-type="APP"></script><script type="module" defer="" src="https:https://www.digimap.co.id/cdn/shopifycloud/consent-tracking-api/v0.1/consent-tracking-api.js"></script><style id="global-shopify-accelerated-checkout-styles">shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-block-size: 52px;
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: rgba(18, 18, 18, 0) 0px 0px 0px 0px;
}</style><script src="https://cdn.shopify.com/extensions/7fa815c1-0161-4752-8b0b-1bcc5c0a9903/forms-2310/assets/index.js" type="module" defer="" async=""></script><script src="https://maps.googleapis.com/maps/api/js?libraries=geocoding%2Cplaces&amp;key=AIzaSyCqd4IDbAQT4M0xL8Ue2Y_MyuxoQ9rlSzQ&amp;v=weekly&amp;callback=google.maps.__ib__"></script><script src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/places.js"></script><script src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/main.js"></script><script type="module" defer="" src="https:https://www.digimap.co.id/cdn/shopifycloud/shopify-xr-js/v1.0/shopify-xr.id.js"></script><script src="//d2wy8f7a9ursnm.cloudfront.net/v5/bugsnag.min.js"></script><script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement.min.js" async=""></script><script src="https://assets.adobedtm.com/db8e7f6d7cee/48c8c0432e01/f0238c7cddac/RC99356ca2a9974e76ac243d51476554e7-source.min.js" async=""></script><style data-description="gravity-font-faces">
@font-face {
  font-family: 'GTStandard-M';
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MRegular.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 450;
  font-display: swap;
}

@font-face {
  font-family: 'GTStandard-M';
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MMedium.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'GTStandard-M';
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MSemibold.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}</style><style data-emotion="css" data-s=""></style><script src="https://maps.googleapis.com/maps-api-v3/api/js/63/14d/places.js"></script><script src="https://maps.googleapis.com/maps-api-v3/api/js/63/14d/main.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/7d/geocoder.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/63/14d/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/63/14d/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/63/14d/geocoder.js"></script><link rel="dns-prefetch preconnect" href="https://cdn.shopify.com" crossorigin=""><style>.cc-window-wrapper {  opacity: 1;  -webkit-transition: visibility 0s, opacity 0.5s linear;  transition: visibility 0s, opacity 0.5s linear;}.cc-window {  /* min-width: fit-content; */  opacity: 1;  -webkit-transition: opacity 1s ease;  transition: opacity 1s ease;}.cc-window-wrapper.cc-invisible,.cc-window.cc-invisible {  opacity: 0;}.cc-animate.cc-revoke {  /* -webkit-transition: transform 1s ease; */  /* -webkit-transition: -webkit-transform 1s ease; */  /* transition: -webkit-transform 1s ease; */  /* transition: transform 1s ease; */  /* transition: transform 1s ease, -webkit-transform 1s ease; */  -webkit-transition: transform 1s ease;  -moz-transition: transform 1s ease;  -ms-transition: transform 1s ease;  -o-transition: transform 1s ease;  transition: transform 1s ease;}.cc-animate.cc-revoke.cc-top {  -webkit-transform: translateY(-2em);  transform: translateY(-2em);}.cc-animate.cc-revoke.cc-bottom,.cc-animate.cc-revoke.cc-popup,.cc-animate.cc-revoke.cc-overlay {  -webkit-transform: translateY(2em);  transform: translateY(2em);}.cc-animate.cc-revoke.cc-active.cc-top {  -webkit-transform: translateY(0);  transform: translateY(0);}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-popup,.cc-animate.cc-revoke.cc-active.cc-overlay {  -webkit-transform: translateY(0);  transform: translateY(0);}.cc-revoke:hover {  -webkit-transform: translateY(0);  transform: translateY(0);  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);}.cc-animate.cc-revoke:hover {  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}.cc-grower {  max-height: 0;  overflow: hidden;  -webkit-transition: max-height 1s;  transition: max-height 1s;}.cc-revoke,.cc-window {  position: fixed;  overflow: hidden;  -webkit-box-sizing: border-box;  box-sizing: border-box;  font-family: Helvetica, Calibri, Arial, sans-serif;  font-size: 16px;  line-height: 1.5em;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  z-index: 9999;}.cc-window.cc-static {  position: static;}.cc-window.cc-floating {  padding: 2em;  max-width: 24em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;}.cc-window.cc-floating .cc-logo {  display: block;}.cc-window.cc-banner {  padding: 1em 1.8em;  width: 100%;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row;}.cc-window.cc-banner.cc-theme-edgeless .cc-logo {  margin-left: 10px;}.cc-revoke {  padding: 0.4em;  z-index: 2147483647 !important;  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);  transition: box-shadow 0.6s ease-in-out;  background-color: #fff;}.cc-revoke:hover {  text-decoration: underline;}.pd-cookie-banner-window .cc-header {  font-size: 18px;  font-weight: 700;  line-height: 18px;  margin-bottom: 1em;}/* button specific css */button.cc-close {  background: none;  border: none;}button.cc-btn {  font-family: inherit;  padding: 0.75em 1.25em;}.cc-banner.cc-theme-edgeless button.cc-btn {  padding: 1.25em 1.8em;}/* button specific css */.cc-btn,.cc-close,.cc-link,.cc-revoke {  cursor: pointer;  -webkit-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}.cc-link {  opacity: 0.8;  display: inline-block;  padding: 0.2em;  text-decoration: underline !important;}.cc-link:hover {  opacity: 1;}.cc-link:active,.cc-link:visited {  color: initial;}.cc-btn {  display: block;  padding: 0.4em 0.8em;  font-size: 0.9em;  font-weight: 700;  border-width: 2px;  border-style: solid;  text-align: center;  white-space: nowrap;  outline: 0;}.cc-btn:hover {  cursor: pointer !important;}.cc-highlight .cc-btn {  background-color: transparent;  border-color: transparent;}/* .cc-highlight .cc-btn.cc-leave:focus, *//* .cc-highlight .cc-btn.cc-leave:hover { *//*   background-color: transparent; *//*   text-decoration: underline; *//* } *//* .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {  background-color: transparent;  text-decoration: underline;} */.cc-close {  display: block;  position: absolute;  top: 0.5em;  right: 0.5em;  font-size: 1em;  opacity: 0.9;  line-height: 0.75;  outline: 0;}.cc-close:focus,.cc-close:hover {  opacity: 1;  outline: 0;}.cc-banner .cc-close {  position: unset;  margin-left: 15px;}.cc-revoke.cc-top {  top: 0;  left: 3em;  border-bottom-left-radius: 0.5em;  border-bottom-right-radius: 0.5em;}.cc-revoke.cc-bottom,.cc-revoke.cc-popup,.cc-revoke.cc-overlay {  bottom: 0;  left: 3em;  border-top-left-radius: 0.5em;  border-top-right-radius: 0.5em;}.cc-revoke.cc-left {  left: 3em;  right: unset;}.cc-revoke.cc-right {  right: 3em;  left: unset;}.cc-top {  top: 1em;}.cc-left {  left: 1em;}.cc-right {  right: 1em;}.cc-bottom {  bottom: 1em;}.cc-floating > .cc-link {  margin-bottom: 1em;}.cc-floating .cc-message {  display: block;  margin-bottom: 1em;}.cc-floating .cc-logo {  text-align: center;}.cc-window.cc-floating .cc-compliance {  -webkit-box-flex: 1;  -ms-flex: 1 0 auto;  flex: 1 0 auto;}.cc-window.cc-banner {  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.cc-banner.cc-top {  left: 0;  right: 0;  top: 0;}.cc-banner.cc-bottom {  left: 0;  right: 0;  bottom: 0;}.cc-banner .cc-message {  display: block;  -webkit-box-flex: 1;  -ms-flex: 1 1 auto;  flex: 1 1 auto;  max-width: 100%;  margin-right: 1em;}.cc-compliance {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -ms-flex-line-pack: justify;  align-content: space-between;}.cc-floating .cc-compliance > .cc-btn {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}.cc-btn + .cc-btn {  margin-left: 0.5em;}@media print {  .cc-revoke,  .cc-window {    display: none;  }}@media screen and (max-width: 900px) {  .cc-btn {    white-space: normal;  }}@media only screen and (max-width: 600px) {  .cc-window .cc-compliance {    flex-direction: column;  }  .cc-allow {    order: 0;  }  .cc-deny {    order: 1;  }  .cc-settings {    order: 3;  }  .cc-btn {    margin-left: 0em !important;    width: 100%;    margin-bottom: 5px;  }}@media screen and (max-width: 484px) and (orientation: portrait),  screen and (max-width: 736px) and (orientation: landscape) {  .cc-close {    position: absolute !important;    top: 0.5em;    right: 0.5em;  }  .cc-window.cc-top {    top: 0;  }  .cc-window.cc-bottom {    bottom: 0;  }  .cc-logo {    align-self: center;  }  .cc-window.cc-banner,  .cc-window.cc-floating,  .cc-window.cc-left,  .cc-window.cc-right {    left: 0;    right: 0;  }  .cc-window.cc-banner {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;  }  .cc-window.cc-banner .cc-compliance {    -webkit-box-flex: 1;    -ms-flex: 1 1 auto;    flex: 1 1 auto;  }  .cc-window.cc-floating {    max-width: none;  }  .cc-window .cc-message {    margin-bottom: 1em;    margin-top: 1em;  }  .cc-window.cc-banner {    -webkit-box-align: unset;    -ms-flex-align: unset;    align-items: unset;  }  .cc-window.cc-banner .cc-message {    margin-right: 0;  }}@media (max-width: 767px) {  .cc-window.cc-floating {    max-width: 100% !important;  }}.cc-floating.cc-theme-classic {  padding: 1.2em;  border-radius: 5px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {  text-align: center;  display: inline;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;}.cc-theme-classic .cc-btn.cc-settings,.cc-theme-classic .cc-btn.cc-btn-decision {  border-radius: 5px;}.cc-theme-classic .cc-btn.cc-btn-decision {  min-width: 140px;}.cc-floating.cc-type-info.cc-theme-classic .cc-btn {  display: inline-block;}.cc-theme-edgeless.cc-window {  padding: 0;}.cc-floating.cc-theme-edgeless .cc-message {  margin: 2em;  margin-bottom: 1.5em;}.cc-floating .cc-logo + .cc-message {  margin-top: 1em;}.cc-logo + .cc-header {  margin-top: 1em;}.cc-floating.cc-theme-edgeless .cc-logo {  margin: 2em 2em 0px 2em;}.cc-banner.cc-theme-edgeless .cc-btn {  margin: 0;  padding: 0.8em 1.8em;  height: 100%;}.cc-banner.cc-theme-edgeless .cc-message {  margin-left: 1em;}.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {  margin-left: 0;}.cc-theme-edgeless .cc-btn.cc-settings {  border-color: transparent !important;}.cc-theme-wired .cc-btn.cc-settings:hover,.cc-theme-wired .cc-btn.cc-settings:focus {  text-decoration: underline;}/** POPUP OVERLAY */.cc-window-wrapper.cc-overlay-wrapper {  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;  color: rgb(20, 30, 35);  position: fixed;  top: 0px;  left: 0px;  z-index: 2147483647;  overflow: hidden;  height: 100vh !important;  width: 100vw;}.cc-window-wrapper.cc-popup-wrapper {  width: 100% !important;  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;  color: rgb(20, 30, 35);  position: fixed;  z-index: 2147483647;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-bottom,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-bottom {  bottom: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-left,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-left {  left: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window,.cc-window-wrapper.cc-popup-wrapper .cc-window {  height: auto;  width: 100%;  display: flex;  flex-direction: column;  -webkit-box-pack: justify;  justify-content: space-between;  flex-wrap: wrap;}@media (min-width: 768px) {  .cc-window-wrapper.cc-overlay-wrapper .cc-window,  .cc-window-wrapper.cc-popup-wrapper .cc-window {    height: auto;    max-height: none;  }}/* .cc-window-wrapper.cc-overlay-wrapper { *//* background-color: rgba(33, 41, 52, 0.75); *//* } */.cc-logo {  line-height: 0;}/** FIXES header in edgeless theme */.cc-floating.cc-theme-edgeless .cc-header {  margin: 1em 1.2em 0;  padding: 0;}.cc-window-wrapper.cc-bottom-center-wrapper,.cc-window-wrapper.cc-top-center-wrapper {  display: flex;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;}.cc-banner .cc-banner-logo {  margin-right: 15px;  width: auto;}.cc-floating .cc-banner-logo {  margin: 0 auto;  width: auto;}body.cc-scrolling-disabled {  height: 100%;  overflow: hidden;}/** Revoke button */.pd-floating-icon {  border-radius: 10px;  width: 35px;  height: 35px;  transition: all 1.9s ease;  top: 10px;  left: 10px;}.pd-floating-icon img {  vertical-align: baseline;  max-height: 30px;  max-width: 30px;  margin: 0 auto;}.cc-animate .pd-floating-icon:hover {  cursor: pointer;  transform: rotateY(180deg);  transform-style: preserve-3d;  transition: all 1.9s ease;}.pd-floating-icon__open {  background-color: transparent;  border: 0;  width: 100%;  height: 100%;  cursor: pointer;  padding: 0;  line-height: 0;  margin: 0;  box-shadow: none;  min-width: 0;}.pd-floating-icon__open:focus-visible {  outline: 2px solid black;  outline-offset: 2px;}.pd-floating-icon__open:hover {  background-color: transparent;  box-shadow: none;}.pd-floating-text__open {  background-color: transparent;  border: 0;  cursor: pointer;}.pd-floating-text span {  font-family: Helvetica, Calibri, Arial, sans-serif;  font-size: 16px;  line-height: 1.5em;}.pd-floating-text span:hover {  text-decoration: underline;}</style><style>@keyframes appear {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}.pd-cp-ui-container {  /* background: rgba(33, 41, 52, 0.85) !important; */  bottom: 0 !important;  /* display: flex !important; */  display: none;  left: 0 !important;  opacity: 0;  overflow-y: scroll;  position: fixed !important;  right: 0 !important;  top: 0 !important;  transition: opacity 0.15s ease;  visibility: hidden;  will-change: visibility, opacity;  z-index: 2147483647 !important;  transition: background 0.6s;  -webkit-transition: background 0.6s;}/* .pd-cp-ui-container.pd-cp-ui__showing { *//*   background: none !important; *//* } */.pd-cp-ui {  background-color: #000;  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);  box-sizing: border-box;  color: #fff;  justify-content: space-between;  left: 0;  max-height: 90vh;  min-height: 300px !important;  opacity: 0;  overflow-x: hidden;  overflow-y: scroll;  position: fixed;  right: 0;  visibility: hidden;  will-change: visibility, opacity;  -webkit-font-smoothing: antialiased;}.pd-cp-ui__showing .pd-cp-ui {  visibility: visible;  opacity: 1;}.pd-cp-ui__top {  top: 0;}.pd-cp-ui__bottom {  bottom: 0;}.pd-cp-ui-content {  padding: 20px 30px;}.pd-cp-ui__showing {  opacity: 1;  visibility: visible;}.pd-cp-ui-close {  font-weight: 600;  text-decoration: none !important;  padding: 10px 0;}.pd-cp-ui-close-top {  display: none;}.pd-cp-ui-header {  display: flex;  justify-content: space-between;  margin-bottom: 20px;}.pd-cp-ui-title-container {  flex: 1 1 auto;  font-size: 1em;  font-weight: 600;  line-height: 20px;}.pd-cp-ui-horizontal-buttons {  align-content: center;  justify-content: center !important;}.pd-cp-btn {  box-sizing: border-box;  cursor: pointer !important;  font-size: 0.9em;  font-weight: 700;  letter-spacing: 2px;  padding: 0.8em 1em;  text-align: center;  text-decoration: none;  transition: all 0.2s ease-in-out;  white-space: nowrap;  -webkit-font-smoothing: antialiased;}button.pd-cp-btn,button.pd-cp-ui-close {  border: none;  background: none;  font-family: inherit;  color: inherit;  font-size: 0.9em;}.cc-theme-classic .pd-cp-btn {  border-radius: 5px;}.pd-cp-btn__small {  flex: 0 1 auto;  font-size: 0.75em;}.pd-cp-ui-horizontal-buttons .pd-cp-btn {  flex: 1 0 auto !important;  max-width: 300px !important;}@media (max-width: 699px) {  .pd-cp-ui-content {    padding: 20px;  }  .pd-cp-ui-header {    margin-bottom: 0;    display: flex;    flex-wrap: wrap;  }  .pd-cp-ui-title-container {    margin-bottom: 1em;  }  .pd-cp-ui-horizontal-buttons {    text-align: right;    display: flex;    flex-wrap: wrap;    width: 100%;  }  .pd-cp-ui-horizontal-buttons .pd-cp-btn {    display: inline-block;    padding: 6px 10px;  }  .pd-cp-ui-horizontal-buttons .pd-cp-btn:first-child {    margin-right: 0.5em;    margin-bottom: 0;  }  .pd-cp-ui-col-6 > .pd-cp-ui-close {    display: none;  }  .pd-cp-ui-close-top {    width: 20px;    height: 20px;    position: absolute;    display: inline-block;    right: 1em;  }  .pd-cp-btn.pd-cp-ui-save {    width: 100%;  }  .pd-cp-ui-col-6:nth-child(2) {    flex: 0 0 100%;    width: 100%;    max-width: 100%;  }}.pd-cp-ui-intro {  font-size: 0.75em;  font-weight: 300;  -webkit-font-smoothing: antialiased;  line-height: 1.375;  margin: 1em 0;}.pd-cp-scrolling-section {  height: calc(90vh - 570px);  max-height: 1000px;  min-height: 180px !important;  overflow-y: scroll;  padding: 0px 15px 10px 0px;  overflow-x: hidden;}.pd-cp-scrolling-section::-webkit-scrollbar {  width: 4px;}.pd-cp-purpose-row {  display: flow-root;  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}.pd-cp-purpose-info {  position: relative;  display: flex;  flex-wrap: wrap;}.pd-cp-sn-actions {  padding: 1.25em 0 !important;}.pd-cp-bold-messaging {  font-size: 0.875em;  font-weight: 700;  line-height: normal;  cursor: pointer;  flex: 0 1 70%;  clear: both;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  padding: 1em 0;  display: flex;}.pd-cp-bold-messaging:before {  width: 7px;  height: 7px;  border-right: 1px solid #4a6e78;  border-bottom: 1px solid #4a6e78;  content: " ";  transform: rotate(-45deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-row__active .pd-cp-bold-messaging:before {  transform: rotate(45deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  width: 7px;  height: 7px;  border-right: 1px solid #4a6e78;  border-bottom: 1px solid #4a6e78;  content: " ";  transition: all 0.2s ease-in-out;  margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-wrapper {  animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-purpose-description {  float: left;  margin: 0px !important;  font-size: 0.75em;  font-weight: 300;  line-height: 1.375;  padding: 0 0 0 1.7em !important;}.pd-cp-purpose-actions {  flex: 0 1 30%;  text-align: right;  font-size: 0.7em;  float: right;  display: block !important;  position: relative !important;  top: auto !important;  bottom: auto !important;  font-weight: 600;  padding: 1.1em 0;}.pd-cp-sn-actions {  cursor: pointer;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.pd-cp-preferences-switch {  position: relative;  display: inline-block;  width: 46px;  height: 20px;  margin: 0px;}.pd-cp-preferences-switch input {  opacity: 0;  width: 0;  height: 0;}.pd-cp-preferences-slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: 0.4s;  transition: 0.4s;}.pd-cp-preferences-slider:before {  position: absolute;  content: "";  height: 12px;  width: 12px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: 0.4s;  transition: 0.4s;}input:checked + .pd-cp-preferences-slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}.pd-cp-preferences-slider.round {  border-radius: 34px;}.pd-cp-preferences-slider.round:before {  border-radius: 50%;}.pd-cp-ui-footer {  display: flex;  flex-wrap: wrap;  width: 100%;  margin-top: 15px;}.pd-cp-ui-footer .pd-cp-ui-close {  float: left;  cursor: pointer;}.pd-cp-ui-footer .pd-cp-ui-close:hover {  color: inherit !important;}.pd-cp-ui-footer .pd-cp-ui-save {  float: right;}.pd-cp-ui-col-6 {  -ms-flex: 0 0 50%;  flex: 0 0 50%;  align-self: center;  max-width: 50%;}.pd-cp-ui-float-right {  float: right !important;}.pd-cp-cookies-details {  display: flex;  font-size: 0.75em;  width: 100%;  padding: 0.5em 0 0.5em 1.7em;  animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-details .pd-cp-toggle {  text-decoration: underline;  border: 0px;  background: transparent;  padding-left: 0px;}button.pd-cp-toggle {  font-size: 1em;}.pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active {  outline: none;}.pd-cp-cookies-list {  list-style-position: outside;  list-style-type: none;  margin: 0 0 0 1.2em;  padding: 0.2em;  line-height: 1.25;  list-style: none;  background-color: rgba(0, 0, 0, 0.1);  animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-list-item {  line-height: 1.25;  text-indent: 0;}.pd-cp-cookies-list:first-of-type .pd-cp-cookies-list-item:first-of-type {  border-top-width: 0;  margin: 0;  padding-top: 0;}.pd-cp-cookies-list-item dl {  display: flex;  flex-wrap: wrap;  margin: 0;}.pd-cp-cookies-list-item dt {  border: 0;  clear: both;  display: block;  flex: 0 1 30%;  font-size: 0.7em;  font-weight: 700;  line-height: 1.375;  margin: 0 0 0.5em;  padding: 0;}.pd-cp-cookies-list-item dd {  flex: 0 1 70%;  font-size: 0.7em;  line-height: 1.375;  margin: 0 0 0.5em;  padding: 0;}.pd-cp-cookies-list > .pd-cp-cookies-list-item:not(:first-of-type) {  border-top: 1px solid rgba(0, 0, 0, 0.1);  margin: 5px 0 0 0;  padding-top: 5px;}.pd-cp-powered-by {  background: #ddd;  text-align: center;  font-size: 0.6em;  padding: 0.5em;}.pd-cp-powered-by a {  text-decoration: none;  color: #333;}.pd-sr-only {  position: absolute;  left: -10000px;  top: auto;  width: 1px;  height: 1px;  overflow: hidden;}</style><style id="pandectes-banner-css">        .cc-banner-logo {max-width: 24em!important;}    @media(min-width: 768px) {.cc-window.cc-floating{max-width: 24em!important;width: 24em!important;}}    .cc-message, .pd-cookie-banner-window .cc-header, .cc-logo {text-align: left}    .cc-window-wrapper{z-index: 2147483647;}    .cc-window{z-index: 2147483647;font-family: inherit;}    .pd-cookie-banner-window .cc-header{font-family: inherit;}    .pd-cp-ui{font-family: inherit; background-color: #FFFFFF;color:#000000;}    button.pd-cp-btn, a.pd-cp-btn{background-color:#000000;color:#FFFFFF!important;}    input + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 0.3)}    .pd-cp-scrolling-section::-webkit-scrollbar{background-color: rgba(0, 0, 0, 0.3)}    input:checked + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 1)}    .pd-cp-scrolling-section::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 1)}    .pd-cp-ui-close{color:#000000;}    .pd-cp-preferences-slider:before{background-color: #FFFFFF}    .pd-cp-title:before {border-color: #000000!important}    .pd-cp-preferences-slider{background-color:#000000}    .pd-cp-toggle{color:#000000!important}    @media(max-width:699px) {.pd-cp-ui-close-top svg {fill: #000000}}    .pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active{color:#000000!important}    .pd-cookie-banner-window {box-shadow: 0 0 18px rgb(0 0 0 / 20%);}   #pandectes-banner button:focus-visible, #pd-cp-preferences button:focus-visible, #pandectes-banner a:focus-visible, #pd-cp-preferences a:focus-visible, #pd-cp-preferences div[role=button]:focus-visible, #pd-cp-preferences .pd-cp-preferences-switch:has(input[type=checkbox]:focus-visible) { outline: 2px solid #000000; outline-offset: 2px; }</style><style></style><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/polyfills.D-3tW6RD.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/app.B5KAWuJn.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/vendor.C8LOAE--.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/locale-id.BKcMiHb9.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/page-OnePage.XxtwFDK3.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/PaymentButtons.CcmobX7Z.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/LocalPickup.D4nzWsLl.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/useShopPayButtonClassName.CtVfFbNY.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/VaultedPayment.COdpm6RK.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/MarketsProDisclaimer.DBEhSVDf.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/AddDiscountButton.B0sjUsCC.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/RememberMeDescriptionText.IJIgUXn8.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/ShopPayOptInDisclaimer.Bc1LvuO-.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/MobileOrderSummary.CFjLTOnd.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/PayButtonSection.DWtQcgX4.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/SeparatePaymentsNotice.Bh-VmzV6.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/PaymentOptions.C3vRjAWp.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/usePreselectSpi.B4CS7VqE.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/StockProblemsLineItemList.DJpry0nM.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/component-ShopPayVerificationSwitch.C4r3tdmA.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/useSubscribeMessenger.DaqzvaoP.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/shop-js-index.BmryH_Cp.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/v4.BKrj-4V8.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/ShipmentBreakdown.BraboIgt.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/MerchandiseModal.Dzi9bJuK.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/StackedMerchandisePreview.wnYOUDCT.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/component-RuntimeExtension.Hv-5JTMo.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/AnnouncementRuntimeExtensions.BmNcUOWR.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/rendering-extension-targets.D8D9A6SY.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/ExtensionsInner.DV3cdeUd.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/app.DFiUrb6l.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/OnePage.DYH7B_vD.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/LocalPickup.BD02NT8N.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/AddDiscountButton.CZ33y7Va.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/MobileOrderSummary.DjnS_Dr1.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/PaymentOptions.PpwvcyQt.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/ShopPayVerificationSwitch.WW3cs_z5.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/useShopPayButtonClassName.BrcQzLuH.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/VaultedPayment.OxMVm7u-.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/StackedMerchandisePreview.D6OuIVjc.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/RuntimeExtension.DWkDBM73.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/AnnouncementRuntimeExtensions.V0VYEO4K.css" crossorigin=""><link rel="prefetch" fetchpriority="low" as="image" href="https://cdn.shopify.com/s/files/1/0640/4761/2055/files/newCheckOutLogo_x320.png?v=1721698401" crossorigin=""><script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement.min.js" async=""></script><script src="https://assets.adobedtm.com/db8e7f6d7cee/48c8c0432e01/65d308a2d7eb/RC99356ca2a9974e76ac243d51476554e7-source.min.js" async=""></script><script src="https://cdn.shopify.com/extensions/7fa815c1-0161-4752-8b0b-1bcc5c0a9903/forms-2310/assets/index.js" type="module" defer async=""></script>

  <div role="region" aria-label="We respect your privacy" aria-describedby="cookieconsent:desc" id="pandectes-banner" class="cc-window-wrapper cc-bottom-wrapper " style=""></div>
    
      <!-- Google Tag Manager (noscript) -->
      <noscript><iframe
          src="https://www.googletagmanager.com/ns.html?id='GTM-WML93XX'"
          height="0"
          width="0"
          style="display:none;visibility:hidden"
        ></iframe
      ></noscript>
      <!-- End Google Tag Manager (noscript) -->
    

    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>
    
    <div id="shopify-section-announcement_bar_marquee" class="shopify-section"><div class="marquee-container">
    <div class="marquee-content"><div class="marquee-messages">
          KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan
          
        </div><div class="marquee-messages">
          KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan
          
        </div><div class="marquee-messages">
          KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan
          
        </div></div>
  </div><style>
  .marquee-container {
    margin:0 auto;
    padding:8px 0;
    overflow: hidden;
    background:#121212;
  }
  .marquee-content {
    display:flex;
    align-items:center;
    white-space: nowrap;
    animation: scroll-left 24s linear infinite;
    padding: 10px 20px;
    width: 100%;
    max-width:1220px;
    font-size:12px;
    line-height: 14px;
    color:#ffffff;
    padding-left: 24px;
    padding-right: 24px;
  }
  .marquee-messages {
    margin: 0 10vw;
  }
  @keyframes scroll-left {
    from{ transform: translateX(0%); }
    to { transform: translateX(-100%); }
  }
</style>

</div>
    
    
    
    

    <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18725168644247__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-list-menu.css?v=104864129994713251501759819270" media="all" onload="this.media='all'">
<link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-search.css?v=130382253973794904871759819271" media="all" onload="this.media='all'">
<link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-menu-drawer.css?v=21058032239462183751759819272" media="all" onload="this.media='all'">
<link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-cart-notification.css?v=71986486250318288601759819270" media="all" onload="this.media='all'">
<link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-cart-items.css?v=144236440317055431411759819270" media="all" onload="this.media='all'"><link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-price.css?v=89212854351592844731759819269" media="all" onload="this.media='all'">
  <link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-loading-overlay.css?v=58800470094666109841759819271" media="all" onload="this.media='all'"><link rel="stylesheet" href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-mega-menu.css?v=10110889665867715061759819272" media="all" onload="this.media='all'">
  <noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-mega-menu.css?v=10110889665867715061759819272" rel="stylesheet" type="text/css" media="all" /></noscript><noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-list-menu.css?v=104864129994713251501759819270" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-search.css?v=130382253973794904871759819271" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-menu-drawer.css?v=21058032239462183751759819272" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-cart-notification.css?v=71986486250318288601759819270" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-cart-items.css?v=144236440317055431411759819270" rel="stylesheet" type="text/css" media="all" /></noscript><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/custom-style.css?v=85829262114273793751761545331" rel="stylesheet" type="text/css" media="all"><style>
  header-drawer,
  .header-drawer-lazyload {
    justify-self: start;
    height:48px;
    width:48px;
    margin-left:0
  }@media screen and (min-width: 1024px) {
      header-drawer,
      .header-drawer-lazyload {
        display: none;
      }
    }@media only screen and (width:375px){
    input[type=search]::placeholder{
      color:rgba(18,18,18,.75);
      position:relative;
      width:51px;
      left:5px;
      top:2px;
      font-style:normal;
      font-weight:500;
      font-size:15px;
      line-height:15px;
      opacity:.75
    }
  }

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }

  .my-store-locator {
    display: none;
  }
</style><style data-shopify="">.header {
    padding: 10px 3rem 10px 3rem;
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }

  @media  screen and (min-width: 1024px) {
    .header-menu-wrapper {
      min-height: 140px;
    }
  }


  
  .menu-drawer__menu li {--color-foreground: #121212;color: #121212;}
  
  
  #right_menu_items {justify-content: space-between;list-style: none;display: contents;flex-direction: row;}
  #right_menu_items li a{color:#383131}
  #right_menu_mobile_items li a{color:#383131}
  .right_menu_divider { }
  #right_menu_items li:nth-child(2) {background: ;}
  #right_menu_items li:nth-child(3) {background: ;}
  #right_menu_items li:nth-child(4) {background: ;}
  #right_menu_items li:nth-child(5) {background: ;}
  #right_menu_items li:nth-child(6) {background: ;}
  #right_menu_items li:nth-child(7) {background: ;}
  #right_menu_mobile_items li:nth-child(1) {background: ;}
  #right_menu_mobile_items li:nth-child(2) {background: ;}
  #right_menu_mobile_items li:nth-child(3) {background: ;}
  #right_menu_mobile_items li:nth-child(4) {background: ;}
  #right_menu_mobile_items li:nth-child(5) {background: ;}
  #right_menu_mobile_items li:nth-child(6) {background: ;}
  
</style><script src="https://www.digimap.co.id/cdn/shop/t/24/assets/details-disclosure.js?v=13653116266235556501759819274" defer></script>
<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/details-modal.js?v=25581673532751508451759819269" defer></script>
<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/cart-notification.js?v=138585423170270737471759819269" defer></script>
<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/search-form.js?v=35015649889156673281759819272" defer></script>

<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewBox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"></path>
  </symbol>

  <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"></circle>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </path></symbol>
</svg>

<sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom header-menu-wrapper"><my-store-locator-mobile class="no-js-hidden my-store-locator my-store-locator--mobile" data-error-text="Error: Try again" data-select-text="Pilih toko anda">
  <button class="js-my-store-locator-btn my-store-locator__btn" aria-haspopup="dialog">
    <div class="my-store-locator__icon">
      <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M12.7742 13.3755H3.05191C2.2285 13.3755 1.55871 12.7056 1.55871 11.8822L1.55859 5.46973H2.29228V11.8822C2.29228 12.301 2.63304 12.6417 3.0518 12.6417H12.7743C13.1931 12.6417 13.5338 12.3011 13.5338 11.8822L13.534 5.46973H14.2676V11.8822C14.2676 12.7056 13.5977 13.3755 12.7743 13.3755H12.7742Z" fill="#1D1D1F"></path><path d="M6.19597 6.04216C5.04487 6.04216 4.1084 5.10557 4.1084 3.95459H4.84209C4.84209 4.70103 5.44941 5.30836 6.19597 5.30836C6.94253 5.30836 7.54985 4.70103 7.54985 3.95459H8.28354C8.28354 5.10557 7.34707 6.04216 6.19597 6.04216Z" fill="#1D1D1F"></path><path d="M9.63738 6.04397C8.48628 6.04397 7.5498 5.10738 7.5498 3.95639V2.43213H8.28349V3.95639C8.28349 4.70284 8.89082 5.31016 9.63738 5.31016C10.3839 5.31016 10.9913 4.70284 10.9913 3.95639H11.7249C11.7249 5.10738 10.7885 6.04397 9.63738 6.04397Z" fill="#1D1D1F"></path><path d="M13.0793 6.04286C11.9282 6.04286 10.9917 5.10627 10.9917 3.95529V2.43102H11.7254V3.95529C11.7254 4.70173 12.3327 5.30906 13.0793 5.30906C13.8258 5.30906 14.4333 4.70173 14.4333 3.95529V2.54174L13.231 0.73392H2.60295L1.40068 2.54163V3.95517C1.40068 4.70162 2.00812 5.30894 2.75468 5.30894C3.50124 5.30894 4.10856 4.70162 4.10856 3.95517V2.43091H4.84225V3.95517C4.84225 5.10627 3.90578 6.04275 2.75468 6.04275C1.60347 6.04275 0.666992 5.10616 0.666992 3.95517V2.43091C0.666992 2.35862 0.688332 2.2879 0.728328 2.22768L2.10075 0.16379C2.16868 0.0614505 2.28342 0 2.40621 0H13.4275C13.5503 0 13.6651 0.0614477 13.733 0.16379L15.1057 2.22779C15.1458 2.28802 15.167 2.35874 15.167 2.43102V3.95529C15.167 5.10627 14.2305 6.04286 13.0793 6.04286H13.0793Z" fill="#1D1D1F"></path><path d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"></path><rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"></rect></svg>
    </div>
    <p class="js-my-store-locator-info my-store-locator__info">Pilih toko anda</p>
  </button>
  <div class="js-my-store-locator-details my-store-locator__details" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="MyStoreDetailsMobileHeading">
    <button class="js-my-store-locator-close my-store-locator__close" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</button>
    <div class="my-store-locator__details-header">
      <h2 class="my-store-locator__details-title" id="MyStoreDetailsMobileHeading"></h2>
      <span class="js-my-store-locator-distance my-store-locator__details-distance hidden">
        <i class="fa fa-spinner fa-spin"></i>
      </span>
    </div>
    <div class="js-my-store-locator-location my-store-locator__details-location"></div>
    <div class="my-store-locator-content">
      <div class="js-my-store-locator-address my-store-locator__details-info hidden">
        Alamat: <a href="#"></a>
      </div>
      <div class="js-my-store-locator-telephone my-store-locator__details-info hidden">
        Telpon: <a href="#"></a>
      </div>
      <div class="js-my-store-locator-email my-store-locator__details-info hidden">
        Email: <a href="#"></a>
      </div>
      <div class="js-my-store-locator-hours my-store-locator__details-info hidden">
        Jam: <span></span>
      </div>
      <div class="js-my-store-locator-services hidden"></div>
    </div>
    <div class="my-store-locator__details-footer"><a class="my-store-locator__details-btn--secondary button button--secondary button--full-width" href="/stores">
          Lihat peta toko
        </a><button class="js-my-store-locator-drawer-btn my-store-locator__details-btn button button--full-width" aria-haspopup="dialog">
        Pilih toko lain
      </button>
    </div>
  </div>
</my-store-locator-mobile>
<header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">


<lazyload-section class="header-drawer-lazyload" data-render-on-load="true" data-selector=".js-header-drawer" data-callback="if (window.initHeaderDrawerAria) window.initHeaderDrawerAria()"><header-drawer class="js-header-drawer" data-breakpoint="tablet">
    <details id="Details-menu-drawer-container" class="menu-drawer-container">
      <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
        <span>
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</path></svg>

          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>

        </span>
      </summary>
      
      <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1" tabindex="-1" style="background-color:#ffffff">
        
        <div class="menu-drawer__inner-container">
          <div class="menu-drawer__navigation-container">
            <nav class="menu-drawer__navigation">
              <ul class="menu-drawer__menu list-menu" role="list">
                
                <li>
                  <div class="container_search mob_search_container"><predictive-search class="search-modal__form" data-loading-text="Memuat..."><form class="nosubmit_form search search-modal__form mob_search" action="/search" id="nosubmit_form" method="get" role="search"><input type="hidden" name="type" value="product">
                      <input class="nosubmit" id="Search-In-Modal" type="search" name="q" value="" placeholder="Cari Kami di Google : KLIKBET77" aria-label="Cari Kami di Google : KLIKBET77" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
                      <div class="btn_close_container">
                        <button type="button" class="btn_close" id="btn_close" aria-label="Close">
                          <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation" width="16.61px" height="16.61px">
                            <use href="#icon-close"></use>
                          </svg>
                        </button>
                      </div>
                      <div class="predictive-search predictive-search--header predictive_search_area" tabindex="-1" data-predictive-search="">
                        <div class="predictive-search__loading-state">
                          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                          </svg>
                        </div>
                      </div>
                      <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
                    </form></predictive-search></div>
                </li>
                
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">KLIKBET77</a></li>
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">SLOT GACOR</a></li>
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">SITUS GACOR</a></li>
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">SLOT GACOR HARI INI</a></li>
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">Slot Gacor Resmi</a></li>
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">SLOT GACOR TERPERCAYA</a></li>
<li><a href="https://domains.genericwebsites.com/products/ssl" class="menuDrawerCss headerCss  menu-drawer__menu-item list-menu__item link link--text focus-inset">SLOT</a></li>
              

              <div class="menu-drawer__utility-links menu-drawer__utility-localization"><div class="menu-drawer__localization header-localization">
</div>
              </div>
              
              
                <ul class="menu-drawer__utility-links menu-drawer__menu list-menu">
                  <li>
                    <div class="menu-drawer__utility-links"><a href="/account/login" class="headerCss  menu-drawer__account link focus-inset h5" style="color:#121212">
                          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</path></svg>

Login</a>
                    </div>
                  </li>
                </ul>
              
            </ul></nav>
          </div>
        </div>
      </div>
    </details>
  </header-drawer></lazyload-section><script>
  window.initHeaderDrawerAria = function () {
    document.querySelectorAll('.js-header-drawer [id^="Details-"] summary').forEach((summary) => {
      summary.setAttribute('role', 'button');
      summary.setAttribute('aria-expanded', summary.parentNode.hasAttribute('open'));

      if (summary.nextElementSibling.getAttribute('id')) {
        summary.setAttribute('aria-controls', summary.nextElementSibling.id);
      }

      summary.addEventListener('click', (event) => {
        event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
      });

      if (summary.closest('header-drawer, menu-drawer')) return;
      summary.parentElement.addEventListener('keyup', onKeyUpEscape);
    });
  };
</script>


    

    
<div class="header__heading"><div class="brand--logo">
      <a href="https://domains.genericwebsites.com/products/ssl" class="header__heading-link link link--text focus-inset" aria-label="Home"><div class="ratio" style="--ratio-percent: 28.67924528301887%">
            <img src="https://file.imagehost123.com/assets/logo/klikbet77_logo.webp" loading="lazy" class="header__heading-logo company_logo ratio" width="180px" height="auto" alt="KLIKBET77">
          </div></a>
    </div></div>
<div class="search-container">
      
      <div class="container_search container_search_port"><predictive-search class="search-modal__form" data-loading-text="Memuat..."><form class="nosubmit_form search search-modal__form" action="/search" id="nosubmit_form2" method="get" role="search"><input type="hidden" name="type" value="product">
          <input class="nosubmit" id="Search-In-Modal" type="search" name="q" value="" placeholder="Cari Kami di Google : KLIKBET77" aria-label="Cari Kami di Google : KLIKBET77" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
          <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="" style="max-height: 540px;">
            <div class="predictive-search__loading-state">
              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
              </svg>
            </div>
          </div>
          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
        </form>
        <button type="button" class="btn_close btn_close_desktop" id="btn_close2" aria-label="Close">
          <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation" width="16.61px" height="16.61px">
            <use href="#icon-close"></use>
          </svg>
        </button></predictive-search></div>
      
    </div><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-my-store-locator.css?v=105987765941372431131759819269" rel="stylesheet" type="text/css" media="all">
<my-store-locator class="no-js-hidden my-store-locator" data-storefront-api-access-token="ad81270b9d0d9845c1d0507dbf024526" data-number-of-locations-to-fetch="200" data-apple-maps-access-token="" data-distance-unit="km" data-distance-miles-label="miles" data-distance-km-label="km" data-error-text="Error: Try again" data-select-text="Pilih toko anda" data-low-stock-html="Hanya {{ quantity }} tersisa" data-unavailable-text="Unavailable" data-view-store-availability-text="Lihat ketersediaan toko" data-loading-text="Memuat toko">
  <button class="js-my-store-locator-btn my-store-locator__btn" aria-haspopup="dialog">
    <div class="my-store-locator__icon">
      <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M12.7742 13.3755H3.05191C2.2285 13.3755 1.55871 12.7056 1.55871 11.8822L1.55859 5.46973H2.29228V11.8822C2.29228 12.301 2.63304 12.6417 3.0518 12.6417H12.7743C13.1931 12.6417 13.5338 12.3011 13.5338 11.8822L13.534 5.46973H14.2676V11.8822C14.2676 12.7056 13.5977 13.3755 12.7743 13.3755H12.7742Z" fill="#1D1D1F"></path><path d="M6.19597 6.04216C5.04487 6.04216 4.1084 5.10557 4.1084 3.95459H4.84209C4.84209 4.70103 5.44941 5.30836 6.19597 5.30836C6.94253 5.30836 7.54985 4.70103 7.54985 3.95459H8.28354C8.28354 5.10557 7.34707 6.04216 6.19597 6.04216Z" fill="#1D1D1F"></path><path d="M9.63738 6.04397C8.48628 6.04397 7.5498 5.10738 7.5498 3.95639V2.43213H8.28349V3.95639C8.28349 4.70284 8.89082 5.31016 9.63738 5.31016C10.3839 5.31016 10.9913 4.70284 10.9913 3.95639H11.7249C11.7249 5.10738 10.7885 6.04397 9.63738 6.04397Z" fill="#1D1D1F"></path><path d="M13.0793 6.04286C11.9282 6.04286 10.9917 5.10627 10.9917 3.95529V2.43102H11.7254V3.95529C11.7254 4.70173 12.3327 5.30906 13.0793 5.30906C13.8258 5.30906 14.4333 4.70173 14.4333 3.95529V2.54174L13.231 0.73392H2.60295L1.40068 2.54163V3.95517C1.40068 4.70162 2.00812 5.30894 2.75468 5.30894C3.50124 5.30894 4.10856 4.70162 4.10856 3.95517V2.43091H4.84225V3.95517C4.84225 5.10627 3.90578 6.04275 2.75468 6.04275C1.60347 6.04275 0.666992 5.10616 0.666992 3.95517V2.43091C0.666992 2.35862 0.688332 2.2879 0.728328 2.22768L2.10075 0.16379C2.16868 0.0614505 2.28342 0 2.40621 0H13.4275C13.5503 0 13.6651 0.0614477 13.733 0.16379L15.1057 2.22779C15.1458 2.28802 15.167 2.35874 15.167 2.43102V3.95529C15.167 5.10627 14.2305 6.04286 13.0793 6.04286H13.0793Z" fill="#1D1D1F"></path><path d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"></path><rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"></rect></svg>
    </div>
    <p class="js-my-store-locator-info my-store-locator__info">Pilih toko anda</p>
  </button>
  <div class="js-my-store-locator-details my-store-locator__details" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="MyStoreDetailsHeading">
    <button class="js-my-store-locator-close my-store-locator__close" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</button>
    <div class="my-store-locator__details-header">
      <h2 class="my-store-locator__details-title" id="MyStoreDetailsHeading"></h2>
      <span class="js-my-store-locator-distance my-store-locator__details-distance hidden">
        <i class="fa fa-spinner fa-spin"></i>
      </span>
    </div>
    <div class="js-my-store-locator-location my-store-locator__details-location"></div>
    <div class="my-store-locator-content">
      <div class="js-my-store-locator-address my-store-locator__details-info hidden">
        Alamat: <a href="#" target="_blank"></a>
      </div>
      <div class="js-my-store-locator-telephone my-store-locator__details-info hidden">
        Telpon: <a href="#"></a>
      </div>
      <div class="js-my-store-locator-email my-store-locator__details-info hidden">
        Email: <a href="#" target="_blank"></a>
      </div>
      <div class="js-my-store-locator-hours my-store-locator__details-info hidden">
        Jam: <span></span>
      </div>
      <div class="js-my-store-locator-services hidden"></div>
    </div>
    <div class="my-store-locator__details-footer"><a class="my-store-locator__details-btn--secondary button button--secondary button--full-width" href="/stores">
          Lihat peta toko
        </a><button class="js-my-store-locator-drawer-btn my-store-locator__details-btn button button--full-width" aria-haspopup="dialog">
        Pilih toko lain
      </button>
    </div>
  </div>
</my-store-locator>
<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/my-store-locator.js?v=171361833911529329811759819270" defer></script>

<script>
  SDG.Data.mapsToken = "";
  SDG.Data.googleMapsToken = "AIzaSyCqd4IDbAQT4M0xL8Ue2Y_MyuxoQ9rlSzQ";
  SDG.Data.mapProvider = "google_maps";
  
    SDG.Data.mapPage = false;
  
  SDG.Data.storeServiceTrigger = 'Lihat layanan toko';
  SDG.Data.storeHours =  'Jam';
  SDG.Data.storeAddress = 'Alamat';
  SDG.Data.storeEmail = 'Email';
  SDG.Data.storePhone = 'Telpon';
  SDG.Data.myStore = 'Toko saya';
  SDG.Data.makeThisMyStore = 'Buat ini toko saya';
  SDG.Data.shopCountry = 'Indonesia';
</script>
<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/google-maps.js?v=111510487235418169131759819270&amp;language=id&amp;region=ID" defer="">
  </script><script async="">
  document?.addEventListener('DOMContentLoaded', function() {
    if (window?.mapkit) {
     mapkit.init({
       authorizationCallback: function (done) {
         done("");
       },
       language: 'id',
     });
    }

    if (window?.google) {
      google.maps.importLibrary('geocoding');
      google.maps.importLibrary('places');
    }
  });
</script><div class="header__icons">
      <div class="desktop-localization-wrapper">
</div>
      
<a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide">
          <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</path></svg>

          <span class="visually-hidden">Login</span>
        </a>
      <a href="javascript: void(0)" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg width="19" height="22" viewBox="0 0 19 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 4.25C6.5 2.93882 7.76806 1.75 9.5 1.75C11.2319 1.75 12.5 2.93882 12.5 4.25H6.5ZM5.5 4.25C5.5 2.24747 7.36595 0.75 9.5 0.75C11.6341 0.75 13.5 2.24747 13.5 4.25H17C18.1046 4.25 19 5.14543 19 6.25V19.25C19 20.3546 18.1046 21.25 17 21.25H2C0.895431 21.25 0 20.3546 0 19.25V6.25C0 5.14543 0.895431 4.25 2 4.25H5.5ZM1 6.25C1 5.69772 1.44772 5.25 2 5.25H17C17.5523 5.25 18 5.69772 18 6.25V19.25C18 19.8023 17.5523 20.25 17 20.25H2C1.44772 20.25 1 19.8023 1 19.25V6.25Z" fill="currentColor"></path>
</svg><span class="visually-hidden">Keranjang</span></a>

      
    </div>
  </header>

  
  <div class="header_nav">


<lazyload-section data-selectors="[&quot;.js-header-dropdown-menu-list&quot;]"><nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list">
    <li><header-menu>
            <details id="Details-HeaderMenu-1" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-mac" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-1">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>KLIKBET77</span></a>
              </summary></details></header-menu>
    </li>
    <li><header-menu>
            <details id="Details-HeaderMenu-2" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-ipad" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-2">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>SLOT GACOR</span></a>
              </summary></details></header-menu>
    </li>
    <li><header-menu>
            <details id="Details-HeaderMenu-3" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-iphone" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-3">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>SITUS GACOR</span></a>
              </summary></details></header-menu>
    </li>
    <li><header-menu>
            <details id="Details-HeaderMenu-4" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-watch" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-4">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>Slot Gacor Resmi</span></a>
              </summary></details></header-menu>
    </li>
    <li><header-menu>
            <details id="Details-HeaderMenu-5" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-musik" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-5">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>SLOT GACOR TERPERCAYA</span></a>
              </summary></details></header-menu>
    </li>
    <li><header-menu>
            <details id="Details-HeaderMenu-6" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-aksesoris" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-6">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>SLOT</span></a>
              </summary></details></header-menu>
    </li>
    <li><header-menu>
            <details id="Details-HeaderMenu-7" class="mainMenuUpdate2">
              <summary id="headerCss HeaderMenu-event-promo" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-7">
                <a href="https://domains.genericwebsites.com/products/ssl"><span>GACOR</span></a>
              </summary></details></header-menu>
    </li>
          
    <span class="right_header_division right_menu_divider"></span>
    
      <div id="right_menu_items" class="list-menu list-menu--inline" role="list"><li><a href="/pages/lokasi-gerai" class="rightMenuUpdate headerCss header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                <span>Lokasi Gerai</span>
              </a></li><li><a href="/pages/bisnis-edukasi" class="rightMenuUpdate headerCss header__menu-item header__menu-item list-menu__item link link--text focus-inset">
                <span>Bisnis &amp; Edukasi</span>
              </a></li></div>
    
  </ul>
</nav></lazyload-section></div>
</sticky-header>

<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/custom-style.css?v=85829262114273793751761545331" rel="stylesheet" type="text/css" media="all">

<lazyload-section data-render-on-load="true" data-selector="cart-notification"><cart-notification>
    <div id="cart-notification" class="cart-notification-wrapper" style="display:none;">
  <div class="cart-notification-wrapper ">
    <div class="cart-notification__header">
      
      <h2 class="cart-notification__heading caption-large text-body">
        Your cart is empty
        
        <a id="close-cart1" href="javascript:void(0)" class="minicart_close" aria-label="Close">
          <svg id="close-cart" width="16.71" height="16.71" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M9.06066 8.85355L16.7071 1.20711L16 0.5L8.35355 8.14645L0.707108 0.5L0 1.20711L7.64645 8.85355L0 16.5L0.707107 17.2071L8.35355 9.56066L16 17.2071L16.7071 16.5L9.06066 8.85355Z" fill="#121212"></path>
          </svg>
        </a>
      </h2>
    </div><div class="clearfix"></div>
    <div class="clearfix"></div>
    <div class="cart-notification__links">
      
      <a href="/collections/all" class="continue_link link button-label">Lanjutkan belanja</a>
    </div>
    
    
  </div>
</div>
<style>
  .qun-error-message {
    color: #ba3939;
    font-size: 10px;
  }
</style>
<script>
  if (vat_free_day == true) {
    

    setCookie('total_quantity', 0, 7);
    //alert(getCookie('total_quantity'));

  }
  $(document).ready(function() {
    
    var product_recc_id = "";
    if(product_recc_id != ""){
      fetch(window.Shopify.routes.root + "recommendations/products.json?product_id=&limit=4")
        .then(response => response.json())
        .then(({ products }) => {
          var currency_cymbol = $("#currecy-symbol").val();
          if (products != null) {
            $(".mini-search-products").html('');
            for(var i = 0; i< products.length; i++){
              if($.inArray('apple_care',products[i].tags) == -1 && $.inArray('apple_care_care+',products[i].tags) == -1 ){
                var text = products[i].title;
                var count = 25;
                var result_title = text.slice(0, count) + (text.length > count ? "..." : "");
                var price = (Math.round(products[i].price) / 100).toFixed(2);
                  $(".mini-search-products").append('<li class="line-frequent-item"><span class="col-set1-frequently"><img class="img-area-frequent"  src='+products[i].featured_image+' alt=""></span><span class="col-set2 frequently-list-product"><a href='+products[i].url+' class="removeline"><span class="mini-frequently-title">'+result_title+'</span></a></span></li>');
              }
            }
          }
        });
    }
    var exphone = [];
    var item_cart = '';
    var view_cart_item = [];
    var view_cart = "";
    var ex_cart = [];
    var dup_id = [];
    $.ajax({
      type: 'GET',
      dataType: 'json',
      url: '/cart.js',
      async: false,
      success: function (cart) {
        if (localStorage.getItem("cart") != undefined || localStorage.getItem("cart") != null) {
          exphone = JSON.parse(localStorage.getItem("cart"));
          if (exphone != null) {
            for (var j = 0; j < exphone.length; j++) {
              if (dup_id.includes(exphone[j]['cart_item_id'])) { } else {
                for (var i = 0; i < cart.items.length; i++) {
                  if (exphone[j]['cart_item_id'] == cart.items[i].key) {
                    item_cart = {}
                    item_cart["cart_item_list_name"] = exphone[j]['cart_item_list_name'];
                    item_cart["cart_item_mpn"] = exphone[j]['cart_item_mpn'];
                    item_cart["cart_item_id"] = exphone[j]['cart_item_id'];
                    if (exphone[j]["cart_search_term"] != "") {
                      item_cart["cart_search_term"] = exphone[j]['cart_search_term'];
                    }
                    ex_cart.push(item_cart);
                    localStorage.setItem("cart_updated", JSON.stringify(ex_cart));
                    dup_id[j] = exphone[j]['cart_item_id'];
                  }
                }
              }
            }
          }
        }
      }
    });
    var search_first = "";
    localStorage.removeItem("cart");
    localStorage.setItem("checkoutpage_store", JSON.stringify(view_cart_item));
    localStorage.setItem("cart", localStorage.getItem("cart_updated"));
    localStorage.removeItem("cart_updated");

    
    $('#close-cart').click(function(evt){
      $("#cart-notification").removeClass("minicart-active");
      $("#cart-notification").hide();
    });

    $(".checkout-custom").click(function(evt){
      if(vat_free_day == true){
        if(getCookie('total_quantity') > vat_free_quantity){
          alert(vat_free_message);
          location.reload();
          return false;
        }
      }
      evt.preventDefault();
      $.ajax({
        type: 'GET',
        url: "/cart?view=minquant",
        async: false,
        success: function(itemData){
          let arr = (itemData.trim().split(',#')).filter(function(v) {
            return v !== '';
          });
          var allow_checkout = 0;
          for (var i = 0; i < arr.length; i++) {
            let arr1 = arr[i].split('<--split-->');
            let prod_id = parseInt(arr1[0]);
            let prduct_quantity = parseInt(arr1[1]);
            let prduct_maxquantity = arr1[2];
            let prduct_key = arr1[3];
            let prduct_title = arr1[4];
            let prduct_variantid = parseInt(arr1[5]);
            let prduct_totalinv = parseInt(arr1[6]);
            let prduct_type = arr1[7];
            if(prduct_maxquantity != ""){
              if(parseInt(prduct_totalinv) < parseInt(prduct_maxquantity)){
                if(parseInt(prduct_quantity) > parseInt(prduct_totalinv)){
                  allow_checkout = 1;
                }
              }else{
                var total_max_product = checkoutMaxquantity(prod_id);
                if(parseInt(total_max_product) > parseInt(prduct_maxquantity)){
                  allow_checkout = 1;
                }
              }
            }else{
              if(parseInt(prduct_quantity) > parseInt(prduct_totalinv)){
                allow_checkout = 1;
              }
            }

          }
          if(allow_checkout == 1){
            alert(quantity_limit_error_message);
            window.location.href= "/cart";
            return false;
          }else{
            window.location.href= `${window.Shopify.routes.root}checkout`;
          }
        }
      });
  });
  function checkoutMaxquantity(product_id){
    var total_max_quantity = 0;
    var product_id = product_id;
    $.ajax({
      type: 'GET',
      dataType: 'json',
      async: false,
      url: '/cart.js',
      success: function(cart){
        for(var i = 0; i< cart.items.length; i++){
          var product_cartid = cart.items[i].product_id;
          if(product_cartid == product_id){
            total_max_quantity += cart.items[i].quantity;
          }
        }
      }
    });
    return total_max_quantity;
  }
  var checkExist = setInterval(function() {
    if ($('.mini-frequently-title').length) {
      clearInterval(checkExist);
      $(".mini-frequently-title").on("click",function(){
        localStorage.setItem("productList","minicart_FBT");
      })
      }
    }, 100);
  });
</script>

  </cart-notification></lazyload-section><style>
  .cart-notification {
    display: none;
  }
</style>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "KLIKBET77",
    
      "logo": "https://file.imagehost123.com/assets/logo/klikbet77_logo.webp",
    
    "sameAs": [
      "",
      "https:\/\/www.facebook.com\/digimap.id\/",
      "",
      "https:\/\/www.instagram.com\/digimap_id\/",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/www.digimap.co.id"
  }
</script>


<script>
$("input").focus(function() {
  $(".btn_close").css("visibility", "visible");
});
$(".btn_close").on("mousedown ", function() {
  $(".nosubmit").val("");
});
$("input").focusout(function() {
  $(".btn_close").css("visibility", "hidden");
});
$("input").focus(function() {
  if (document.querySelector('.gl-fullscreen-header') !== null) {
  $(".btn_close").css("visibility", "hidden");
}
});
$("#Details-menu-drawer-container").on("click", function() {
  if($("#cart-notification").hasClass("minicart-active")) {
    $("#cart-notification").hide();
    $('#cart-notification').removeClass('minicart-active');
  }
});
$('body,html').click(function(e){
  if($("#cart-notification").hasClass("minicart-active")) {
    $("#cart-notification").hide();
    $('#cart-notification').removeClass('minicart-active');
  }
});
</script>
</div>
<!-- END sections: header-group -->

    <div class="hidden">
      <div id="shopify-section-predictive-search" class="shopify-section">

</div>
    </div>
    
    
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"><h1 class="visually-hidden">
          KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan
        </h1><section id="shopify-section-template--18725171265687__main" class="shopify-section section">
<section id="MainProduct-template--18725171265687__main" class="product-page-width page-width section-template--18725171265687__main-padding" data-section="template--18725171265687__main">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/section-main-product.css?v=58840871865013565731759819269" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-accordion.css?v=145071537942940513591759819271" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-price.css?v=89212854351592844731759819269" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-slider.css?v=102975581670085299341759819272" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-rating.css?v=157771854592137137841759819270" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-loading-overlay.css?v=58800470094666109841759819271" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-deferred-media.css?v=14096082462203297471759819272" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/custom-style.css?v=85829262114273793751761545331" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/collapsecon.css?v=55192844502193137581759819270" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/productMarketingContent.css?v=134348870364535945721759819272" rel="stylesheet" type="text/css" media="all">
  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/fancybox-3-5-7.css?v=48221248546321444771759819271" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.section-template--18725171265687__main-padding {
      padding-top: 27px;
      padding-bottom: 9px;
    }

    @media screen and (min-width: 750px) {
      .section-template--18725171265687__main-padding {
        padding-top: 36px;
        padding-bottom: 12px;
      }
    }</style>
  <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/google_analytics_finacing.js?v=123767470501580560631759819270" defer></script>
  

  <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/product-info.js?v=68469288658591082901759819270" defer></script>

<style>
.purchase-form__cta-buttons{
  padding-bottom: 30px;
  display:flex;
  gap:10px; /* jarak antar tombol */
}

.purchase-form__button{
  flex:1; /* supaya tombol sama lebar */
}


/* Tombol */
.btn-KLIKBET77 {
  position: relative;
  background: linear-gradient(160deg, #a50707, #b41111, #fea2a2, #bc1b1b, #a50707);
  background-size: 300%;
  border: 1px solid #a50707;;
  padding: 12px 0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, 0.23), inset 0 -2px 5px 1px #8b0808, inset 0 -1px 1px 3px #fa7171;
}


</style>

<div class="purchase-form__cta-buttons">
  
  <div class="purchase-form__button">
    <button type="button" class="btn-KLIKBET77" onclick="window.location.href='https://klikbet77-maxwin.kucrutcentong.workers.dev/'" rel="nofollow" aria-label="KLIK DISINI">
      <strong>DAFTAR KLIKBET77</strong>
    </button>
  </div>

  <div class="purchase-form__button">
    <button type="button" class="btn-KLIKBET77" onclick="window.location.href='https://klikbet77-maxwin.kucrutcentong.workers.dev/'" rel="nofollow" aria-label="KLIK DISINI">
      <strong>LOGIN KLIKBET77</strong>
    </button>
  </div>

</div>

  <div class="product product--large product--left product--stacked product--mobile-hide grid grid--1-col grid--2-col-tablet">

    
    <div class="product-page-width mobile-view_product-title">
      
      <div class="priceAndLabelTag">
        <div class="product_tag_display_container">
          
          
            
            
          
          
        </div>
      </div><div class="product-title-style product__title">
          <h1>KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan</h1>
        </div>
        <div class="product-subtitle-style"></div>
      
      <div class="skuAndBarcode">
        

        <span class="sku-pdp" id="skumob-template--18725171265687__main">
        <span id="skutitle1">
          
          SKU: </span>MG8H4ID-A</span>

        <span class="barcode-pdp" id="barcmob-template--18725171265687__main">
        <label id="barcodetitle1"></label>
        <span class="barcodeinput" id="main-pro-barcode-mobile"></span>
        </span>
      </div>
      

      <p class="product__preorder-message"></p>
    </div>
    

    <div class="grid__item product__media-wrapper">
      
<media-gallery id="MediaGallery-template--18725171265687__main" role="region" class="product__media-gallery product-custom-media" aria-label="Penampil Galeri" data-desktop-layout="stacked"><div class="mobile_media_slider"><ul class="slider_media slick-initialized slick-slider"><button class="slide-arrow prev-arrow slick-arrow" style="">
            <span class="screenreader">Previous</span>
            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75019 12.1051L7.68603 11.1692L2.86004 6.34323L7.68603 1.51724L6.75019 0.581398L0.988358 6.34323L6.75019 12.1051Z" fill="black"></path>
            </svg>
          </button><div aria-live="polite" class="slick-list draggable"><div class="slick-track" role="listbox" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);"><li class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" style="width: 0px;">
      <img src="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png" alt="KLIKBET77" srcset="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png" width="823" height="823" class="image-magnify-lightbox" sizes="(min-width: 1220px) 728px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
    </li></div></div><button class="slide-arrow next-arrow slick-arrow" style="">
            <span class="screenreader">Next</span>
            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.24979 0.581417L0.313952 1.51726L5.13995 6.34325L0.313952 11.1692L1.24979 12.1051L7.01163 6.34325L1.24979 0.581417Z" fill="black"></path>
            </svg>
          </button></ul></div>
  <div id="GalleryStatus-template--18725171265687__main" class="visually-hidden" role="status"></div>
  <slider-component id="GalleryViewer-template--18725171265687__main" class="slider-mobile-gutter"><a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--18725171265687__main">
        Langsung ke informasi produk
      </a><ul id="Slider-Gallery-template--18725171265687__main" class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile" role="list">
<li id="Slide-template--18725171265687__main-39004123168919" class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide is-active" data-media-id="template--18725171265687__main-39004123168919" style="display: block;">

<div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1.0; --preview-ratio: 1.0;"><modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--18725171265687__main">
    <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
</svg>
</span>
    <div class="loading-overlay__spinner hidden">
      <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
    <div class="product__media media media--transparent">
      <img src="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png" alt="KLIKBET77" srcset="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png" width="823" height="823" class="image-magnify-lightbox" sizes="(min-width: 1220px) 728px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
    </div>
    <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="39004123168919">
      <span class="visually-hidden">
        Buka media 1 di modal
      </span>
    </button>
  </modal-opener></div>

            </li>




















</ul><div class="slider-buttons no-js-hidden quick-add-hidden">
        <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left" disabled>
          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

        </button>
        <div class="slider-counter caption">
          <span class="slider-counter--current">NaN</span>
          <span aria-hidden="true"> / </span>
          <span class="visually-hidden">of</span>
          <span class="slider-counter--total">-Infinity</span>
        </div>
        <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right" disabled>
          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

        </button>
      </div></slider-component></media-gallery>

    </div>
    <div class="product__info-wrapper grid__item">
      <product-info id="ProductInfo-template--18725171265687__main" data-section="template--18725171265687__main" data-url="/products/iphone-17-pro-256gb-cosmic-orange" class="product__info-container">
<div class="desktop-view_Product-title">
                
                <div class="priceAndLabelTag">
                  <div class="product_tag_display_container">
                    
                    
                      
                      
                    
                    
                  </div>
                </div><div class="product-title-style product__title">
                    <h1>KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan</h1>
                  </div>
                  <div class="product-subtitle-style"></div>
                
                <div class="skuAndBarcode">

                  

                  <span class="sku-pdp" id="sku-template--18725171265687__main">                    
                    
                    <span id="skutitle2">
                      SKU: 
                    </span> MG8H4ID-A
                  </span>

                  <span class="barcode-pdp" id="barc-template--18725171265687__main">
                    <label id="barcodetitle2">
                      </label>
                    <span class="barcodeinput" id="main-pro-barcode"></span>
                  </span>
                </div>
                

                <p class="product__preorder-message"></p>
              </div>
<div class="pricestyle no-js-hidden" id="price-template--18725171265687__main" role="status" data-template="product">
<style>
  .price-segment-discount {
    border-radius: 6px;
    background: #c31432;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    display: inline-block;
    font-size: 15px;
  }
  #price-item-sale {
    font-family: var(--font-body-family);
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
  .footerOr3 {
    display: none;
  }
  @media screen and (max-width: 767px) {
    #price-element .footerOr3 {
      display: inline-block;
      color: #000;
    }
  }
</style>

<div class="
    price price-product-pdp price--large price--show-badge">
  <div class="price__container">
      
    <p class="actual_price  ">
      <span class="price--title">
        
      </span>
      <span class="js-product-price-with-care-warranty actual_price_bold" data-price="Rp 10.000" data-price-without-currency="10,000" data-price-with-care="Rp 10.000" data-price-with-secwarranty="Rp 10.000" data-price-with-care-and-secwarranty="Rp 10.000" data-price-with-trade-in="0" data-price-calculation="24">
        Rp 10.000
      </span>

      
      
      
      
    </p>
    
<small class="unit-price caption hidden">
      <span class="visually-hidden">Unit price</span>
      <span class="price-item price-item--last">
        <span></span>
        <span aria-hidden="true">/</span>
        <span class="visually-hidden">&nbsp;per&nbsp;</span>
        <span>
        </span>
      </span>
    </small>
  </div>
  
</div>
</div><div class="product__tax caption rte"><a href="/policies/shipping-policy">Shipping</a> calculated at checkout.
</div>
              <div><form method="post" action="/cart/add" id="product-form-installment-template--18725171265687__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="âœ“"><input type="hidden" name="id" value="46167835508887">
                  
<input type="hidden" name="product-id" value="9183584747671"><input type="hidden" name="section-id" value="template--18725171265687__main"></form></div>
            

                <input type="hidden" id="tax_free_campaign" value="0">
                <div id="pdp_monthly_price_taxfree_false">
                  
                  <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-net-monthly-pricing.css?v=157541107718936202121759819270" rel="stylesheet" type="text/css" media="all">


      <div class="net-monthly-pricing__conditional--pdp">
        <p class="net-monthly-pricing__conditional-text">
          or
        </p>
      </div>
    
    <div class="net-monthly-pricing net-monthly-pricing--pdp first-party "><span>
          
            <span class="net-monthly-pricing__conditional--footer-only">
              <span class="net-monthly-pricing__conditional-text">
                or
              </span>
            </span>
          
          <span class="js-product-price-with-care-warranty" data-price="Rp 500" data-price-without-currency="" data-price-with-care="Rp 500" data-price-with-secwarranty="Rp 500" data-price-with-care-and-secwarranty="Rp 500" data-price-with-trade-in="0" data-price-calculation="24">Rp 500</span>/mo. for 24 mo.
        </span><a class="net-monthly-pricing__modal-trigger ac-modal-trigger js-net-monthly-pricing-pdp-trigger" data-modal-target="modal-net-monthly-pricing-modal" data-product="iphone-17-pro-256gb-cosmic-orange">
            Learn more about financing
            <i class="fa-solid fa-angle-right billboard_icon"></i>
          </a></div>

                  
</div>
              
              

              
                  
              
                
                
              
              


              
               

              
                
                
              

                  
                
                <noscript class="product-form__noscript-wrapper-template--18725171265687__main">
                <div class="product-form__input">
                  <label class="form__label form__label__bold" for="Variants-template--18725171265687__main">Product variants</label>
                  <div class="select">
                    <select name="id" id="Variants-template--18725171265687__main" class="select__select" form="product-form-template--18725171265687__main"><option
                          selected="selected"
                          
                          value="46167835508887">
                          256GB / Cosmic Orange

                          - Rp 10.000
                        </option></select>
                    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                  </div>
                </div>
              </noscript>

              <div class="trade-in bottom-space" id="tradeIn">
                
                
              </div>

              <div class="applecare-replace">
              
                

                </div>

              <div class="secWarranty-replace">
              
                

                </div>

              
              
<div id="Quantity-Form-template--18725171265687__main" class="margin-space-pdp product-form__input product-form__quantity">
                
                

                <label class="quantity__label form__label form__label__bold" for="prodQuantity">
                  Quantity
                  <span class="quantity__rules-cart no-js-hidden hidden">
                    <span class="loading-overlay hidden">
                      <span class="loading-overlay__spinner">
                        <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                        </svg>
                      </span>
                    </span>
                    <span>(<span class="quantity-cart">0</span> in cart)</span>
                  </span>
                </label>
                <div class="price-per-item__container">
                  
                  <quantity-input class="quantity js-qty-input" data-url="/products/iphone-17-pro-256gb-cosmic-orange" data-section="template--18725171265687__main">
                    <button class="quantity__button no-js-hidden disabled" name="minus" type="button">
                      <span class="visually-hidden">KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan</span>
                      <svg width="8" height="3" viewBox="0 0 8 3" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M8 2.63477V0.501953H0V2.63477H8Z" fill="#121212" fill-opacity="0.75"></path>
</svg>

                    </button>
                    <input pattern="[0-9]*" class="quantity__input" type="number" name="quantity" id="prodQuantity" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" max="null">
                    <button class="quantity__button no-js-hidden" name="plus" type="button">
                      <span class="visually-hidden">KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan</span>
                      <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5.99219 5.56445H9.21875V3.54883H5.99219V0.361328H4V3.54883H0.78125V5.56445H4V8.75977H5.99219V5.56445Z" fill="#121212" fill-opacity="0.75"></path>
</svg>

                    </button>
                  </quantity-input>
                  <p class="quantity__error hidden js-qty-error">maximum limit reached</p>
                  
</div>
                <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--18725171265687__main"></div></div>
              
              
              
              


<div class="g-atc"></div>

<div class="product__accordion accordion">
                <details id="Details-popup_custom_NrFgbR-template--18725171265687__main">
                  <summary role="button" aria-expanded="false" aria-controls="ProductAccordion-popup_custom_NrFgbR-template--18725171265687__main">
                    <div class="summary__title">
                      
                      <h2 class="h4 accordion__title">
                        Apa yang membuat KLIKBET77 menjadi situs slot gacor hari ini ?
                      </h2>
                    </div>
                    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

                  </summary>
                  <div class="accordion__content rte" id="ProductAccordion-popup_custom_NrFgbR-template--18725171265687__main">
                    <p>KLIKBET77 menawarkan game dengan RTP tinggi, update permainan terbaru, serta sistem yang stabil sehingga memberikan peluang menang lebih besar bagi para pemain setiap harinya.</p>
                    <modal-opener class="popup_round_border product-popup-modal__opener no-js-hidden" data-modal="#PopupModal-popup_custom_NrFgbR"></modal-opener></div>
                </details>
              </div><div class="product__accordion accordion">
                <details id="Details-b0a1ba38-fea8-4bcc-a376-9c853d6085d0-template--18725171265687__main">
                  <summary role="button" aria-expanded="false" aria-controls="ProductAccordion-b0a1ba38-fea8-4bcc-a376-9c853d6085d0-template--18725171265687__main">
                    <div class="summary__title">
                      
                      <h2 class="h4 accordion__title">
                        Kenapa harus Memiliki KLIKBET77?
                      </h2>
                    </div>
                    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

                  </summary>
                  <div class="accordion__content rte" id="ProductAccordion-b0a1ba38-fea8-4bcc-a376-9c853d6085d0-template--18725171265687__main">
                    <p>KLIKBET77 memiliki keunggulan seperti pasaran lengkap, odds kompetitif, transaksi cepat, serta layanan profesional yang siap membantu pemain kapan saja.</p>
                    <modal-opener class="popup_round_border product-popup-modal__opener no-js-hidden" data-modal="#PopupModal-b0a1ba38-fea8-4bcc-a376-9c853d6085d0"></modal-opener></div>
                </details>
              </div>
                <div class="product__accordion accordion quick-add-hidden">
                  <details id="Details-collapsible-row-2-template--18725171265687__main">
                    <summary role="button" aria-expanded="false" aria-controls="ProductAccordion-collapsible-row-2-template--18725171265687__main">
                      <div class="summary__title">
                        
                        <h2 class="h4 accordion__title inline-richtext">
                          Apakah KLIKBET77 bisa di akses dimana saja?
                        </h2>
                      </div>
                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

                    </summary>
                    <div class="accord-content accordion__content rte" id="ProductAccordion-collapsible-row-2-template--18725171265687__main">
                      
                      <p>Ya, KLIKBET77 dapat diakses kapan saja dan dimana saja melalui berbagai perangkat seperti smartphone, tablet, maupun desktop selama terhubung dengan internet.</p>
                      
                    </div>
                  </details>
                </div>
              

              
<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/share.js?v=19406306419835735731759819271" defer></script>

<share-button id="Share-template--18725171265687__main" class="share-button quick-add-hidden">
  <button class="share-button__button">
    <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"></path>
</svg>

    Bagikan
  </button>
  <details id="Details-share-template--18725171265687__main" hidden="">
    <summary class="share-button__button" role="button" aria-expanded="false">
      <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"></path>
</svg>

      Bagikan
    </summary>
    <div class="share-button__fallback motion-reduce">
      <div class="field">
        <span id="ShareMessage-template--18725171265687__main" class="share-button__message hidden" role="status"> </span>
        <input type="text" class="field__input" id="ShareUrl-template--18725171265687__main" value="https://domains.genericwebsites.com/products/ssl" placeholder="Tautan" onclick="this.select();" readonly="">
        <label class="field__label" for="ShareUrl-template--18725171265687__main">Tautan</label>
      </div>
      <button class="share-button__close hidden no-js-hidden">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>

        <span class="visually-hidden">Tutup bagikan</span>
      </button>
      <button class="share-button__copy no-js-hidden">
        <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"></path>
</svg>

        <span class="visually-hidden">Salin tautan</span>
      </button>
    </div>
  </details>
</share-button>

            
<div id="social_media" class="social_media"><style data-shopify="">.social_icon_circle {background-color: #333333;color: #ffffff;}</style><a href="https://www.facebook.com/sharer/sharer.php?u=https://domains.genericwebsites.com/products/ssl&amp;quote=Check%20this%20product%20out.%0A" class="facebook_icon" id="true" target="_blank" aria-label="Facebook"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"></path>
</svg>
</a><a href="https://twitter.com/intent/tweet?text=Check%20this%20product%20out.%0A&amp;url=https://domains.genericwebsites.com/products/ssl" class="twitter_icon" id="true" target="_blank" aria-label="Twitter"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"></path>
</svg>
</a>
<a href="https://pinterest.com/pin/create/button/?url=https://domains.genericwebsites.com/products/ssl&amp;description=" class="pinterest_icon" id="true" target="_blank" aria-label="Pinterest"><svg aria-hidden="true" focusable="false" class="icon icon-pinterest" viewBox="0 0 20 20">
  <path fill="currentColor" d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z"></path>
</svg>
</a></div><a href="https://domains.genericwebsites.com/products/ssl" class="link product__view-details animate-arrow">
          View full details
          <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="footer_mail_arrow icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</path></svg>

        </a>
      </product-info>
    </div></div>

  




  

<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/product-modal.js?v=116616134454508949461759819271" defer></script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/media-gallery.js?v=96661908581229995091759819270" defer></script><script>
    document.addEventListener('DOMContentLoaded', function () {
      function isIE() {
        const ua = window.navigator.userAgent;
        const msie = ua.indexOf('MSIE ');
        const trident = ua.indexOf('Trident/');

        return msie > 0 || trident > 0;
      }

      if (!isIE()) return;
      const hiddenInput = document.querySelector('#product-form-template--18725171265687__main input[name="id"]');
      const noScriptInputWrapper = document.createElement('div');
      const variantSwitcher =
        document.querySelector('variant-radios[data-section="template--18725171265687__main"]') ||
        document.querySelector('variant-selects[data-section="template--18725171265687__main"]');
      noScriptInputWrapper.innerHTML = document.querySelector(
        '.product-form__noscript-wrapper-template--18725171265687__main'
      ).textContent;
      variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;

      document.querySelector('#Variants-template--18725171265687__main').addEventListener('change', function (event) {
        hiddenInput.value = event.currentTarget.value;
      });
    });
  </script><script type="application/ld+json">
    {
      "@context": "http://schema.org/",
      "@type": "Product",
      "name": "KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan",
      "url": "https://domains.genericwebsites.com/products/ssl",
      "image": [
          "https:\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292\u0026width=1920"
        ],
      "description": "KLIKBET77 merupakan bandar resmi taruhan bola terpercaya dengan trik main parlay mudah cuan, menyediakan pasaran lengkap, odds terbaik, dan akses cepat untuk semua pemain.",
      "sku": "0788-APPMG8H4ID-A",
      "brand": {
        "@type": "Brand",
        "name": "KLIKBET77"
      },
      "offers": [{
            "@type" : "Offer","sku": "0788-APPMG8H4ID-A","availability" : "http://schema.org/InStock",
            "price" : 10000.0,
            "priceCurrency" : "IDR",
            "url" : "https://domains.genericwebsites.com/products/ssl"
          }
]
    }
  </script>
</section>

<input type="hidden" id="page_title" value="KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan">



<script type="application/json" id="adobeAnalyticsProductData">{
    "product_name": "KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan",
    "mpn_id": "MG8H4ID\/A",
    "currency": "IDR",
    "product_price": {
      "sellingPrice": 10000.0,
      "basePrice":10000.0},
    "brand":"Apple",
    "lob": "",
    "sub_lob": "iPhone 17 Pro"
  }
</script>


<style>.slider_media video {max-width: 100%;}</style>
<script>
  
  
  var unavailable_msg = "<div class='unavailableOptionTxt'>Some options have been updated based on availability</div>";
  var varselect='selected';
  var varunselect='unselected';
  function getMeta(url, elem) {
    var img = new Image();
    img.src = url;
    img.onload = function() {
      //var apr = this.width/this.height;
      var apr = this.width/this.height;
      var calc_padd = (1 / apr) * 100;
      calc_padd = calc_padd + '%';
      var calc_height = Math.ceil(973 / apr);
      elem.attr('height',calc_height);
      elem.parent().css('padding-top', calc_padd);
    }
  }

  
  $( document ).ready(function() {
    //quantity input textbox-server error issue - fix
    $("#prodQuantity").keyup("input", function(event) {
      if (event.keyCode === 13) {
        event.preventDefault();
        event.target.blur();
      }
    });
    $("#prodQuantity").on("change", function(event) {
      resetErrors();
    });

    var prodList=localStorage.getItem("product-click");
    //  localStorage.removeItem("product-click");
    var prevPage= document.referrer;
    if(prevPage.includes("collections")){
      prevPage="PLP :: "+formatString(prevPage.split("/")[prevPage.split("/").length-1]);
    }else if(prevPage.includes("pages")){
      prevPage=prevPage.split("/")[prevPage.split("/").length-1]+"_page";
    }else if(prevPage.includes("search")){
      prevPage="Search Results"
    }else if(prevPage.includes("products")){
      var arr=prevPage.split("/");
      prevPage=arr[arr.length-1].split("?")[0]+"_pdp";
    }else if(prevPage.includes("cart")){
      var pageName=window.location.href;
      var arr=prevPage.split("/");
      prevPage="Cart Page";
    }else{
      prevPage="home_page"
    }
    if(prodList){
      document.getElementById("product_list").setAttribute('value', prodList);
    }else{
      localStorage.setItem("product-click", prevPage);
      document.getElementById("product_list").setAttribute('value', prevPage);
    }
    $(".product__info-container .product__accordion").each(function(index,item){
      if(index==0){
        $(item).find("details").attr("open","open");
      }
    });
    var product_price = $("#price-element").find(".actual_price_bold").text();
    document.getElementById("product_price").setAttribute('value', product_price);
    var prod_option = [];
    var checked_value1 = [];
    var prod_option1 = [];
    var prod_option2 = [];
    
var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Color" : "Silver"+"Color";
            prod_option2.push("Silver"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"256GB" : "256GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"256GB"+"Capacity" : "256GB"+"Capacity";
            prod_option2.push("256GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836328087",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-256gb-silver",
          full_url:"/products/iphone-17-pro-max-256gb-silver",
          id:"46167836328087",
          product_id : "9183585534103",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 256GB Silver",
          product_type : "",
          product_price : "25,749,000",
          productcomPrice : "25,749,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"256GB" : "256GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"256GB"+"Capacity" : "256GB"+"Capacity";
            prod_option2.push("256GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835508887",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-256gb-cosmic-orange",
          full_url:"https://domains.genericwebsites.com/products/ssl",
          id:"46167835508887",
          product_id : "9183584747671",
          product_sku : "MG8H4ID/A",
          product_title : "KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan",
          product_type : "",
          product_price : "10,000",
          productcomPrice : "10,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"256GB" : "256GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"256GB"+"Capacity" : "256GB"+"Capacity";
            prod_option2.push("256GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835967639",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-256gb-cosmic-orange",
          full_url:"/products/iphone-17-pro-max-256gb-cosmic-orange",
          id:"46167835967639",
          product_id : "9183585271959",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 256GB Cosmic Orange",
          product_type : "",
          product_price : "25,749,000",
          productcomPrice : "25,749,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Color" : "Silver"+"Color";
            prod_option2.push("Silver"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"256GB" : "256GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"256GB"+"Capacity" : "256GB"+"Capacity";
            prod_option2.push("256GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835377815",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-256gb-silver",
          full_url:"/products/iphone-17-pro-256gb-silver",
          id:"46167835377815",
          product_id : "9183584714903",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 256GB Silver",
          product_type : "",
          product_price : "10,000",
          productcomPrice : "10,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Deep Blue" : "Deep Blue";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Deep Blue"+"Color" : "Deep Blue"+"Color";
            prod_option2.push("Deep Blue"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"256GB" : "256GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"256GB"+"Capacity" : "256GB"+"Capacity";
            prod_option2.push("256GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835607191",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-256gb-deep-blue",
          full_url:"/products/iphone-17-pro-256gb-deep-blue",
          id:"46167835607191",
          product_id : "9183584944279",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 256GB Deep Blue",
          product_type : "",
          product_price : "10,000",
          productcomPrice : "10,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Deep Blue" : "Deep Blue";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Deep Blue"+"Color" : "Deep Blue"+"Color";
            prod_option2.push("Deep Blue"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"256GB" : "256GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"256GB"+"Capacity" : "256GB"+"Capacity";
            prod_option2.push("256GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836131479",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-256gb-deep-blue",
          full_url:"/products/iphone-17-pro-max-256gb-deep-blue",
          id:"46167836131479",
          product_id : "9183585403031",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 256GB Deep Blue",
          product_type : "",
          product_price : "25,749,000",
          productcomPrice : "25,749,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Deep Blue" : "Deep Blue";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Deep Blue"+"Color" : "Deep Blue"+"Color";
            prod_option2.push("Deep Blue"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"512GB" : "512GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"512GB"+"Capacity" : "512GB"+"Capacity";
            prod_option2.push("512GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835738263",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-512gb-deep-blue",
          full_url:"/products/iphone-17-pro-max-512gb-deep-blue",
          id:"46167835738263",
          product_id : "9183585042583",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 512GB Deep Blue",
          product_type : "",
          product_price : "30,249,000",
          productcomPrice : "30,249,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"512GB" : "512GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"512GB"+"Capacity" : "512GB"+"Capacity";
            prod_option2.push("512GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835934871",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-512gb-cosmic-orange",
          full_url:"/products/iphone-17-pro-max-512gb-cosmic-orange",
          id:"46167835934871",
          product_id : "9183585206423",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 512GB Cosmic Orange",
          product_type : "",
          product_price : "30,249,000",
          productcomPrice : "30,249,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"512GB" : "512GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"512GB"+"Capacity" : "512GB"+"Capacity";
            prod_option2.push("512GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835902103",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-512gb-cosmic-orange",
          full_url:"/products/iphone-17-pro-512gb-cosmic-orange",
          id:"46167835902103",
          product_id : "9183585173655",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 512GB Cosmic Orange",
          product_type : "",
          product_price : "28,249,000",
          productcomPrice : "28,249,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Color" : "Silver"+"Color";
            prod_option2.push("Silver"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"512GB" : "512GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"512GB"+"Capacity" : "512GB"+"Capacity";
            prod_option2.push("512GB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836262551",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-512gb-silver",
          full_url:"/products/iphone-17-pro-max-512gb-silver",
          id:"46167836262551",
          product_id : "9183585566871",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 512GB Silver",
          product_type : "",
          product_price : "30,249,000",
          productcomPrice : "30,249,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"1TB" : "1TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"1TB"+"Capacity" : "1TB"+"Capacity";
            prod_option2.push("1TB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836065943",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-1tb-cosmic-orange",
          full_url:"/products/iphone-17-pro-max-1tb-cosmic-orange",
          id:"46167836065943",
          product_id : "9183585370263",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 1TB Cosmic Orange",
          product_type : "",
          product_price : "34,999,000",
          productcomPrice : "34,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Deep Blue" : "Deep Blue";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Deep Blue"+"Color" : "Deep Blue"+"Color";
            prod_option2.push("Deep Blue"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"1TB" : "1TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"1TB"+"Capacity" : "1TB"+"Capacity";
            prod_option2.push("1TB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836491927",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-1tb-deep-blue",
          full_url:"/products/iphone-17-pro-max-1tb-deep-blue",
          id:"46167836491927",
          product_id : "9183585730711",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 1TB Deep Blue",
          product_type : "",
          product_price : "34,999,000",
          productcomPrice : "34,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Color" : "Silver"+"Color";
            prod_option2.push("Silver"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"2TB" : "2TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"2TB"+"Capacity" : "2TB"+"Capacity";
            prod_option2.push("2TB"+"option3");prod_option1[product_opt1] = "false";

        prod_option.push({
          variant_id:"46167836622999",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"false",
          available: "false",
          url:"iphone-17-pro-max-2tb-silver",
          full_url:"/products/iphone-17-pro-max-2tb-silver",
          id:"46167836622999",
          product_id : "9183585927319",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 2TB Silver",
          product_type : "",
          product_price : "43,999,000",
          productcomPrice : "43,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Deep Blue" : "Deep Blue";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Deep Blue"+"Color" : "Deep Blue"+"Color";
            prod_option2.push("Deep Blue"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"2TB" : "2TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"2TB"+"Capacity" : "2TB"+"Capacity";
            prod_option2.push("2TB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836426391",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-2tb-deep-blue",
          full_url:"/products/iphone-17-pro-max-2tb-deep-blue",
          id:"46167836426391",
          product_id : "9183585763479",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 2TB Deep Blue",
          product_type : "",
          product_price : "43,999,000",
          productcomPrice : "43,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835803799",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-512gb-deep-blue",
          full_url:"/products/iphone-17-pro-512gb-deep-blue",
          id:"46167835803799",
          product_id : "9183584845975",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 512GB Deep Blue",
          product_type : "",
          product_price : "28,249,000",
          productcomPrice : "28,249,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"512GB" : "512GB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"512GB"+"Color" : "512GB"+"Color";
            prod_option2.push("512GB"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Capacity" : "Silver"+"Capacity";
            prod_option2.push("Silver"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167836557463",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-512gb-silver",
          full_url:"/products/iphone-17-pro-512gb-silver",
          id:"46167836557463",
          product_id : "9183585829015",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 512GB Silver",
          product_type : "",
          product_price : "28,249,000",
          productcomPrice : "28,249,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"1TB" : "1TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"1TB"+"Capacity" : "1TB"+"Capacity";
            prod_option2.push("1TB"+"option3");prod_option1[product_opt1] = "false";

        prod_option.push({
          variant_id:"46167836590231",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"false",
          available: "false",
          url:"iphone-17-pro-1tb-cosmic-orange",
          full_url:"/products/iphone-17-pro-1tb-cosmic-orange",
          id:"46167836590231",
          product_id : "9183585861783",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 1TB Cosmic Orange",
          product_type : "",
          product_price : "32,999,000",
          productcomPrice : "32,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Deep Blue" : "Deep Blue";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Deep Blue"+"Color" : "Deep Blue"+"Color";
            prod_option2.push("Deep Blue"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"1TB" : "1TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"1TB"+"Capacity" : "1TB"+"Capacity";
            prod_option2.push("1TB"+"option3");prod_option1[product_opt1] = "false";

        prod_option.push({
          variant_id:"46167835312279",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"false",
          available: "false",
          url:"iphone-17-pro-1tb-deep-blue",
          full_url:"/products/iphone-17-pro-1tb-deep-blue",
          id:"46167835312279",
          product_id : "9183584616599",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 1TB Deep Blue",
          product_type : "",
          product_price : "32,999,000",
          productcomPrice : "32,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Color" : "Silver"+"Color";
            prod_option2.push("Silver"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"1TB" : "1TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"1TB"+"Capacity" : "1TB"+"Capacity";
            prod_option2.push("1TB"+"option3");prod_option1[product_opt1] = "true";

        prod_option.push({
          variant_id:"46167835771031",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"true",
          available: "true",
          url:"iphone-17-pro-max-1tb-silver",
          full_url:"/products/iphone-17-pro-max-1tb-silver",
          id:"46167835771031",
          product_id : "9183585108119",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 1TB Silver",
          product_type : "",
          product_price : "34,999,000",
          productcomPrice : "34,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Cosmic Orange" : "Cosmic Orange";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Cosmic Orange"+"Color" : "Cosmic Orange"+"Color";
            prod_option2.push("Cosmic Orange"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro Max" : "iPhone 17 Pro Max";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro Max"+"Model" : "iPhone 17 Pro Max"+"Model";
            prod_option2.push("iPhone 17 Pro Max"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"2TB" : "2TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"2TB"+"Capacity" : "2TB"+"Capacity";
            prod_option2.push("2TB"+"option3");prod_option1[product_opt1] = "false";

        prod_option.push({
          variant_id:"46167836524695",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"false",
          available: "false",
          url:"iphone-17-pro-max-2tb-cosmic-orange",
          full_url:"/products/iphone-17-pro-max-2tb-cosmic-orange",
          id:"46167836524695",
          product_id : "9183585697943",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro Max 2TB Cosmic Orange",
          product_type : "",
          product_price : "43,999,000",
          productcomPrice : "43,999,000"
        });var product_opt1 = "";
        var product_opt2 = "";product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"Silver" : "Silver";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"Silver"+"Color" : "Silver"+"Color";
            prod_option2.push("Silver"+"option1");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"iPhone 17 Pro" : "iPhone 17 Pro";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"iPhone 17 Pro"+"Model" : "iPhone 17 Pro"+"Model";
            prod_option2.push("iPhone 17 Pro"+"option2");product_opt1 = product_opt1 != '' ? product_opt1+"|!"+"1TB" : "1TB";
            product_opt2 = product_opt2 != '' ? product_opt2+"|!"+"1TB"+"Capacity" : "1TB"+"Capacity";
            prod_option2.push("1TB"+"option3");prod_option1[product_opt1] = "false";

        prod_option.push({
          variant_id:"46167835574423",
          option:product_opt1,
          option_new:product_opt2,
          product_opt1:"false",
          available: "false",
          url:"iphone-17-pro-1tb-silver",
          full_url:"/products/iphone-17-pro-1tb-silver",
          id:"46167835574423",
          product_id : "9183584878743",
          product_sku : "MG8H4ID/A",
          product_title : "iPhone 17 Pro 1TB Silver",
          product_type : "",
          product_price : "32,999,000",
          productcomPrice : "32,999,000"
        });var option_values = $('input[type=radio].smart_radio');
    var compareArray = [];
    $(option_values).each(function(i){
      compareArray.push($(this).val()+$(this).data('label_name'))
    });

    var compareIndex = {};
    compareArray.forEach(function(item, index) {
      compareIndex[item] = index;
    });
    prod_option.sort(function(a, b) {
      var a_parts = a.option_new.split('|!');
      var b_parts = b.option_new.split('|!');
      for (var i = 0; i < Math.min(a_parts.length, b_parts.length); i++) {
        var a_item = a_parts[i];
        var b_item = b_parts[i];
        var a_index = compareIndex[a_item];
        var b_index = compareIndex[b_item];
        if (a_index !== undefined && b_index !== undefined) {
          if (a_index < b_index) {
            return -1;
          } else if (a_index > b_index) {
            return 1;
          }
        } else if (a_index !== undefined) {
          return -1;
        } else if (b_index !== undefined) {
          return 1;
        }
      }
      return a_parts.length - b_parts.length;
    });

    var color_trans = "Color";
    var case_color_trans = "Case Finish";
    var band_color_trans = "Band Color";
    var $featuresValue = document.querySelector('.js-features-value') || null;

    if ($featuresValue) {
      updateFeaturesMarkup($featuresValue);
    }
    $(document).on('change', '.product-form__input:not(.product-form__input--trade-in) input[type=radio]', function() {
      var this_clicked = $(this);
      var option = this_clicked.siblings("label:first").attr("data-option");
      var selectedColor=$(this).closest("fieldset").attr("data-selectedColor");
      var curr_color=$('input[type=radio][name="'+color_trans+'"].smart_radio:checked').val();
      var band_curr_color=$('input[type=radio][name="'+band_color_trans+'"].smart_radio:checked').val();
      $(this).closest("fieldset").attr("data-selectedColor",curr_color);
      //option == color_trans

      var check_value = [];
      $('input[type=radio].smart_radio').removeClass('disabled');
      $('input[type=radio].smart_radio').removeAttr('disabled');
      $('input[type=radio].smart_radio').removeClass('disabled-strike');
      $('input[type=radio].smart_radio').removeClass('disabled-cursor');
      $('input[type=radio].smart_radio').removeClass('disabled-cursor-checked');
      var v= $('input[type=radio].smart_radio:checked');
      let stitched_data = "";
      $(v).each(function(i){
        check_value.push($(this).val());
        if(check_value[i]){
          stitched_data = stitched_data !='' ? stitched_data+"|!"+check_value[i] : check_value[i];
        }
      });
      // console.log(stitched_data);
      let entry = prod_option.find(e => e.option === stitched_data);
      $(".product-custom-media").css("opacity","0.3");
      $(".product__media-list").css("opacity","0.3");
      if (entry) {
        var prod_hadle = entry.url;
        var variant_id = entry.variant_id;
        var prod_available = entry.available;
        var product_id= entry.product_id;
        var product_sku = entry.product_sku;
        var product_title = entry.product_title;
        var product_type =  entry.product_type;
        var product_price = entry.product_price;
        var productcomPrice = entry.productcomPrice;
        var viewurl = entry.full_url;

        var unavailableOptionTxt = $('.unavailableOptionTxt');
        if (unavailableOptionTxt) unavailableOptionTxt.remove();

        if(prod_available == 'true'){
          changeVariantAjax(viewurl, product_id, product_sku, product_title, product_type, product_price, productcomPrice,this_clicked);
          showCart();
        }else{
          changeVariantAjax(viewurl, product_id, product_sku, product_title, product_type, product_price, productcomPrice, this_clicked);
          hideCart();
        }
      }else{
        unavailable(this_clicked);
        // checkAvailability();
      }
    });

    function unavailable(this_clicked){
      var label_name = this_clicked.data('label_name');
      var option_name = this_clicked.data('option_name');

      var inputString = this_clicked.val()+label_name;
      var totalvarients = $('fieldset.product-form__input').length;
      var isFirstTrue = false;
      var true_prod = "true";
      var v= $('input[type=radio].smart_radio:checked');
      if(prod_option.filter(option_new => option_new.option_new.includes(inputString))){
        var filteredProducts = prod_option.filter(option_new => option_new.option_new.includes(inputString));
      }
      if(filteredProducts.some(product_opt1 => product_opt1.product_opt1.includes(true_prod))){
          filteredProducts = filteredProducts.filter(product_opt1 => product_opt1.product_opt1.includes(true_prod));
      }
      var filteredResults = filteredProducts;
      $('input[type=radio].smart_radio:checked').each(function(i) {
        var value = $(this).val() + $(this).data('label_name');
        if (filteredResults.some(option_new => option_new.option_new.includes(value))) {
          filteredResults = filteredResults.filter(option_new => option_new.option_new.includes(value));
        }
        if (filteredResults.some(product_opt1 => product_opt1.product_opt1.includes(true_prod))) {
          filteredResults = filteredResults.filter(product_opt1 => product_opt1.product_opt1.includes(true_prod));
        }
      });
      if (filteredResults.length > 0) {
        filteredProducts = filteredResults;
      }
      var optionNewValue = filteredProducts[0].option_new;
      $('.product-form__input input[type=radio]').each(function() {
        var labelName = $(this).val()+$(this).data('label_name');
        if (optionNewValue.includes(labelName)) {
          if(!$(this).prop('checked')){
            $(this).prop('checked', true);
          }
        }
      });
      //$(this).parent().append(unavailable_msg);
      var parentElement = $(this_clicked).parent('.js-product-option-form');
      const unavailableMessaging = document.querySelectorAll('.unavailableOptionTxt') || [];

      if (parentElement) {
        if (unavailableMessaging?.length > 0) {
          [...unavailableMessaging].forEach((item) => {
            item.remove();
          });
        }

        // append unavailable message if not already appended
        if (parentElement.find('.unavailableOptionTxt').length == 0) {
          parentElement.append(unavailable_msg);
        }
      }

      var prod_hadle = filteredProducts[0].url;
      var variant_id = filteredProducts[0].variant_id;
      var prod_available = filteredProducts[0].available;
      var product_id= filteredProducts[0].product_id;
      var product_sku = filteredProducts[0].product_sku;
      var product_title = filteredProducts[0].product_title;
      var product_type =  filteredProducts[0].product_type;
      var product_price = filteredProducts[0].product_price;
      var productcomPrice = filteredProducts[0].productcomPrice;
      var viewurl = filteredProducts[0].full_url;
      changeVariantAjax(viewurl, product_id, product_sku, product_title, product_type, product_price, productcomPrice,this_clicked);
      if(filteredProducts[0].available == 'true'){
        showCart();
      }else{
        hideCart();
      }
    }

    function showCart(){
      $(".show_atc a").show();
      $(".show_buy a").show();
      $(".hide---atc a").hide();
      $(".hide---atc span").hide();
      $(".free_shipping_msg").show();
      $(".free_shipping_msg_2").show();
      $("pickup-availability").css("display", "block");
      $(".four-buynow").addClass("four-atc");
      $(".applyforFinancing").show();
      $(".sticky-container").removeClass("outofstock_sc");
    }
    function hideCart(){
      $(".hide---atc a").show();
      $(".hide---atc span").show();
      $(".show_atc a").hide();
      $(".show_buy a").hide();
      $(".free_shipping_msg").hide();
      $(".free_shipping_msg_2").hide();
      $("pickup-availability").css("display", "none");
      $(".four-buynow").removeClass("four-atc");
      $(".applyforFinancing").hide();
      $(".sticky-container").addClass("outofstock_sc");
    }
    var shop_url = "https://www.digimap.co.id";
    function changeVariantAjax(viewurl, product_id, product_sku, product_title, product_type, product_price, productcomPrice,this_clicked){
      var option1=this_clicked.siblings("label:first").attr("data-option");
      var option_color = this_clicked.attr("data-color_present");
      var productRecommendationsCurrentId = '#frequent-list_current-product';
      var productRecommendationsCurrentEl = $(productRecommendationsCurrentId);
      var productRecommendationsView = 'product-recommendations-view';

      resetErrors();

      var sectionIds = ['template--18725171265687__main', 'product-ajax-data'];
      $('.js-collapsecon').each(function() {
        var sectionId = $(this).attr('id')?.split('shopify-section-')[1] || null;
        if (sectionId) {
          sectionIds.push(sectionId);
        }
      });

      $.ajax({
        type: 'GET',
        url: viewurl + `?sections=${sectionIds.join(',')}`,
        beforeSend: function() {
          $('variant-radios1').addClass('var_radio_point_none');
          // $('.loader_pdp_variant_switch').addClass('active');
          $("pickup-availability").each(function(index,item){
            item.renderLoading();
          });
        },
        success: function(resp) {
          var itemData = Object.values(resp).join('');

          // remove the store locator from the response so it doesn't fetch the API each time jQuery is called
          var itemDataNode = new DOMParser().parseFromString(itemData, 'text/html');
          var newStoreLocator = itemDataNode.querySelector('my-store-locator');
          if (newStoreLocator) {
            newStoreLocator.remove();
          }

          itemData = itemDataNode;
          var newPickupAvailability = $(itemData).find('pickup-availability').first();
          var productId = newPickupAvailability.attr("data-product-id");
          var selectedOptions = newPickupAvailability.attr("data-selected-options");
          var nmpTest = document.querySelector('.js-nmp-test-mode') || null;
          var nmpTrigger = itemData?.querySelector('.js-net-monthly-pricing-pdp-trigger') || null;
          $("pickup-availability").attr("data-product-id",productId);
          $("pickup-availability").attr("data-selected-options",selectedOptions);
          $(".js-store-locator-product-info").html($(itemData).find('.js-store-locator-product-info').html());
          // init store locator again with new variant details
          var storeLocator = document.querySelector('my-store-locator');
          if (storeLocator) {
            storeLocator.init();
          }

          if (nmpTrigger && nmpTest) {
            var { product: productHandle } = nmpTrigger.dataset || {};

            if (productHandle) {
              // init nmp test mode with new variant details
              nmpTest.getNMPTerms(productHandle);
            }
          }

          $(document).attr('title', $(itemData).find('#page_title').val());
          window.history.replaceState("", "", viewurl);
          //var product_list = $("#product_list").val();
          $(".product__title").html($(itemData).find('.product__title').html());
          $(".color-name").html($(itemData).find('.color-name').html());
          $(".band-color-name").html($(itemData).find('.band-color-name').html());
          $(".skuAndBarcode").html($(itemData).find('.skuAndBarcode').html());
          $(".product__preorder-message").html($(itemData).find('.product__preorder-message').html());
          $(".pricestyle").html($(itemData).find('.pricestyle').html());
          $(itemData).find(".product__info-container .product__accordion").each(function(index,item){
            // var isOpen=$(".product__info-container").find(".product__accordion").eq(index).find("details").attr("open");
            if(index==0){
              $(item).find("details").attr("open","open");
            }
            $(".product__info-container").find(".product__accordion").eq(index).html($(item).html());
          });

          $(".product-custom-media").html($(itemData).find('.product-custom-media').html());
          $(".product-media-modal__content").html($(itemData).find('.product-media-modal__content').html());
          $('.product__media-gallery').prepend('<div class="mobile_media_slider"><ul class="slider_media"></ul></div>');
          $('.slider_media').html('');
          //  $("#product_list").val(product_list);
          $(".common_medias").each(function(){
            var data = $(this).find('.product__media').html()
            $('.slider_media').append('<li>'+data+'</li>');
          });
          $('.slider_media').slick({
            prevArrow: `
              <button class="slide-arrow prev-arrow">
                <span class="screenreader">Previous</span>
                <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75019 12.1051L7.68603 11.1692L2.86004 6.34323L7.68603 1.51724L6.75019 0.581398L0.988358 6.34323L6.75019 12.1051Z" fill="black"/>
                </svg>
              </button>
            `,
            nextArrow: `
              <button class="slide-arrow next-arrow">
                <span class="screenreader">Next</span>
                <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M1.24979 0.581417L0.313952 1.51726L5.13995 6.34325L0.313952 11.1692L1.24979 12.1051L7.01163 6.34325L1.24979 0.581417Z" fill="black"/>
                </svg>
              </button>
            `
          });
          $('.slider_media').on('beforeChange', function(event, slick, currentSlide, nextSlide){
            $('video').each(function() {
              $(this).get(0).pause();
            });
          });
          $('.slider_media').on('afterChange', function(event, slick, currentSlide, nextSlide){
            if( $('.slick-current').find('video').length !== 0) {
              $(".slider_media .slick-current video")[0].play();
            }
          });

          // Remove aria-describedby from slick slides for desktop
          setTimeout(() => {
            const slickSlides = $('.slider_media').find('.slick-list .slick-slide');
            adaFormatSlickSlides(slickSlides);
          }, 250);

          $(".main-accordions").html($(itemData).find('.main-accordions').html());
          $(".product-form").html($(itemData).find('.product-form').html());
          $(".one-pickup").html($(itemData).find('.one-pickup').html());
          $(".two-price").html($(itemData).find('.two-price').html());
          $('#pdp_monthly_price_taxfree_true').html($(itemData).find('#pdp_monthly_price_taxfree_true').html());
          $('#pdp_monthly_price_taxfree_false').html($(itemData).find('#pdp_monthly_price_taxfree_false').html());
          $('#pdp_monthly_price_taxfree_true_2').html($(itemData).find('#pdp_monthly_price_taxfree_true_2').html());
          $(".applecare-replace").html($(itemData).find('.applecare-replace').html());
          $(".secWarranty-replace").html($(itemData).find('.secWarranty-replace').html());
          $(".learn_more_sw").html($(itemData).find('.learn_more_sw').html());
          $(".learn_more_apple").html($(itemData).find('.learn_more_apple').html());
          $(".js-sticky-atc").html($(itemData).find('.js-sticky-atc').html());
          $('#stickybar_monthlyprice_1').html($(itemData).find('#stickybar_monthlyprice_1').html());
          $('#stickybar_monthlyprice_2').html($(itemData).find('#stickybar_monthlyprice_2').html());
          $('#stickybar_monthlyprice_3').html($(itemData).find('#stickybar_monthlyprice_3').html());
          $('#url').val($(itemData).find('#url').val());
          setTimeout(function () {
            $('variant-radios1').removeClass('var_radio_point_none');
            //$('.loader_pdp_variant_switch').removeClass('active');
            Shopify?.PaymentButton?.init()
          } , 1000);
          // $('.share-button').html($(itemData).find('.share-button').html());
          callOptGa(product_id, product_sku, product_title, product_type, product_price, productcomPrice);
          checkAvailability();
          $(".product-custom-media").css("opacity", "1");
          $(".product__media-list").css("opacity","1");
          function isEmpty(el) {
            return !$.trim(el.html());
          }
          let all_are_hidden1 = true;
          let all_are_hidden2 = true;
          $('#tblNodes').each(function() {
            if (($(this).css('display') !== 'none') || ($('#tblNodes').html() != "")) {
              all_are_hidden1 = false;
              return false;
            }
          });
          if (all_are_hidden1 == true) {
            $(".overviewAccordion").css("display", "none");
          } else {
            $(".overviewAccordion").css("display", "block");
          }
          $('#tblNodes2').each(function() {
            if (($(this).css('display') !== 'none') || ($('#tblNodes2').html() != "")) {
              all_are_hidden2 = false;
              return false;
            }
          });
          if (all_are_hidden2 == true) {
            $(".specificationAccordion").css("display", "none");
          } else {
            $(".specificationAccordion").css("display", "block");
          }

          if (isEmpty($('#tblNodes'))) {
            $(".overviewAccordion").css("display", "none");
          }

          if (isEmpty($('#tblNodes2'))) {
            $(".specificationAccordion").css("display", "none");
          }
          if (all_are_hidden1 == true && all_are_hidden2 == true || $('.specificationAccordion').css('display') == "none" && $('.overviewAccordion').css('display') == "none") {
            $(".container_X").css("display", "none");
          } else {
            $(".container_X").css("display", "block");
          }
          $(".overviewAccordion").trigger("click");

          $("#tradeIn").html($(itemData).find('#tradeIn').html());

          $('.js-net-monthly-pricing-pdp-trigger').on('click', function() {
            if ($('.js-net-monthly-pricing-modal-trigger').length) {
              $('.js-net-monthly-pricing-modal-trigger')[0].click();
            }
          });

          $('#adobeAnalyticsProductData').html($(itemData).find('#adobeAnalyticsProductData').html());

          window.refreshModals();

          if (window.refreshTradeInModal) window.refreshTradeInModal();
          if (window.initTradeInModals) window.initTradeInModals();
          var $featuresValue = document.querySelector('.js-features-value') || null;

          if ($featuresValue) {
            updateFeaturesMarkup($featuresValue);
          }
        }
      });

      // Set first product in 'Product recommendations' section to current product
      if (productRecommendationsCurrentEl) {
        var viewTemplate = $(productRecommendationsCurrentId)?.data(productRecommendationsView);
        var productRecommendationsUrl = `${viewurl}?view=${viewTemplate}`;
        $.ajax({
          type: 'GET',
          url: productRecommendationsUrl,
          success: function(itemData) {
            setCurrentProduct(productRecommendationsCurrentEl, itemData);
          }
        });
      }
    }
    $(document).on("click",".accordion1",function(){
      this.classList.toggle("active_1");
      this.classList.toggle("headerBlu");
      var panel1 = this.nextElementSibling;
      $(panel1.style.maxHeight);
      if (panel1.style.maxHeight) {
        panel1.style.maxHeight = null;
        $(this).find('span').removeClass("svgrotate_2");
      } else {
        panel1.style.maxHeight = panel1.scrollHeight + "px";
        $(this).find('span').addClass("svgrotate_2");
      }
    });
    checkAvailability();
    var color_sw_array = [];
    $('.smart_radio').each(function(){
      color_sw_array.push($(this).val()+$(this).data('option_count'));
    });
    var diff = $(color_sw_array).not(prod_option2).get();
    for(var i=0;i < diff.length;i++) {
      var smartColor = diff[i];
      var convertedText = handleize(smartColor);
      $('label.title-tip-color-swatch.color-swatch.radio-label.'+convertedText).css("display", "none");
      $('label.title-tip.'+convertedText).css("display", "none");

      // Hide inputs for ADA compliance
      const titleTipColorSwatchInput = $('label.title-tip-color-swatch.color-swatch.radio-label.'+convertedText).prev().is('input');
      const titleTipInput = $('label.title-tip-color-swatch.color-swatch.radio-label.'+convertedText).prev().is('input');

      if (titleTipColorSwatchInput) {
        $('label.title-tip-color-swatch.color-swatch.radio-label.'+convertedText).prev().css("display", "none");
      }

      if (titleTipInput) {
        $('label.title-tip-color-swatch.color-swatch.radio-label.'+convertedText).prev().css("display", "none");
      }
    }
    function handleize(str) {
      const normalizedStr = str.normalize('NFD'); // Normalize

      return normalizedStr
        .replace(/\p{Diacritic}/gu, '') // Remove diacritics
        .replace(/[()]/g, '') // Remove parentheses to match Shopify handleize filter functionality
        .replace(/^([^a-zA-Z0-9])*(.*?)/, '$2') // Remove non alphanumeric characters from start and end
        .replace(/([^a-zA-Z0-9])/g, '-') // Replace non alphanumeric characters with hyphen
        .replace(/-+/g, '-') // Replace duplicate hyphens with single hyphen
        .toLowerCase();
    }
    function checkAvailability(){
      var out_of_stock = "Out of Stock";
      var not_present = "Combination does not exist";
      var totalvarients = $('fieldset.product-form__input:not(.product-form__input--trade-in)').length;
      for(var i=0;i<totalvarients;i++) {
        $('.product-form__input').eq(i).find('input').each(function(){
          if (!$(this).is(":checked")) {
            var currelt = '';
            for(var j=0;j<totalvarients;j++) {
              currelt = currelt == '' ? currelt : currelt + '|!';
              if(j == i){
                currelt = currelt  + $(this).data('varient');
              } else {
                currelt = currelt  + $('.product-form__input').eq(j).find('input:checked').data('varient');
              }
            }
            if(prod_option1[currelt] == "false"){
              $(this).addClass('disabled');
              $(this).addClass('disabled-strike');
              $(this).next("label").attr("data-noproduct",out_of_stock);

            }
            if(prod_option1[currelt] == undefined){
              if(($(this).data("option_name") != 'Color')){
                $(this).addClass('disabled');
                $(this).addClass('disabled-cursor');
                $(this).next("label").attr("data-noproduct",not_present);
              }
            }
          }
          if ($(this).is(":checked")) {
            var currelt = '';
            for(var j=0;j<totalvarients;j++) {
              currelt = currelt == '' ? currelt : currelt + '|!';
              if(j == i){
                currelt = currelt  + $(this).data('varient');
              } else {
                currelt = currelt  + $('.product-form__input').eq(j).find('input:checked').data('varient');
              }
            }
            if(prod_option1[currelt] == "false"){
              $(this).addClass('disabled-strike');
              $(this).next("label").attr("data-noproduct",out_of_stock);
            }
            var currelt = $(this).data('varient');
            $(this).closest("fieldset").attr("data-selectedcolor",currelt);
          }
        });
      }
    }
    var product_id= "46167835508887";
    var product_sku = "MG8H4ID/A";
    var product_title = "KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan";
    var product_type = "";
    var product_price = "10,000";
    var productcomPrice = "10,000";
    var product_handle = "";
    var mpnhandle = $("#mpn_handle_"+product_id).val();
    callOptGa(product_id,product_sku,product_title,product_type,product_price,productcomPrice);
    function callOptGa(product_id,product_sku,product_title,product_type,product_price,productcomPrice){
      if(localStorage.getItem("product-click")){
        var item_list_name = localStorage.getItem("product-click");
      }else{
        var item_list_name = formatString($("#product_list").val());
      }
      var prevPage= document.referrer;
      if(prevPage.includes("search")){
        var search_value = localStorage.getItem("search_value_term");
        if(localStorage.getItem("product-click")){
          var item_list_name = localStorage.getItem("product-click");
        } else {
          var item_list_name = "Search Results";
        }
      }
      var prodQuant = 1;
      var productCurrency = "IDR";
      function formatString(str) {
        return str
        .replace(/(\B)[^ ]*/g, match => (match.toLowerCase()))
        .replace(/^[^ ]/g, match => (match.toUpperCase()));
      }
      var productPrice = Number(product_price.replace(/[^0-9.-]+/g,""));
      var value_price = productPrice * parseInt(prodQuant);
      var value_price1 = parseFloat(value_price);
      var productPrice1 = parseFloat(productPrice);
      document.getElementById("product_list")?.setAttribute('value', item_list_name);
      if((prevPage.includes("search")) && (item_list_name == "Search Results")){
        dataLayer.push({ 'ecommerce': null });
        dataLayer.push({
        'event': 'select_item',
          'search_term':search_value,
          'ecommerce': {
            'items': [{
              'item_id': product_sku,
              'item_name': product_title,
              'item_category': product_type,
              'item_list_name' :item_list_name,
              'price': productPrice,
              'quantity':1
            }]
          }
        });
      }

      dataLayer.push({ 'ecommerce': null });
      dataLayer.push({
      'event': 'view_item',
        'search_term':search_value,
        'currency': productCurrency,
        'value': value_price1,
        'ecommerce': {
          'items': [{
            'item_id': product_sku,
            'item_name': product_title,
            'item_category': product_type,
            'item_list_name' :item_list_name,
            'price': productPrice,
            'quantity':1
          }]
        }
      });

    }
    $(".infocircle").click(function(){
      $(".infocircle").removeClass("tooltip-active");
      $(this).addClass("tooltip-active");
      $(".infocircle .inf1").addClass("inf3");
      $(".infocircle .inf2").addClass("inf3");
    });

    // Set the current product as the first item in the 'Product recommendations' section
    function setCurrentProduct($el, data) {
      $el.html(data);
    }

    function mediaSize_1(className) {
      if (window.matchMedia('(max-width: 1024px)').matches) {
        $(className).css("display", "block");
      } else {
        $(className).css("display", "flex");
      }
    }
    function mediaSize_2(className) {
      if (window.matchMedia('(max-width: 1024px)').matches) {
        $(className).css("display", "block");
      } else {
        $(className).css("display", "inline-flex");
      }
    }

    $('.product__media-gallery').prepend('<div class="mobile_media_slider"><ul class="slider_media"></ul></div>');

    // Remove aria-describedby from slick slides for mobile
    setTimeout(() => {
      const slickSlides = $('.mobile_media_slider .slider_media').find('.slick-list .slick-slide');
      adaFormatSlickSlides(slickSlides);
    }, 250);

    $('.variant-meta-image').each( function() {
      var elem = $(this).find('img');
      var img_src = $(this).find('img').attr('data-src');
      if(elem.length) {
        getMeta(img_src, elem);
      }
    });
    $('.video').parent().click(function () {
      if($(this).children(".video").get(0).paused){
        $(this).children(".video").get(0).play();
      }else{
        $(this).children(".video").get(0).pause();
      }
    });
      var videos = document.querySelectorAll('video');
      for(var i=0; i<videos.length; i++){
       videos[i].addEventListener('play', function(){pauseAll(this)}, true);
      }
    function pauseAll(elem){
      for(var i=0; i<videos.length; i++){
        if(videos[i] == elem) continue;
        if(videos[i].played.length > 0 && !videos[i].paused){
          videos[i].pause();
        }
      }
    }
    $('.variant-all-image').each( function() {
      $(this).css("display","none");
    });
    $('.variant-meta-image').each( function() {
      $(this).css("display","none");
    });
    $('.is-active').css("display","block");
    $('.product-media-modal__content img').each( function() {
      $(this).hide();
    });
    $('.product-media-modal__content video').each( function() {
      $(this).hide();
    });
    $('.product-media-modal__content deferred-media').each( function() {
      $(this).hide();
    });
    $('.product-media-modal__content deferred-media video').each( function() {
      $(this).hide();
    });
    var c1 = parseInt($(".variant-listed-image-46167835508887").length);
    
      var c2 = 0;
    
    var c3 = c1 + c2;
    
    if(c3 == 0) {
      $(".common_medias").each( function() {
        $(this).css("display","block");
      });
      $(".variant-meta-image").each( function() {
        $(this).css("display","none");
      });
      //$('.slider_media').slick('unslick');
      $('.slider_media').html('');
      $(".common_medias").each(function(){
        var data = $(this).find('.product__media').html()
        $('.slider_media').append('<li>'+data+'</li>');
      })
      $('.slider_media').slick({
        prevArrow: `
          <button class="slide-arrow prev-arrow">
            <span class="screenreader">Previous</span>
            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75019 12.1051L7.68603 11.1692L2.86004 6.34323L7.68603 1.51724L6.75019 0.581398L0.988358 6.34323L6.75019 12.1051Z" fill="black"/>
            </svg>
          </button>
        `,
        nextArrow: `
          <button class="slide-arrow next-arrow">
            <span class="screenreader">Next</span>
            <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.24979 0.581417L0.313952 1.51726L5.13995 6.34325L0.313952 11.1692L1.24979 12.1051L7.01163 6.34325L1.24979 0.581417Z" fill="black"/>
            </svg>
          </button>
        `
      });
      $('.slider_media').on('beforeChange', function(event, slick, currentSlide, nextSlide){
        $('video').each(function() {
          $(this).get(0).pause();
        });
      });
      $('.slider_media').on('afterChange', function(event, slick, currentSlide, nextSlide){
        if( $('.slick-current').find('video').length !== 0) {
          $(".slider_media .slick-current video")[0].play();
        }
      });
      $('.product-media-modal__content img').not('.custom_media_images').each( function() {
        $(this).show();
      });
      $('.product-media-modal__content deferred-media').each( function() {
        $(this).show();
      });
      $('.product-media-modal__content deferred-media video').each( function() {
        $(this).show();
      });
      return;
    }

    $('body').on('click','.frequent-products-checkbox',function() {
      if ($(this).is(':checked')) {
        $(this).siblings('label').html(varselect);
      } else {
        $(this).siblings('label').html(varunselect);
      }
    });

    function resetErrors() {
      var errorMessage = document?.querySelector('.js-qty-error') || null;
      var qtyInput = document?.querySelector('.js-qty-input') || null;

      // reset error messaging
      if (errorMessage) {
        errorMessage.classList.add('hidden');
      }
      if (qtyInput) {
        qtyInput.classList.remove('quantity--error');
      }
    }

    function updateFeaturesMarkup(val) {
      var $container = document.querySelector('.overviewPanel');
      var $list = document.createElement('ul');
      var $content = val.innerHTML;

      if ($content && $content?.length > 0) {
        // Split the content by <br> tag
        var $items = $content.split(/<br\s*\/?>/i);

        if ($items?.length > 0) {
          $items = $items.map((item) => {
            var $listItem = document.createElement('li');
            $listItem.innerHTML = item;

            // add li to $list
            $list.appendChild($listItem);
          });

          // Clear the existing content
          val.innerHTML = '';
          val.appendChild($list);

          if ($container && $container?.style?.maxHeight) {
            // update the max height of the container to account for the new content
            $container.style.maxHeight = $container.scrollHeight + 'px';
          }
        }
      }
    }
  });
</script>


<script>
  $(document).ready(function() {
    $(document).on('click', '#apple-care-add', function (event) {
      var isChecked = $('#add-apple-care').is(':checked');
      if (isChecked) {
        $('#add-apple-care').prop('checked', false);
        $("#apple-care-add .pdp-care-btn").html("Add");
        // $("#apple-added-if").val("");
      } else {
        $('#add-apple-care').prop('checked', true);
        $("#apple-care-add .pdp-care-btn").html("Added");
        // $("#apple-added-if").val("added");
      }
      var appleCareID = $(this).attr("data-index");
      $("#apple-care-varid").val(appleCareID);
      updatePriceAfterAddingCareOrWarranty();
    });
    $(document).on('click', '#secWarranty-add', function (event) {
      var isChecked2 = $('#add-secWarranty').is(':checked');
      if (isChecked2) {
        $('#add-secWarranty').prop('checked', false);
        $("#secWarranty-add .pdp-secWarranty-btn").html("Add");
      } else {
        $('#add-secWarranty').prop('checked', true);
        $("#secWarranty-add .pdp-secWarranty-btn").html("Added");
        // $("#apple-added-if").val("added");
      }
      var secWarrantyID = $(this).attr("data-index");
      $("#secWarranty-varid").val(secWarrantyID);
      updatePriceAfterAddingCareOrWarranty();
    });

    // Reset trade-in values to 0
    $(document).on('click', '#no-trade-in', () => {
      const $tradeInValueAmounts = document.querySelectorAll('.js-trade-in-value-amount');
      const $startTradeInBtn = document.querySelector('.js-product-option-form .js-trade-in-modal-trigger-input');
      const $startTradeInBtnLabel = document.querySelector('.js-product-option-form .js-trade-in-modal-trigger-input + label');
      const $hiddenSelectedTradeIn = document.querySelector('#selected-trade-in-value');
      const $productPrices = document.querySelectorAll('.js-product-price-with-care-warranty');

      $tradeInValueAmounts.forEach(($tradeInValueAmount) => {
        if ($tradeInValueAmount.classList?.contains('pdp-value-amount')) {
          $tradeInValueAmount.innerText = '$0';
          $tradeInValueAmount.setAttribute('data-trade-in-value', 0);
          $tradeInValueAmount.parentElement?.classList?.add('hidden');
        }
      });

      $startTradeInBtnLabel.innerText = 'Start trade-in';
      $hiddenSelectedTradeIn.value = 0;

      updatePriceAfterRemovingTradeIn();
    });

    function updatePriceAfterRemovingTradeIn() {
      const isAppleCareAdded = $('#add-apple-care').is(':checked');
      const isWarrantyAdded = $('#add-secWarranty').is(':checked');
      const isTradeInAdded = document.querySelector('#selected-trade-in-value')?.value;
      const $productPrices = document.querySelectorAll('.js-product-price-with-care-warranty');

      $('.js-product-price-with-care-warranty').each((i, $productPrice) => {
        const price = $($productPrice).data('price');
        let updatedPrice;

        /* TO BE ADDED */
        if (isTradeInAdded && isAppleCareAdded && isWarrantyAdded) {
          updatedPrice = $($productPrice).attr('data-price-with-care-and-secWarranty');
        } else if (isTradeInAdded && isAppleCareAdded) {
          updatedPrice = $($productPrice).attr('data-price-with-care');
        } else if (isTradeInAdded && isWarrantyAdded) {
          updatedPrice = $($productPrice).attr('data-price-with-secWarranty');
        } else if (isTradeInAdded) {
          updatedPrice = price;
        } else {
          updatedPrice = price;
        }

        $($productPrice).html(updatedPrice);
      });
    }

    function updatePriceAfterAddingCareOrWarranty() {
      const isAppleCareAdded = $('#add-apple-care').is(':checked');
      const isWarrantyAdded = $('#add-secWarranty').is(':checked');
      const hasTradeIn = $('#selected-trade-in-value').val() && $('#selected-trade-in-value').val() !== '0' && $("#selected-trade-in-device").val() !== '';
      const hiddenSelectedTradeInValue = $('#selected-trade-in-value').val();
      const tradeInPrice = hiddenSelectedTradeInValue
        ? formatMoney(hiddenSelectedTradeInValue)
        : 0;

      $('.js-product-price-with-care-warranty').each(function(i, $productPrice) {
        let price = $(this).attr('data-price');
        const nmpPriceCalculation = $(this).data('priceCalculation');

        if (isAppleCareAdded && isWarrantyAdded && hasTradeIn) {
          price = setPriceWithTradeIn('data-price-with-care-and-secWarranty', $productPrice);
        } else if (isAppleCareAdded && isWarrantyAdded) {
          price = $(this).attr('data-price-with-care-and-secWarranty');
        } else if (isAppleCareAdded && hasTradeIn) {
          price = setPriceWithTradeIn('data-price-with-care', $productPrice);
        } else if (isWarrantyAdded && hasTradeIn) {
          price = setPriceWithTradeIn('data-price-with-secWarranty', $productPrice);
        } else if (isAppleCareAdded) {
          price = $(this).attr('data-price-with-care');
        } else if (isWarrantyAdded) {
          price = $(this).attr('data-price-with-secWarranty');
        } else if (hasTradeIn) {
          price = setPriceWithTradeIn('data-price', $productPrice);
        }

        $(this).html(price);
      });
    }

    function setCookie(name, value, days) {
      var expires = "";
      if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
      }
      document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    function getCookie(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
      }
      return null;
    }

    function eraseCookie(name) {
      document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    }

    //added by anusha - 4th variant option cookie approach - start

    //check if the main product is inside 4th option product list. if its present, set cookie array
    var pid = "9183584747671";
    var pid1 = "";
    var pid1 = pid1.replace(/\s/g, "");
    var pid2 = pid1.split('-');
    var count = 0;
    for (var j = 0; j < pid2.length; j++) {
      var a = pid2[j];
      var b = pid;
      if (a.trim() == b.trim()) {
        count++;
      }
    }
    if (count > 0) {
      setCookie('optionPIDlist', pid2.join('|'), {
        path: '/'
      });
    }

    // if the main product has 'empty 4th product list', then delete all the cookies
    if (!pid1.length > 0) {
      eraseCookie('option1select');
      eraseCookie('option2select');
      eraseCookie('option3select');
      eraseCookie('optionPIDlist');
    }

    // cookie values - 3 options
    let op1 = getCookie('option1select');
    let op2 = getCookie('option2select');
    let op3 = getCookie('option3select');

    // when customer change the 4th option selection - trigger click event (inorder to set cookie values for 3 options)
    if (op1 && $('fieldset.product-form__input[data-opcount="1"]').length > 0) {
      setTimeout(function() {
        $('fieldset.product-form__input[data-opcount="1"]').find('label[data-title="' + op1 + '"]').trigger('click');
      }, 1000);
    };
    if (op2 && $('fieldset.product-form__input[data-opcount="2"]').length > 0) {
      setTimeout(function() {
        $('fieldset.product-form__input[data-opcount="2"]').find('label[data-title="' + op2 + '"]').trigger('click');
      }, 1000);
    };
    if (op3 && $('fieldset.product-form__input[data-opcount="3"]').length > 0) {
      setTimeout(function() {
        $('fieldset.product-form__input[data-opcount="3"]').find('label[data-title="' + op3 + '"]').trigger('click');
      }, 1000);
    };

    let op11 = $("input[type='radio'][name='size']:checked").val();
    let op22 = $("input[type='radio'][name='color']:checked").val();
    let op33 = $("input[type='radio'][name='']:checked").val();

    // when customer dont click on any of the variant buttons - set cookie values for 3 options from current mainprod variant selection
    if (op1 == null && op2 == null && op3 == null) {
      if (op11 && $('fieldset.product-form__input[data-opcount="1"]').length > 0) {
        setTimeout(function() {
          $('fieldset.product-form__input[data-opcount="1"]').find('label[data-title="' + op11 + '"]').trigger('click');
        }, 1000);
      };
      if (op22 && $('fieldset.product-form__input[data-opcount="2"]').length > 0) {
        setTimeout(function() {
          $('fieldset.product-form__input[data-opcount="2"]').find('label[data-title="' + op22 + '"]').trigger('click');
        }, 1000);
      };
      if (op33 && $('fieldset.product-form__input[data-opcount="3"]').length > 0) {
        setTimeout(function() {
          $('fieldset.product-form__input[data-opcount="3"]').find('label[data-title="' + op33 + '"]').trigger('click');
        }, 1000);
      };
      if (getCookie('optionPIDlist')) {
        setCookie('option1select', op11, 7);
        setCookie('option2select', op22, 7);
        setCookie('option3select', op33, 7);
      }
    }
    // added by anusha - 4th variant option cookie approach - end

    if (vat_free_day == true) {
      var vat_price_footer = $(".pricestyle").find(".vat_price_bold").text();
      if (vat_price_footer != "") {
        $("#price-element").find(".footerOr2").css("display", "none");
      }
    }
  });
</script>



<script>
  $(document).on('change', 'input[type="number"]', function (event) {
    this.value = this.value.replace(/[^0-9]+/g, '');
    if (this.value < 1) this.value = 0;
  });
  $(document).on('keypress', 'input[type="number"]', function (event) {
    if (
      (event.target.value.length == 0 && event.which == 48) ||
      (event.target.value.length == 0 && event.which > 31 && event.which < 48) ||
      (event.target.value.length == 0 && event.which > 57 && event.which < 128)
    ) {
      return false;
    }
  });
  $(document).on('keypress', 'input[type="number"]', function (event) {
    return (((event.which > 47) && (event.which < 58)) || (event.which == 13));
  });

  // reload page on back button click since the cached version on Safari browsers is incorrect
  $(window).bind("pageshow", function(event) {
    if (event.originalEvent.persisted) {
      window.location.reload();
    }
  });
</script>


<style data-shopify="">
  .add-on-product-style.add-on-product-style-secWarranty .care-pdp-title {
  /*     margin-left: 0; */
  }
</style>


<style> #shopify-section-template--18725171265687__main .accordion__content p a {color: var(--color-link-dynamic-label) !important;} #shopify-section-template--18725171265687__main .popup_round_border {display: none;} </style></section><div id="shopify-section-template--18725171265687__collapsecon" class="shopify-section js-collapsecon"><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/collapsecon.css?v=55192844502193137581759819270" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/productMarketingContent.css?v=134348870364535945721759819272" rel="stylesheet" type="text/css" media="all">

<div id="collapseconID" class="container_X page-width product-page-width main-accordions" style="display: block;">
  
  <div class="overviewAccordion accordion1 bordertop active_1 headerBlu" style="display: block;">
    <span class="headerBlu accordionTitle svgrotate_2">Overview </span>
    <span class="caretDiv svgrotate_2">
      <svg aria-hidden="true" focusable="false" role="presentation" class="careticon icon icon-caret " viewBox="0 0 10 6">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="careticon">

        </path>
      </svg>
    </span>
  </div>
  <div class="panel1 overviewPanel" style="max-height: 1442px;">
    <div class="tableborderseparate" id="tblNodes">
      
      
        <div class="transparent_2 description">
          <div class="metafieldLabel collapseTheTd2">Description</div>
          <div class="collapseTheTd2 overviewVal">
          <h2 style="color: #ff0000; font-weight: bold; font-family: cursive;">Pembahasan Lebih Jelas Tentang KLIKBET77</h2>
          <p style="text-align: justify; font-family: cursive; padding-top: 20px;"><a href="https://domains.genericwebsites.com/products/ssl"><span style="color: #ff0000; font-weight: bold;">KLIKBET77</span></a> hadir sebagai bandar resmi taruhan bola terpercaya yang memberikan pengalaman bermain terbaik bagi para pecinta judi online, khususnya taruhan parlay. Dengan sistem yang modern dan stabil, KLIKBET77 mampu menghadirkan berbagai pilihan pasaran bola lengkap dengan odds yang kompetitif. Hal ini tentu menjadi daya tarik tersendiri bagi pemain yang ingin mendapatkan peluang kemenangan lebih besar dengan strategi yang tepat.</p>
          <p style="text-align: justify; padding-top: 10px; font-family: cursive;">Selain itu, KLIKBET77 juga dikenal karena kemudahan akses dan proses transaksi yang cepat. Pemain dapat dengan mudah melakukan deposit dan penarikan tanpa hambatan, sehingga fokus utama tetap pada permainan. Dukungan layanan pelanggan yang responsif juga menjadi nilai tambah, karena siap membantu kapan saja jika pemain mengalami kendala saat bermain atau bertransaksi.</p>
          <p style="text-align: justify; padding-top: 10px; font-family: cursive;">Tidak hanya itu, KLIKBET77 dapat diakses di berbagai perangkat, baik melalui smartphone, tablet, maupun desktop. Fleksibilitas ini memungkinkan pemain untuk tetap menikmati permainan kapan saja dan di mana saja. Dengan kombinasi keamanan, kenyamanan, serta fitur lengkap yang ditawarkan, KLIKBET77 menjadi pilihan tepat bagi para pemain yang mencari bandar taruhan bola terpercaya dengan peluang cuan maksimal.</p>

</div>
</div>
</div>
</div>

  
  <div class="specificationAccordion accordion1  accordionTitle" style="display: none;">
    <span class="headerBlu accordionTitle">Specifications</span>
    <span class="caretDiv">
      <svg aria-hidden="true" focusable="false" role="presentation" class="careticon icon icon-caret " viewBox="0 0 10 6">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="careticon">

        </path>
      </svg>
    </span>
  </div>
  <div class="panel1 specificationPanel">
    <div class="tableborderseparate" id="tblNodes2">
      
      
      
      
      
      
      
      
      
      
      
      

      

      
      
    </div>
  </div>
  
  
  
  
  
  
</div>

<script defer="">
  $(document).ready(function () {
    $('.overviewAccordion').trigger('click');
  });
</script>
<script defer="">
  $(document).ready(function () {
    function isEmpty(el) {
      return !$.trim(el.html());
    }
    let all_are_hidden1 = true;
    let all_are_hidden2 = true;
    $('#tblNodes').each(function () {
      if ($(this).css('display') !== 'none') {
        all_are_hidden1 = false;
        return false;
      }
    });
    if (all_are_hidden1 == true) {
      $('.overviewAccordion').css('display', 'none');
    } else {
      $('.overviewAccordion').css('display', 'block');
    }
    $('#tblNodes2').each(function () {
      if ($(this).css('display') !== 'none') {
        all_are_hidden2 = false;
        return false;
      }
    });
    if (all_are_hidden2 == true) {
      $('.specificationAccordion').css('display', 'none');
    } else {
      $('.specificationAccordion').css('display', 'block');
    }
    if (isEmpty($('#tblNodes'))) {
      $('.overviewAccordion').css('display', 'none');
    }

    if (isEmpty($('#tblNodes2'))) {
      $('.specificationAccordion').css('display', 'none');
    }
    if (
      (all_are_hidden1 == true && all_are_hidden2 == true) ||
      ($('.specificationAccordion').css('display') == 'none' && $('.overviewAccordion').css('display') == 'none')
    ) {
      $('.container_X').css('display', 'none');
    } else {
      $('.container_X').css('display', 'block');
    }
  });
  // var acc1 = document.getElementsByClassName("accordion1");
  // var i;
  // for (i = 0; i < acc1.length; i++) {
  //   acc1[i].addEventListener("click", function() {
  //     this.classList.toggle("active_1");
  //   this.classList.toggle("headerBlu");
  //   var panel1 = this.nextElementSibling;
  //     $(panel1.style.maxHeight);
  //   if (panel1.style.maxHeight) {
  //     panel1.style.maxHeight = null;
  //      $(this).find('svg').removeClass("svgrotate_2");
  //   } else {

  //     panel1.style.maxHeight = panel1.scrollHeight + "px";
  //     $(this).find('svg').addClass("svgrotate_2");
  //   }
  //   });
  // }
</script>


</div><div id="shopify-section-template--18725171265687__product-recommendations-slider" class="shopify-section"><style data-shopify="">.section-template--18725171265687__product-recommendations-slider-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-template--18725171265687__product-recommendations-slider-padding {
      padding-top: px;
      padding-bottom: px;
    }
  }

  .prev{
    position: absolute;
    z-index: 99999;
    top: 34%;
    left: 1%;
  }
  .next{
    position: absolute;
    z-index: 99999;
    top: 34%;
    right: 1%;
  }
  @media screen and (min-width: 1400px) {
    .prev{
      left: -5rem;
    }
    .next{
      right: -5rem;
    }
  }</style><link href="https://www.digimap.co.id/cdn/shop/t/24/assets/product-collection-carousel.css?v=15060387450964793051759819269" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/product-scratch.css?v=31850574234090536971759819272" rel="stylesheet" type="text/css" media="all">




<style data-shopify="">@media screen and (max-width: 480px) {
    .page-width {
      padding: 0;
    }
  }</style>
</div>
      
    </main><div tabindex="-1" aria-hidden="true" id="web-pixels-manager-sandbox-container" data-shopify-privacy="exclude" style="height: 0px !important; width: 0px !important; position: fixed !important; visibility: hidden !important; overflow: hidden !important; z-index: -100 !important; margin: 0px !important; padding: 0px !important; border: 0px !important;"><iframe tabindex="-1" aria-hidden="true" name="web-pixel-sandbox-CUSTOM-29294743-LAX-2760921ew4f3eef0cpe6e0aac2m57029b82" src="https:https://www.digimap.co.id/web-pixels@2760921ew4f3eef0cpe6e0aac2m57029b82/custom/web-pixel-29294743@2/sandbox/modern/products/iphone-17-pro-256gb-cosmic-orange" id="web-pixel-sandbox-CUSTOM-29294743-LAX-2760921ew4f3eef0cpe6e0aac2m57029b82" sandbox="allow-scripts allow-forms" style="height: 0px !important; width: 0px !important; visibility: hidden !important;" bis_size="{&quot;x&quot;:0,&quot;y&quot;:15,&quot;w&quot;:4,&quot;h&quotquot;:4,&quot;abs_x&quot;:0,&quot;abs_y&quot;:15}"></iframe><iframe tabindex="-1" aria-hidden="true" name="web-pixel-sandbox-CUSTOM-172720279-LAX-2760921ew4f3eef0cpe6e0aac2m57029b82" src="https:https://www.digimap.co.id/web-pixels@2760921ew4f3eef0cpe6e0aac2m57029b82/custom/web-pixel-172720279@3/sandbox/modern/products/iphone-17-pro-256gb-cosmic-orange" id="web-pixel-sandbox-CUSTOM-172720279-LAX-2760921ew4f3eef0cpe6e0aac2m57029b82" sandbox="allow-scripts allow-forms" style="height: 0px !important; width: 0px !important; visibility: hidden !important;" bis_size="{&quot;x&quot;:0,&quot;y&quot;:43,&quot;w&quot;:4,&quot;h&quot;:4,&quot;abs_x&quot;:0,&quot;abs_y&quot;:43}"></iframe><iframe tabindex="-1" aria-hidden="true" name="web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-2760921ew4f3eef0cpe6e0aac2m57029b82" src="https:https://www.digimap.co.id/web-pixels@2760921ew4f3eef0cpe6e0aac2m57029b82/custom/web-pixel-shopify-custom-pixel@0450/sandbox/modern/products/iphone-17-pro-256gb-cosmic-orange" id="web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-2760921ew4f3eef0cpe6e0aac2m57029b82" sandbox="allow-scripts allow-forms" style="height: 0px !important; width: 0px !important; visibility: hidden !important;" bis_size="{&quot;x&quot;:0,&quot;y&quot;:72,&quot;w&quot;:4,&quot;h&quot;:4,&quot;abs_x&quot;:0,&quot;abs_y&quot;:72}"></iframe></div>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--18725168611479__footer" class="shopify-section shopify-section-group-footer-group">

<style id="neo-faq-testi-styles">
      .neo-block {
      position: relative;
      margin-top: 10px
      }
      .neo-head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 10px 0 12px;
      font-weight: 800;
      letter-spacing: .9px;
      font-size: 14px;
      color: #fff;
      text-transform: uppercase
      }
      .neo-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #fff, rgba(212, 40, 255, 0.2));
      box-shadow: 0 0 0 4px rgba(194, 40, 255, 0.15), 0 0 18px rgba(212, 40, 255, 0.35)
      }
      .neo-faq {
      display: grid;
      gap: 10px
      }
      .neo-item {
      border-radius: 16px;
      border: 1px solid rgba(255, 40, 244, 0.22);
      background: radial-gradient(circle at 30% 30%, #fff, rgba(212, 40, 255, 0.2));
      box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 50px rgba(0, 0, 0, .45);
      overflow: hidden
      }
      .neo-item summary {
      list-style: none;
      cursor: pointer;
      padding: 14px 14px 14px 16px;
      position: relative;
      font-weight: 700;
      color: #fff
      }
      .neo-item summary::-webkit-details-marker {
      display: none
      }
      .neo-item summary:after {
      content: "+";
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: rgba(0, 0, 0, .35);
      border: 1px solid rgba(212, 40, 255, 0.25);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 8px 18px rgba(0, 0, 0, .35);
      transition: transform .2s ease
      }
      .neo-item[open] summary:after {
      content: "/";
      transform: translateY(-50%) rotate(180deg)
      }
      .neo-ans {
      padding: 0 16px 14px;
      color: rgba(255, 255, 255, .88);
      line-height: 1.6
      }
      .neo-item[open] {
      border-color: rgba(176, 40, 255, 0.45)
      }
      .neo-testi-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px
      }
      .neo-testi {
      border-radius: 18px;
      padding: 14px 14px 14px 14px;
      background:
      radial-gradient(80% 80% at 0% 0%, rgba(194, 40, 255, 0.18), transparent 60%),
      radial-gradient(70% 70% at 100% 0%, rgba(255, 0, 234, 0.12), transparent 55%),
      linear-gradient(135deg, rgba(0, 0, 0, .42), rgba(255, 40, 226, 0.05));
      border: 1px solid rgba(169, 40, 255, 0.18);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 55px rgba(0, 0, 0, .5);
      position: relative;
      overflow: hidden
      }
      .neo-testi:before {
      content: "";
      position: absolute;
      inset: -2px;
      background: linear-gradient(90deg, transparent, rgba(255, 0, 234, 0.25), transparent);
      filter: blur(10px);
      opacity: .8;
      animation: neoSweep 3.6s ease-in-out infinite
      }
      @keyframes neoSweep {
      0% {
      transform: translateX(-40%)
      }
      50% {
      transform: translateX(40%)
      }
      100% {
      transform: translateX(-40%)
      }
      }
      .neo-testi>* {
      position: relative;
      z-index: 1
      }
      .neo-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 6px
      }
      .neo-title {
      font-weight: 800;
      color: #fff
      }
      .neo-stars {
      font-size: 13px;
      letter-spacing: 1px;
      color: #ffca28;
      text-shadow: 0 0 10px rgba(151, 40, 255, 0.22)
      }
      .neo-name {
      font-weight: 700;
      color: rgba(255, 255, 255, .9);
      margin-bottom: 6px
      }
      .neo-text {
      color: rgba(255, 255, 255, .85);
      line-height: 1.55
      }
      @media (max-width: 991px) {
      .neo-testi-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr))
      }
      }
      @media (max-width: 575px) {
      .neo-testi-grid {
      grid-template-columns: 1fr
      }
      .neo-item summary {
      padding-right: 56px
      }
      }
    </style>
                    

<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/section-footer.css?v=112971552975380277051759819271" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-newsletter.css?v=35697508531179068801759819270" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-list-menu.css?v=104864129994713251501759819270" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-list-payment.css?v=176967998584360591851759819270" rel="stylesheet" type="text/css" media="all">
<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-list-social.css?v=35792976012981934991759819271" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.footer {
    margin-top: 18px;
  }

  .active_2, .accordion2:after {
    color: #121212;
  }

  .section-sections--18725168611479__footer-padding {
    /* padding-top: 0px; */
    padding-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 24px;
    }

    .section-sections--18725168611479__footer-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }
  .footer_newsletter_icon_section.split {
    align-items: normal;
  }
  .footer-bottom-split-newsletter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .footer-bottom-split-newsletter .footer-block__newsletter:not(:only-child),
  .footer-bottom-split-newsletter .footer-block__newsletter:not(:only-child) .footer-block__heading2 {
    text-align: right;
  }

  .footer-bottom-split-newsletter .footer-block__newsletter:not(:only-child) .footer__newsletter {
    justify-content: flex-start;
    align-items: flex-end;
    float: right;
    height: 100%;
  }

  .footer-block__opening p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 21px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .footer-block__opening p a,
  .footer-block__information_description p a {
    color: var(--color-primary-bt-bg);
  }
  .footer-block__opening_hours {
    background-image: url('https://cdn.shopify.com/s/files/1/0640/4761/2055/files/Time.svg?v=1765185930');
  }
  .footer-block__opening_email {
    background-image: url('https://cdn.shopify.com/s/files/1/0640/4761/2055/files/email.svg?v=1765185931');
  }
  .footer-block__opening_whatsapp {
    background-image: url('https://cdn.shopify.com/s/files/1/0640/4761/2055/files/WhatsApp.svg?v=1765185931');
  }
  .footer-block__information_title  {
    font-weight: 600;
    font-size: 14px;
    color: #121212;
    margin-top: 15px
  }
  .footer-block__information_description {
    font-weight: 400;
    font-size: 14px;
    color: #121212;
  }
  .footer-block__information_description p {
    margin-top: 15px
  }</style><footer class="footer color-background-1 gradient section-sections--18725168611479__footer-padding">
<div id="footerAccordion" class="accordionpadding page-width ">
      <div class="borderTop">
        
          <div class="accordion2 ">
            <span class="headerBlu footer-block__heading">Belanja</span>
            <span class="caretfooter">
              <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="footercareticon">
                </path>
              </svg>
            </span>
          </div>
          <div class="panel2"><ul class="footer-block__details-content list-unstyled"><li>
                        <a href="/pages/view-all-mac" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Mac
                        </a>
                      </li><li>
                        <a href="/pages/view-all-ipad" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          iPad
                        </a>
                      </li><li>
                        <a href="/pages/view-all-iphone" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          iPhone
                        </a>
                      </li><li>
                        <a href="/pages/view-all-watch" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Watch
                        </a>
                      </li><li>
                        <a href="/pages/view-all-music" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Musik
                        </a>
                      </li><li>
                        <a href="/pages/view-all-accessories" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Aksesoris
                        </a>
                      </li></ul></div>
        
          <div class="accordion2 ">
            <span class="headerBlu footer-block__heading">Layanan</span>
            <span class="caretfooter">
              <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="footercareticon">
                </path>
              </svg>
            </span>
          </div>
          <div class="panel2"><ul class="footer-block__details-content list-unstyled"><li>
                        <a href="/pages/digimap-open-studio" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Digimap Open Studio
                        </a>
                      </li><li>
                        <a href="/pages/metode-pembayaran" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Metode pembayaran
                        </a>
                      </li><li>
                        <a href="/pages/device-trade-in" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Tukar tambah
                        </a>
                      </li><li>
                        <a href="/pages/kebijakan-garansi" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Kebijakan garansi
                        </a>
                      </li><li>
                        <a href="/pages/lokasi-servis" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Lokasi servis center
                        </a>
                      </li><li>
                        <a href="/pages/pembatalan-transaksi" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Pembatalan transaksi
                        </a>
                      </li><li>
                        <a href="/pages/bisnis-edukasi" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Edukasi &amp; Perusahaan
                        </a>
                      </li></ul></div>
        
          <div class="accordion2 ">
            <span class="headerBlu footer-block__heading">Tentang kami</span>
            <span class="caretfooter">
              <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="footercareticon">
                </path>
              </svg>
            </span>
          </div>
          <div class="panel2"><ul class="footer-block__details-content list-unstyled"><li>
                        <a href="https://api.whatsapp.com/send?phone=+6285748277740&amp;text=Hello" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Hubungi kami
                        </a>
                      </li><li>
                        <a href="/pages/lokasi-gerai" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Lokasi gerai
                        </a>
                      </li><li>
                        <a href="/pages/tentang-digimap" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Tentang Digimap
                        </a>
                      </li><li>
                        <a href="https://www.map.co.id/id/about-us/" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Tentang MAP
                        </a>
                      </li></ul></div>
        
          <div class="accordion2 ">
            <span class="headerBlu footer-block__heading">Kebijakan</span>
            <span class="caretfooter">
              <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="footercareticon">
                </path>
              </svg>
            </span>
          </div>
          <div class="panel2"><ul class="footer-block__details-content list-unstyled"><li>
                        <a href="/pages/faq" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Syarat &amp; Ketentuan
                        </a>
                      </li><li>
                        <a href="/pages/pengiriman-pengambilan" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Pengiriman
                        </a>
                      </li><li>
                        <a href="/pages/privacy-policy" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                          Privasi
                        </a>
                      </li></ul></div>
        
          <div class="accordion2 ">
            <span class="headerBlu footer-block__heading">Apple Premium Partner</span>
            <span class="caretfooter">
              <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor" class="footercareticon">
                </path>
              </svg>
            </span>
          </div>
          <div class="panel2">
                <div class="subtext_css footer-block__details-content rte">
                  
                </div></div>
          <br>
        
      </div>
    </div>
  
<div class="footer__content-top page-width"><div class="js-footer-blocks-wrapper footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet grid--5-col-desktop grid--5-col-desktop"><div class="footer-block grid__item footer-block--menu"><p class="footer-block__heading inline-richtext">Belanja</p><ul class="footer-block__details-content list-unstyled"><li>
                              <a href="/pages/view-all-mac" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Mac
                              </a>
                            </li><li>
                              <a href="/pages/view-all-ipad" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                iPad
                              </a>
                            </li><li>
                              <a href="/pages/view-all-iphone" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                iPhone
                              </a>
                            </li><li>
                              <a href="/pages/view-all-watch" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Watch
                              </a>
                            </li><li>
                              <a href="/pages/view-all-music" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Musik
                              </a>
                            </li><li>
                              <a href="/pages/view-all-accessories" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Aksesoris
                              </a>
                            </li></ul></div><div class="footer-block grid__item footer-block--menu"><p class="footer-block__heading inline-richtext">Layanan</p><ul class="footer-block__details-content list-unstyled"><li>
                              <a href="/pages/digimap-open-studio" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Digimap Open Studio
                              </a>
                            </li><li>
                              <a href="/pages/metode-pembayaran" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Metode pembayaran
                              </a>
                            </li><li>
                              <a href="/pages/device-trade-in" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Tukar tambah
                              </a>
                            </li><li>
                              <a href="/pages/kebijakan-garansi" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Kebijakan garansi
                              </a>
                            </li><li>
                              <a href="/pages/lokasi-servis" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Lokasi servis center
                              </a>
                            </li><li>
                              <a href="/pages/pembatalan-transaksi" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Pembatalan transaksi
                              </a>
                            </li><li>
                              <a href="/pages/bisnis-edukasi" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Edukasi &amp; Perusahaan
                              </a>
                            </li></ul></div><div class="footer-block grid__item footer-block--menu"><p class="footer-block__heading inline-richtext">Tentang kami</p><ul class="footer-block__details-content list-unstyled"><li>
                              <a href="https://api.whatsapp.com/send?phone=+6285748277740&amp;text=Hello" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Hubungi kami
                              </a>
                            </li><li>
                              <a href="/pages/lokasi-gerai" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Lokasi gerai
                              </a>
                            </li><li>
                              <a href="/pages/tentang-digimap" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Tentang Digimap
                              </a>
                            </li><li>
                              <a href="https://www.map.co.id/id/about-us/" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Tentang MAP
                              </a>
                            </li></ul></div><div class="footer-block grid__item footer-block--menu"><p class="footer-block__heading inline-richtext">Kebijakan</p><ul class="footer-block__details-content list-unstyled"><li>
                              <a href="/pages/faq" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Syarat &amp; Ketentuan
                              </a>
                            </li><li>
                              <a href="/pages/pengiriman-pengambilan" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Pengiriman
                              </a>
                            </li><li>
                              <a href="/pages/privacy-policy" class="footer_content_list link link--text list-menu__item list-menu__item--link">
                                Privasi
                              </a>
                            </li></ul></div></div><div class="page-width footer_newsletter_icon_section split"><div class="footer-bottom-split-opening"><div class="footer-block__opening"><p class="footer-block__opening_hours inline-richtext">Jam 07:00 - 22:00 WIB</p><p class="footer-block__opening_email inline-richtext">email : <a href="/cdn-cgi/l/email-protection#e28a878e8e8da2868b858b8f8392cc818dcc8b86" target="_blank" title="mailto:hello@digimap.co.id"><span class="__cf_email__" data-cfemail="9df5f8f1f1f2ddf9f4faf4f0fcedb3fef2b3f4f9">[email&#160;protected]</span></a></p><p class="footer-block__opening_whatsapp inline-richtext">WhatsApp : <a href="https://api.whatsapp.com/send?phone=+6285748277740&amp;text=Hello" target="_blank" title="https://api.whatsapp.com/send?phone=+6285748277740&amp;text=Hello">+62857 4827 7740</a></p></div><div class="footer-block__information"><p class="footer-block__information_title inline-richtext">Layanan Pengaduan Konsumen</p><div class="footer-block__information_description inline-richtext"><p>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga Kementerian Perdagangan Republik Indonesia<br>WhatsApp Ditjen PKTN:<br>0853-1111-1010</p></div></div></div>
            <div class="footer-bottom-split-newsletter"><div class="footer-block__newsletter"><p class="footer-block__heading2 inline-richtext">BERGABUNGLAH DENGAN BULETIN KAMI</p><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="âœ“"><input type="hidden" name="contact[tags]" value="newsletter">
                <div class="emailTextBoxFooter1 newsletter-form__field-wrapper">
                  <div class="field">
                    <input id="NewsletterForm--sections--18725168611479__footer" type="email" name="contact[email]" class="emailTextBoxFooter1 field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required="">
                    <label class="email_label_css field__label" for="NewsletterForm--sections--18725168611479__footer">
                      Email
                    </label>
                    <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Berlangganan" data-form-type="footer-newsletter">
                      <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="footer_mail_arrow icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</path></svg>

                    </button>
                  </div></div></form></div><div class="footer__content-bottom">
            <div class="footer__content-bottom-wrapper ">
              <div class=" footer__column footer__column--info"><ul class="ulClassSocialIcon footer__list-social list-unstyled list-social" role="list"><li class="social_icon_footer list-social__item-f">
                        <a href="https://www.facebook.com/digimap.id/" class="social_icon_anchor link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"></path>
</svg>
<span class="visually-hidden">Facebook</span>
                        </a>
                      </li><li class="social_icon_footer list-social__item-f">
                        <a href="https://www.instagram.com/digimap_id/" class="social_icon_anchor link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20">
  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"></path>
</svg>
<span class="visually-hidden">Instagram</span>
                        </a>
                      </li></ul><div class="footer__payment">
                    <span class="visually-hidden">Metode pembayaran</span>
                    <ul class="footerPayment list list-payment" role="list"></ul>
                  </div>
                <div class="copyrightCss footer__copyright caption">
                  <span class="copyright__content">Â© 2026, <a href="/" title="">KLIKBET77</a></span>
                  <span class="copyright__content">Didukung oleh Shopify</span>
                </div>
              </div>
            </div>
          </div></div></div>
      </div></footer>
<br>
<br>
 <style>

    .jepeh-fixed-footer {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 99;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      gap: 8px;
      padding: 12px 0;
      background: linear-gradient(160deg, #a50707, #b41111, #fea2a2, #bc1b1b, #a50707);
      border-top: 2px solid rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, 0.23), inset 0 -2px 5px 1px #8b0808, inset 0 -1px 1px 3px #fa7171;
      border-radius: 20px 20px 0 0;
      font-family: "Poppins", "Segoe UI", sans-serif;
      color: #eaffef;
    }
    
    /* === Tombol Footer === */
    .jepeh-fixed-footer a {
      flex: 1;
      max-width: 90px;
      text-align: center;
      text-decoration: none;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      font-size: 13px;
      font-weight: 600;
      text-shadow: #000;
      transition: all 0.25s ease-in-out;
    }
    
    /* Hover efek */
    .jepeh-fixed-footer a:hover {
      color: #ffffff;
      transform: translateY(-6px) scale(1.1);
      text-shadow: #000;
    }
    
    /* === Ikon tombol === */
    .jepeh-fixed-footer img {
      width: 26px;
      height: 26px;
      filter: drop-shadow(0 0 5px #000);
      transition: transform 0.3s ease, filter 0.3s ease;
    }
    
    .jepeh-fixed-footer a:hover img {
      transform: scale(1.25);
      filter: drop-shadow(0 0 10px #000) drop-shadow(0 0 10px #ff0008);
    }
    
    /* === Tombol Tengah (Spesial: Daftar) === */
    .jepeh-fixed-footer .tada {
      background: linear-gradient(160deg, #a50707, #b41111, #fea2a2, #bc1b1b, #a50707);
      border-radius: 50%;
      padding: 8px;
      transform: scale(1.2);
      animation: neonGlow 2.5s infinite alternate;
    }
    
    @keyframes neonGlow {
      0% {
        box-shadow: 0 0 6px #ff0008, 0 0 12px #ff0008;
      }
      25% {
        box-shadow: 0 0 12px #ff0008, 0 0 20px #ff0008;
      }
      50% {
        box-shadow: 0 0 14px #ff0008, 0 0 25px #ff0008;
      }
      75% {
        box-shadow: 0 0 18px #ff0008, 0 0 30px #ff0008;
      }
      100% {
        box-shadow: 0 0 6px #ff0008, 0 0 12px #ff0008;
      }
    }
    
    /* Klik efek */
    .jepeh-fixed-footer a:active {
      transform: scale(0.95);
      opacity: 0.85;
    }
    
    /* === Responsif untuk layar kecil === */
    @media (max-width: 500px) {
      .jepeh-fixed-footer {
        padding: 8px 0;
        border-radius: 16px 16px 0 0;
      }
    
      .jepeh-fixed-footer a {
        font-size: 11px;
      }
    
      .jepeh-fixed-footer img {
        width: 22px;
        height: 22px;
      }
    }
    
    </style>
    

<div class="jepeh-fixed-footer">
  <a href="https://klikbet77-maxwin.kucrutcentong.workers.dev/" target="_blank" rel="nofollow noopener">
    <img src="https://domains.genericwebsites.com/img/icon-kilat77.png" alt="BONUS KLIKBET77">
    Promo
  </a>
  <a href="https://klikbet77-maxwin.kucrutcentong.workers.dev/" target="_blank" rel="nofollow noopener">
    <img src="https://domains.genericwebsites.com/img/icon-kilat77.png" alt="LOGIN KLIKBET77">
    Login
  </a>
  <a href="https://klikbet77-maxwin.kucrutcentong.workers.dev/" target="_blank" rel="nofollow noopener" class="tada">
    <img src="https://domains.genericwebsites.com/img/icon-kilat77.png" alt="DAFTAR KLIKBET77">
    Daftar
  </a>
  <a href="https://klikbet77-maxwin.kucrutcentong.workers.dev/" target="_blank" rel="nofollow noopener">
    <img src="https://domains.genericwebsites.com/img/icon-kilat77.png" alt="WHATSAPP KLIKBET77">
    Whatsapp
  </a>
  <a href="https://klikbet77-maxwin.kucrutcentong.workers.dev/" target="_blank" rel="nofollow noopener">
    <img src="https://domains.genericwebsites.com/img/icon-kilat77.png" alt="LIVE CHAT KLIKBET77">
    Live Chat
  </a>
</div>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  var acc = document.getElementsByClassName('accordion2');
  var i;
  $(document).on('click', '.accordion2', function () {
    this.classList.toggle('active_2');
    this.classList.toggle('headerBlu');
    var panel2 = this.nextElementSibling;
    $(panel2.style.maxHeight);
    if (panel2.style.maxHeight) {
      panel2.style.maxHeight = null;
      $(this).find('span').removeClass('svgrotate');
    } else {
      panel2.style.maxHeight = panel2.scrollHeight + 'px';
      $(this).find('span').addClass('svgrotate');
    }
  });
</script>
</div>
<!-- END sections: footer-group -->

    
    
    
    

    <ul hidden="">
      <li id="a11y-refresh-page-message">Jika memilih salah satu, seluruh halaman akan dimuat ulang.</li>
      <li id="a11y-new-window-message">Membuka di jendela baru.</li>
    </ul>

    <script>
      window.themeJsData = {
        templateName: "product",
        templateStrip: "product",
        cartItemCount: 0,
        shopCurrency: 'IDR',
      }
    </script>
    <script src="https://www.digimap.co.id/cdn/shop/t/24/assets/theme.js?v=35343184324329019891759819272" defer></script>
    <script>
      window.shopUrl = 'https://www.digimap.co.id';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_clear_url: '/cart/clear',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        account_addresses_url: '/account/addresses',
        account_login_url: '/account/login',
        account_logout_url: '/account/logout',
        account_recover_url: '/account/recover',
        account_register_url: '/account/register',
        account_url: '/account',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Tambah ke keranjang`,
        soldOut: `Out of Stock`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] item ditambahkan`,
        itemAdded: `[quantity] item ditambahkan`,
        itemsRemoved: `[quantity] item dihapus`,
        itemRemoved: `[quantity] item dihapus`,
        viewCart: `Lihat keranjang`,
        each: `[money]/satuan`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Gambar [index] kini tersedia di tampilan galeri`,
        shareSuccess: `Tautan disalin ke clipboard`,
        pauseSlideshow: `Jeda slideshow`,
        playSlideshow: `Putar slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
      };

      window.deliveryOptionsStrings = {};
    </script><script src="https://www.digimap.co.id/cdn/shop/t/24/assets/predictive-search.js?v=3351204828225219081759819274" defer></script><my-store-locator-drawer class="gradient my-store-locator-drawer" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="MyStoreLocatorDrawerHeading">
  <div class="my-store-locator-drawer__inner">
    <div class="my-store-locator-drawer__close-wrapper">
      <button class="js-store-locator-drawer-close my-store-locator__close" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</button>
    </div>

<link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-notify-modal.css?v=121279191211236621751759819271" rel="stylesheet" type="text/css" media="all">
<aside id="notifyModal" class="modal ac-moda">
  <form class="modal__inner modal__inner--notify">
    <header class="modal__header">
      <button id="notifyModalClose" type="button" class="modal__close modal-close-button">
        <span class="modal-close-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
            <path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path>
          </svg>
        </span>
        <span class="screenreader">Close</span>
      </button>
      <h3 class="modal__title js-notify-title" data-default="Jangan lewatkan saat item ini tersedia!" data-success="Anda akan diberitahu ketika item ini tersedia.">Jangan lewatkan saat item ini tersedia!</h3>
      <div class="modal__success hide js-notify-title-success hide">
        
        <h3 class="modal__title" data-default="Jangan lewatkan saat item ini tersedia!">Anda akan diberitahu ketika item ini tersedia.</h3>
      </div>
    </header>

    <div class="modal__inner-content">
      <p class="modal__inner-content-p js-notify-content">Masukkan alamat email Anda untuk mendapatkan notifikasi saat item ini tersedia kembali.</p>
      <input class="modal__input js-notify-input" type="email" aria-label="Email">
      <div class="modal__input--error js-notify-error">
        <span class="hide js-notify-general-error-text">Tidak dapat berlangganan pembaruan. Silakan coba lagi nanti.</span>
        <span class="hide js-notify-duplicate-request-error-text">Anda sudah terdaftar</span>
        <span class="hide js-notify-error-request-error-text">Anda harus memasukkan email untuk berlangganan pembaruan produk.</span>
      </div>
    </div>
    <button class="modal__submit modal__submit--notify button button--full-width button--primary js-notify-submit" type="button">
      <span class="screenreader">Submit</span>
      <span class="modal__submit-text">Beritahukan Saya</span>
    </button>
    <button class="modal__submit modal__submit--notify button button--full-width button--primary hide js-notify-success-button" type="button">
      <span class="screenreader">Close</span>
      <span class="modal__submit-text">Selesai</span>
    </button>
  </form>
  <div class="notify-modal__overlay modal-page-overlay js-notify-overlay"></div>
</aside>

<style>
  
    .modal__submit.modal__submit--notify {
      background-color: #121212;
    }
  
  
    .modal__submit.modal__submit--notify {
      color: #FFFFFF;
    }
  
</style>
<div class="seedkit-component-standalone">
      <a class="ac-modal-trigger hidden js-net-monthly-pricing-modal-trigger" data-modal-target="modal-net-monthly-pricing-modal" data-modal-url="">Selengkapnya<i class="fa-solid fa-angle-right billboard_icon"></i></a>
    
  
  
  
  
  
  
</div>


    
  <div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "product"
  };
</script>


</div><div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
  <script defer="" src="https://backinstock.useamp.com/widget/48_1767161549.js?category=bis&amp;v=6"></script>


<script id="back-in-stock-helper-embedded">
  var _BISConfig = _BISConfig || {};

  
    _BISConfig.product = {"id":9183584747671,"title":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan","handle":"iphone-17-pro-256gb-cosmic-orange","description":"\u003cp\u003eiPhoneâ€¯17â€¯Pro. iPhone paling andal yang pernah ada. Layar 6,3â€¯inci yang cemerlang,1 desain unibody aluminium, chip A19â€¯Pro, semua kamera belakang 48â€¯MP, dan terobosan kekuatan baterai.\u003c\/p\u003e\n\u003cp\u003ePoin-poin fitur utama&nbsp; \u003cbr\u003e DESAIN UNIBODY. UNTUK KEANDALAN MENGAGUMKAN. â€” Unibody aluminium, ditempa dalam suhu tinggi untuk iPhone paling andal yang pernah dibuat. \u003cbr\u003e CERAMIC SHIELD TANGGUH. DEPAN DAN BELAKANG. â€” Ceramic Shield melindungi bagian belakang iPhoneâ€¯17 Proâ€¯Max, membuatnya 4xâ€¯lipat lebih tahan retak.2 Dan Ceramicâ€¯Shieldâ€¯2 baru di bagian depan 3xâ€¯lipat lebih tahan gores.3 \u003cbr\u003e SISTEM KAMERA PRO PALING MAKSIMAL â€” Dengan semua kamera belakang 48â€¯MP dan 8xâ€¯zoom kualitasâ€¯optik â€” rentang zoom terluas yang pernah ada diâ€¯iPhone. Seperti membawa 8â€¯lensa pro di saku Anda. \u003cbr\u003e KAMERA DEPAN 18MPâ€¯CENTERâ€¯STAGE â€” Berbagai cara fleksibel untuk mengatur framing. Selfie grup lebih pintar, video Dual Capture untuk perekaman depan dan belakang secara bersamaan, dan banyak lagi. \u003cbr\u003e CHIP A19â€¯PRO. PENDINGINAN UAP. SECEPAT KILAT. â€” A19â€¯Pro adalah chip iPhone paling andal yang pernah ada, menghadirkan performa berkelanjutan hingga 40â€¯persen lebih baik. \u003cbr\u003e TEROBOSAN KEKUATAN BATERAIâ€” Desain unibody menghasilkan tambahan kapasitas baterai yang besar, untuk pemutaran video hingga 33â€¯jam.4 Isi daya hingga 50% dalam 20â€¯menit.5 \u003cbr\u003e iOS 26. TAMPILAN BARU. LEBIH BANYAK KEAJAIBAN. â€” Desain baru dengan Liquidâ€¯Glass. Indah, menyenangkan, dan tetap familier. Dengan Layarâ€¯Terkunci yang lebih terang, voting dan latar belakang di Pesan yang dapat disesuaikan, Penyaringanâ€¯Panggilan, dan banyak lagi.6 \u003cbr\u003e FITUR KESELAMATAN PENTING â€” Dengan Deteksiâ€¯Tabrakan, iPhone bisa mendeteksi tabrakan mobil yang parah dan memanggil bantuan saat Anda tak bisa.7 \u003cbr\u003e KONEKTIVITAS MAKIN KUAT. KECEPATAN MAKIN UNGGUL. â€” Tetap terhubung lebih cepat dengan koneksi aman ke Wi-Fiâ€¯7,8 jaringan 5G,9 danâ€¯Bluetooth 6, plus eSIM.10 \u003cbr\u003e eSIM, FLEKSIBEL. AMAN. LANCAR. â€” Dengan eSIM, Anda menikmati lebih banyak fleksibilitas, kemudahan yang disempurnakan, keamanan yang ditingkatkan, dan konektivitas lancar, terutama saat bepergian ke luar negeri.10 \u003cbr\u003e PRIVASI â€” Level privasi dan keamanan yang benar-benar baru. Terpasang di dalamnya.\u003c\/p\u003e\n\u003cp\u003eLegal \u003cbr\u003e 1Layar memiliki sudut melengkung yang mengikuti desain lekukan yang indah, dan semua sudut ini berada diâ€¯dalam bidang persegi standar. Jika diukur sebagai bentuk persegi standar, layarnya memiliki ukuran diagonal 6,27â€¯inci (iPhoneâ€¯17, iPhoneâ€¯17â€¯Pro), 6,55â€¯inci (iPhoneâ€¯Air), atau 6,86â€¯inci (iPhoneâ€¯17 Proâ€¯Max). Area bidang layar berukuran lebih kecil. \u003cbr\u003e 2Dibandingkan dengan bagian belakang kaca pada iPhone generasi sebelumnya. \u003cbr\u003e 3Dibandingkan dengan iPhone generasi sebelumnya. \u003cbr\u003e 4Semua klaim baterai bergantung pada konfigurasi jaringan dan banyak faktor lain; hasil aktual bervariasi. Baterai memiliki siklus pengisian daya yang terbatas danâ€¯pada akhirnya perlu diganti. Kekuatan baterai dan jumlah siklus pengisian daya bervariasi tergantung penggunaan dan pengaturan. Lihat apple.com\/batteries dan apple.com\/iphone\/battery.html untuk informasi selengkapnya. \u003cbr\u003e 5Pengujian dilakukan oleh Apple pada bulan Juliâ€¯2025 menggunakan unit dan perangkat lunak iPhoneâ€¯17, iPhoneâ€¯Air, iPhoneâ€¯17â€¯Pro, dan iPhoneâ€¯17 Proâ€¯Max praproduksi, Kabel Pengisi Daya USBC dengan Adaptor Daya Dinamis 40â€¯W Apple dengan 60â€¯Wâ€¯Max (Modelâ€¯A3351), dan Pengisi Daya MagSafe Apple (1â€¯meter Modelâ€¯A3502 dan 2â€¯meter Modelâ€¯A3503) dengan Adaptorâ€¯Daya USB-C 30â€¯W Apple (Model A2164) atau Adaptorâ€¯Daya Dinamis 40â€¯W Apple dengan 60â€¯Wâ€¯Max (Modelâ€¯A3351). Pengujian pengisian daya cepat dilakukan dengan unit iPhone yang dayanya terkuras. Waktu diukur dari munculnya logoâ€¯Apple ketika unit dinyalakan. Waktu isi daya bervariasi berdasarkan faktor adaptor, pengaturan, penggunaan, dan lingkungan; hasil aktual bervariasi. \u003cbr\u003e 6Beberapa fitur mungkin tersedia tidak untuk semua negara atau semua wilayah. \u003cbr\u003e 7iPhoneâ€¯17, iPhoneâ€¯17â€¯Pro, dan iPhoneâ€¯Air bisa mendeteksi tabrakan mobil yang parah dan memanggil bantuan. Memerlukan panggilan Wi-Fi atau koneksi seluler. \u003cbr\u003e 8Wiâ€‘Fiâ€¯7 tersedia di negara dan wilayah yang mendukung. \u003cbr\u003e 9Memerlukan paket data. 5G tersedia di pasar tertentu dan melalui operator tertentu. Kecepatan bervariasi menurut kondisi lokasi dan operator. Untuk detail tentang dukungan 5G, hubungi operator Anda dan lihat apple.com\/iphone\/cellular. \u003cbr\u003e 10Penggunaan eSIM memerlukan operator yang mendukung eSIM dan paket layanan nirkabel. Hubungi operator Anda untuk informasi lebih lanjut. Untuk mengetahui selengkapnya, kunjungiâ€¯apple.com\/esim.&nbsp;\u003c\/p\u003e","published_at":"2025-10-08T10:04:37+07:00","created_at":"2025-10-07T09:27:20+07:00","vendor":"Apple","type":"","tags":[],"price":10000,"price_min":10000,"price_max":10000,"available":true,"price_varies":false,"compare_at_price":10000,"compare_at_price_min":10000,"compare_at_price_max":10000,"compare_at_price_varies":false,"variants":[{"id":46167835508887,"title":"256GB \/ Cosmic Orange","option1":"256GB","option2":"Cosmic Orange","option3":null,"sku":"0788-APPMG8H4ID-A","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"KLIKBET77: Bandar Resmi Taruhan Bola Terpercaya Trik Main Parlay Mudah Cuan - 256GB \/ Cosmic Orange","public_title":"256GB \/ Cosmic Orange","options":["256GB","Cosmic Orange"],"price":10000,"weight":206,"compare_at_price":10000,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-2.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-3.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-4.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-5.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-6.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-7.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-8.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-9.jpg?v=1759804292","\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-10.jpg?v=1759804292"],"featured_image":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292","options":["size","color"],"media":[{"alt":"0788-APPMG8H4ID-A-1","id":39004123168919,"position":1,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-1.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-2","id":39004123201687,"position":2,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-2.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-2.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-3","id":39004123234455,"position":3,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-3.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-3.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-4","id":39004123267223,"position":4,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-4.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-4.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-5","id":39004123299991,"position":5,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-5.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-5.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-6","id":39004123332759,"position":6,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-6.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-6.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-7","id":39004123365527,"position":7,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-7.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-7.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-8","id":39004123398295,"position":8,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-8.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-8.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-9","id":39004123431063,"position":9,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-9.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-9.jpg?v=1759804292","width":4000},{"alt":"0788-APPMG8H4ID-A-10","id":39004123463831,"position":10,"preview_image":{"aspect_ratio":1.0,"height":4000,"width":4000,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-10.jpg?v=1759804292"},"aspect_ratio":1.0,"height":4000,"media_type":"image","src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/0788-APPMG8H4ID-A-10.jpg?v=1759804292","width":4000},{"alt":null,"id":39004446883991,"position":11,"preview_image":{"aspect_ratio":1.778,"height":1080,"width":1920,"src":"\/\/www.digimap.co.id\/cdn\/shop\/files\/preview_images\/0ba87a5748014bd2a25117af0cdeea7d.thumbnail.0000000000.jpg?v=1759806783"},"aspect_ratio":1.775,"duration":53000,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/www.digimap.co.id\/cdn\/shop\/videos\/c\/vp\/0ba87a5748014bd2a25117af0cdeea7d\/0ba87a5748014bd2a25117af0cdeea7d.SD-480p-1.5Mbps-58998948.mp4?v=0","width":852},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/www.digimap.co.id\/cdn\/shop\/videos\/c\/vp\/0ba87a5748014bd2a25117af0cdeea7d\/0ba87a5748014bd2a25117af0cdeea7d.HD-1080p-7.2Mbps-58998948.mp4?v=0","width":1920},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/www.digimap.co.id\/cdn\/shop\/videos\/c\/vp\/0ba87a5748014bd2a25117af0cdeea7d\/0ba87a5748014bd2a25117af0cdeea7d.HD-720p-4.5Mbps-58998948.mp4?v=0","width":1280},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/www.digimap.co.id\/cdn\/shop\/videos\/c\/vp\/0ba87a5748014bd2a25117af0cdeea7d\/0ba87a5748014bd2a25117af0cdeea7d.m3u8?v=0","width":1920}]}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eiPhoneâ€¯17â€¯Pro. iPhone paling andal yang pernah ada. Layar 6,3â€¯inci yang cemerlang,1 desain unibody aluminium, chip A19â€¯Pro, semua kamera belakang 48â€¯MP, dan terobosan kekuatan baterai.\u003c\/p\u003e\n\u003cp\u003ePoin-poin fitur utama&nbsp; \u003cbr\u003e DESAIN UNIBODY. UNTUK KEANDALAN MENGAGUMKAN. â€” Unibody aluminium, ditempa dalam suhu tinggi untuk iPhone paling andal yang pernah dibuat. \u003cbr\u003e CERAMIC SHIELD TANGGUH. DEPAN DAN BELAKANG. â€” Ceramic Shield melindungi bagian belakang iPhoneâ€¯17 Proâ€¯Max, membuatnya 4xâ€¯lipat lebih tahan retak.2 Dan Ceramicâ€¯Shieldâ€¯2 baru di bagian depan 3xâ€¯lipat lebih tahan gores.3 \u003cbr\u003e SISTEM KAMERA PRO PALING MAKSIMAL â€” Dengan semua kamera belakang 48â€¯MP dan 8xâ€¯zoom kualitasâ€¯optik â€” rentang zoom terluas yang pernah ada diâ€¯iPhone. Seperti membawa 8â€¯lensa pro di saku Anda. \u003cbr\u003e KAMERA DEPAN 18MPâ€¯CENTERâ€¯STAGE â€” Berbagai cara fleksibel untuk mengatur framing. Selfie grup lebih pintar, video Dual Capture untuk perekaman depan dan belakang secara bersamaan, dan banyak lagi. \u003cbr\u003e CHIP A19â€¯PRO. PENDINGINAN UAP. SECEPAT KILAT. â€” A19â€¯Pro adalah chip iPhone paling andal yang pernah ada, menghadirkan performa berkelanjutan hingga 40â€¯persen lebih baik. \u003cbr\u003e TEROBOSAN KEKUATAN BATERAIâ€” Desain unibody menghasilkan tambahan kapasitas baterai yang besar, untuk pemutaran video hingga 33â€¯jam.4 Isi daya hingga 50% dalam 20â€¯menit.5 \u003cbr\u003e iOS 26. TAMPILAN BARU. LEBIH BANYAK KEAJAIBAN. â€” Desain baru dengan Liquidâ€¯Glass. Indah, menyenangkan, dan tetap familier. Dengan Layarâ€¯Terkunci yang lebih terang, voting dan latar belakang di Pesan yang dapat disesuaikan, Penyaringanâ€¯Panggilan, dan banyak lagi.6 \u003cbr\u003e FITUR KESELAMATAN PENTING â€” Dengan Deteksiâ€¯Tabrakan, iPhone bisa mendeteksi tabrakan mobil yang parah dan memanggil bantuan saat Anda tak bisa.7 \u003cbr\u003e KONEKTIVITAS MAKIN KUAT. KECEPATAN MAKIN UNGGUL. â€” Tetap terhubung lebih cepat dengan koneksi aman ke Wi-Fiâ€¯7,8 jaringan 5G,9 danâ€¯Bluetooth 6, plus eSIM.10 \u003cbr\u003e eSIM, FLEKSIBEL. AMAN. LANCAR. â€” Dengan eSIM, Anda menikmati lebih banyak fleksibilitas, kemudahan yang disempurnakan, keamanan yang ditingkatkan, dan konektivitas lancar, terutama saat bepergian ke luar negeri.10 \u003cbr\u003e PRIVASI â€” Level privasi dan keamanan yang benar-benar baru. Terpasang di dalamnya.\u003c\/p\u003e\n\u003cp\u003eLegal \u003cbr\u003e 1Layar memiliki sudut melengkung yang mengikuti desain lekukan yang indah, dan semua sudut ini berada diâ€¯dalam bidang persegi standar. Jika diukur sebagai bentuk persegi standar, layarnya memiliki ukuran diagonal 6,27â€¯inci (iPhoneâ€¯17, iPhoneâ€¯17â€¯Pro), 6,55â€¯inci (iPhoneâ€¯Air), atau 6,86â€¯inci (iPhoneâ€¯17 Proâ€¯Max). Area bidang layar berukuran lebih kecil. \u003cbr\u003e 2Dibandingkan dengan bagian belakang kaca pada iPhone generasi sebelumnya. \u003cbr\u003e 3Dibandingkan dengan iPhone generasi sebelumnya. \u003cbr\u003e 4Semua klaim baterai bergantung pada konfigurasi jaringan dan banyak faktor lain; hasil aktual bervariasi. Baterai memiliki siklus pengisian daya yang terbatas danâ€¯pada akhirnya perlu diganti. Kekuatan baterai dan jumlah siklus pengisian daya bervariasi tergantung penggunaan dan pengaturan. Lihat apple.com\/batteries dan apple.com\/iphone\/battery.html untuk informasi selengkapnya. \u003cbr\u003e 5Pengujian dilakukan oleh Apple pada bulan Juliâ€¯2025 menggunakan unit dan perangkat lunak iPhoneâ€¯17, iPhoneâ€¯Air, iPhoneâ€¯17â€¯Pro, dan iPhoneâ€¯17 Proâ€¯Max praproduksi, Kabel Pengisi Daya USBC dengan Adaptor Daya Dinamis 40â€¯W Apple dengan 60â€¯Wâ€¯Max (Modelâ€¯A3351), dan Pengisi Daya MagSafe Apple (1â€¯meter Modelâ€¯A3502 dan 2â€¯meter Modelâ€¯A3503) dengan Adaptorâ€¯Daya USB-C 30â€¯W Apple (Model A2164) atau Adaptorâ€¯Daya Dinamis 40â€¯W Apple dengan 60â€¯Wâ€¯Max (Modelâ€¯A3351). Pengujian pengisian daya cepat dilakukan dengan unit iPhone yang dayanya terkuras. Waktu diukur dari munculnya logoâ€¯Apple ketika unit dinyalakan. Waktu isi daya bervariasi berdasarkan faktor adaptor, pengaturan, penggunaan, dan lingkungan; hasil aktual bervariasi. \u003cbr\u003e 6Beberapa fitur mungkin tersedia tidak untuk semua negara atau semua wilayah. \u003cbr\u003e 7iPhoneâ€¯17, iPhoneâ€¯17â€¯Pro, dan iPhoneâ€¯Air bisa mendeteksi tabrakan mobil yang parah dan memanggil bantuan. Memerlukan panggilan Wi-Fi atau koneksi seluler. \u003cbr\u003e 8Wiâ€‘Fiâ€¯7 tersedia di negara dan wilayah yang mendukung. \u003cbr\u003e 9Memerlukan paket data. 5G tersedia di pasar tertentu dan melalui operator tertentu. Kecepatan bervariasi menurut kondisi lokasi dan operator. Untuk detail tentang dukungan 5G, hubungi operator Anda dan lihat apple.com\/iphone\/cellular. \u003cbr\u003e 10Penggunaan eSIM memerlukan operator yang mendukung eSIM dan paket layanan nirkabel. Hubungi operator Anda untuk informasi lebih lanjut. Untuk mengetahui selengkapnya, kunjungiâ€¯apple.com\/esim.&nbsp;\u003c\/p\u003e"};

    
      _BISConfig.product.variants[0]['oos'] = false;
    
  

  
</script>

<script id="preorders-helper-embedded">
  
  

  var LiquidPreOrdersConfig = LiquidPreOrdersConfig || {};
  LiquidPreOrdersConfig.product_id = 9183584747671;
  LiquidPreOrdersConfig.product_tags = [];
  LiquidPreOrdersConfig.variants = {"46167835508887": {
      "selling_plan_ids": [],
      "inventory_policy": "deny",
      "oos": false
    }};
  
</script>


<script defer="" type="module" src="https://cdn.shopify.com/extensions/019b9143-b34a-7558-8c27-bda299a106fc/back-in-stock-48/assets/preorder-product-page-updater.js"></script>




</div><div id="shopify-block-AcWlwNWpxMjNsNStRL__15782306902132512827" class="shopify-block shopify-app-block"><script>
  let customerId = "";
  let customerEmail = "";
  let customerFirstname = "";
  let customerLastname = "";
  let customerPhone = "";
  let customerMapclubEmail = "";
  let isGoogleLoginEnabled = "true";
  let isFacebookLoginEnabled = "false";
  const templateName = "product";
</script>

  
  <script>
    localStorage.removeItem("mapclub_profile");
    localStorage.removeItem("mapclub_access_token");
    localStorage.removeItem("mapclub_unlinking");
    localStorage.removeItem("mapclub_pw");
    localStorage.removeItem("mapclub_google_token");
    
    window.onload = function () {
      if (localStorage.getItem("mapclub_google_email")) {
        google.accounts.id.revoke(localStorage.getItem("mapclub_google_email"), done => {
          console.log('consent revoked');
          localStorage.removeItem("mapclub_google_email");
          location.reload();
        });
      }
    }
  </script>


<script>
  document.addEventListener("DOMContentLoaded", function () {
    document.querySelector(".popup-close-button").addEventListener("click", function() {
      document.querySelector("#option-dialog").classList.add("hidden");
    });
  });

  async function fetchWithTimeout(resource, options = {}) {
    const { timeout = 30000 } = options;
    
    const controller = new AbortController();
    const id = setTimeout(() => controller.abort(), timeout);
  
    try {
      const response = await fetch(resource, {
        ...options,
        signal: controller.signal  
      });
      return response;
    } catch (error) {
      if (error.name === 'AbortError') {
        throw new Error('Weâ€™re having trouble connecting. It looks like the server is taking too long to respond. You can try refreshing the page or checking back in a few minutes');
      }
      throw error;
    } finally {
      clearTimeout(id);
    }
  }
</script>

</div>

<modal-dialog id="PopupModal-ba6c7e9c-2112-497b-92c2-dd83a7de1a1c" class="product-popup-modal">
      <div role="dialog" aria-label="" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
        <button id="ModalClose-ba6c7e9c-2112-497b-92c2-dd83a7de1a1c" type="button" class="product-popup-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</button>
        <div class="product-popup-modal__content-info">
        </div>
      </div>
    </modal-dialog><modal-dialog id="PopupModal-popup_custom_NrFgbR" class="product-popup-modal">
      <div role="dialog" aria-label="" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
        <button id="ModalClose-popup_custom_NrFgbR" type="button" class="product-popup-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</button>
        <div class="product-popup-modal__content-info">
        </div>
      </div>
    </modal-dialog><modal-dialog id="PopupModal-b0a1ba38-fea8-4bcc-a376-9c853d6085d0" class="product-popup-modal">
      <div role="dialog" aria-label="" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
        <button id="ModalClose-b0a1ba38-fea8-4bcc-a376-9c853d6085d0" type="button" class="product-popup-modal__toggle" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</button>
        <div class="product-popup-modal__content-info">
        </div>
      </div>
    </modal-dialog><script src="https://www.googletagmanager.com/gtag/js?id=G-MWLN4H85P4"></script><script src="https://www.googletagmanager.com/gtag/js?id=AW-580664703"></script><script src="https://www.googletagmanager.com/gtag/js?id=GT-NNSD9SQG"></script><product-modal id="ProductModal-template--18725171265687__main" class="product-media-modal">
  <div class="product-media-modal__dialog" role="dialog" aria-label="Galeri media" aria-modal="true" tabindex="-1">
    <button id="ModalClose-template--18725171265687__main" type="button" class="product-media-modal__toggle" aria-label="Close">
      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>

    </button>

    <div class="product-media-modal__content color-background-1 gradient" role="document" aria-label="Galeri media" tabindex="0">

<img class="custom_popup_compare_39004123168919 global-media-settings global-media-settings--no-shadow" srcset="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=550 550w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=1100 1100w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=1445 1445w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=1680 1680w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=2048 2048w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=2200 2200w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=2890 2890w,https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://file.imagehost123.com/assets/IMG/klikbet77/klikbet77-A1.png?v=1759804292&amp;width=1445" alt="KLIKBET77" loading="lazy" width="1100" height="1100" data-media-id="39004123168919" style="">


<deferred-media class="deferred-media media global-media-settings global-media-settings--no-shadow" style="padding-top: min(-12rem + 100vh, 56.338%);" data-media-id="39004446883991">

  
  <video playsinline="1" poster="https://cdn.shopify.com/s/files/1/0630/5923/0953/files/black-image.jpg?v=1660889769" preload="metadata" src="https://www.digimap.co.id/cdn/shop/videos/c/vp/0ba87a5748014bd2a25117af0cdeea7d/0ba87a5748014bd2a25117af0cdeea7d.HD-1080p-7.2Mbps-58998948.mp4?v=0" controls="controls" muted="muted" style=""></video></deferred-media>
</div>
  </div>
</product-modal><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-no-padding modal-page-overlay" data-modal-element-container="" data-modal-close="">
  <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
    <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
      <div class="modal-content-container" data-modal-element-content-container=""></div>
    <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
  <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
  </div>
</div><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-no-padding modal-page-overlay" data-modal-element-container="" data-modal-close="">
  <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
    <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
      <div class="modal-content-container" data-modal-element-content-container=""></div>
    <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
  <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
  </div>
</div><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-page-overlay" data-modal-element-container="" data-modal-close="">
  <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
    <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
      <div class="modal-content-container" data-modal-element-content-container=""></div>
    <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
  <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
  </div>
</div><shop-cart-sync experiments="{}" data-instance-id="d6d60671-0850-43ba-827f-e0d02cf7ee9a"><iframe aria-hidden="true" data-testid="shop-cart-sync-iframe" src="https://shop.app/pay/hop?analytics_trace_id=d6d60671-0850-43ba-827f-e0d02cf7ee9a&amp;target_origin=https%3A%2F%2Fjurnal.mediaakademik.com&amp;client_handle=2b53d1-cf.myshopify.com" tabindex="-1" title="Shop Pay cart sync" class="hidden"></iframe></shop-cart-sync><iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><script>_satellite["_runScript1"](function(event, target, Promise) {
$(document).ready(function() {
  let formStarted = [];

  // helper functions
  function anchorHref(target, defaultValue) {
    const anchor = target.tagName === 'A' ? target : target.closest('a');
    const href = anchor ? anchor.href : '';
    return href.trim() || defaultValue;
  }
  function anchorText(target) {
    const anchor = target.tagName === 'A' ? target : target.closest('a');
    return anchor ? elementText(anchor) : '';
  }
  function elementText(target, showHiddenText = false) {
  if (!target) return '';
  if (showHiddenText) {
    return target.textContent.replace(/\s+/g, ' ').trim();
  }
  return target.innerText.replace(/\s+/g, ' ').trim();
}
  function videoName(target) {
    let videoUrl = target.src;
    if (!videoUrl) {
      const source = target.querySelector('source');
      videoUrl = source?.src;
    }
    const videoUrlCleaned = videoUrl.split('/').pop().split('.').slice(0, -1).join('.');
    return videoUrlCleaned;
  }
 function adobeCartData() {
 return fetch(window.Shopify.routes.root + 'cart?section_id=adobe-track-cart')
  .then(function(response) {
    return response.text();
  })
  .then(function(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, 'text/html');
   const cartData = JSON.parse(doc.getElementById('json').textContent);
   return cartData;
  })
  .catch(function(err) {
    console.error(err);
  });
}
 
function adobeProductData() {
 const adobeDataElement = document.getElementById('adobeAnalyticsProductData');
 const productData = adobeDataElement ? JSON.parse(adobeDataElement.textContent || null) : null;
 if (productData) return productData;
 if (window.SDG && window.SDG.Data && window.SDG.Data.template && !window.SDG.Data.template.startsWith('product')) return null;
 return fetch(window.location.pathname + '?section_id=adobe-track-product')
  .then(function(response) {
    return response.text();
  })
  .then(function(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, 'text/html');
   const productData = JSON.parse(doc.getElementById('adobeAnalyticsProductData').textContent);
   return productData;
  })
  .catch(function(err) {
    console.error(err);
  });
}

 // global page load
  const {
    page_name,
    page_type,
    page_url,
    page_title,
    language,
    country,
    currency,
    login_status,
    user_id,
    user_status
  } = SDG.Data.adobeAnalyticsData;
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    page_name,
    page_type,
    page_url,
    page_title,
    language,
    country,
    currency,
    login_status,
    ...(user_id && { user_id }),
    user_status
  });

 // User status updated
  const userStatusSaved = localStorage.getItem('userStatus');
  if (userStatusSaved && userStatusSaved !== user_status) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'user_status_updated',
      'user_status': user_status,
    });
  }
  localStorage.setItem('userStatus', user_status);
  // any page with product cards or product LOB modules
  if (document.querySelectorAll('.adobe-analytics-product-card-data, .adobe-analytics-lob-product-data').length) {
    const $cardsData = document.querySelectorAll('.adobe-analytics-product-card-data, .adobe-analytics-lob-product-data');

    let products = [];
    $cardsData.forEach(data => {
      const productData = JSON.parse(data.textContent);
      products.push(productData);
    });

    if (products.length) {
      window.APLdigitalData = window.APLdigitalData || [];
      window.APLdigitalData.push({
        'event': 'product_list_impression',
        'product': products,
      });
    }
  }

  // header
  $(document).on('click', '.header__heading a, .header__icon.header__icon--account', function() {
    const target = this;
    const eventUrl = anchorHref(target);
    let eventText;

    if (target.classList.contains('header__icon--account')) {
      eventText = 'Profile User';
    } else {
      const appLogo = target.closest('.brand--logo');
      if (appLogo) {
        eventText = 'APP Logo';
      } else {
        eventText = 'Apple Logo';
      }
    }

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'header_click',
      'header_item': eventText,
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });

  // announcement bar
  $(document).on('click', '.hura-announcement-bar .announcement_link', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.hura-message');
    const parentClone = parent.cloneNode(true);
    parentClone.querySelector('.announcement_link').remove();
    const parentText = elementText(parentClone);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'ribbon_click',
      'ribbon_text': parentText,
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });

  // header menu desktop
  $(document).on('click', '.header_nav .list-menu summary span, .header_nav #right_menu_items > li > a span', function() {
    const target = this;
    const parentSummary = target.closest('.header_nav .list-menu summary');
    const parentAnchor = target.closest('.header_nav #right_menu_items > li > a');

    const hasMenu = !!parentSummary;
    let eventText;
    if (hasMenu) {
      eventText= parentSummary.innerText;
    } else {
      eventText = parentAnchor.innerText;
    }

    const eventUrl = anchorHref(target, '#');
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'menu_click',
      'menu_item': eventText,
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });
  
  // header menu mobile
$(document).on('click', '#menu-drawer .list-menu summary, #menu-drawer #right_menu_mobile_items > li > a', function(e) {
  const target = this;
  if (target.tagName === 'SVG') return;
  let eventText;
  let eventUrl;
  if (target.tagName === 'SUMMARY') {
    eventText = target.innerText.trim();
    eventUrl = '#'; // 
  } else if (target.tagName === 'A') {
    eventText = target.innerText.trim();
    eventUrl = target.href;
  }

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'menu_click',
    menu_item: eventText,
    click_url: eventUrl,
  });

});


  function setFormDigitalData($formName, $eventName) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': `${$eventName}`,
      'form_name': `${$formName}`,
    });
  }

  // form start
  function formStart($target) {
    const eventType = 'form_start';
    let formType = $target.dataset.formType;

    /* If formType is not defined, find the closest form
    and get the data-form-type of the submit button/input */
    if (!formType) {
      const parent = $target.closest('form');
      const formSubmits = parent?Array.from(parent.querySelectorAll('button, input[type="submit"]'))
        : [];

      if (!formSubmits.length) return false;

      formType = formSubmits.find((submit) => submit.dataset.formType)?.dataset.formType || '';
    }

    /* If form hasn't beed started yet, add it to the
    formStarted array and set the digital data */
    if (!formStarted?.includes(formType)) {
      formStarted.push(formType);
      setFormDigitalData(formType, eventType);
      return;
    }
  }

  // form submits
  function formSubmits($target) {
    const eventType = 'form_submit';
    let formType = $target.dataset.formType;

    if (!formType) {
      const parent = $target.closest('form');
      const formSubmits = parent?Array.from(parent.querySelectorAll('button, input[type="submit"]'))
        : [];

      if (!formSubmits.length) return false;

      formType = formSubmits.find((submit) => submit.dataset.formType)?.dataset.formType || '';
    }

    formStarted = formStarted.filter((type) => type != formType);
    setFormDigitalData(formType, eventType);
  }

  // form start clicks
  $(document).on('input', 'form input', function(e) {
    const target = this;
    formStart(target);
  });

  // form submit clicks
  $(document).on('click', 'form input, form button', function() {
    const target = this;
    if (target.dataset?.formType) {
      formSubmits(target);
    }
  });

  // header submenu
  $(document).on('click', '.header_nav .header__submenu a.header__menu-item, #menu-drawer .menu-drawer__submenu .menu-drawer__menu-item', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target, '#');

   window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'sub_menu_click',
      'sub_menu_item': eventText,
      'click_url': eventUrl,
    });
  });
  
  // header submenu machines.com.my
  $(document).on('click', '.shop-menu-sidebar-link.is-view-all', function () {
  const $link = $(this);

  const eventText = $.trim($link.text());
  const eventUrl = $link.attr('href');

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'sub_menu_click',
    sub_menu_item: eventText,
    click_url: eventUrl
  });
});


  // footer
  $(document).on('click', '.footer_content_list', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'footer_menu_click',
      'footer_menu_item': eventText,
      'click_url': eventUrl,
    });
  });

  // search text
  $(document).on('submit', '#nosubmit_form, #nosubmit_form2', function() {
    const target = this;
    const input = target.querySelector('input[name="q"]');
    const eventText = input.value;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'search_button_click',
      'search_text': eventText,
    });
  });

  // search menu
  $(document).on('click', '.predictive-search a.predictive-search__item', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

  window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'search_menu_click',
      'search_term_suggestions': eventText,
      'click_url': eventUrl
    });
  });

  // search banner
  $(document).on('click', '#predictive-search-banner .predictive-search__banner', function() {
    const target = this;
    const eventUrl = anchorHref(target);
    const parent = target.closest('#predictive-search-results-products-list');
    const products = parent.querySelectorAll('.predictive-search__list-item--product .predictive-search__item-title');
    const productSuggestions = Array.from(products).map(elementText).join(', ');

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'search_banner_click',
      'search_product_suggestions': productSuggestions,
      'click_url': eventUrl
    });
  });

  // homepage LOB card
  $(document).on('click', 'div.lob_main_container div.lob_cards a', function() {
    const target = this;
    const eventText = target.closest('div.lob_main_container div.lob_cards a').querySelector('.lob_title').textContent;
    const eventUrl = anchorHref(target);
    const parent = target.closest('.lob_main_container');
    const parentTitle = elementText(parent.querySelector('.lob_heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'Family Stripe LOB',
      'slider_name': parentTitle,
      'click_url': eventUrl,
    });
  });

  // announcement bar slider arrow
  $(document).on('click', '.hura-announcement-bar .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('slick-next')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.hura-announcement-bar');
    const parentTitle = elementText(parent.querySelector('.slick-current'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
  });

  // homepage LOB slider arrow
  $(document).on('click', 'div.lob_main_container .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('lobstripe-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.lob_main_container');
    const parentTitle = elementText(parent.querySelector('.lob_heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
  });

  // homepage partner stripe card
  $(document).on('click', '.partner_pagewidth .partner_cards > a', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.partner_main_container');
    const parentTitle = elementText(parent.querySelector('.partner_heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'Partner Stripe',
      'slider_name': parentTitle,
      'click_url': eventUrl,
    });
  });

  // homepage partner stripe slider arrow
  $(document).on('click', '.partner_pagewidth .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('partner-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.partner_main_container');
    const parentTitle = elementText(parent.querySelector('.partner_heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
  });

  // homepage APP stripe card
  $(document).on('click', '.app_pagewidth .app_cards > a', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.app_main_container');
    const parentTitle = elementText(parent.querySelector('.app_heading'));

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'APP Stripe',
      'slider_name': parentTitle,
      'click_url': eventUrl,
    });
  });

  // homepage APP stripe slider arrow
  $(document).on('click', '.app_pagewidth .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('appstripe-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.app_main_container');
    const parentTitle = elementText(parent.querySelector('.app_heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
  });

  // global family stripe card
  $(document).on('click', '.apl_lob_slider .apl_lob_list_item > a', function() {
  const target = this;
  const eventText = anchorText(target);
  const eventUrl = anchorHref(target);

  // Find parent slide
  const slide = target.closest('.apl_lob_list_item');
  const slideIndex = slide ? slide.dataset.slickIndex : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'family_stripe_click',
      'card_name': eventText,
      'site_section': 'Family Stripe Navigation',
      'slider_name': slideIndex + "-" + eventText,
      'click_url': eventUrl,
    });
  });

  // collection slider product card click
  $(document).on('click', '.collection_slider .product-card a, .collection_slider .product-card a', function() {
    const target = this;
    const eventUrl = anchorHref(target);

    const parent = target.closest('.product-card, .product-item');
    const title = parent?.querySelector('.card-head');
    const eventText = title ? elementText(title) : '';

    const sliderParent = target.closest('.collection_slider, .conversion-module');
    const sliderParentTitle = elementText(sliderParent.querySelector('.collection_main_heading, .conversion-module__heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'product_list_section_click',
      'card_name': eventText,
      'site_section': 'Collection Slider',
      'slider_name': sliderParentTitle,
      'click_url': eventUrl,
    });
  });

  // product card slider arrow
  $(document).on('click', '.collection_slider .slick-arrow, .conversion-module .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('next')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.collection_slider, .conversion-module');
    const parentTitle = elementText(parent.querySelector('.collection_main_heading, .conversion-module__heading'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
  });

  // global family stripe slider arrow
  $(document).on('click', '#shopify-section-navigation_stripe .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('nav-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'family_stripe_arrow_click',
      'slider_name': 'Family Stripe Navigation',
      'slider_direction': direction,
    });
  });

  // product card slider pagination dot
  $(document).on('click', '.collection_slider .slick-dots li', function() {
    const target = this;

    const parent = target.closest('.collection_slider, .conversion-module');
    const parentTitle = elementText(parent.querySelector('.collection_main_heading, .conversion-module__heading'));
    const sliderPosition = parseInt(elementText(target)) - 1;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'product_list_section_pagination_click',
      'slider_name': parentTitle,
      'slider_position': sliderPosition,
    });
  });

   // homepage slider banner image
  $(document).on('click', 'slideshow-component .full-link', function() {
    const target = this;
  const eventUrl = anchorHref(target);
  const $slide = $(target).closest('.slider__slide');

  // Extract the aria-label value (e.g., "3 of 5")
  const ariaLabel = $slide.attr('aria-label') || '';
  const sliderPosition = ariaLabel.split(' ')[0];

    window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'banner_click',
      'site_section': 'Banner Section',
      'slider_name': 'Hero Banner Slider',
      'slider_position': sliderPosition || 'unknown',
      'click_url': eventUrl,
    });
  });

  // homepage slider banner click
  $(document).on('click', 'slideshow-component .slider-counter__link--dots', function() {
  const target = this;
  let sliderPosition = '';

  // Get the aria-label attribute
  const ariaLabel = target.getAttribute('aria-label');
  if (ariaLabel) {
    // Match "Load slide X of Y"
    const match = ariaLabel.match(/Load slide (\d+) of \d+/i);
    if (match && match[1]) {
      sliderPosition = match[1];
    }
  }

   window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
    'event': 'banner_slider_click',
    'site_section': 'Banner Section',
    'slider_position': sliderPosition
  });
});


  
  // ctas
  const ctaSelectors = [
    '.collage-button a',
    '.button_primary_anchor.card-btn',
    '.btn_prime_1.plp_page_ga a',
    '.image-with-text .img_with_txt_btn',
    '.multi_prop_tile_outer_new a',
    
  ]
  $(document).on('click', ctaSelectors.join(','), function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'cta_click',
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });
  const ctaButtonSelectors = [
    '.img_with_txt_outer [onclick*="location.href="]',
    '.image-with-text [onclick*="location.href="]',
  ]
  $(document).on('click', ctaButtonSelectors.join(','), function() {
    const target = this;
    const eventText = elementText(target);
    const onclickAttr = target.getAttribute('onclick');
    const regex = /location\.href\s*=\s*['"]([^'"]+)['"]/;
    const match = onclickAttr.match(regex);
    const eventUrl = match ? match[1] : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'cta_click',
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });
  
 // card clicks on images
  // only for search page
if (window.location.pathname.includes('/search')) {
$(document).on('click', '.you_may_also_like img', function() {
  const target = $(this).closest('a.full-unstyled-link');
  const relativeUrl = target.attr('href') || '';
  const eventUrl = window.location.origin + relativeUrl;
  const eventText = $(this).attr('alt') || '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
   'event': 'click',
   'event_location': 'product_card_image',
   'event_action': eventUrl,
   'event_label': eventText,
   'event_category': 'engagements'
  });
 });

 // card clicks on text
 $(document).on('click', '.card__information .full-unstyled-link-1', function() {
 const eventUrl = this.href || '';
 const eventText = $(this).text().trim();

 window.APLdigitalData = window.APLdigitalData || [];
 window.APLdigitalData.push({
  'event': 'click',
  'event_location': 'product_card_title',
  'event_action': eventUrl,
  'event_label': eventText,
  'event_category': 'engagements'
  });
 });
}

//////////////////// PDP 2.0 Start //////////////////////////////////

if (window.location.pathname.includes('/products')) {

// PDP 2.0 Image Carousel Arrow Click Previous
document.addEventListener('click', function(e) {
  if (e.target.closest('.cto-gallery__arrow.prev-arrow.js-prev-button')) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Previous',
      'event_label': 'Arrow',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Arrow Click Next
document.addEventListener('click', function(e) {
  if (e.target.closest('.cto-gallery__arrow.next-arrow.js-next-button')) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Next',
      'event_label': 'Arrow',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Dot Click
document.addEventListener('click', function(e) {
  const dotButton = e.target.closest('.js-cto-gallery-dots .slick-dots li button');
  if (dotButton) {
    // Get DOT Number from Button text
    const dotIndex = dotButton.textContent.trim();

    // Send to dataLayer and console
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Position: ' + dotIndex,
      'event_label': 'Dot',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Slider Click
document.addEventListener('click', function(e) {
  const img = e.target.closest('img');
  if (!img) return;
  const gallery = img.closest('.cto-gallery, .js-cto-gallery, .cto-gallery__slick, .js-cto-gallery-thumbs');
  if (!gallery) return;
  const imageAlt = img.getAttribute('alt') || '';
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Image Slider',
      'event_label': imageAlt,
      'event_category': 'engagements'
  });
});

// PDP 2.0 Financing options or pay in full

document.addEventListener('click', function(e) {
  const label = e.target.closest('label');
  if (!label) return;

  const fieldset = label.closest('.cto-financing__actions');
  if (!fieldset) return;

  const radios = Array.from(fieldset.querySelectorAll('input[type="radio"]'));
  const input = document.getElementById(label.getAttribute('for'));
  if (!input) return;

  if (input.dataset.tracked) return;
  input.dataset.tracked = 'true';

  const index = radios.indexOf(input);
  const eventLabel = index === 0 ? 'Financing' : 'Pay in Full';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'pdp_financing_options',
    'event_action': 'Select Financing Option',
    'event_label': eventLabel,
    'event_category': 'engagements'
  });
});


// PDP 2.0 Trade-In options
document.addEventListener('click', function(e) {
  const label = e.target.closest('label');
  if (!label) return; // ÐµÑÐ»Ð¸ Ð½Ðµ label, Ð¸Ð³Ð½Ð¾Ñ€Ð¸Ñ€ÑƒÐµÐ¼

  const fieldset = label.closest('.product-form__input--trade-in');
  if (!fieldset) return;

  const radios = Array.from(fieldset.querySelectorAll('input[type="radio"]'));
  const input = document.getElementById(label.getAttribute('for'));
  if (!input) return;

  if (input.dataset.tracked) return;
  input.dataset.tracked = 'true';

  const index = radios.indexOf(input);
  const eventLabel = index === 0 ? 'Start Trade-in' : 'No Trade-in';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'pdp_trade_in_options',
    'event_action': 'Select Trade-in Option',
    'event_label': eventLabel,
    'event_category': 'engagements'
  });
});


// PDP 2.0 Continue Shopping click after Add to Cart on PDP
document.addEventListener('click', function(e) {
  const continueBtn = e.target.closest(
    '.drawer__header--cto .continue_link--cto'
  );
  if (continueBtn) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_cart_preview',
      'event_action': 'Return to Main Page',
      'event_label': 'Continue Shopping',
      'event_category': 'engagements'
    });
  }
});

// --- PDP 2.0 Add to Cart Offer ---
document.addEventListener('click', function(event) {
  // Find the clicked GWP item
  const gwpClickedItem = event.target.closest('.cto-gwp-item');
  if (!gwpClickedItem) return;

  const gwpTitleEl = gwpClickedItem.querySelector('.cto-gwp-item__title');
  const gwpPriceEl = gwpClickedItem.querySelector('.cto-gwp-item__price');
  const gwpRemoveBtn = gwpClickedItem.querySelector('cart-remove-button a');
  const gwpAddBtn = gwpClickedItem.querySelector('button.add-cart-apple-care, a.add-cart-apple-care');
  const gwpLearnMoreBtn = gwpClickedItem.querySelector('a.ac-modal-trigger');

  const gwpProductName = gwpTitleEl?.textContent.trim() || 'Unknown product';
  const gwpPriceText = gwpPriceEl?.textContent.replace(/[^\d.]/g, '') || '0';
  const gwpProductPrice = parseFloat(gwpPriceText);

  // Use current page URL after /products/ as parent handle
  const gwpParentHandle = window.location.pathname.split('/products/')[1] || 'Unknown';

  window.APLdigitalData = window.APLdigitalData || [];

  // --- Prevent multiple pushes per element for a short time ---
  if (event.target.dataset.clicked) return;
  event.target.dataset.clicked = 'true';
  setTimeout(() => event.target.dataset.clicked = '', 500);

  // --- Remove button click ---
  if (gwpRemoveBtn && event.target.closest('cart-remove-button a')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Remove > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Add button click ---
  if (gwpAddBtn && event.target.closest('button.add-cart-apple-care, a.add-cart-apple-care')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Add > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Learn More button click ---
  if (gwpLearnMoreBtn && event.target.closest('a.ac-modal-trigger')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Learn More > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Title click ---
  if (gwpTitleEl && event.target.closest('.cto-gwp-item__title')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Title click > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }
});

// --- PDP 2.0 New Bundles --- //
  document.addEventListener('change', function (e) {
  const input = e.target.closest('.js-cto-bundle-option');
  if (!input || input.type !== 'radio' || !input.checked) return;

  // Find the closest bundle option container
  const bundleOption = input.closest('.cto-bundle__option');

  // Get bundle name from data attribute, label text, or input value as fallback
  let bundleName =
    input.dataset.bundleName ||
    (bundleOption?.querySelector('.cto-bundle__label-title')?.textContent.trim()) ||
    input.value ||
    'Unknown bundle';

  // Get strictly H1 text content
  const eventLabel =
    document.querySelector('h1')?.textContent.trim() || 'Unknown product';

  // Collect all product-related data
  const product = {
    bundleVariantId: input.dataset.bundleVariantId,
    bundleSku: input.dataset.bundleSku,
    priceRawSetAs: input.dataset.priceRawSetAs,
    compareAtPriceRawSetAs: input.dataset.compareAtPriceRawSetAs,
    productId: input.dataset.productId,
    pairedProductId: input.dataset.pairedProductId,
    handle: input.dataset.handle,
    qtyLimit: input.dataset.qtyLimit,
    vatPriceRawSetAs: input.dataset.vatPriceRawSetAs,
    gtmFormInteractFieldId: input.dataset.gtmFormInteractFieldId,
    bundleName: bundleName,
    bundleValue: input.value
  };

  // Push the event to dataLayer
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_location: 'pdp_bundle_option',
    event_action: 'Bundle > Option Select > ' + product.bundleValue,
    event_label: eventLabel,
    event_category: 'engagements',
    product
  });

  console.log('Bundle event fired:', {
    event: 'click',
    event_label: eventLabel,
    product
  });
});


// --------------------------------------
// PDP Bundle â€” Learn More Click Tracking
// --------------------------------------
  
$(document).on(
  'click',
  '#bundleForm a.ac-modal-trigger[data-modal-target^="modal-bundle-modal"]',
  function () {
    const target = this;
    const wrapper = target.closest('.cto-bundle__option');
    const selectedOption = wrapper?.querySelector('.js-cto-bundle-option');

    if (!selectedOption) {
      console.warn('Learn More clicked but no bundle option element found');
      return;
    }
    const h1 = document.querySelector('h1');
    const pdpTitle = h1?.innerText?.trim() || undefined;
    const clickProductName =
      wrapper?.querySelector('.cto-bundle__label-title')?.innerText?.trim() ||
      '';

    const eventData = {
      event: 'click',
      event_location: 'pdp_bundle_option',
      event_action: `Bundle > Learn More > ${clickProductName}`,
      event_label: pdpTitle,
      event_category: 'engagements',
      product: {
        bundleVariantId: selectedOption.dataset.bundleVariantId,
        bundleSku: selectedOption.dataset.bundleSku,
        priceRawSetAs: selectedOption.dataset.priceRawSetAs,
        compareAtPriceRawSetAs: selectedOption.dataset.compareAtPriceRawSetAs,
        productId: selectedOption.dataset.productId,
        pairedProductId: selectedOption.dataset.pairedProductId,
        handle: selectedOption.dataset.handle,
        qtyLimit: selectedOption.dataset.qtyLimit,
        vatPriceRawSetAs: selectedOption.dataset.vatPriceRawSetAs,
        gtmFormInteractFieldId:
          selectedOption.closest('#bundleForm')?.dataset.gtmFormInteractId,
        bundleName: selectedOption.dataset.bundleName,
        bundleValue: selectedOption.dataset.bundleName
      }
    };

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push(eventData);
  }
); 
// Before brackets, if will be only on PDP  
}// After brackets, if will be not only on PDP 

// Pick-Up Location CLick
// ==============================
/// Divide all Area into Sections 
// ==============================
function isInside(el, selector) {
  return el && el.closest(selector);
}

function getClickSection(el) {
  // =========================
  // Sticky Footer (Sticky ATC bar)
  // =========================
  if (
    isInside(el, '.cto-configurable__sticky-atc-bar') ||
    isInside(el, '.sticky-atc-bar')
  ) {
    return 'Sticky Footer';
  }

  // =========================
  // Sticky Header (PDP sticky bar)
  // =========================
  if (
    isInside(el, '.cto-header__utils') ||
    isInside(el, '.cto-header')
  ) {
    return 'Sticky Header';
  }

  // =========================
  // Header Modal (desktop + mobile)
  // =========================
  if (
    isInside(el, '.my-store-locator__details') ||
    isInside(el, '.my-store-locator__details-footer') ||
    isInside(el, '[role="dialog"]')
  ) {
    if (
      isInside(el, 'header') ||
      isInside(el, '.header-wrapper') ||
      isInside(el, 'sticky-header')
    ) {
      return 'Header > Modal';
    }
  }

  // =========================
  // Header (desktop + mobile + sticky-header)
  // =========================
  if (
    isInside(el, 'header') ||
    isInside(el, '.header-wrapper') ||
    isInside(el, 'sticky-header')
  ) {
    return 'Header';
  }

  // =========================
  // Default
  // =========================
  return 'Content';
}

// =========================
// listener
// =========================
$(document).on(
  'click',
  '.js-my-store-locator-drawer-btn, .js-my-store-locator-btn, .my-store-locator__details-btn--secondary',
  function () {
    const target = this;

    const locationName =
      target.querySelector('.underlined-text')?.innerText?.trim() ||
      target.querySelector('.my-store-locator__info')?.innerText?.trim() ||
      target.innerText?.trim() ||
      '';

    const sectionName = getClickSection(target);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'engagements',
      event_location: sectionName,
      event_action: 'pickup_availability',
      event_label: locationName,
      event_flow: `${sectionName} > ${locationName}`
    });
  }
);


//////////////////// PDP 2.0 END //////////////////////////////////
  
  // marketing pages
  $(document).on('click', '.ac-modal-trigger[data-ajax-url*="?view=river_content"]', function() {
    const target = this;
    const eventText = elementText(target);
    const pageUrl = target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'marketing_page_click',
      'marketing_page_name': pageUrl,
      'click_text': eventText,
    });
  });

  // marketing page cta clicks
  $(document).on('click', '.ac-modal .channel-html a[href]', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    const parent = target.closest('.ac-modal');
    const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent.id}"]`);
    const pageUrl = modalTrigger.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'marketing_page_cta_click',
      'marketing_page_name': pageUrl,
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });
  window.adobeTrackMarketingPageIframeCtaClick = function(iframe) {
    const iframeDoc = iframe.contentWindow.document;
    iframeDoc.querySelectorAll('a[href]').forEach(anchor => {
      anchor.addEventListener('click', function() {
        const target = this;
        const eventText = anchorText(target);
        const eventUrl = anchorHref(target);

        const parent = iframe.closest('.ac-modal');
        const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent.id}"]`);
        const pageUrl = modalTrigger.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';

         window.APLdigitalData = window.APLdigitalData || [];
          window.APLdigitalData.push({
          'event': 'marketing_page_cta_click',
          'marketing_page_name': pageUrl,
          'click_text': eventText,
          'click_url': eventUrl,
        });
      });
    });
  }

  // marketing page scroll
  $(document).on('click', '.ac-modal-trigger[data-ajax-url*="?view=river_content"]:not([data-ajax-iframe="true"])', function() {
    const target = this;
    const pageUrl = target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const modal = document.querySelector(`#${target.dataset.modalTarget}`);
    if (!modal) return;

    const modalParent = modal.closest('.modal');
    if (modalParent?.classList?.contains('adobe-tracking-scroll')) return;

    modalParent.classList.add('adobe-tracking-scroll');

    const debouncedScroll = debounce(function() {
      const scrollDepth = Math.round((modalParent.scrollTop / (modalParent.scrollHeight - modalParent.clientHeight)) * 100);
      const steps = [100, 75, 50, 25, 0];
      const scrollThreshold = steps.find(step => scrollDepth >= step);

      window.APLdigitalDataClient = window.APLdigitalDataClient || [];
      if (scrollThreshold === 0||scrollThreshold === undefined||window.APLdigitalDataClient.find(data => data.event === 'marketing_page_scroll' && data.marketing_page_name === pageUrl && data.scroll_depth_threshold === `${scrollThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });
    }, 50);
    $(modalParent).on('scroll', debouncedScroll);
  });
  window.adobeTrackMarketingPageIframeScroll = function(iframe) {
    const iframeDoc = iframe.contentWindow.document;
    const modalParent = iframe.closest('.modal');

    const parent = iframe.closest('.ac-modal');
    const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent.id}"]`);
    const pageUrl = modalTrigger.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';

    if (modalParent?.classList?.contains('adobe-tracking-scroll')) return;

    modalParent.classList.add('adobe-tracking-scroll');

    const debouncedScroll = debounce(function() {
      const scrollElement = iframeDoc.documentElement;
      const scrollDepth = Math.round((scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)) * 100);
      const steps = [100, 75, 50, 25, 0];
      const scrollThreshold = steps.find(step => scrollDepth >= step);

      window.APLdigitalDataClient = window.APLdigitalDataClient || [];
      if (scrollThreshold === 0||window.APLdigitalDataClient.find(data => data.event === 'marketing_page_scroll' && data.marketing_page_name === pageUrl && data.scroll_depth_threshold === `${scrollThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });
    }, 50);

    $(iframeDoc).on('scroll', debouncedScroll);
  }

  // non-marketing modal pages
  const modalTargets = [
    '="modal-net-monthly-pricing-modal"',
    '="modal-pdp-apple-care-modal"',
    '="modal-trade-in-modal"',
    '*="modal-cart-apple-care-modal"',
    '*="modal-cart-warranty-modal"',
    '*="modal-trade-in-learn-more-modal"',
    '*="modal-trade-in-modal"',
  ]
  $(document).on(
    'click',
    `
      ${modalTargets.map(target => `.ac-modal-trigger[data-modal-target${target}]`).join(',')},
      .js-trade-in-modal-trigger-secondary-cart
    `,
    function(e) {
      if (!e.originalEvent.isTrusted) {
        return;
      }

      const target = this;
      const eventText = elementText(target, true);

      const modalForTarget = document.querySelector(`.ac-modal[id=${target.dataset.modalTarget}]`);
      const modalTitleElem = modalForTarget?.querySelector('h1, h2, h3, h4, h5, h6, .apple-care-modal__heading');
      const modalTitle = modalTitleElem ? elementText(modalTitleElem, true) : '';

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'modal_page_click',
        'modal_page_name': modalTitle,
        'click_text': eventText,
      });
    }
  );

  // non-marketing modal cta clicks
  $(document).on('click', modalTargets.map(target => `.ac-modal[id${target}] a[href], .ac-modal[id${target}] button`).join(','), function() {
    const target = this;
    let eventText;
    let eventUrl;

    if (target.tagName === 'A') {
      eventText = anchorText(target);
      eventUrl = anchorHref(target);
    } else {
      eventText = elementText(target);
      eventUrl = '';
    }
    
    const modalElem = target.closest('.ac-modal');
    const eventLocation = modalElem ? modalElem.id || '' : '';
    const clickClass = target.classList.length ? target.classList[0] : '';
    
    const modalTitleElem = target.closest('.ac-modal').querySelector('h1, h2, h3, h4, h5, h6, .apple-care-modal__heading');
    const modalTitle = modalTitleElem ? elementText(modalTitleElem, true) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'modal_page_cta_click',
      'modal_page_name': modalTitle,
      'event_location': eventLocation,
      'event_action': clickClass,
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });
  
  //scrolling threshold of all pages
 /*  (function() {
  const thresholds = [100, 75, 50, 25];
  const triggeredThresholds = new Set();

  function debounce(func, wait) {
    let timeout;
    return function() {
      const context = this, args = arguments;
      clearTimeout(timeout);
      timeout = setTimeout(() => func.apply(context, args), wait);
    };
  }

  const debouncedScroll = debounce(function() {
    const scrollTop = window.scrollY || window.pageYOffset;
    const docHeight = Math.max(
      document.documentElement.scrollHeight,
      document.body.scrollHeight,
      document.documentElement.offsetHeight,
      document.body.offsetHeight,
      document.documentElement.clientHeight
    );
    const winHeight = window.innerHeight;
    const scrollPercent = Math.round(((scrollTop + winHeight) / docHeight) * 100);

    const scrollThreshold = thresholds.find(threshold => scrollPercent >= threshold);
    const pageTitle = document.title || '';

    if (
      !scrollThreshold ||
      triggeredThresholds.has(scrollThreshold)
    ) return;

    triggeredThresholds.add(scrollThreshold);

    window.APLdigitalDataClient = window.APLdigitalDataClient || [];
    window.APLdigitalDataClient.push({
      'event': 'page_scroll',
      'page_name': pageTitle,
      'scroll_depth_threshold': `${scrollThreshold}%`
    });

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'page_scroll',
      'page_name': pageTitle,
      'scroll_depth_threshold': `${scrollThreshold}%`
    });
  }, 200);

  window.addEventListener('scroll', debouncedScroll);
})(); */

  // accordion
  $(document).on('click', '.product__accordion summary', function() {
    const target = this;
    const eventText = elementText(target);
    const action = target.getAttribute('aria-expanded') === 'true' ? 'accordion_open' : 'accordion_close';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': action,
      'accordion_item': eventText,
    });
  });

  // external link click
  $(document).on('click', 'a[href^="http"]', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    const urlHostname = (new URL(eventUrl))?.hostname;

    if (urlHostname === window.location.hostname) {
      return;
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'external_link_click',
      'click_text': eventText,
      'click_url': eventUrl,
    });
  });

  // cart "More payment options" cta
  $(document).on('click', '.expedited-checkout .checkout-button__link', function() {
    const target = this;
    const eventText = elementText(target);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'more_payment_options_click',
      'click_text': eventText,
    });
  });

  // view pdp
if (SDG.Data.template.startsWith('product')) {
  const prodView = async () => {
    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || []; 
    window.APLdigitalData.push({
      'event': 'prodView',
      'product': productData
    });
  };
  prodView();
}


  // pdp AppleCare
  $(document).on('click', 'label[for="add-apple-care"]', function(event) {
  // If the click target is the input itself, ignore
  if (event.target.tagName.toLowerCase() === 'input') return;

  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Delay so checkbox state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const parent = label.closest('.add-on-product-style');
    const container = label.closest('.container-box-2');
    if (!container) return;
    if (container.id !== 'apple-care-add') return;

    const title = parent ? parent.querySelector('h3') : null;
    const appleCarePlan = elementText(title);

    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan,
      'product': productData?.product_name,
      });

    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan
    });
  }, 0);
});

  // pdp AppleCare no coverage selected
$(document).on('click', 'label[for="remove-insurance"]', function(event) {
  // If the user actually clicked the input, do nothing
  if (event.target.tagName.toLowerCase() === 'input') return;

  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

  const productData = await adobeProductData();

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_no_coverage',
      'product': productData?.product_name,
      });

    console.log('Applecare+ selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

  // pdp AppleCare PDP 1.0

  $(document).on('click', '.product #apple-care-add', async function() {
    
    const productData = await adobeProductData();
    let appleCarePlan1 = 'AppleCare+ for ' + productData?.product_name;

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan1,
      'product': productData?.product_name,
    });
    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan1
    });
  });

  // pdp Third-Party Warranty PDP 1.0

  $(document).on('click', '.product #secWarranty-add', async function() {
    
    const productData = await adobeProductData();
    let appleCarePlan1 = 'Third-Party Warranty for ' + productData?.product_name;

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan1,
      'product': productData?.product_name,
    });
    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan1
    });
  });

  // cart AppleCare
  $(document).on('click', '.add-cart-apple-care[data-reference="aplcr"], .add-cart-apple-care[data-reference="secwr"]', function() {
    const target = this;
    const parent = target.closest('.cart_itemadd');

    const title = parent.querySelector('.apple-care-card-title');
    const appleCarePlan = elementText(title);

    const mainProductIndex = target.dataset.forproduct;
    const mainProductParent = document.getElementById(`CartItem-${mainProductIndex}`);
    const productData = JSON.parse(mainProductParent.querySelector('.adobe-analytics-cart-item-data').textContent).payload;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan,
      'product': productData?.product_name,
      'currency': productData?.currency,
      'product_price': productData?.product_price,
      'brand': productData?.brand,
    });
  });

  // Trade-in button on PDP
$(document).on('click', '.apl-section-trade-in-form-option-start-trade-in.js-trade-in-modal-trigger-input', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'button_click',
      'click_text': clickText,
      'product': productData?.product_name,
    });

    console.log('Trade-in selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

 $(document).on('click', '.apl-section-trade-in-form-option-no-trade-in', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'button_click',
      'click_text': clickText,
      'product': productData?.product_name,
    });

    console.log('Trade-in selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

  // Financing button on PDP
$(document).on('click', '.apl-section-cto-financing-start', function (event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function () {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'button_click',
      click_text: clickText,
      product: productData?.product_name,
    });

    console.log('Financing selection tracked', {
      option_value: optionValue,
      click_text: clickText,
    });
  }, 0);
});


//Decline Financing
$(document).on('click', '.cto-financing__input.js-cto-financing-input.apl-section-cto-financing-decline-financing', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'button_click',
      click_text: clickText,
      product: productData?.product_name,
    });

    console.log('Decline Financing selection tracked', {
      option_value: optionValue,
      click_text: clickText,
    });
  }, 0);
});

  // Store locator select store
  $(document).on('click', '.js-store-locator-select-btn', function() {
    const target = this;
    const parent = target.closest('my-store-locator-drawer');

    const activeResult = parent.querySelector(parent.dom.activeResult);
    const storeName = elementText(activeResult.querySelector('.my-location-result__name'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'pick-in_store_click',
      'store_name': storeName,
    });
  });

  // pdp quantity selector
  $(document).on('click', '.product-form__quantity .js-qty-input .quantity__button', async function() {
    const target = this;
    const productData = await adobeProductData();
    const event = target.name === 'plus' ? 'quantity_selector_plus' : 'quantity_selector_minus';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.product_name,
      'mpn_id': productData?.mpn_id,
    });
  });

  // cart quantity selector
  $(document).on('click', '.cart-item .quantity__button', function() {
    const target = this;
    const parent = target.closest('.cart-item');
    const productData = JSON.parse(parent.querySelector('.adobe-analytics-cart-item-data').textContent).payload;
    const event = target.name === 'plus' ? 'quantity_selector_plus' : 'quantity_selector_minus';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.product_name,
      'mpn_id': productData?.mpn_id,
    });
  });


  // pdp frequently bought together product
  $(document).on('change', '.js-frequent-products-checkbox', function() {
    const target = this;
    const isSelected = target.checked;
    const event = isSelected ? 'frequently_bought_together_product_select' : 'frequently_bought_together_product_unselect';

    const parent = target.closest('.frequent-product-list');
    const productData = JSON.parse(parent.querySelector('.adobe-analytics-frequently-products-card-data').textContent);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.title,
      'mpn_id': productData?.mpn,
    });
  });

  // video play
  $('video').on('play', function() {
    const target = this;
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'video_play',
      'video_id': videoName(target),
    });
  });

  // video pause
  $('video').on('pause', function() {
    const target = this;
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'video_pause',
      'video_id': videoName(target),
    });
  });

  // video progress
  $('video').on('timeupdate', function() {
    const target = this;
    const vidName = videoName(target);
    const duration = target.duration;
    const currentTime = target.currentTime;
    const progress = Math.round((currentTime / duration) * 100);
    const steps = [100, 75, 50, 25, 0];
    const progressThreshold = steps.find(step => progress >= step);

    window.APLdigitalDataClient = window.APLdigitalDataClient || [];
    if (progressThreshold === 100) {
      if (window.APLdigitalDataClient.find(data => data.event === 'video_complete' && data.video_id === vidName)) return;

      window.APLdigitalDataClient.push({
        'event': 'video_complete',
        'video_id': vidName,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'video_complete',
        'video_id': vidName,
      });
    } else if (progressThreshold >= 0) {
      if (progressThreshold === 0||window.APLdigitalDataClient.find(data => data.event === 'video_progress' && data.video_id === vidName && data.video_progress === `${progressThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'video_progress',
        'video_id': vidName,
        'video_progress': `${progressThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'video_progress',
        'video_id': vidName,
        'video_progress': `${progressThreshold}%`,
      });
    }
  });

  // account login
  $(document).on('submit', '#customer_login', function() {
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'login',
      'login_form_location': 'login page',
    });
  });

  // account logout
  $(document).on('click', 'a[href*="/account/logout"]', function() {
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'logout',
      'login_form_location': 'login page',
    });
  });

 // account register form start
  $(document).on('input', '#create_customer', function() {
    window.APLdigitalData = window.APLdigitalData || [];

    if (!window.APLdigitalData.some(data => data.event === 'signup_start')) {
      window.APLdigitalData.push({
        'event' : 'signup_start',
      });
    }
  });

  // account register form submit
  $(document).on('submit', '#create_customer', function() {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event' : 'signup_success',
    });
  });

  // filters click
  $(document).on('click', '#FacetFiltersForm .facet-checkbox input', function() {
    const target = this;

    const parent = target.closest('.js-filter');
    const parentItem = target.closest('.facets__item');
    if (!parent) return '';

    const category = parent.querySelector('.facets__summary');
    const cloneCategory = category.cloneNode(true);
    cloneCategory.querySelector('.facets__selected')?.remove();
    const categoryText = category ? elementText(cloneCategory) : '';

    let labelText;

    if (parentItem.classList.contains('list-menu__item--pickup')) {
      const label = parentItem ? parentItem.querySelector('span') : null;
      const pickupText = label ? elementText(label) : '';
      const location = parentItem ? parentItem.querySelector('.js-my-store-locator-search-drawer-launcher') : null;
      const locationText = location ? elementText(location) : '';
      labelText = `${pickupText} ${locationText}`;
    } else {
      const label = parentItem ? parentItem.querySelector('span[aria-hidden]') : null;
      const cloneLabel = label?.cloneNode(true);
      cloneLabel?.querySelector('.filter-count')?.remove();
      labelText = label ? elementText(cloneLabel) : '';
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'filter_click',
      'filter_category': categoryText,
      'filter_item': labelText,
    });
  });

  // sort change
  $(document).on('input', '#FacetSortForm', function() {
    const target = this;
    const sortSelect = target.querySelector('#SortBy');
    const activeSortOption = sortSelect.querySelector('option:checked');
    const activeSortLabel = elementText(activeSortOption);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'sort_click',
      'sort_type': activeSortLabel,
    });
  });


// add to cart
window.adobeTrackAddToCart = function(opts) {
 opts = opts || {};
 const items = opts.items || [];
 const context = opts.context || '';
 const $trigger = opts.$trigger || null;
 const triggerText = opts.triggerText || null;
 const triggerUrl = opts.triggerUrl || '';
  
 return adobeCartData().then(function(trackCartData) {
   const trackingProducts = [];
  
   items.forEach(function(item) {
    const productData = trackCartData.items.find(function(cartItem) {
      return cartItem.variant_id === parseInt(item.id);
    });
    if (!productData) return;
     
    // Extract bundle information from payload
    const bundleInfo = {
      bundle_added: productData.payload.bundle_added || false,
      bundle_name: productData.payload.bundle_name || null,
      bundle_mpn_id: productData.payload.bundle_mpn_id || null
    };
     
    // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
    const finalMpnId = bundleInfo.bundle_added && bundleInfo.bundle_mpn_id ? bundleInfo.bundle_mpn_id : productData.payload.mpn_id;
     
    trackingProducts.push({
     units: item.quantity,
     product_name: productData.payload.product_name,
     mpn_id: finalMpnId,
     currency: productData.payload.currency,
     product_price: productData.payload.product_price,
     brand: productData.payload.brand,
     lob: productData.payload.lob,
     sub_lob: productData.payload.sub_lob,
     bundle_added: bundleInfo.bundle_added,
     bundle_name: bundleInfo.bundle_name
    });
   });
    
   let clickText;
   if (triggerText) {
    clickText = triggerText;
   } else {
    clickText = elementText($trigger);
   }
  
   const finalObj = {
    'event': 'scAdd',
    'product': trackingProducts,
    'click_text': clickText,
    'click_url': triggerUrl || '',
    'add_to_cart_context': context,
   };
    
   window.APLdigitalData = window.APLdigitalData || [];
   window.APLdigitalData.push(finalObj);
 }).catch(function(err) {
   console.error('Error in adobeTrackAddToCart:', err);
 })

  // first add-to-cart detection (MOVED INSIDE FUNCTION)
  const adobeTrackedFirstAdd = trackCartData.items.every(cartItem =>
    items.some(
      item =>
        parseInt(item.id) === parseInt(cartItem.variant_id) &&
        parseInt(item.quantity) === parseInt(cartItem.quantity)
    )
  );

  if (adobeTrackedFirstAdd) {
    window.APLdigitalData.push({
      event: 'scOpen',
      product: trackingProducts,
      add_to_cart_context: context
    });
  }
};

  // view cart
 (function() {
 'use strict';
 // Check if we're on the cart page
 if (window.SDG && window.SDG.Data && window.SDG.Data.template === 'cart') {
   // Wait for Shopify consent to be granted
   const waitForConsent = function() {
     return new Promise(function(resolve) {
       const intervalId = setInterval(function() {
         if (window._shopifyConsentGranted === true) {
           clearInterval(intervalId);
           resolve();
         }
       }, 100);
     });
   };
    
   // Track cart view
   waitForConsent().then(function() {
     console.log("Consent granted! Proceeding to fetch cart data for scView.");
     return adobeCartData();
   }).then(function(trackCartData) {
     console.log("Cart data successfully fetched:", trackCartData);
     // Map cart data with bundle information
     const trackingProducts = trackCartData.items.map(function(item) {
       // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
       const finalMpnId = item.payload.bundle_added && item.payload.bundle_mpn_id ? item.payload.bundle_mpn_id : item.payload.mpn_id;
        
       return {
         units: item.quantity,
         product_name: item.payload.product_name,
         mpn_id: finalMpnId,
         currency: item.payload.currency,
         product_price: item.payload.product_price,
         brand: item.payload.brand,
         lob: item.payload.lob,
         sub_lob: item.payload.sub_lob,
         bundle_added: item.payload.bundle_added || false,
         bundle_name: item.payload.bundle_name || null
       };
     });
     // Push the 'scView' event to the digital data layer
     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
       event: 'scView',
       product: trackingProducts
     });
     console.log("scView event pushed to the DataLayer successfully:", {
       event: 'scView',
       product: trackingProducts
     });
   }).catch(function(error) {
     console.error("Error while processing scView event:", error);
   });
 }
})()

// scRemove - Remove from Cart Tracking
;(function() {
 'use strict';
 if (typeof jQuery !== 'undefined') {
   jQuery(document).on('click', '.cart-item cart-remove-button', function() {
     const target = this;
     const parent = target.closest('.cart-item');
     const dataElement = parent.querySelector('.adobe-analytics-cart-item-data');
     if (!dataElement) return;
      
     const productData = JSON.parse(dataElement.textContent);
      
     // Extract bundle information from product data
     const bundleInfo = {
       bundle_added: productData.payload.bundle_added || false,
       bundle_name: productData.payload.bundle_name || null,
       bundle_mpn_id: productData.payload.bundle_mpn_id || null
     };
      
     // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
     const finalMpnId = bundleInfo.bundle_added && bundleInfo.bundle_mpn_id ? bundleInfo.bundle_mpn_id : productData.payload.mpn_id;
      
     const trackingProducts = [{
       units: productData.quantity,
       product_name: productData.payload.product_name,
       mpn_id: finalMpnId,
       currency: productData.payload.currency,
       product_price: productData.payload.product_price,
       brand: productData.payload.brand,
       lob: productData.payload.lob,
       sub_lob: productData.payload.sub_lob,
       bundle_added: bundleInfo.bundle_added,
       bundle_name: bundleInfo.bundle_name
     }];
      
     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
       event: 'scRemove',
       product: trackingProducts
     });
      
     const mainProductIndex = parent.id.split('-')[1];
     const appleCareRemoves = document.querySelectorAll('cart-remove-button[data-mnprdctidx="' + mainProductIndex + '"] .applecareremove-a');
     appleCareRemoves.forEach(function(appleCareRemove) {
       if (typeof trackRemoveAppleCare === 'function') {
         trackRemoveAppleCare(appleCareRemove);
       }
     });
   });
 }
})();
  // collection slider product list section impression
  function productListImpressions() {
    const observerOptions = {
      threshold: 0.9,
    };

    let products = [];

    const debouncedPushData = debounce(function() {
      if (!products.length) return;

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'product_list_section_impression',
        'product': products,
      });

      products = [];
    }, 10);

    function observerCallback(entries, observer) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const slickParent = entry.target;
          const numSlides = $(slickParent).slick('getSlick').slideCount;
          const $cards = slickParent.querySelectorAll('.product-card, .item-card');
          const $activeCards = slickParent.querySelectorAll('.product-card.slick-active, .item-card.slick-active');
          const activeCardIndices = Array.from($activeCards).map(card => Array.from($cards).indexOf(card) % numSlides);
          slickParent.dataset.activeCardIndices = activeCardIndices.join(',');

          $activeCards.forEach($card => {
            const productData = JSON.parse($card.querySelector('.adobe-analytics-product-card-data').textContent);
            products.push(productData);
          });

          debouncedPushData();
        }
      });
    }

    const observer = new IntersectionObserver(observerCallback, observerOptions);

    const $productLists = document.querySelectorAll('.collection_slider .slick-initialized:not(.is-observed), .conversion-module .slick-initialized:not(.is-observed)');
    $productLists.forEach($productList => {
      observer.observe($productList);
      $productList.classList.add('is-observed');

      const slickParent = $productList;
      if (slickParent) {
        $(slickParent).on('afterChange', function() {
          const numSlides  = $(slickParent).slick('getSlick').slideCount;
          const $cards = slickParent.querySelectorAll('.product-card, .item-card');
          const $activeCards = slickParent.querySelectorAll('.product-card.slick-active, .item-card.slick-active');

          const previousActiveCardIndices = slickParent.dataset.activeCardIndices?.split(',').map(index => parseInt(index));
          if (!previousActiveCardIndices) return;
          const activeCardIndices = Array.from($activeCards).map(card => Array.from($cards).indexOf(card) % numSlides);
          const newActiveCardIndices = activeCardIndices.filter(index => !previousActiveCardIndices.includes(index));

          const $newActiveCards = Array.from($cards).filter((card, index) => newActiveCardIndices.includes(index));
          slickParent.dataset.activeCardIndices = activeCardIndices.join(',');

          $newActiveCards.forEach($card => {
            const productData = JSON.parse($card.querySelector('.adobe-analytics-product-card-data').textContent);
            products.push(productData);
          });

          debouncedPushData();
        });
      }
    });
  }
  productListImpressions();
  window.adobeTrackProductListImpressions = productListImpressions;
});


//   tryWireEvents();
//})();
});</script><script>_satellite["_runScript2"](function(event, target, Promise) {
function runConsentChecks(){console.log("[Consent Debug] analyticsProcessingAllowed:",Shopify.customerPrivacy.analyticsProcessingAllowed()),Shopify.customerPrivacy.analyticsProcessingAllowed()?(window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyConsentGranted",consentType:"analytics"}),console.log("[Consent Debug] (Page Load) Pushed event to dataLayer"),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Page Load) Fired _satellite.track("shopifyConsentGranted")')):console.warn("[Consent Debug] (Page Load) analyticsProcessingAllowed is FALSE"),document.addEventListener("visitorConsentCollected",(function(e){console.log("[Consent Debug] visitorConsentCollected event fired:",e.detail),e.detail&&e.detail.analyticsAllowed?(window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyConsentGranted",consentType:"analytics"}),console.log("[Consent Debug] (Consent Change) Pushed event to dataLayer"),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Consent Change) Fired _satellite.track("shopifyConsentGranted")')):console.warn("[Consent Debug] (Consent Change) analyticsAllowed is FALSE or missing")}))}console.log("[Consent Debug] Starting consent check"),window.dataLayer=window.dataLayer||[],function e(){window.Shopify&&Shopify.customerPrivacy?runConsentChecks():(console.log("[Consent Debug] Shopify.customerPrivacy not yet available, retrying\u2026"),setTimeout(e,10))}(),setTimeout((function(){window.Shopify&&Shopify.customerPrivacy||(console.warn("[Consent Debug] Shopify.customerPrivacy API not implemented \u2014 assuming consent granted (fallback)"),window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyPrivacyOff",consentType:"analytics"}),console.log('[Consent Debug] (Fallback) Pushed event to dataLayer as "shopifyPrivacyOff"'),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Fallback) Fired _satellite.track("shopifyConsentGranted")'))}),200);
});</script></div></my-store-locator-drawer><script>_satellite["_runScript1"](function(event, target, Promise) {
/// Divide all Areas into Sections 
window.isInside = function(el, selector) {
  return el && el.closest(selector);
};

window.getClickSection = function(el) {
  
  // Search Page
  // =========================
  if (document.querySelector('.template-search')) {
    return 'Search Results';
  }
  
  // =========================
  // Family Stripe LOB
  // =========================
  if (isInside(el, 'div.lob_main_container div.lob_cards a')) {
    return 'Family Stripe LOB';
  }

  // =========================
  // Announcement Slider
  // =========================
  if (isInside(el, '.hura-announcement-bar .slick-arrow')) {
    return 'Announcement Slider';
  }

  // =========================
  // Partner Stripe Slider
  // =========================
  if (isInside(el, '.partner_pagewidth .partner_cards > a')) {
    return 'Partner Stripe Slider';
  }

  // =========================
  // App Stripe Slider
  // =========================
  if (isInside(el, '.app_pagewidth .app_cards > a')) {
    return 'App Stripe Slider';
  }

  // =========================
  // Family Stripe Slider
  // =========================
  if (isInside(el, '.apl_lob_slider .apl_lob_list_item > a')) {
    return 'Family Stripe Slider';
  }

  // =========================
  // Collection Slider
  // =========================
  if (isInside(el, '.collection_slider .product-card a')) {
    return 'Collection Slider';
  }

  // =========================
  // Custom CTA Sections
  // =========================
  if (isInside(el, '.collage-button')) {
    return 'Collage Section';
  }

  if (isInside(el, '.image-with-text')) {
    return 'Image With Text Section';
  }

  if (isInside(el, '.multi_prop_tile_outer_new')) {
    return 'Multi Product Tile';
  }

  if (isInside(el, '.plp_page_ga')) {
    return 'PLP Section';
  }
  
  if (isInside(el, '.image_with_text_grid')) {
    return 'Single Product Section';
  }

  // =========================
  // Header / Modals / Sticky / Default
  // =========================
  if (isInside(el, '#notifyModal')) {
    return 'Notify Me Modal';
  }

  if (
    isInside(el, '.cto-configurable__sticky-atc-bar') ||
    isInside(el, '.sticky-atc-bar') ||
    isInside(el, '.four-buynow')
  ) {
    return 'Sticky Footer';
  }

  if (
    isInside(el, '.cto-header__utils') ||
    isInside(el, '.cto-header')
  ) {
    return 'Sticky Header';
  }

  if (
    isInside(el, '.my-store-locator__details') ||
    isInside(el, '.my-store-locator__details-footer') ||
    isInside(el, '[role="dialog"]')
  ) {
    if (
      isInside(el, 'header') ||
      isInside(el, '.header-wrapper') ||
      isInside(el, 'sticky-header')
    ) {
      return 'Header > Modal';
    }
  }

  if (
    isInside(el, 'header') ||
    isInside(el, '.header-wrapper') ||
    isInside(el, 'sticky-header')
  ) {
    return 'Header';
  }
  
  // Footer logic

  if (
    isInside(el, 'footer') ||
    isInside(el, '.footer__content-top') ||
    isInside(el, '.footer__blocks-wrapper') ||
    isInside(el, '.footer-block') ||
    isInside(el, '.footer_logos') ||
    isInside(el, '.footer__newsletter') ||
    isInside(el, '.footer__content-bottom')
  ) {
    return 'Footer';
  }

  return 'Content';
};

$(document).ready(function() {
  let formStarted = [];

  // helper functions
  function anchorHref(target, defaultValue) {
    const anchor = target.tagName === 'A' ? target : target.closest('a');
    const href = anchor ? anchor.href : '';
    return href.trim() || defaultValue;
  }
  function anchorText(target) {
    const anchor = target.tagName === 'A' ? target : target.closest('a');
    return anchor ? elementText(anchor) : '';
  }
  function elementText(target, showHiddenText = false) {
  if (!target) return '';
  if (showHiddenText) {
    return target.textContent.replace(/\s+/g, ' ').trim();
  }
  return target.innerText.replace(/\s+/g, ' ').trim();
}
  function videoName(target) {
    let videoUrl = target.src;
    if (!videoUrl) {
      const source = target.querySelector('source');
      videoUrl = source?.src;
    }
    const videoUrlCleaned = videoUrl.split('/').pop().split('.').slice(0, -1).join('.');
    return videoUrlCleaned;
  }
 function adobeCartData() {
 return fetch(window.Shopify.routes.root + 'cart?section_id=adobe-track-cart')
  .then(function(response) {
    return response.text();
  })
  .then(function(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, 'text/html');
   const cartData = JSON.parse(doc.getElementById('json').textContent);
   return cartData;
  })
  .catch(function(err) {
    console.error(err);
  });
}
  
function getEventContext(eventLocation, target) {
  let parentTitle = '';
  let sliderPosition = null;

  if (!target || !eventLocation) {
    return { parentTitle, sliderPosition };
  }

  const config = {
    'Family Stripe LOB': {
      getParent: (t) => t.closest('.lob_main_container'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.lob_heading'))
    },
    
    'Sticky Header': {
      getParent: (t) => t.closest('.cto-header__left'),
      getTitle: (parent) => {
    if (!parent) return '';
    const h1Title = parent.querySelector('.cto-header__title');
    if (h1Title?.textContent.trim()) return h1Title.textContent.trim();

    const td1Title = parent.querySelector('.productcomparediv .td1');
    if (td1Title?.textContent.trim()) return td1Title.textContent.trim();

    return '';
  }
},
    'Sticky Footer': {
      getParent: (t) => t.closest('.cto-header__left'),
      getTitle: (parent) => {
    if (!parent) return '';
    const h1Title = parent.querySelector('.cto-header__title');
    if (h1Title?.textContent.trim()) return h1Title.textContent.trim();

    const td1Title = parent.querySelector('.productcomparediv .td1');
    if (td1Title?.textContent.trim()) return td1Title.textContent.trim();

    return '';
  }
},

    'Announcement Slider': {
      getParent: (t) => t.closest('.hura-announcement-bar'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.slick-current'))
    },
    
    'Search Results': {
      getParent: (t) => t.closest('.card1'),
      getTitle: (parent) =>
        elementText(
          parent?.querySelector('.apl-section-product-title a')
        )
    },

    'Partner Stripe Slider': {
      getParent: (t) => t.closest('.partner_main_container'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.partner_heading'))
    },

    'App Stripe Slider': {
      getParent: (t) => t.closest('.app_main_container'),
      getTitle: (parent) =>
        elementText(parent.querySelector('.app_heading'))
    },

    'Collection Slider': {
      getParent: (t) =>
        t.closest('.collection_slider, .conversion-module'),
      getTitle: (parent) =>
        elementText(
          parent.querySelector(
            '.collection_main_heading, .conversion-module__heading'
          )
        )
    },

    'Product Card Slider': {
      getParent: (t) => t.closest('.product-card, .product-item'),
      getTitle: (parent) =>
        elementText(
          parent.querySelector(
            '.collection_main_heading, .conversion-module__heading'
          )
        ),
      getSliderPosition: (t) =>
        parseInt(elementText(t), 10) - 1
    },
    
    'Image With Text Section': {
        getParent: (t) => 
          t.closest('.image-with-text__text-item_container, .image-with-text__text-item, .image-with-text__content'),

        getTitle: (parent) => {
          if (!parent) return '';

          const h2Title = parent.querySelector('.image-with-text__heading h2');
          if (h2Title?.textContent.trim()) return h2Title.textContent.trim();

          const pTitle = parent.querySelector('.image-with-text__heading p');
          if (pTitle?.textContent.trim()) return pTitle.textContent.trim();

          return '';
        }
      },
    'Multi Product Tile': {
        getParent: (t) => t.closest('.multi_prop_slide_new'),
        getTitle: (parent) => parent.querySelector('.prop_title_new')?.textContent?.trim() || ''
      },
    
    'Collage Section': {
        getParent: (t) => t.closest('.collage_item_placeholder_1, .collage__item'),
        getTitle: (parent) => {
          if (!parent) return '';

          const headingEl = parent.querySelector('.product_details_div .image_heading');
          if (headingEl?.textContent.trim()) return headingEl.textContent.trim();

          const imgEl = parent.querySelector('img');
          if (imgEl?.alt) return imgEl.alt.split('__')[0]; 

          return '';
        }
      },

    'Single Product Section': {
      getParent: (t) =>
        t.closest('.image_with_text_text, .image-with-text'),
      getTitle: (parent) => {
        const heading = parent.querySelector(
          '.apl-section-image-with-rich-text2-title'
        );
        return heading ? elementText(heading) : '';
      }
    }
  };

  const handler = config[eventLocation];

  if (!handler) {
    return { parentTitle, sliderPosition };
  }

  const parent = handler.getParent ? handler.getParent(target) : null;

  if (parent && handler.getTitle) {
    parentTitle = handler.getTitle(parent) || '';
  }

  if (handler.getSliderPosition) {
    sliderPosition = handler.getSliderPosition(target);
  }

  return { parentTitle, sliderPosition };
}

// Remove domain from url
function stripDomain(url) {
  try {
    const urlObj = new URL(url);
    return urlObj.pathname + urlObj.search + urlObj.hash;
  } catch (e) {
    return url;
  }
}

function adobeProductData() {
 const adobeDataElement = document.getElementById('adobeAnalyticsProductData');
 const productData = adobeDataElement ? JSON.parse(adobeDataElement.textContent || null) : null;
 if (productData) return productData;
 if (window.SDG && window.SDG.Data && window.SDG.Data.template && !window.SDG.Data.template.startsWith('product')) return null;
 return fetch(window.location.pathname + '?section_id=adobe-track-product')
  .then(function(response) {
    return response.text();
  })
  .then(function(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(html, 'text/html');
   const productData = JSON.parse(doc.getElementById('adobeAnalyticsProductData').textContent);
   return productData;
  })
  .catch(function(err) {
    console.error(err);
  });
}

 // global page load
  const {
    page_name,
    page_type,
    page_url,
    page_title,
    language,
    country,
    currency,
    login_status,
    user_id,
    user_status
  } = SDG.Data.adobeAnalyticsData;
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    page_name,
    page_type,
    page_url,
    page_title,
    language,
    country,
    currency,
    login_status,
    ...(user_id && { user_id }),
    user_status
  });

 // User status updated
  const userStatusSaved = localStorage.getItem('userStatus');
  if (userStatusSaved && userStatusSaved !== user_status) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'user_status_updated',
      'user_status': user_status,
    });
  }
  localStorage.setItem('userStatus', user_status);
  // any page with product cards or product LOB modules
  if (document.querySelectorAll('.adobe-analytics-product-card-data, .adobe-analytics-lob-product-data').length) {
    const $cardsData = document.querySelectorAll('.adobe-analytics-product-card-data, .adobe-analytics-lob-product-data');

    let products = [];
    $cardsData.forEach(data => {
      const productData = JSON.parse(data.textContent);
      products.push(productData);
    });

    if (products.length) {
      window.APLdigitalData = window.APLdigitalData || [];
      window.APLdigitalData.push({
        'event': 'product_list_impression',
        'product': products,
      });
    }
  }

  // header
  $(document).on('click', '.header__heading a, .header__icon.header__icon--account', function() {
    const target = this;
    const eventUrl = anchorHref(target);
    let eventText;

    if (target.classList.contains('header__icon--account')) {
      eventText = 'Profile User';
    } else {
      const appLogo = target.closest('.brand--logo');
      if (appLogo) {
        eventText = 'APP Logo';
      } else {
        eventText = 'Apple Logo';
      }
    }

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'header_click',
      'header_item': eventText,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'header_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // announcement bar
  $(document).on('click', '.hura-announcement-bar .announcement_link', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.hura-message');
    const parentClone = parent.cloneNode(true);
    parentClone.querySelector('.announcement_link').remove();
    const parentText = elementText(parentClone);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'ribbon_click',
      'ribbon_text': parentText,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Header',
     'event_action': 'ribbon_click',
     'event_label': parentText + ' > ' + eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // header menu desktop
  $(document).on('click', '.header_nav .list-menu summary span, .header_nav #right_menu_items > li > a span', function() {
    const target = this;
    const parentSummary = target.closest('.header_nav .list-menu summary');
    const parentAnchor = target.closest('.header_nav #right_menu_items > li > a');

    const hasMenu = !!parentSummary;
    let eventText;
    if (hasMenu) {
      eventText= parentSummary.innerText;
    } else {
      eventText = parentAnchor.innerText;
    }

    const eventUrl = anchorHref(target, '#');
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'menu_click',
      'menu_item': eventText,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
     //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });
  
  // header menu mobile
$(document).on('click', '#menu-drawer .list-menu summary, #menu-drawer #right_menu_mobile_items > li > a', function(e) {
  const target = this;
  if (target.tagName === 'SVG') return;
  let eventText;
  let eventUrl;
  if (target.tagName === 'SUMMARY') {
    eventText = target.innerText.trim();
    eventUrl = '#'; // 
  } else if (target.tagName === 'A') {
    eventText = target.innerText.trim();
    eventUrl = target.href;
  }

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'menu_click',
    menu_item: eventText,
    click_url: stripDomain(eventUrl),
  });
  //Global Click Migration
  window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
});


  function setFormDigitalData($formName, $eventName) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': `${$eventName}`,
      'form_name': `${$formName}`,
    });
  }

  // form start
  function formStart($target) {
    const eventType = 'form_start';
    let formType = $target.dataset.formType;

    /* If formType is not defined, find the closest form
    and get the data-form-type of the submit button/input */
    if (!formType) {
      const parent = $target.closest('form');
      const formSubmits = parent?Array.from(parent.querySelectorAll('button, input[type="submit"]'))
        : [];

      if (!formSubmits.length) return false;

      formType = formSubmits.find((submit) => submit.dataset.formType)?.dataset.formType || '';
    }

    /* If form hasn't beed started yet, add it to the
    formStarted array and set the digital data */
    if (!formStarted?.includes(formType)) {
      formStarted.push(formType);
      setFormDigitalData(formType, eventType);
      return;
    }
  }

  // form submits
  function formSubmits($target) {
    const eventType = 'form_submit';
    let formType = $target.dataset.formType;

    if (!formType) {
      const parent = $target.closest('form');
      const formSubmits = parent?Array.from(parent.querySelectorAll('button, input[type="submit"]'))
        : [];

      if (!formSubmits.length) return false;

      formType = formSubmits.find((submit) => submit.dataset.formType)?.dataset.formType || '';
    }
    formStarted = formStarted.filter((type) => type != formType);
    setFormDigitalData(formType, eventType);
  }

  // form start clicks
  $(document).on('input', 'form input', function(e) {
    const target = this;
    formStart(target);
  });

  // form submit clicks
  $(document).on('click', 'form input, form button', function() {
    const target = this;
    if (target.dataset?.formType) {
      formSubmits(target);
    }
  });

  // header submenu
  $(document).on('click', '.header_nav .header__submenu a.header__menu-item, #menu-drawer .menu-drawer__submenu .menu-drawer__menu-item', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target, '#');

   window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'sub_menu_click',
      'sub_menu_item': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'sub_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });
  
  // header submenu machines.com.my
  $(document).on('click', '.shop-menu-sidebar-link.is-view-all', function () {
  const $link = $(this);

  const eventText = $.trim($link.text());
  const eventUrl = $link.attr('href');

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'sub_menu_click',
    sub_menu_item: eventText,
    click_url: stripDomain(eventUrl)
  });
    
  //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Header',
     'event_action': 'sub_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
});


  // footer
  $(document).on('click', '.footer_content_list', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'footer_menu_click',
      'footer_menu_item': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'navigation',
     'event_location': 'Footer',
     'event_action': 'footer_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // search text (send search)
  
  (function() {
  let lastSearch = '';
  let lastTimestamp = 0;
  let lastInitiate = 0;

  function pushSearchEvent(value) {
    if (!value) return;
    const now = Date.now();
    if (value === lastSearch && (now - lastTimestamp) < 1000) return;
    lastSearch = value;
    lastTimestamp = now;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'search_button_click',
      search_text: value,
    });
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'search',
      event_location: 'Header',
      event_action: 'search_button_click',
      event_label: value
    });
  }

  function pushSearchInitiate() {
    const now = Date.now();
    if ((now - lastInitiate) < 50) return;
    lastInitiate = now;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'engagement',
      event_location: 'Search Bar',
      event_action: 'search_initiate',
      event_label: '',
      click_url: window.location.pathname
    });
  }

  function getInput(el) {
    return el?.querySelector('input[name="q"]');
  }

  // --- Search open buttons (not all document clicks!) ---
  document.querySelectorAll('.search-modal__open-button, .header__icon--search, [data-action="open-search"]').forEach(btn => {
    btn.addEventListener('click', pushSearchInitiate);
  });

  // Focus on search input
  document.addEventListener('focusin', function(e) {
    if (e.target.matches('input[name="q"]')) pushSearchInitiate();
  });

  // Submit (desktop + mobile forms)
  $(document).on('submit', 'form[action="/search"], form#nosubmit_form', function() {
    const input = getInput(this);
    pushSearchEvent(input?.value);
  });

})();
  /*$(document).on('submit', '#nosubmit_form, #nosubmit_form2', function() {
    const target = this;
    const input = target.querySelector('input[name="q"]');
    const eventText = input.value;

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'search_button_click',
      'search_text': eventText,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'search',
     'event_location': 'Header',
     'event_action': 'search_button_click',
     'event_label': eventText
   });
  });*/

  // search menu
  $(document).on('click', '.predictive-search a.predictive-search__item', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

  window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'search_menu_click',
      'search_term_suggestions': eventText,
      'click_url': stripDomain(eventUrl)
    });
    
   //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'search',
     'event_location': 'Header',
     'event_action': 'search_menu_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // search banner
  $(document).on('click', '#predictive-search-banner .predictive-search__banner', function() {
    const target = this;
    const eventUrl = anchorHref(target);
    const parent = target.closest('#predictive-search-results-products-list');
    const products = parent.querySelectorAll('.predictive-search__list-item--product .predictive-search__item-title');
    const productSuggestions = Array.from(products).map(elementText).join(', ');

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'search_banner_click',
      'search_product_suggestions': productSuggestions,
      'click_url': stripDomain(eventUrl)
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'search',
     'event_location': 'Header',
     'event_action': 'search_banner_click',
     'event_label': productSuggestions,
     'click_url': stripDomain(eventUrl)
   });
  });
  
  

  // homepage LOB card
  $(document).on('click', 'div.lob_main_container div.lob_cards a', function() {
    const target = this;
    
    const card = target.closest('.lob_cards');   // card index
    let slickIndex = null;
    if (card) {
      const rawIndex = parseInt(card.getAttribute('data-slick-index'), 10);
      slickIndex = isNaN(rawIndex) ? null : rawIndex + 1;
    }
    const eventText = target.closest('div.lob_main_container div.lob_cards a').querySelector('.lob_title').textContent;
    const eventUrl = anchorHref(target);
    const parent = target.closest('.lob_main_container');
    const parentTitle = parent?.querySelector('.lob_heading') ? elementText(parent.querySelector('.lob_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'Family Stripe LOB',
      'slider_name': slickIndex + '-' + parentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Family Stripe LOB Slider: ' + 'Position: ' + slickIndex,
     'event_action': 'card_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // announcement bar slider arrow
  $(document).on('click', '.hura-announcement-bar .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('slick-next')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.hura-announcement-bar');
    const parentTitle = parent?.querySelector('.slick-current') ? elementText(parent.querySelector('.slick-current')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Announcement Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // homepage LOB slider arrow
  $(document).on('click', 'div.lob_main_container .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('lobstripe-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.lob_main_container');
    const parentTitle = parent?.querySelector('.lob_heading') ? elementText(parent.querySelector('.lob_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Family Stripe LOB Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // homepage partner stripe card
  $(document).on('click', '.partner_pagewidth .partner_cards a', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.partner_main_container');
    const parentTitle = parent?.querySelector('.partner_heading') ? elementText(parent.querySelector('.partner_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'Partner Stripe',
      'slider_name': parentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Partner Stripe Slider: '+ parentTitle,
     'event_action': 'card_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // homepage partner stripe slider arrow
  $(document).on('click', '.partner_pagewidth .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('partner-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.partner_main_container');
    const parentTitle = parent?.querySelector('.partner_heading') ? elementText(parent.querySelector('.partner_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Partner Stripe Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // homepage APP stripe card
  $(document).on('click', '.app_pagewidth .app_cards > a', function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const parent = target.closest('.app_main_container');
    const parentTitle = parent?.querySelector('.app_heading') ? elementText(parent.querySelector('.app_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'card_click',
      'card_name': eventText,
      'site_section': 'APP Stripe',
      'slider_name': parentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'APP Stripe Slider: ' + parentTitle,
     'event_action': 'card_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // homepage APP stripe slider arrow
  $(document).on('click', '.app_pagewidth .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('appstripe-right-arrow')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.app_main_container');
    const parentTitle = parent?.querySelector('.app_heading') ? elementText(parent.querySelector('.app_heading')) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'APP Stripe Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // global family stripe card
  $(document).on('click', '.apl_lob_slider .apl_lob_list_item > a', function() {
  const target = this;
  const eventText = anchorText(target);
  const eventUrl = anchorHref(target);

  // Find parent slide
   const card = target.closest('.apl_lob_list_item');   // card index
    let slickIndex = null;
    if (card) {
      const rawIndex = parseInt(card.getAttribute('data-slick-index'), 10);
      slickIndex = isNaN(rawIndex) ? null : rawIndex + 1;
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'family_stripe_click',
      'card_name': eventText,
      'site_section': 'Family Stripe Navigation',
      'slider_name': slickIndex + "-" + eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Family Stripe Slider: '+'Position: ' + slickIndex,
     'event_action': 'family_stripe_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // collection slider product card click
  $(document).on('click', '.collection_slider .product-card a, .collection_slider .product-card a', function() {
    const target = this;
    const eventUrl = anchorHref(target);

    const parent = target.closest('.product-card, .product-item');
    const title = parent?.querySelector('.card-head');
    const eventText = title ? elementText(title) : '';

    const sliderParent = target.closest('.collection_slider, .conversion-module');
    const sliderParentTitle = elementText(sliderParent?.querySelector('.collection_main_heading, .conversion-module__heading')) || '';
    
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'product_list_section_click',
      'card_name': eventText,
      'site_section': 'Collection Slider',
      'slider_name': sliderParentTitle,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Collection Slider: '+ sliderParentTitle,
     'event_action': 'product_list_section_click',
     'event_label': eventText,
     'click_url': stripDomain(eventUrl)
   });
  });

  // product card slider arrow
  $(document).on('click', '.collection_slider .slick-arrow, .conversion-module .slick-arrow', function() {
    const target = this;
    let direction;
    if (target.classList.contains('next')) {
      direction = 'Right'
    } else {
      direction = 'Left'
    }
    const parent = target.closest('.collection_slider, .conversion-module');
    const parentTitle = elementText(parent?.querySelector('.collection_main_heading, .conversion-module__heading')) || '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'slider_arrow_click',
      'slider_name': parentTitle,
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Collection Slider: '+ parentTitle,
     'event_action': 'slider_arrow_click',
     'event_label': 'Direction: '+ direction
   });
  });

  // global family stripe slider arrow 
  $(document).on(
  'click',
  '.nav-right-arrow.apl-section-carousel-arrows-next.slick-arrow, .nav-left-arrow.apl-section-carousel-arrows-previous.slick-arrow, #shopify-section-navigation_stripe .slick-arrow',
  function() {
    const target = this;
    let direction;
    if (target.classList.contains('nav-right-arrow') || target.classList.contains('apl-section-carousel-arrows-next')) {
      direction = 'Right';
    } else {
      direction = 'Left';
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'family_stripe_arrow_click',
      'slider_name': 'Family Stripe Navigation',
      'slider_direction': direction,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Family Stripe Slider',
     'event_action': 'family_stripe_arrow_click',
     'event_label': 'Direction: ' + direction
   });
  });

  // product card slider pagination dot
  $(document).on('click', '.collection_slider .slick-dots li', function() {
    const target = this;

    const parent = target.closest('.collection_slider, .conversion-module');
    const parentTitle = elementText(parent?.querySelector('.collection_main_heading, .conversion-module__heading')) || '';
    //const sliderPosition = parseInt(elementText(target)) - 1;
    const sliderPosition = $(target).index() + 1;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'product_list_section_pagination_click',
      'slider_name': parentTitle,
      'slider_position': sliderPosition,
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Product Card Slider: '+ parentTitle,
     'event_action': 'product_list_section_pagination_click',
     'event_label': 'Pagination: '+ sliderPosition
   });
  });

   // homepage slider banner image
  $(document).on('click', 'slideshow-component .full-link', function() {
    const target = this;
  const eventUrl = anchorHref(target);
  const $slide = $(target).closest('.slider__slide');

  // Extract the aria-label value (e.g., "3 of 5")
  const ariaLabel = $slide.attr('aria-label') || '';
  const sliderPosition = ariaLabel.split(' ')[0];

    window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'banner_click',
      'site_section': 'Banner Section',
      'slider_name': 'Hero Banner Slider',
      'slider_position': sliderPosition || 'unknown',
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'marketing',
     'event_location': 'Hero Slider',
     'event_action': 'hero_banner_image_click',
     'event_label': 'Pagination: '+ sliderPosition,
     'click_url': stripDomain(eventUrl)
   });
  });

  // homepage slider banner click
  $(document).on('click', 'slideshow-component .slider-counter__link--dots', function() {
  const target = this;
  let sliderPosition = '';

  // Get the aria-label attribute
  const ariaLabel = target.getAttribute('aria-label');
  if (ariaLabel) {
    // Match "Load slide X of Y"
    const match = ariaLabel.match(/Load slide (\d+) of \d+/i);
    if (match && match[1]) {
      sliderPosition = match[1];
    }
  }

   window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
    'event': 'banner_slider_click',
    'site_section': 'Banner Section',
    'slider_position': sliderPosition
  });
    
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': 'Hero Slider',
     'event_action': 'hero_banner_dot_click',
     'event_label': 'Pagination: '+ sliderPosition
   });
});


  
  // ctas
  const ctaSelectors = [
    '.collage-button a',
    '.button_primary_anchor.card-btn',
    '.btn_prime_1.plp_page_ga a',
    '.image-with-text .img_with_txt_btn',
    '.multi_prop_tile_outer_new a',
    '.image_with_text_text_btns .button_primary a'
    
  ]
  $(document).on('click', ctaSelectors.join(','), function() {
    const target = this;
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    
    // ---- Parent / Slider Title logic ----
 // let parentTitle = '';
  let sliderParentTitle = '';
//  let sliderPosition = null;
  
   const {parentTitle, sliderPosition } = getEventContext(eventLocation, target);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'cta_click',
      'click_text': eventText,
      'click_url': stripDomain(eventUrl)
    });
  //Global Click Migration
      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: eventLocation + ': '+ parentTitle,
        event_action: 'cta_click',
        event_label: eventText,
        click_url: stripDomain(eventUrl)
      }); 
  });
  const ctaButtonSelectors = [
    '.img_with_txt_outer [onclick*="location.href="]',
    '.image-with-text [onclick*="location.href="]',
  ]
  $(document).on('click', ctaButtonSelectors.join(','), function() {
    const target = this;
    const eventText = elementText(target);
    const onclickAttr = target.getAttribute('onclick');
    const regex = /location\.href\s*=\s*['"]([^'"]+)['"]/;
    const match = onclickAttr.match(regex);
    const eventUrl = match ? match[1] : '';
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'cta_click',
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    //Global Click Migration
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'marketing',
      event_location: eventLocation,
      event_action: 'cta_click',
      event_label: eventText,
      click_url: stripDomain(eventUrl)
    });  
  });
  
 // card clicks on images
  // only for search page
if (window.location.pathname.includes('/search')) {
$(document).on('click', '.you_may_also_like img', function() {
  const target = $(this).closest('a.full-unstyled-link');
  const relativeUrl = target.attr('href') || '';
  const eventUrl = window.location.origin + relativeUrl;
  const eventText = $(this).attr('alt') || '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
   'event': 'click',
   'event_location': 'product_card_image',
   'event_action': stripDomain(eventUrl),
   'event_label': eventText,
   'event_category': 'engagements'
  });
 });

 // card clicks on text
 $(document).on('click', '.card__information .full-unstyled-link-1', function() {
 const eventUrl = this.href || '';
 const eventText = $(this).text().trim();

 window.APLdigitalData = window.APLdigitalData || [];
 window.APLdigitalData.push({
  'event': 'click',
  'event_location': 'product_card_title',
  'event_action': stripDomain(eventUrl),
  'event_label': eventText,
  'event_category': 'engagements'
  });
 });
}

//////////////////// PDP 2.0 Start //////////////////////////////////

if (window.location.pathname.includes('/products')) {

// PDP 2.0 Image Carousel Arrow Click Previous
document.addEventListener('click', function(e) {
  if (e.target.closest('.cto-gallery__arrow.prev-arrow.js-prev-button')) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Previous',
      'event_label': 'Arrow',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Arrow Click Next
document.addEventListener('click', function(e) {
  if (e.target.closest('.cto-gallery__arrow.next-arrow.js-next-button')) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Next',
      'event_label': 'Arrow',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Dot Click
document.addEventListener('click', function(e) {
  const dotButton = e.target.closest('.js-cto-gallery-dots .slick-dots li button');
  if (dotButton) {
    // Get DOT Number from Button text
    const dotIndex = dotButton.textContent.trim();

    // Send to dataLayer and console
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Position: ' + dotIndex,
      'event_label': 'Dot',
      'event_category': 'engagements'
    });
  }
});

// PDP 2.0 Image Carousel Slider Click
document.addEventListener('click', function(e) {
  const img = e.target.closest('img');
  if (!img) return;
  const gallery = img.closest('.cto-gallery, .js-cto-gallery, .cto-gallery__slick, .js-cto-gallery-thumbs');
  if (!gallery) return;
  const imageAlt = img.getAttribute('alt') || '';
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_image_carousel',
      'event_action': 'Image Slider',
      'event_label': imageAlt,
      'event_category': 'engagements'
  });
});

// PDP 2.0 Financing options or pay in full

document.addEventListener('click', function(e) {
  const label = e.target.closest('label');
  if (!label) return;

  const fieldset = label.closest('.cto-financing__actions');
  if (!fieldset) return;

  const radios = Array.from(fieldset.querySelectorAll('input[type="radio"]'));
  const input = document.getElementById(label.getAttribute('for'));
  if (!input) return;

  if (input.dataset.tracked) return;
  input.dataset.tracked = 'true';

  const index = radios.indexOf(input);
  const eventLabel = index === 0 ? 'Financing' : 'Pay in Full';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'pdp_financing_options',
    'event_action': 'Select Financing Option',
    'event_label': eventLabel,
    'event_category': 'engagements'
  });
});


// PDP 2.0 Trade-In options
document.addEventListener('click', function(e) {
  const label = e.target.closest('label');
  if (!label) return; // 

  const fieldset = label.closest('.product-form__input--trade-in');
  if (!fieldset) return;

  const radios = Array.from(fieldset.querySelectorAll('input[type="radio"]'));
  const input = document.getElementById(label.getAttribute('for'));
  if (!input) return;

  if (input.dataset.tracked) return;
  input.dataset.tracked = 'true';

  const index = radios.indexOf(input);
  const eventLabel = index === 0 ? 'Start Trade-in' : 'No Trade-in';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    'event': 'click',
    'event_location': 'pdp_trade_in_options',
    'event_action': 'Select Trade-in Option',
    'event_label': eventLabel,
    'event_category': 'engagements'
  });
});


// PDP 2.0 Continue Shopping click after Add to Cart on PDP
document.addEventListener('click', function(e) {
  const continueBtn = e.target.closest(
    '.drawer__header--cto .continue_link--cto'
  );
  if (continueBtn) {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'click',
      'event_location': 'pdp_cart_preview',
      'event_action': 'Return to Main Page',
      'event_label': 'Continue Shopping',
      'event_category': 'engagements'
    });
  }
});

// --- PDP 2.0 Add to Cart Offer ---
document.addEventListener('click', function(event) {
  // Find the clicked GWP item
  const gwpClickedItem = event.target.closest('.cto-gwp-item');
  if (!gwpClickedItem) return;

  const gwpTitleEl = gwpClickedItem.querySelector('.cto-gwp-item__title');
  const gwpPriceEl = gwpClickedItem.querySelector('.cto-gwp-item__price');
  const gwpRemoveBtn = gwpClickedItem.querySelector('cart-remove-button a');
  const gwpAddBtn = gwpClickedItem.querySelector('button.add-cart-apple-care, a.add-cart-apple-care');
  const gwpLearnMoreBtn = gwpClickedItem.querySelector('a.ac-modal-trigger');

  const gwpProductName = gwpTitleEl?.textContent.trim() || 'Unknown product';
  const gwpPriceText = gwpPriceEl?.textContent.replace(/[^\d.]/g, '') || '0';
  const gwpProductPrice = parseFloat(gwpPriceText);

  // Use current page URL after /products/ as parent handle
  const gwpParentHandle = window.location.pathname.split('/products/')[1] || 'Unknown';

  window.APLdigitalData = window.APLdigitalData || [];

  // --- Prevent multiple pushes per element for a short time ---
  if (event.target.dataset.clicked) return;
  event.target.dataset.clicked = 'true';
  setTimeout(() => event.target.dataset.clicked = '', 500);

  // --- Remove button click ---
  if (gwpRemoveBtn && event.target.closest('cart-remove-button a')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Remove > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Add button click ---
  if (gwpAddBtn && event.target.closest('button.add-cart-apple-care, a.add-cart-apple-care')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Add > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Learn More button click ---
  if (gwpLearnMoreBtn && event.target.closest('a.ac-modal-trigger')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Learn More > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }

  // --- Title click ---
  if (gwpTitleEl && event.target.closest('.cto-gwp-item__title')) {
    window.APLdigitalData.push({
      event: 'click',
      event_location: 'pdp_cart_preview',
      event_action: `Special Offer > Title click > ${gwpProductName}`,
      event_label: `Parent: ${gwpParentHandle}`,
      event_category: 'engagements'
    });
    return;
  }
});

// --- PDP 2.0 New Bundles --- //
  document.addEventListener('change', function (e) {
  const input = e.target.closest('.js-cto-bundle-option');
  if (!input || input.type !== 'radio' || !input.checked) return;

  // Find the closest bundle option container
  const bundleOption = input.closest('.cto-bundle__option');

  // Get bundle name from data attribute, label text, or input value as fallback
  let bundleName =
    input.dataset.bundleName ||
    (bundleOption?.querySelector('.cto-bundle__label-title')?.textContent.trim()) ||
    input.value ||
    'Unknown bundle';

  // Get strictly H1 text content
  const eventLabel =
    document.querySelector('h1')?.textContent.trim() || 'Unknown product';

  // Collect all product-related data
  const product = {
    bundleVariantId: input.dataset.bundleVariantId,
    bundleSku: input.dataset.bundleSku,
    priceRawSetAs: input.dataset.priceRawSetAs,
    compareAtPriceRawSetAs: input.dataset.compareAtPriceRawSetAs,
    productId: input.dataset.productId,
    pairedProductId: input.dataset.pairedProductId,
    handle: input.dataset.handle,
    qtyLimit: input.dataset.qtyLimit,
    vatPriceRawSetAs: input.dataset.vatPriceRawSetAs,
    gtmFormInteractFieldId: input.dataset.gtmFormInteractFieldId,
    bundleName: bundleName,
    bundleValue: input.value
  };

  // Push the event to dataLayer
  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_location: 'pdp_bundle_option',
    event_action: 'Bundle > Option Select > ' + product.bundleValue,
    event_label: eventLabel,
    event_category: 'engagements',
    product
  });

  console.log('Bundle event fired:', {
    event: 'click',
    event_label: eventLabel,
    product
  });
});


// --------------------------------------
// PDP Bundle â€” Learn More Click Tracking
// --------------------------------------
  
$(document).on(
  'click',
  '#bundleForm a.ac-modal-trigger[data-modal-target^="modal-bundle-modal"]',
  function () {
    const target = this;
    const wrapper = target.closest('.cto-bundle__option');
    const selectedOption = wrapper?.querySelector('.js-cto-bundle-option');

    if (!selectedOption) {
      console.warn('Learn More clicked but no bundle option element found');
      return;
    }
    const h1 = document.querySelector('h1');
    const pdpTitle = h1?.innerText?.trim() || undefined;
    const clickProductName =
      wrapper?.querySelector('.cto-bundle__label-title')?.innerText?.trim() ||
      '';

    const eventData = {
      event: 'click',
      event_location: 'pdp_bundle_option',
      event_action: `Bundle > Learn More > ${clickProductName}`,
      event_label: pdpTitle,
      event_category: 'engagements',
      product: {
        bundleVariantId: selectedOption.dataset.bundleVariantId,
        bundleSku: selectedOption.dataset.bundleSku,
        priceRawSetAs: selectedOption.dataset.priceRawSetAs,
        compareAtPriceRawSetAs: selectedOption.dataset.compareAtPriceRawSetAs,
        productId: selectedOption.dataset.productId,
        pairedProductId: selectedOption.dataset.pairedProductId,
        handle: selectedOption.dataset.handle,
        qtyLimit: selectedOption.dataset.qtyLimit,
        vatPriceRawSetAs: selectedOption.dataset.vatPriceRawSetAs,
        gtmFormInteractFieldId:
          selectedOption.closest('#bundleForm')?.dataset.gtmFormInteractId,
        bundleName: selectedOption.dataset.bundleName,
        bundleValue: selectedOption.dataset.bundleName
      }
    };

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push(eventData);
  }
); 
// Before brackets, if will be only on PDP  
}// After brackets, if will be not only on PDP 

// Pick-Up Location CLick
// ==============================

// =========================
// listener
// =========================
$(document).on(
  'click',
  '.js-my-store-locator-drawer-btn, .js-my-store-locator-btn, .my-store-locator__details-btn--secondary',
  function () {
    const target = this;

    const locationName =
      target.querySelector('.underlined-text')?.innerText?.trim() ||
      target.querySelector('.my-store-locator__info')?.innerText?.trim() ||
      target.innerText?.trim() ||
      '';

    const sectionName = getClickSection(target);

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'engagements',
      event_location: sectionName,
      event_action: 'pickup_availability',
      event_label: locationName,
      event_flow: `${sectionName} > ${locationName}`
    });
  }
);

/// Notify Me BTN /collections/ click /////
  
document.addEventListener('click', function (e) {
  const btn = e.target.closest(
    '.apl-section-image-with-text-cta-shop .notify__button-text, ' +
    '.apl-section-image-with-text-cta-shop .notify__button-text--mobile'
  );

  if (!btn) return;

  const link = btn.closest('a');
  if (!link) return;

  const block = link.closest('.image-with-text__content');

  const eventLocation = block
    ?.querySelector('.apl-section-image-with-text-title')
    ?.innerText
    .trim();

  const clickText = btn.innerText.trim();
  const clickUrl = link.getAttribute('href');

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Button Click',
    event_location: eventLocation || 'unknown',
    event_label: clickText,
    click_url: stripDomain(clickUrl)
  });
});
  
/// Notify Me BTN Sticky Footer click /////
document.addEventListener('click', function (e) {
  const btn = e.target.closest(
    '.sticky-atc-bar .js-notify-modal-open_button.notify__button'
  );

  if (!btn) return;

  const clickText = btn
    .querySelector('.notify__button-text')
    ?.innerText
    .trim();

  const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Click',
    event_location: eventLocation || 'unknown',
    event_label: clickText || 'Notify me when it\'s available',
    click_url: ''
  });
});
  
/// Notify Me Modal Submit /////  
document.addEventListener('click', function (e) {
  const btn = e.target.closest('#notifyModal .js-notify-submit');
  if (!btn) return;

  const textEl = btn.querySelector('.modal__submit-text');
  const clickText = textEl ? textEl.innerText.trim() : '';
  const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Submit',
    event_location: eventLocation || 'unknown',
    event_label: clickText,
    click_url: ''
  });
});
  
// ========================
// Notify Me Modal â€” Input click (USER ONLY, ONCE PER OPEN)
// ========================
(function () {
  let inputTracked = false;

  document.addEventListener('click', function (e) {
    const input = e.target.closest('#notifyModal .js-notify-input');
    const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';
    if (!input) return;

    if (inputTracked) return;

    inputTracked = true;

    const clickText = input.getAttribute('aria-label') || 'Notify Me Input';

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'click',
      event_category: 'marketing',
      event_action: 'Notify Me Input Click',
      event_location: eventLocation,
      event_label: clickText,
      click_url: ''
    });
  });

  // ========================
  // Reset on modal close
  // ========================
  document.addEventListener('click', function (e) {
    const closeBtn = e.target.closest(
      '#notifyModal .js-notify-success-button, #notifyModal .modal__close, #notifyModalClose'
    );
    if (!closeBtn) return;

    inputTracked = false;
  });
})();



/// Notify Me Modal Close /////  
  document.addEventListener('click', function (e) {
  const btn = e.target.closest('#notifyModal .modal-close-button');
  const eventLocation = window.getClickSection ? window.getClickSection(e.target) : '';
  if (!btn) return;

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_action: 'Notify Me Modal Close',
    event_location: eventLocation || 'unknown',
    event_label: btn.innerText.trim(),
    click_url: ''
  });
});

// Hamburger Menu Update (Open / Close)
function trackHamburgerClick(summaryEl) {
  if (!summaryEl) return;

  const isOpening = summaryEl.getAttribute('aria-expanded') === 'false';

  APLdigitalData.push({
    event: "click",
    event_category: "navigation",
    event_location: "Header",
    event_action: isOpening ?  "hamburger_menu_close" : "hamburger_menu_open",
    event_label: "Hamburger Menu",
    click_url: window.location.pathname
  });
}
document.addEventListener('click', function (e) {
  const summary = e.target.closest('summary.header__icon--menu');
  if (summary) {
    if (!summary.dataset.hamburgerTracked) {
      summary.dataset.hamburgerTracked = 'true';
      trackHamburgerClick(summary);

      setTimeout(() => {
        summary.dataset.hamburgerTracked = '';
      }, 10);
    }
  }
});
  
//////////////////// PDP 2.0 END //////////////////////////////////
  
// marketing pages
 // $(document).on('click', '.ac-modal-trigger[data-ajax-url*="?view=river_content"]', function() {
  $(document).on('click', '.ac-modal-trigger[data-ajax-url]', function(e) {

    const target = e.currentTarget;
    if (!target.dataset.ajaxUrl || target.dataset.ajaxUrl.trim() === '') return;
    
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = elementText(target);
    //const pageUrl = target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const pageUrl = target.dataset.originalAjaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const {parentTitle, sliderPosition } = getEventContext(eventLocation, target);

    window.APLdigitalData = window.APLdigitalData || [];

    window.APLdigitalData.push({
        event: 'marketing_page_click',
        marketing_page_name: pageUrl,
        click_text: eventText
    });
    
    // Global Click Migration
    window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: eventLocation + (parentTitle ? ': ' + parentTitle : ''),
        event_action: 'marketing_page_click',
        event_label: eventText,
        click_url: pageUrl
    });

});

// Marketing Page CTA Clicks
// --- Universal Marketing Page CTA Clicks ---

// --- Clicks inside normal modals and page ---
$(document).on('click', '.ac-modal a[href]', function() {
  const target = this;

  // --- Inline helper: strip domain ---
  function stripDomain(url) {
    try {
      if (url.startsWith('/') || url.startsWith('//')) return url;
      const u = new URL(url, window.location.origin);
      return u.pathname + u.search + u.hash;
    } catch (e) {
      return url;
    }
  }

  const eventText = anchorText(target);
  const eventUrl = anchorHref(target);

  // --- Universal parent lookup ---
  const parent = target.closest('.ac-modal');
  const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent?.id}"]`);

  // --- Page URL fallback ---
  const pageUrlRaw = modalTrigger?.dataset.originalAjaxUrl || modalTrigger?.dataset.ajaxUrl || window.location.pathname;
  const pageUrl = pageUrlRaw.split('?view')?.[0]?.replace('/pages/', '') || '';

  window.APLdigitalData = window.APLdigitalData || [];
  window.APLdigitalData.push({
    event: 'marketing_page_cta_click',
    marketing_page_name: pageUrl,
    click_text: eventText,
    click_url: stripDomain(eventUrl),
  });

  // Global Click Migration
  window.APLdigitalData.push({
    event: 'click',
    event_category: 'marketing',
    event_location: 'Marketing Page: ' + pageUrl,
    event_action: 'marketing_page_cta_click',
    event_label: eventText,
    click_url: stripDomain(eventUrl),
  });
});

// --- Clicks inside iframe modals ---
window.adobeTrackMarketingPageIframeCtaClick = function(iframe) {
  const iframeDoc = iframe.contentWindow.document;

  iframeDoc.querySelectorAll('a[href]').forEach(anchor => {
    anchor.addEventListener('click', function() {
      const target = this;

      // --- Inline helper: strip domain ---
      function stripDomain(url) {
        try {
          if (url.startsWith('/') || url.startsWith('//')) return url;
          const u = new URL(url, window.location.origin);
          return u.pathname + u.search + u.hash;
        } catch (e) {
          return url;
        }
      }

      const eventText = anchorText(target);
      const eventUrl = anchorHref(target);

      const parent = iframe.closest('.ac-modal');
      const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent?.id}"]`);

      const pageUrlRaw = modalTrigger?.dataset.originalAjaxUrl || modalTrigger?.dataset.ajaxUrl || window.location.pathname;
      const pageUrl = pageUrlRaw.split('?view')?.[0]?.replace('/pages/', '') || '';

      window.APLdigitalData = window.APLdigitalData || [];
      window.APLdigitalData.push({
        event: 'marketing_page_cta_click',
        marketing_page_name: pageUrl,
        click_text: eventText,
        click_url: stripDomain(eventUrl),
      });

      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: 'Marketing Page: ' + pageUrl,
        event_action: 'marketing_page_cta_click',
        event_label: eventText,
        click_url: stripDomain(eventUrl),
      });
    });
  });
};


// marketing page scroll
  $(document).on('click', '.ac-modal-trigger[data-ajax-url*="?view=river_content"]:not([data-ajax-iframe="true"])', function() {
    const target = this;
    const pageUrl = target.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';
    const modal = document.querySelector(`#${target.dataset.modalTarget}`);
    if (!modal) return;

    const modalParent = modal.closest('.modal');
    if (modalParent?.classList?.contains('adobe-tracking-scroll')) return;

    modalParent.classList.add('adobe-tracking-scroll');

    const debouncedScroll = debounce(function() {
      const scrollDepth = Math.round((modalParent.scrollTop / (modalParent.scrollHeight - modalParent.clientHeight)) * 100);
      const steps = [100, 75, 50, 25, 0];
      const scrollThreshold = steps.find(step => scrollDepth >= step);

      window.APLdigitalDataClient = window.APLdigitalDataClient || [];
      if (scrollThreshold === 0||scrollThreshold === undefined||window.APLdigitalDataClient.find(data => data.event === 'marketing_page_scroll' && data.marketing_page_name === pageUrl && data.scroll_depth_threshold === `${scrollThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });
    }, 50);
    $(modalParent).on('scroll', debouncedScroll);
  });
  window.adobeTrackMarketingPageIframeScroll = function(iframe) {
    const iframeDoc = iframe.contentWindow.document;
    const modalParent = iframe.closest('.modal');

    const parent = iframe.closest('.ac-modal');
    const modalTrigger = document.querySelector(`.ac-modal-trigger[data-modal-target="${parent.id}"]`);
    const pageUrl = modalTrigger.dataset.ajaxUrl?.split('?view')?.[0]?.replace('/pages/', '') || '';

    if (modalParent?.classList?.contains('adobe-tracking-scroll')) return;

    modalParent.classList.add('adobe-tracking-scroll');

    const debouncedScroll = debounce(function() {
      const scrollElement = iframeDoc.documentElement;
      const scrollDepth = Math.round((scrollElement.scrollTop / (scrollElement.scrollHeight - scrollElement.clientHeight)) * 100);
      const steps = [100, 75, 50, 25, 0];
      const scrollThreshold = steps.find(step => scrollDepth >= step);

      window.APLdigitalDataClient = window.APLdigitalDataClient || [];
      if (scrollThreshold === 0||window.APLdigitalDataClient.find(data => data.event === 'marketing_page_scroll' && data.marketing_page_name === pageUrl && data.scroll_depth_threshold === `${scrollThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'marketing_page_scroll',
        'marketing_page_name': pageUrl,
        'scroll_depth_threshold': `${scrollThreshold}%`,
      });
    }, 50);

    $(iframeDoc).on('scroll', debouncedScroll);
  }

  // non-marketing modal pages
  const modalTargets = [
    '="modal-net-monthly-pricing-modal"',
    '="modal-pdp-apple-care-modal"',
    '="modal-trade-in-modal"',
    '*="modal-cart-apple-care-modal"',
    '*="modal-cart-warranty-modal"',
    '*="modal-trade-in-learn-more-modal"',
    '*="modal-trade-in-modal"',
  ]
  $(document).on(
    'click',
    `
      ${modalTargets.map(target => `.ac-modal-trigger[data-modal-target${target}]`).join(',')},
      .js-trade-in-modal-trigger-secondary-cart
    `,
    function(e) {
      if (!e.originalEvent.isTrusted) {
        return;
      }

      const target = this;
      const eventText = elementText(target, true);
      const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
      const modalTarget = target.dataset.modalTarget || '';
      const modalForTarget = document.querySelector(`.ac-modal[id=${target.dataset.modalTarget}]`);
      const modalTitleElem = modalForTarget?.querySelector('h1, h2, h3, h4, h5, h6, .apple-care-modal__heading');
      const modalTitle = modalTitleElem ? elementText(modalTitleElem, true) : '';
      

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'modal_page_click',
        'modal_page_name': modalTitle,
        'click_text': eventText,
      });
      
      // Global Click Migration
      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: eventLocation + (modalTitle ? ': ' + modalTitle : ''),
        event_action: 'modal_page_click',
        event_label: eventText,
        click_url: modalTarget
    });
    }
  );

  // non-marketing modal cta clicks
  $(document).on('click', modalTargets.map(target => `.ac-modal[id${target}] a[href], .ac-modal[id${target}] button`).join(','), function() {
    const target = this;
    let eventText;
    let eventUrl;

    
    const modalElem = target.closest('.ac-modal');
    const eventLocation = modalElem ? modalElem.id || '' : '';
    const clickClass = target.classList.length ? target.classList[0] : '';
    
     if (target.tagName === 'A') {
      eventText = anchorText(target);
      eventUrl = anchorHref(target);
    } else {
      eventText = elementText(target);
      eventUrl = clickClass;
    }
    
    const modalTitleElem = target.closest('.ac-modal').querySelector('h1, h2, h3, h4, h5, h6, .apple-care-modal__heading');
    const modalTitle = modalTitleElem ? elementText(modalTitleElem, true) : '';
    
    const parent = target.closest('.ac-modal');
    const modalId = parent ? parent.id : '';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'modal_page_cta_click',
      'modal_page_name': modalTitle,
      'event_location': eventLocation,
      'event_action': clickClass,
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    
    // Global Click Migration
      window.APLdigitalData.push({
        event: 'click',
        event_category: 'marketing',
        event_location: 'Modal Page: ' + modalId,
        event_action: 'modal_page_cta_click',
        event_label: eventText,
        click_url: stripDomain(eventUrl),
      });
  });
  
  //scrolling threshold of all pages
 /*  (function() {
  const thresholds = [100, 75, 50, 25];
  const triggeredThresholds = new Set();

  function debounce(func, wait) {
    let timeout;
    return function() {
      const context = this, args = arguments;
      clearTimeout(timeout);
      timeout = setTimeout(() => func.apply(context, args), wait);
    };
  }

  const debouncedScroll = debounce(function() {
    const scrollTop = window.scrollY || window.pageYOffset;
    const docHeight = Math.max(
      document.documentElement.scrollHeight,
      document.body.scrollHeight,
      document.documentElement.offsetHeight,
      document.body.offsetHeight,
      document.documentElement.clientHeight
    );
    const winHeight = window.innerHeight;
    const scrollPercent = Math.round(((scrollTop + winHeight) / docHeight) * 100);

    const scrollThreshold = thresholds.find(threshold => scrollPercent >= threshold);
    const pageTitle = document.title || '';

    if (
      !scrollThreshold ||
      triggeredThresholds.has(scrollThreshold)
    ) return;

    triggeredThresholds.add(scrollThreshold);

    window.APLdigitalDataClient = window.APLdigitalDataClient || [];
    window.APLdigitalDataClient.push({
      'event': 'page_scroll',
      'page_name': pageTitle,
      'scroll_depth_threshold': `${scrollThreshold}%`
    });

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'page_scroll',
      'page_name': pageTitle,
      'scroll_depth_threshold': `${scrollThreshold}%`
    });
  }, 200);

  window.addEventListener('scroll', debouncedScroll);
})(); */

  // accordion
  $(document).on('click', '.product__accordion summary', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = elementText(target);
    const action = target.getAttribute('aria-expanded') === 'true' ? 'accordion_open' : 'accordion_close';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': action,
      'accordion_item': eventText,
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': eventLocation,
     'event_action': action,
     'event_label': eventText,
     'click_url': ''
   });
  });

  // external link click
  $(document).on('click', 'a[href^="http"]', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = anchorText(target);
    const eventUrl = anchorHref(target);

    const urlHostname = (new URL(eventUrl))?.hostname;

    if (urlHostname === window.location.hostname) {
      return;
    }

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'external_link_click',
      'click_text': eventText,
      'click_url': stripDomain(eventUrl),
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': eventLocation,
     'event_action': 'external_link_click',
     'event_label': eventText,
     'click_url': urlHostname
   });
  });

  // cart "More payment options" cta
  $(document).on('click', '.expedited-checkout .checkout-button__link', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const eventText = elementText(target);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'more_payment_options_click',
      'click_text': eventText,
    });
    //Global Click Migration
    window.APLdigitalData.push({
     'event': 'click',
     'event_category': 'engagements',
     'event_location': eventLocation,
     'event_action': 'more_payment_options_click',
     'event_label': eventText,
     'click_url': ''
   });
  });

  // view pdp
if (SDG.Data.template.startsWith('product')) {
  const prodView = async () => {
    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || []; 
    window.APLdigitalData.push({
      'event': 'prodView',
      'product': productData
    });
  };
  prodView();
}


  // pdp AppleCare
  $(document).on('click', 'label[for="add-apple-care"]', function(event) {
  // If the click target is the input itself, ignore
  if (event.target.tagName.toLowerCase() === 'input') return;

  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Delay so checkbox state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const parent = label.closest('.add-on-product-style');
    const container = label.closest('.container-box-2');
    if (!container) return;
    if (container.id !== 'apple-care-add') return;

    const title = parent ? parent.querySelector('h3') : null;
    const appleCarePlan = elementText(title);

    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan,
      'product': productData?.product_name,
      });

    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan
    });
  }, 0);
});

  // pdp AppleCare no coverage selected
$(document).on('click', 'label[for="remove-insurance"]', function(event) {
  // If the user actually clicked the input, do nothing
  if (event.target.tagName.toLowerCase() === 'input') return;

  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

  const productData = await adobeProductData();

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_no_coverage',
      'product': productData?.product_name,
      });

    console.log('Applecare+ selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

  // pdp AppleCare PDP 1.0

  $(document).on('click', '.product #apple-care-add', async function() {
    
    const productData = await adobeProductData();
    let appleCarePlan1 = 'AppleCare+ for ' + productData?.product_name;

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan1,
      'product': productData?.product_name,
    });
    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan1
    });
  });

  // pdp Third-Party Warranty PDP 1.0

  $(document).on('click', '.product #secWarranty-add', async function() {
    
    const productData = await adobeProductData();
    let appleCarePlan1 = 'Third-Party Warranty for ' + productData?.product_name;

     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan1,
      'product': productData?.product_name,
    });
    console.log('Applecare+ selection tracked', {
      apple_care_plan: appleCarePlan1
    });
  });

  // cart AppleCare
  $(document).on('click', '.add-cart-apple-care[data-reference="aplcr"], .add-cart-apple-care[data-reference="secwr"]', function() {
    const target = this;
    const parent = target.closest('.cart_itemadd');

    const title = parent.querySelector('.apple-care-card-title');
    const appleCarePlan = elementText(title);

    const mainProductIndex = target.dataset.forproduct;
    const mainProductParent = document.getElementById(`CartItem-${mainProductIndex}`);
    const productData = JSON.parse(mainProductParent.querySelector('.adobe-analytics-cart-item-data').textContent).payload;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'applecare+_add',
      'apple_care+_plan': appleCarePlan,
      'product': productData?.product_name,
      'currency': productData?.currency,
      'product_price': productData?.product_price,
      'brand': productData?.brand,
    });
  });

  // Trade-in button on PDP
$(document).on('click', '.apl-section-trade-in-form-option-start-trade-in.js-trade-in-modal-trigger-input', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'button_click',
      'click_text': clickText,
      'product': productData?.product_name,
    });

    console.log('Trade-in selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

 $(document).on('click', '.apl-section-trade-in-form-option-no-trade-in', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event': 'button_click',
      'click_text': clickText,
      'product': productData?.product_name,
    });

    console.log('Trade-in selection tracked', {
      option_value: optionValue,
      click_text: clickText
    });
  }, 0);
});

  // Financing button on PDP
$(document).on('click', '.apl-section-cto-financing-start', function (event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function () {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'button_click',
      click_text: clickText,
      product: productData?.product_name,
    });

    console.log('Financing selection tracked', {
      option_value: optionValue,
      click_text: clickText,
    });
  }, 0);
});


//Decline Financing
$(document).on('click', '.cto-financing__input.js-cto-financing-input.apl-section-cto-financing-decline-financing', function(event) {
  const label = this;
  const inputId = label.getAttribute('for');
  const input = document.getElementById(inputId);
  if (!input) return;

  // Use a delay so the input.checked state updates
  setTimeout(async function() {
    if (!input.checked) return;

    const clickText = elementText(label);
    const optionValue = input.value || '';
    const pageUrl = window.location.href;
    const pageTitle = document.title || '';

    const productData = await adobeProductData();

    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      event: 'button_click',
      click_text: clickText,
      product: productData?.product_name,
    });

    console.log('Decline Financing selection tracked', {
      option_value: optionValue,
      click_text: clickText,
    });
  }, 0);
});

  // Store locator select store
  $(document).on('click', '.js-store-locator-select-btn', function() {
    const target = this;
    const parent = target.closest('my-store-locator-drawer');

    const activeResult = parent.querySelector(parent.dom.activeResult);
    const storeName = elementText(activeResult.querySelector('.my-location-result__name'));

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'pick-in_store_click',
      'store_name': storeName,
    });
  });

  // pdp quantity selector
  $(document).on('click', '.product-form__quantity .js-qty-input .quantity__button', async function() {
    const target = this;
    const productData = await adobeProductData();
    const event = target.name === 'plus' ? 'quantity_selector_plus' : 'quantity_selector_minus';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.product_name,
      'mpn_id': productData?.mpn_id,
    });
  });

  // cart quantity selector
  $(document).on('click', '.cart-item .quantity__button', function() {
    const target = this;
    const parent = target.closest('.cart-item');
    const productData = JSON.parse(parent.querySelector('.adobe-analytics-cart-item-data').textContent).payload;
    const event = target.name === 'plus' ? 'quantity_selector_plus' : 'quantity_selector_minus';

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.product_name,
      'mpn_id': productData?.mpn_id,
    });
  });


  // pdp frequently bought together product
  $(document).on('change', '.js-frequent-products-checkbox', function() {
    const target = this;
    const isSelected = target.checked;
    const event = isSelected ? 'frequently_bought_together_product_select' : 'frequently_bought_together_product_unselect';

    const parent = target.closest('.frequent-product-list');
    const productData = JSON.parse(parent.querySelector('.adobe-analytics-frequently-products-card-data').textContent);

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': event,
      'product_name': productData?.title,
      'mpn_id': productData?.mpn,
    });
  });

  // video play
  $('video').on('play', function() {
    const target = this;
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'video_play',
      'video_id': videoName(target),
    });
  });

  // video pause
  $('video').on('pause', function() {
    const target = this;
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'video_pause',
      'video_id': videoName(target),
    });
  });

  // video progress
  $('video').on('timeupdate', function() {
    const target = this;
    const vidName = videoName(target);
    const duration = target.duration;
    const currentTime = target.currentTime;
    const progress = Math.round((currentTime / duration) * 100);
    const steps = [100, 75, 50, 25, 0];
    const progressThreshold = steps.find(step => progress >= step);

    window.APLdigitalDataClient = window.APLdigitalDataClient || [];
    if (progressThreshold === 100) {
      if (window.APLdigitalDataClient.find(data => data.event === 'video_complete' && data.video_id === vidName)) return;

      window.APLdigitalDataClient.push({
        'event': 'video_complete',
        'video_id': vidName,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'video_complete',
        'video_id': vidName,
      });
    } else if (progressThreshold >= 0) {
      if (progressThreshold === 0||window.APLdigitalDataClient.find(data => data.event === 'video_progress' && data.video_id === vidName && data.video_progress === `${progressThreshold}%`)
      ) return;

      window.APLdigitalDataClient.push({
        'event': 'video_progress',
        'video_id': vidName,
        'video_progress': `${progressThreshold}%`,
      });

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'video_progress',
        'video_id': vidName,
        'video_progress': `${progressThreshold}%`,
      });
    }
  });

  // account login
  $(document).on('submit', '#customer_login', function() {
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'login',
      'login_form_location': 'login page',
    });
  });

  // account logout
  $(document).on('click', 'a[href*="/account/logout"]', function() {
     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'logout',
      'login_form_location': 'login page',
    });
  });

 // account register form start
  $(document).on('input', '#create_customer', function() {
    window.APLdigitalData = window.APLdigitalData || [];

    if (!window.APLdigitalData.some(data => data.event === 'signup_start')) {
      window.APLdigitalData.push({
        'event' : 'signup_start',
      });
    }
  });

  // account register form submit
  $(document).on('submit', '#create_customer', function() {
    window.APLdigitalData = window.APLdigitalData || [];
    window.APLdigitalData.push({
      'event' : 'signup_success',
    });
  });

  // filters click
  $(document).on('click', '#FacetFiltersForm .facet-checkbox input', function() {
    const target = this;
    const eventLocation = window.getClickSection ? window.getClickSection(target) : '';
    const parent = target.closest('.js-filter');
    const parentItem = target.closest('.facets__item');
    if (!parent) return '';

    const category = parent.querySelector('.facets__summary');
    const cloneCategory = category.cloneNode(true);
    cloneCategory.querySelector('.facets__selected')?.remove();
    const categoryText = category ? elementText(cloneCategory) : '';

    let labelText;

    if (parentItem.classList.contains('list-menu__item--pickup')) {
      const label = parentItem ? parentItem.querySelector('span') : null;
      const pickupText = label ? elementText(label) : '';
      const location = parentItem ? parentItem.querySelector('.js-my-store-locator-search-drawer-launcher') : null;
      const locationText = location ? elementText(location) : '';
      labelText = `${pickupText} ${locationText}`;
    } else {
      const label = parentItem ? parentItem.querySelector('span[aria-hidden]') : null;
      const cloneLabel = label?.cloneNode(true);
      cloneLabel?.querySelector('.filter-count')?.remove();
      labelText = label ? elementText(cloneLabel) : '';
    }
    
    const elCount = document.querySelector('#ProductCountDesktop');
        if (!elCount) return;

        const countProducts = parseInt(elCount.textContent, 10);
        if (!countProducts) return;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'filter_click',
      'filter_category': categoryText,
      'filter_item': labelText,
    });
    // Global Click Migration
    window.APLdigitalData.push({
        'event': 'click',
        'event_category': 'engagements',
        'event_location': 'Filter: '+ categoryText,
        'event_action': 'filter_click',
        'event_label': labelText,
        'click_url': 'Results: ' + countProducts
    });
  });

  // sort change
  $(document).on('input', '#FacetSortForm', function() {
    const target = this;
    const sortSelect = target.querySelector('#SortBy');
    const activeSortOption = sortSelect.querySelector('option:checked');
    const activeSortLabel = elementText(activeSortOption);
    
    const elCount = document.querySelector('#ProductCountDesktop');
        if (!elCount) return;

        const countProducts = parseInt(elCount.textContent, 10);
        if (!countProducts) return;

     window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
      'event': 'sort_click',
      'sort_type': activeSortLabel,
    });
    
    // Global Click Migration
    window.APLdigitalData.push({
        'event': 'click',
        'event_category': 'engagements',
        'event_location': 'Results:' + countProducts,
        'event_action': 'sort_click',
        'event_label': activeSortLabel,
        'click_url': ''
    });
  });


// add to cart
window.adobeTrackAddToCart = function(opts) {
 opts = opts || {};
 const items = opts.items || [];
 const context = opts.context || '';
 const $trigger = opts.$trigger || null;
 const triggerText = opts.triggerText || null;
 const triggerUrl = opts.triggerUrl || '';
  
 return adobeCartData().then(function(trackCartData) {
   const trackingProducts = [];
  
   items.forEach(function(item) {
    const productData = trackCartData.items.find(function(cartItem) {
      return cartItem.variant_id === parseInt(item.id);
    });
    if (!productData) return;
     
    // Extract bundle information from payload
    const bundleInfo = {
      bundle_added: productData.payload.bundle_added || false,
      bundle_name: productData.payload.bundle_name || null,
      bundle_mpn_id: productData.payload.bundle_mpn_id || null
    };
     
    // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
    const finalMpnId = bundleInfo.bundle_added && bundleInfo.bundle_mpn_id ? bundleInfo.bundle_mpn_id : productData.payload.mpn_id;
     
    trackingProducts.push({
     units: item.quantity,
     product_name: productData.payload.product_name,
     mpn_id: finalMpnId,
     currency: productData.payload.currency,
     product_price: productData.payload.product_price,
     brand: productData.payload.brand,
     lob: productData.payload.lob,
     sub_lob: productData.payload.sub_lob,
     bundle_added: bundleInfo.bundle_added,
     bundle_name: bundleInfo.bundle_name
    });
   });
    
   let clickText;
   if (triggerText) {
    clickText = triggerText;
   } else {
    clickText = elementText($trigger);
   }
  
   const finalObj = {
    'event': 'scAdd',
    'product': trackingProducts,
    'click_text': clickText,
    'click_url': triggerUrl || '',
    'add_to_cart_context': context,
   };
    
   window.APLdigitalData = window.APLdigitalData || [];
   window.APLdigitalData.push(finalObj);
 }).catch(function(err) {
   console.error('Error in adobeTrackAddToCart:', err);
 })

  // first add-to-cart detection (MOVED INSIDE FUNCTION)
  const adobeTrackedFirstAdd = trackCartData.items.every(cartItem =>
    items.some(
      item =>
        parseInt(item.id) === parseInt(cartItem.variant_id) &&
        parseInt(item.quantity) === parseInt(cartItem.quantity)
    )
  );

  if (adobeTrackedFirstAdd) {
    window.APLdigitalData.push({
      event: 'scOpen',
      product: trackingProducts,
      add_to_cart_context: context
    });
  }
};

  // view cart
 (function() {
 'use strict';
 // Check if we're on the cart page
 if (window.SDG && window.SDG.Data && window.SDG.Data.template === 'cart') {
   // Wait for Shopify consent to be granted
   const waitForConsent = function() {
     return new Promise(function(resolve) {
       const intervalId = setInterval(function() {
         if (window._shopifyConsentGranted === true) {
           clearInterval(intervalId);
           resolve();
         }
       }, 100);
     });
   };
    
   // Track cart view
   waitForConsent().then(function() {
     console.log("Consent granted! Proceeding to fetch cart data for scView.");
     return adobeCartData();
   }).then(function(trackCartData) {
     console.log("Cart data successfully fetched:", trackCartData);
     // Map cart data with bundle information
     const trackingProducts = trackCartData.items.map(function(item) {
       // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
       const finalMpnId = item.payload.bundle_added && item.payload.bundle_mpn_id ? item.payload.bundle_mpn_id : item.payload.mpn_id;
        
       return {
         units: item.quantity,
         product_name: item.payload.product_name,
         mpn_id: finalMpnId,
         currency: item.payload.currency,
         product_price: item.payload.product_price,
         brand: item.payload.brand,
         lob: item.payload.lob,
         sub_lob: item.payload.sub_lob,
         bundle_added: item.payload.bundle_added || false,
         bundle_name: item.payload.bundle_name || null
       };
     });
     // Push the 'scView' event to the digital data layer
     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
       event: 'scView',
       product: trackingProducts
     });
     console.log("scView event pushed to the DataLayer successfully:", {
       event: 'scView',
       product: trackingProducts
     });
   }).catch(function(error) {
     console.error("Error while processing scView event:", error);
   });
 }
})()

// scRemove - Remove from Cart Tracking
;(function() {
 'use strict';
 if (typeof jQuery !== 'undefined') {
   jQuery(document).on('click', '.cart-item cart-remove-button', function() {
     const target = this;
     const parent = target.closest('.cart-item');
     const dataElement = parent.querySelector('.adobe-analytics-cart-item-data');
     if (!dataElement) return;
      
     const productData = JSON.parse(dataElement.textContent);
      
     // Extract bundle information from product data
     const bundleInfo = {
       bundle_added: productData.payload.bundle_added || false,
       bundle_name: productData.payload.bundle_name || null,
       bundle_mpn_id: productData.payload.bundle_mpn_id || null
     };
      
     // Use bundle mpn_id if bundle is added, otherwise use product mpn_id
     const finalMpnId = bundleInfo.bundle_added && bundleInfo.bundle_mpn_id ? bundleInfo.bundle_mpn_id : productData.payload.mpn_id;
      
     const trackingProducts = [{
       units: productData.quantity,
       product_name: productData.payload.product_name,
       mpn_id: finalMpnId,
       currency: productData.payload.currency,
       product_price: productData.payload.product_price,
       brand: productData.payload.brand,
       lob: productData.payload.lob,
       sub_lob: productData.payload.sub_lob,
       bundle_added: bundleInfo.bundle_added,
       bundle_name: bundleInfo.bundle_name
     }];
      
     window.APLdigitalData = window.APLdigitalData || [];
     window.APLdigitalData.push({
       event: 'scRemove',
       product: trackingProducts
     });
      
     const mainProductIndex = parent.id.split('-')[1];
     const appleCareRemoves = document.querySelectorAll('cart-remove-button[data-mnprdctidx="' + mainProductIndex + '"] .applecareremove-a');
     appleCareRemoves.forEach(function(appleCareRemove) {
       if (typeof trackRemoveAppleCare === 'function') {
         trackRemoveAppleCare(appleCareRemove);
       }
     });
   });
 }
})();
  // collection slider product list section impression
  function productListImpressions() {
    const observerOptions = {
      threshold: 0.9,
    };

    let products = [];

    const debouncedPushData = debounce(function() {
      if (!products.length) return;

       window.APLdigitalData = window.APLdigitalData || [];     window.APLdigitalData.push({
        'event': 'product_list_section_impression',
        'product': products,
      });

      products = [];
    }, 10);

    function observerCallback(entries, observer) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const slickParent = entry.target;
          const numSlides = $(slickParent).slick('getSlick').slideCount;
          const $cards = slickParent.querySelectorAll('.product-card, .item-card');
          const $activeCards = slickParent.querySelectorAll('.product-card.slick-active, .item-card.slick-active');
          const activeCardIndices = Array.from($activeCards).map(card => Array.from($cards).indexOf(card) % numSlides);
          slickParent.dataset.activeCardIndices = activeCardIndices.join(',');

          $activeCards.forEach($card => {
            const productData = JSON.parse($card.querySelector('.adobe-analytics-product-card-data').textContent);
            products.push(productData);
          });

          debouncedPushData();
        }
      });
    }

    const observer = new IntersectionObserver(observerCallback, observerOptions);

    const $productLists = document.querySelectorAll('.collection_slider .slick-initialized:not(.is-observed), .conversion-module .slick-initialized:not(.is-observed)');
    $productLists.forEach($productList => {
      observer.observe($productList);
      $productList.classList.add('is-observed');

      const slickParent = $productList;
      if (slickParent) {
        $(slickParent).on('afterChange', function() {
          const numSlides  = $(slickParent).slick('getSlick').slideCount;
          const $cards = slickParent.querySelectorAll('.product-card, .item-card');
          const $activeCards = slickParent.querySelectorAll('.product-card.slick-active, .item-card.slick-active');

          const previousActiveCardIndices = slickParent.dataset.activeCardIndices?.split(',').map(index => parseInt(index));
          if (!previousActiveCardIndices) return;
          const activeCardIndices = Array.from($activeCards).map(card => Array.from($cards).indexOf(card) % numSlides);
          const newActiveCardIndices = activeCardIndices.filter(index => !previousActiveCardIndices.includes(index));

          const $newActiveCards = Array.from($cards).filter((card, index) => newActiveCardIndices.includes(index));
          slickParent.dataset.activeCardIndices = activeCardIndices.join(',');

          $newActiveCards.forEach($card => {
            const productData = JSON.parse($card.querySelector('.adobe-analytics-product-card-data').textContent);
            products.push(productData);
          });

          debouncedPushData();
        });
      }
    });
  }
  productListImpressions();
  window.adobeTrackProductListImpressions = productListImpressions;
});


//   tryWireEvents();
//})();
});</script><script>_satellite["_runScript2"](function(event, target, Promise) {
function runConsentChecks(){console.log("[Consent Debug] analyticsProcessingAllowed:",Shopify.customerPrivacy.analyticsProcessingAllowed()),Shopify.customerPrivacy.analyticsProcessingAllowed()?(window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyConsentGranted",consentType:"analytics"}),console.log("[Consent Debug] (Page Load) Pushed event to dataLayer"),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Page Load) Fired _satellite.track("shopifyConsentGranted")')):console.warn("[Consent Debug] (Page Load) analyticsProcessingAllowed is FALSE"),document.addEventListener("visitorConsentCollected",(function(e){console.log("[Consent Debug] visitorConsentCollected event fired:",e.detail),e.detail&&e.detail.analyticsAllowed?(window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyConsentGranted",consentType:"analytics"}),console.log("[Consent Debug] (Consent Change) Pushed event to dataLayer"),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Consent Change) Fired _satellite.track("shopifyConsentGranted")')):console.warn("[Consent Debug] (Consent Change) analyticsAllowed is FALSE or missing")}))}console.log("[Consent Debug] Starting consent check"),window.dataLayer=window.dataLayer||[],function e(){window.Shopify&&Shopify.customerPrivacy?runConsentChecks():(console.log("[Consent Debug] Shopify.customerPrivacy not yet available, retrying\u2026"),setTimeout(e,10))}(),setTimeout((function(){window.Shopify&&Shopify.customerPrivacy||(console.warn("[Consent Debug] Shopify.customerPrivacy API not implemented \u2014 assuming consent granted (fallback)"),window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyPrivacyOff",consentType:"analytics"}),console.log('[Consent Debug] (Fallback) Pushed event to dataLayer as "shopifyPrivacyOff"'),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Fallback) Fired _satellite.track("shopifyConsentGranted")'))}),200);
});</script><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-no-padding modal-page-overlay" data-modal-element-container="" data-modal-close="">
  <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
    <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
      <div class="modal-content-container" data-modal-element-content-container=""></div>
    <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
  <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
  </div>
</div><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-no-padding modal-page-overlay" data-modal-element-container="" data-modal-close="">
  <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
    <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
      <div class="modal-content-container" data-modal-element-content-container=""></div>
    <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
  <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
  </div>
</div><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-page-overlay" data-modal-element-container="" data-modal-close="">
  <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
    <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
      <div class="modal-content-container" data-modal-element-content-container=""></div>
    <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
  <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
  </div>
</div>
<script>_satellite["_runScript2"](function(event, target, Promise) {
function runConsentChecks(){console.log("[Consent Debug] analyticsProcessingAllowed:",Shopify.customerPrivacy.analyticsProcessingAllowed()),Shopify.customerPrivacy.analyticsProcessingAllowed()?(window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyConsentGranted",consentType:"analytics"}),console.log("[Consent Debug] (Page Load) Pushed event to dataLayer"),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Page Load) Fired _satellite.track("shopifyConsentGranted")')):console.warn("[Consent Debug] (Page Load) analyticsProcessingAllowed is FALSE"),document.addEventListener("visitorConsentCollected",(function(e){console.log("[Consent Debug] visitorConsentCollected event fired:",e.detail),e.detail&&e.detail.analyticsAllowed?(window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyConsentGranted",consentType:"analytics"}),console.log("[Consent Debug] (Consent Change) Pushed event to dataLayer"),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Consent Change) Fired _satellite.track("shopifyConsentGranted")')):console.warn("[Consent Debug] (Consent Change) analyticsAllowed is FALSE or missing")}))}console.log("[Consent Debug] Starting consent check"),window.dataLayer=window.dataLayer||[],function e(){window.Shopify&&Shopify.customerPrivacy?runConsentChecks():(console.log("[Consent Debug] Shopify.customerPrivacy not yet available, retrying\u2026"),setTimeout(e,10))}(),setTimeout((function(){window.Shopify&&Shopify.customerPrivacy||(console.warn("[Consent Debug] Shopify.customerPrivacy API not implemented \u2014 assuming consent granted (fallback)"),window._shopifyConsentGranted=!0,window.dataLayer.push({event:"shopifyPrivacyOff",consentType:"analytics"}),console.log('[Consent Debug] (Fallback) Pushed event to dataLayer as "shopifyPrivacyOff"'),_satellite.track("shopifyConsentGranted"),console.log('[Consent Debug] (Fallback) Fired _satellite.track("shopifyConsentGranted")'))}),200);
});</script><script src="https://cdn.shopify.com/extensions/7fa815c1-0161-4752-8b0b-1bcc5c0a9903/forms-2310/assets/index.js" type="module" defer async=""></script><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-no-padding modal-page-overlay" data-modal-element-container="" data-modal-close="">
    <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
        <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
            <div class="modal-content-container" data-modal-element-content-container=""><div id="modal-popupContainer-1" class="ac-modal" data-type="link" data-width="wide" data-variant="pageOverlay" data-modal-dialog-label="Modal" data-modal-close-label="Close Modal">
      <div class="seedkit-component-standalone">
        <div class="ac-progress-indicator"><div data-progress-indicator="" class="progress-indicator progress-indicator-indeterminate progress-indicator-immediate progress-indicator-curtain progress-indicator-visible">
    <svg class="progress-indicator-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" aria-hidden="true">
        <g class="progress-indicator-spokes">
            <path class="progress-indicator-spoke" d="M28,8.5A2.5,2.5,0,0,1,30.5,11v7a2.5,2.5,0,0,1-5,0V11A2.5,2.5,0,0,1,28,8.5Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,14.21a2.52,2.52,0,0,1,0,3.54L36.84,22.7a2.5,2.5,0,0,1-3.54-3.54l5-4.95A2.52,2.52,0,0,1,41.79,14.21Z"></path>
            <path class="progress-indicator-spoke" d="M47.5,28A2.5,2.5,0,0,1,45,30.5H38a2.5,2.5,0,0,1,0-5h7A2.5,2.5,0,0,1,47.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,41.79a2.52,2.52,0,0,1-3.54,0l-5-4.95a2.5,2.5,0,0,1,3.54-3.54l4.95,5A2.52,2.52,0,0,1,41.79,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M28,47.5A2.5,2.5,0,0,1,25.5,45V38a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,28,47.5Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,41.79a2.52,2.52,0,0,1,0-3.54l4.95-5a2.5,2.5,0,0,1,3.54,3.54l-4.95,4.95A2.52,2.52,0,0,1,14.21,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M8.5,28A2.5,2.5,0,0,1,11,25.5h7a2.5,2.5,0,0,1,0,5H11A2.5,2.5,0,0,1,8.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,14.21a2.52,2.52,0,0,1,3.54,0l4.95,4.95a2.5,2.5,0,0,1-3.54,3.54l-4.95-4.95A2.52,2.52,0,0,1,14.21,14.21Z"></path>
        </g>
    </svg>
</div><div data-progress-indicator="" class="progress-indicator progress-indicator-indeterminate progress-indicator-immediate progress-indicator-curtain progress-indicator-visible">
    <svg class="progress-indicator-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" aria-hidden="true">
        <g class="progress-indicator-spokes">
            <path class="progress-indicator-spoke" d="M28,8.5A2.5,2.5,0,0,1,30.5,11v7a2.5,2.5,0,0,1-5,0V11A2.5,2.5,0,0,1,28,8.5Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,14.21a2.52,2.52,0,0,1,0,3.54L36.84,22.7a2.5,2.5,0,0,1-3.54-3.54l5-4.95A2.52,2.52,0,0,1,41.79,14.21Z"></path>
            <path class="progress-indicator-spoke" d="M47.5,28A2.5,2.5,0,0,1,45,30.5H38a2.5,2.5,0,0,1,0-5h7A2.5,2.5,0,0,1,47.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,41.79a2.52,2.52,0,0,1-3.54,0l-5-4.95a2.5,2.5,0,0,1,3.54-3.54l4.95,5A2.52,2.52,0,0,1,41.79,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M28,47.5A2.5,2.5,0,0,1,25.5,45V38a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,28,47.5Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,41.79a2.52,2.52,0,0,1,0-3.54l4.95-5a2.5,2.5,0,0,1,3.54,3.54l-4.95,4.95A2.52,2.52,0,0,1,14.21,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M8.5,28A2.5,2.5,0,0,1,11,25.5h7a2.5,2.5,0,0,1,0,5H11A2.5,2.5,0,0,1,8.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,14.21a2.52,2.52,0,0,1,3.54,0l4.95,4.95a2.5,2.5,0,0,1-3.54,3.54l-4.95-4.95A2.52,2.52,0,0,1,14.21,14.21Z"></path>
        </g>
    </svg>
</div><div data-progress-indicator="" class="progress-indicator progress-indicator-indeterminate progress-indicator-immediate progress-indicator-curtain progress-indicator-visible">
    <svg class="progress-indicator-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" aria-hidden="true">
        <g class="progress-indicator-spokes">
            <path class="progress-indicator-spoke" d="M28,8.5A2.5,2.5,0,0,1,30.5,11v7a2.5,2.5,0,0,1-5,0V11A2.5,2.5,0,0,1,28,8.5Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,14.21a2.52,2.52,0,0,1,0,3.54L36.84,22.7a2.5,2.5,0,0,1-3.54-3.54l5-4.95A2.52,2.52,0,0,1,41.79,14.21Z"></path>
            <path class="progress-indicator-spoke" d="M47.5,28A2.5,2.5,0,0,1,45,30.5H38a2.5,2.5,0,0,1,0-5h7A2.5,2.5,0,0,1,47.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,41.79a2.52,2.52,0,0,1-3.54,0l-5-4.95a2.5,2.5,0,0,1,3.54-3.54l4.95,5A2.52,2.52,0,0,1,41.79,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M28,47.5A2.5,2.5,0,0,1,25.5,45V38a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,28,47.5Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,41.79a2.52,2.52,0,0,1,0-3.54l4.95-5a2.5,2.5,0,0,1,3.54,3.54l-4.95,4.95A2.52,2.52,0,0,1,14.21,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M8.5,28A2.5,2.5,0,0,1,11,25.5h7a2.5,2.5,0,0,1,0,5H11A2.5,2.5,0,0,1,8.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,14.21a2.52,2.52,0,0,1,3.54,0l4.95,4.95a2.5,2.5,0,0,1-3.54,3.54l-4.95-4.95A2.52,2.52,0,0,1,14.21,14.21Z"></path>
        </g>
    </svg>
</div></div>
      </div>
    </div></div>
        <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
    <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
    </div>
</div><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-no-padding modal-page-overlay" data-modal-element-container="" data-modal-close="">
    <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
        <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
            <div class="modal-content-container" data-modal-element-content-container=""><div id="modal-popupContainer-2" class="ac-modal ac-modal--ajax-iframe popup-container" data-type="link" data-width="wide" data-variant="pageOverlay" data-modal-dialog-label="Modal" data-modal-close-label="Close Modal">
      <div class="seedkit-component-standalone">
        <div class="ac-progress-indicator"><div data-progress-indicator="" class="progress-indicator progress-indicator-indeterminate progress-indicator-immediate progress-indicator-curtain progress-indicator-visible">
    <svg class="progress-indicator-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" aria-hidden="true">
        <g class="progress-indicator-spokes">
            <path class="progress-indicator-spoke" d="M28,8.5A2.5,2.5,0,0,1,30.5,11v7a2.5,2.5,0,0,1-5,0V11A2.5,2.5,0,0,1,28,8.5Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,14.21a2.52,2.52,0,0,1,0,3.54L36.84,22.7a2.5,2.5,0,0,1-3.54-3.54l5-4.95A2.52,2.52,0,0,1,41.79,14.21Z"></path>
            <path class="progress-indicator-spoke" d="M47.5,28A2.5,2.5,0,0,1,45,30.5H38a2.5,2.5,0,0,1,0-5h7A2.5,2.5,0,0,1,47.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,41.79a2.52,2.52,0,0,1-3.54,0l-5-4.95a2.5,2.5,0,0,1,3.54-3.54l4.95,5A2.52,2.52,0,0,1,41.79,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M28,47.5A2.5,2.5,0,0,1,25.5,45V38a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,28,47.5Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,41.79a2.52,2.52,0,0,1,0-3.54l4.95-5a2.5,2.5,0,0,1,3.54,3.54l-4.95,4.95A2.52,2.52,0,0,1,14.21,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M8.5,28A2.5,2.5,0,0,1,11,25.5h7a2.5,2.5,0,0,1,0,5H11A2.5,2.5,0,0,1,8.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,14.21a2.52,2.52,0,0,1,3.54,0l4.95,4.95a2.5,2.5,0,0,1-3.54,3.54l-4.95-4.95A2.52,2.52,0,0,1,14.21,14.21Z"></path>
        </g>
    </svg>
</div><div data-progress-indicator="" class="progress-indicator progress-indicator-indeterminate progress-indicator-immediate progress-indicator-curtain progress-indicator-visible">
    <svg class="progress-indicator-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" aria-hidden="true">
        <g class="progress-indicator-spokes">
            <path class="progress-indicator-spoke" d="M28,8.5A2.5,2.5,0,0,1,30.5,11v7a2.5,2.5,0,0,1-5,0V11A2.5,2.5,0,0,1,28,8.5Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,14.21a2.52,2.52,0,0,1,0,3.54L36.84,22.7a2.5,2.5,0,0,1-3.54-3.54l5-4.95A2.52,2.52,0,0,1,41.79,14.21Z"></path>
            <path class="progress-indicator-spoke" d="M47.5,28A2.5,2.5,0,0,1,45,30.5H38a2.5,2.5,0,0,1,0-5h7A2.5,2.5,0,0,1,47.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,41.79a2.52,2.52,0,0,1-3.54,0l-5-4.95a2.5,2.5,0,0,1,3.54-3.54l4.95,5A2.52,2.52,0,0,1,41.79,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M28,47.5A2.5,2.5,0,0,1,25.5,45V38a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,28,47.5Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,41.79a2.52,2.52,0,0,1,0-3.54l4.95-5a2.5,2.5,0,0,1,3.54,3.54l-4.95,4.95A2.52,2.52,0,0,1,14.21,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M8.5,28A2.5,2.5,0,0,1,11,25.5h7a2.5,2.5,0,0,1,0,5H11A2.5,2.5,0,0,1,8.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,14.21a2.52,2.52,0,0,1,3.54,0l4.95,4.95a2.5,2.5,0,0,1-3.54,3.54l-4.95-4.95A2.52,2.52,0,0,1,14.21,14.21Z"></path>
        </g>
    </svg>
</div><div data-progress-indicator="" class="progress-indicator progress-indicator-indeterminate progress-indicator-immediate progress-indicator-curtain progress-indicator-visible">
    <svg class="progress-indicator-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" aria-hidden="true">
        <g class="progress-indicator-spokes">
            <path class="progress-indicator-spoke" d="M28,8.5A2.5,2.5,0,0,1,30.5,11v7a2.5,2.5,0,0,1-5,0V11A2.5,2.5,0,0,1,28,8.5Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,14.21a2.52,2.52,0,0,1,0,3.54L36.84,22.7a2.5,2.5,0,0,1-3.54-3.54l5-4.95A2.52,2.52,0,0,1,41.79,14.21Z"></path>
            <path class="progress-indicator-spoke" d="M47.5,28A2.5,2.5,0,0,1,45,30.5H38a2.5,2.5,0,0,1,0-5h7A2.5,2.5,0,0,1,47.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M41.79,41.79a2.52,2.52,0,0,1-3.54,0l-5-4.95a2.5,2.5,0,0,1,3.54-3.54l4.95,5A2.52,2.52,0,0,1,41.79,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M28,47.5A2.5,2.5,0,0,1,25.5,45V38a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,28,47.5Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,41.79a2.52,2.52,0,0,1,0-3.54l4.95-5a2.5,2.5,0,0,1,3.54,3.54l-4.95,4.95A2.52,2.52,0,0,1,14.21,41.79Z"></path>
            <path class="progress-indicator-spoke" d="M8.5,28A2.5,2.5,0,0,1,11,25.5h7a2.5,2.5,0,0,1,0,5H11A2.5,2.5,0,0,1,8.5,28Z"></path>
            <path class="progress-indicator-spoke" d="M14.21,14.21a2.52,2.52,0,0,1,3.54,0l4.95,4.95a2.5,2.5,0,0,1-3.54,3.54l-4.95-4.95A2.52,2.52,0,0,1,14.21,14.21Z"></path>
        </g>
    </svg>
</div></div>
      </div>
    </div></div>
        <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
    <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
    </div>
</div><div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-page-overlay" data-modal-element-container="" data-modal-close="">
    <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
        <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Modal">
            <div class="modal-content-container" data-modal-element-content-container=""><div id="modal-net-monthly-pricing-modal" class="ac-modal" data-type="content" data-width="wide" data-variant="pageOverlay" data-modal-dialog-label="Modal" data-modal-close-label="Close Modal">
    
      <link href="https://www.digimap.co.id/cdn/shop/t/24/assets/component-nmp-test-mode.css?v=151741525525346862511759819271" rel="stylesheet" type="text/css" media="all">

<nmp-test-mode class="nmp-test-mode js-nmp-test-mode" data-frequency="/mo. for {{ per_month }} mo.">
  <div class="nmp-test-mode__heading" id="modal-headline">
    <p>Kini pilihan cicilan 0% hingga 24 bulan lebih banyak tersedia untuk anda.</p>
  </div>

  <h3 class="nmp-test-mode__title"></h3><div class="nmp-test-mode__plan">
      <div class="js-nmp-terms">
        <i class="fa fa-spinner fa-spin"></i>
      </div>
    </div></nmp-test-mode>

<script src="https://www.digimap.co.id/cdn/shop/t/24/assets/nmp-test-mode.js?v=159487378974521368131759819271" defer></script>

    
  </div></div>
        <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Close Modal">
    <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z"></path></svg></span>
</button></div>
    </div>
</div><script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"81f3b54e9f084fffac43e4ccd2b055e2","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body></html>
