<!doctype html>
<html class="no-js" lang="id">
	<head>
	<meta charset="utf-8" />
    <meta name="pinterest" content="nopin" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<link rel="canonical" href="https://www.craftsmantavern.com/current-menu" />
	<link rel="amphtml" href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" />
	<meta name="robots" content="index, follow">
	<link rel="preconnect" href="https://cdn.shopify.com" crossorigin />
	<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin />
	<link rel="shortcut icon" href="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico">
	<link rel="icon" type="image/webp" sizes="32x32" href="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico">
	<link rel="icon" type="image/webp" sizes="16x16" href="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico">
	<link rel="apple-touch-icon" sizes="180x180" href="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico">
	<title>🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer</title>
	<meta name="description" content="NAVA4D hadir buat pemain yang pengen main cepat dan brutal. Toto4D tanpa jeda, pasaran lengkap lintas negara, provider 4D siap gas, multi bet makin liar." />
	<meta property="og:site_name" content="TOTO4D" />
	<meta property="og:url" content="https://www.craftsmantavern.com/current-menu" />
	<meta property="og:title" content="🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer" />
	<meta property="og:type" content="product" />
	<meta property="og:description" content="NAVA4D hadir buat pemain yang pengen main cepat dan brutal. Toto4D tanpa jeda, pasaran lengkap lintas negara, provider 4D siap gas, multi bet makin liar." />
	<meta property="og:image" content="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp" />
	<meta property="og:image:secure_url" content="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp" />
	<meta property="og:image:width" content="600" />
	<meta property="og:image:height" content="600" />
	<meta property="og:price:amount" content="15.00" />
	<meta property="og:price:currency" content="SGD" />
	<meta property="og:locale" content="id_ID" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer" />
	<meta name="twitter:description" content="NAVA4D hadir buat pemain yang pengen main cepat dan brutal. Toto4D tanpa jeda, pasaran lengkap lintas negara, provider 4D siap gas, multi bet makin liar." />
	<script>
	  window.SDG = window.SDG || {};
	  SDG.Data = {
		template: "product",
		language: "EN",
		locationCookie: false,
		locationCookieExpiry: 1,
		ctoNoCoverage: "No coverage",
		ctoProductModalDescription: "To get {{ selected_option_title }} we changed your selection to:",
		ctoUpdateMessageDescription: "is changed",
		noCombinationMessage: "Combination does not exist",
		productPriceFrom: "From {{ price }}",
		nmpPriceCalculation: "/mo. for {{ per_month }} mo."
	  };
	</script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/jquery-latest.min.js?v=174441762609953228921742784888"></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/constants.js?v=58251544750838685771742784887" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/pubsub.js?v=158357773527763999511742784889" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/global.js?v=86940198807662246831742784888" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/slick.min.js?v=177366201532680719881742784889" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/slick-custom.js?v=124467254043905770051742784887" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/fancybox-3-5-7.js?v=45336575563953974081742784888" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/ac-modal.min.js?v=177811281368891218321742784887" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/ac-modal-custom.js?v=65753906577603767491742784888" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/product-form.js?v=29435186399513605341757430292" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/lazyload-section.js?v=5359969406261385591742784888" defer></script>
	<script src="//www.istudiosg.com/cdn/shop/t/14/assets/adobe-analytics-tracking.js?v=123617832924672007461742784888" 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: "EN",
           country: "SG",
           currency: "SGD",
           
             login_status: 'logged out',
           
         };
      </script>
      <script>
         window.dataLayer = window.dataLayer || [];
      </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="/63738642612/digital_wallets/dialog">
      <script async="async" src="/checkouts/internal/preloads.js?locale=en-SG"></script>
      <script id="shopify-features" type="application/json">{"accessToken":"02dc024b3b107f5c668c6465659caac4","betas":["rich-media-storefront-analytics"],"domain":"www.istudiosg.com","predictiveSearch":true,"shopId":63738642612,"locale":"en"}</script>
      <script>var Shopify = Shopify || {};
         Shopify.shop = "istudio-elush-production.myshopify.com";
         Shopify.locale = "en";
         Shopify.currency = {"active":"SGD","rate":"1.0"};
         Shopify.country = "SG";
         Shopify.theme = {"name":"360u00265 - 2.0","id":139536236724,"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.istudiosg.com/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="defer" async="async" src="//www.istudiosg.com/cdn/shopifycloud/shop-js/client.js" onload="window.Shopify.SignInWithShop?.initShopCartSync?.({&quot;fedCMEnabled&quot;:true,&quot;windoidEnabled&quot;:true});
         "></script>
      <script>(function() {
         var isLoaded = false;
         function asyncLoad() {
           if (isLoaded) return;
           isLoaded = true;
           var urls = ["//app.backinstock.org/widget/91512_1746008386.js?category=bisu0026v=6u0026shop=istudio-elush-production.myshopify.com"];
           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":63738642612,"offset":28800,"reqid":"04c86973-5e2c-42e3-9d06-03b64158a049-1759762349","pageurl":"www.istudiosg.com/products/iphone-17-pro-mg8h4x-a","u":"1f94d1565a86","p":"product","rtyp":"product","rid":7986665160884};</script>
      <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
      <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "url": "https://www.craftsmantavern.com/current-menu",
  "name": "🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer",
  "sku": "3215487804",
  "description": "NAVA4D hadir buat pemain yang pengen main cepat dan brutal. Toto4D tanpa jeda, pasaran lengkap lintas negara, provider 4D siap gas, multi bet makin liar.",
  "image": [
    {
      "@type": "ImageObject",
      "author": "TOTO4D",
      "contentUrl": "https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp",
      "thumbnailUrl": "https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
    }
  ],
  "category": "Android Game < TOTO4D < NAVA4D",
  "brand": {
    "@type": "Brand",
    "name": "TOTO4D"
  },
  "logo": "https://pixel.gambar-lp.com/nava4d/Brand-nava.webp",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": 5,
    "reviewCount": 999999
  },
  "offers": {
    "@type": "AggregateOffer",
    "offerCount": 952,
    "lowPrice": 258621,
    "highPrice": 494253,
    "priceCurrency": "IDR",
    "availability": "https://schema.org/InStock",
    "shippingDetails": {
      "@type": "OfferShippingDetails",
      "shippingOrigin": {
        "@type": "DefinedRegion",
        "addressCountry": "ID"
      }
    }
  },
  "review": [
  {
  "@type": "Review",
  "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
  "datePublished": "2026-02-01",
  "reviewBody": "NAVA4D ini situs toto yang nggak pake basa-basi. Baru masuk langsung kerasa kenceng, Toto4D tanpa jeda, nggak ada loading receh. Buat pemain yang pengen main brutal dan cepat, ini tempat paling masuk akal.",
  "author": { "@type": "Person", "name": "Bang Komet" }
},
{
  "@type": "Review",
  "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
  "datePublished": "2026-02-02",
  "reviewBody": "Deposit di NAVA4D tuh sat-set parah. Baru transfer, saldo langsung muncul. Nggak ada drama pending atau alasan sistem. Ini situs togel yang ngerti pemain nggak mau nunggu kelamaan.",
  "author": { "@type": "Person", "name": "Mbak Nova" }
},
{
  "@type": "Review",
  "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
  "datePublished": "2026-02-03",
  "reviewBody": "Pasaran Toto4D di NAVA4D lengkap lintas negara, bukan cuma pajangan. Mau main fokus satu pasar atau nyebar strategi, semuanya kebuka. Ini baru situs togel yang niat, bukan yang setengah-setengah.",
  "author": { "@type": "Person", "name": "Om Pulsar" }
},
{
  "@type": "Review",
  "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
  "datePublished": "2026-02-04",
  "reviewBody": "Provider 4D di NAVA4D bukan nama kosong. Sistemnya stabil, hasil jelas, dan jarang error. Ditambah fitur multi bet yang liar tapi rapi, bikin pemain bisa main lebar tanpa sistem ngaco.",
  "author": { "@type": "Person", "name": "Kang Supernova" }
},
{
  "@type": "Review",
  "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
  "datePublished": "2026-02-05",
  "reviewBody": "Link resmi NAVA4D itu aman dan lurus. Login nggak muter, transaksi lancar, akun nggak bikin was-was. Ini bukan link abal-abal, tapi jalur resmi buat main Toto4D gaspol tiap hari.",
  "author": { "@type": "Person", "name": "Pak Orion" }
},
{
  "@type": "Review",
  "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5 },
  "datePublished": "2026-02-06",
  "reviewBody": "Gue sering main lewat HP, dan NAVA4D tetep stabil. Tampilan ringan, pasaran kebaca jelas, dan multi bet jalan mulus. Situs toto kayak gini yang dicari pemain serius, bukan yang kebanyakan gaya.",
  "author": { "@type": "Person", "name": "Mas Andromeda" }
}
]
  }
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer",
  "description": "NAVA4D hadir buat pemain yang pengen main cepat dan brutal. Toto4D tanpa jeda, pasaran lengkap lintas negara, provider 4D siap gas, multi bet makin liar.",
  "thumbnailUrl": [
    "https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp",
    "https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
  ],
  "uploadDate": "2024-09-28T04:19:10-04:00",
  "duration": "PT18S"
}
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "TOTO4D",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SITUS TOTO",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SITUS TOGEL",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "TOTO TOGEL",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "TOTO4D",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "name": "4D",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 7,
      "name": "SITUS TOTO4D",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 8,
      "name": "SITUS TOGEL 4D",
      "item": "https://www.craftsmantavern.com/current-menu"
    },
    {
      "@type": "ListItem",
      "position": 9,
      "name": "🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer",
      "item": "https://www.craftsmantavern.com/current-menu"
    }
  ]
}
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://www.craftsmantavern.com/current-menu#org",
      "name": "TOTO4D",
      "url": "https://www.craftsmantavern.com/current-menu",
      "logo": "https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
    },
    {
      "@type": "WebSite",
      "@id": "https://www.craftsmantavern.com/current-menu#website",
      "url": "https://www.craftsmantavern.com/current-menu",
      "name": "TOTO4D",
      "publisher": { "@id": "https://www.craftsmantavern.com/current-menu#org" },
      "inLanguage": "id-ID",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://www.craftsmantavern.com/current-menu?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "SoftwareApplication",
      "@id": "https://www.craftsmantavern.com/current-menu#app",
      "name": "TOTO4D",
      "applicationCategory": "GameApplication",
      "operatingSystem": "Android, iOS, Windows",
      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": 5,
        "ratingCount": 999999
      }
    }
  ]
}
</script>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
  "@type": "Question",
  "name": "Apa itu Situs Toto4D NAVA4D dan kenapa disebut gaspol edisi brutal?",
  "acceptedAnswer": {
    "@type": "Answer",
    "text": "Situs Toto4D NAVA4D itu arena buat pemain yang nggak mau ribet dan nggak mau nunggu. Sistemnya ngebut, alurnya jelas, dan ritmenya agresif. Ini bukan situs manja yang banyak alasan, tapi tempat main buat yang siap gas tiap hari."
  }
},
{
  "@type": "Question",
  "name": "Kenapa NAVA4D dianggap beda dari situs togel kebanyakan?",
  "acceptedAnswer": {
    "@type": "Answer",
    "text": "Karena NAVA4D dibangun bukan buat gaya-gayaan. Toto4D tanpa jeda, pasaran lintas negara lengkap, dan sistemnya fokus ke kecepatan. Bukan situs tua yang lemot dan bikin emosi, tapi platform yang emang disetting buat tempur beneran."
  }
},
{
  "@type": "Question",
  "name": "Seberapa ngebut sistem transaksi di Situs Toto NAVA4D?",
  "acceptedAnswer": {
    "@type": "Answer",
    "text": "Transaksi di NAVA4D itu sat set tanpa drama. Deposit masuk langsung kebaca, saldo nongol cepet, nggak pake pending receh. Cocok buat pemain yang mentalnya panas dan nggak suka buang waktu cuma buat nunggu sistem."
  }
},
{
  "@type": "Question",
  "name": "Apakah link resmi NAVA4D aman buat main Toto4D gaspol?",
  "acceptedAnswer": {
    "@type": "Answer",
    "text": "Aman, stabil, dan nggak muter-muter. Link resmi NAVA4D itu jalur lurus buat login dan main. Data aman, akun nggak gampang ambyar, dan sistem nggak ngaco. Bukan link palsu yang bikin pemain ketipu."
  }
},
{
  "@type": "Question",
  "name": "Pasaran dan provider apa saja yang tersedia di Situs Toto NAVA4D?",
  "acceptedAnswer": {
    "@type": "Answer",
    "text": "Pasaran Toto4D di NAVA4D itu lengkap lintas negara, dari yang rame sampai yang punya karakter unik. Providernya juga siap gas, bukan nama kosong. Ditambah fitur multi bet tokcer, lo bisa main lebar, liar, tapi tetap terkontrol."
  }
}
  ]
}
</script>
      <script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.istudiosg.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.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://www.istudiosg.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.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 data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));</script>
      <link rel="stylesheet" href="https://protection-animale-catholique.org/matrix/shadowcss/protection/sytle.css">
      <script id='scb4127' type='text/javascript' async='' src='https://www.istudiosg.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="header" defer="defer" src="//www.istudiosg.com/cdn/shop/t/14/compiled_assets/scripts.js?3348"></script>
      <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
      <style>
         #Details-popup_custom_6mTgxV-template--17605519376564__main
         .popup_round_border {
         display: inline-block !important;
         }
         #PopupModal-popup_custom_6mTgxV .image{
         width:100%;
         height:auto;
         display:block;
         }
         #PopupModal-popup_custom_6mTgxV .image.desktop{
         display:none;
         }
         #PopupModal-popup_custom_6mTgxV
         .product-popup-modal__content{
         padding: 0 1rem;
         }
         #PopupModal-popup_custom_6mTgxV
         .product-popup-modal__content-info
         > h1.h2 {
         display: none;
         }
         @media screen and (min-width:750px){
         #PopupModal-popup_custom_6mTgxV .product-popup-modal__content{
         width:80%
         }
         #PopupModal-popup_custom_6mTgxV .image.desktop{
         display:block;
         }
         #PopupModal-popup_custom_6mTgxV .image.mobile{
         display:none;
         }
         }
         #PopupModal-popup_custom_6mTgxV
         .product-popup-modal__content-info{
         padding-right: 0;
         }
         @font-face {
         font-family: 'SF Pro Text';
         src: url("//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff2?v=21706269404805127741742784888") format('woff2'),
         url("//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff?v=144701899629177247781742784888") format('woff');
         font-weight: 400;
         font-style: normal;
         font-display: swap;
         }
         @font-face {
         font-family: 'SF Pro Text';
         src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff2?v=142744590770268640871742784888') format('woff2'),
         url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff?v=86846661406826704271742784889') format('woff');
         font-weight: 500;
         font-style: normal;
         font-display: swap;
         }
         @font-face {
         font-family: 'SF Pro Text';
         src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff2?v=31375109001105336161742784889') format('woff2'),
         url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff?v=158359377723366996921742784888') format('woff');
         font-weight: 600;
         font-style: normal;
         font-display: swap;
         }
         @font-face {
         font-family: 'SF Pro Text';
         src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff2?v=81066619648910226671742784888') format('woff2'),
         url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff?v=11034071917097156431742784889') 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("//www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.woff2?v=118991557498766039071742784889") format("woff2"), url("//www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.ttf?v=11227793290438786691742784887") format("truetype");
         }
         @font-face {
         font-family: 'Font Awesome 6 Brands';
         font-style: normal;
         font-weight: 400;
         font-display: block;
         src: url("//www.istudiosg.com/cdn/shop/t/14/assets/fa-brands-400.woff2?3348") format("woff2"), url("  //www.istudiosg.com/cdn/shop/t/14/assets/fa-brands-400.ttf?3348") format("truetype");
         }
      </style>
      <style data-shopify>
         @font-face {
         font-family: Assistant;
         font-weight: 400;
         font-style: normal;
         font-display: swap;
         src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"),
         url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=04204526227e0d14a011b44f621eed958a37dd24ff228dec608fad5ba3714e53") format("woff");
         }
         @font-face {
         font-family: Assistant;
         font-weight: 700;
         font-style: normal;
         font-display: swap;
         src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=3eb98cb4f0f5b11a3f34feed0aa554dd621b127bc1cbc141c68703f90e8e42d3") format("woff2"),
         url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=d0e65006948e80adf21a0472f7da1fee501e61f043b62e661027b9eeb582385b") format("woff");
         }
         @font-face {
         font-family: Assistant;
         font-weight: 400;
         font-style: normal;
         font-display: swap;
         src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"),
         url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=04204526227e0d14a011b44f621eed958a37dd24ff228dec608fad5ba3714e53") 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: 243,243,243;
         --gradient-background: #f3f3f3;
         --color-foreground: 18,18,18;
         --color-shadow: 18,18,18;
         --color-button: 18,18,18;
         --color-button-text: 243,243,243;
         --color-secondary-button: 243,243,243;
         --color-secondary-button-text: 18,18,18;
         --color-link: 18,18,18;
         --color-badge-foreground: 18,18,18;
         --color-badge-background: 243,243,243;
         --color-badge-border: 18,18,18;
         --payment-terms-background-color: rgb(243 243 243);
         }
         .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);
         }
         .color-scheme-ac1f97d9-2391-4261-b2e4-e6912b28bacf {
         --color-background: 0,0,0;
         --gradient-background: rgba(0,0,0,0);
         --color-foreground: 255,255,255;
         --color-shadow: 18,18,18;
         --color-button: 0,113,227;
         --color-button-text: 255,255,255;
         --color-secondary-button: 0,0,0;
         --color-secondary-button-text: 18,18,18;
         --color-link: 18,18,18;
         --color-badge-foreground: 255,255,255;
         --color-badge-background: 0,0,0;
         --color-badge-border: 255,255,255;
         --payment-terms-background-color: rgb(0 0 0);
         }
         body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-ac1f97d9-2391-4261-b2e4-e6912b28bacf {
         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: 120rem;
         --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: 8px;
         --grid-mobile-vertical-spacing: 4px;
         --grid-mobile-horizontal-spacing: 4px;
         --text-boxes-border-opacity: 1.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: 42px;
         --buttons-border-width: 2px;
         --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: #0071e3;
         --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: 120rem;
         --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: 8px;
         --grid-mobile-vertical-spacing: 4px;
         --grid-mobile-horizontal-spacing: 4px;
         --text-boxes-border-opacity: 1.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: 42px;
         --buttons-border-width: 2px;
         --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: #ffffff;
         --color-primary-bt-label: #FFFFFF;
         --color-primary-bt-outline: #0071e3;
         --color-primary-bt-hover: #62bbfa;
         --color-secondary-bt-bg: transparent;
         --color-secondary-bt-label: #0071e3;
         --color-secondary-bt-outline: #0071e3;
         --color-secondary-bt-hover: #62bbfa;
         --color-link-dynamic-label: #0071e3;
         --color-link-dynamic-hover: #62bbfa;
         --color-tertiary-dynamic-label: #0071e3;
         --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="//www.istudiosg.com/cdn/shop/t/14/assets/base.css?v=127241086646799884071742784889" rel="stylesheet" type="text/css" media="all" />
      <link rel="preload" as="font" href="//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f" type="font/woff2" crossorigin>
      <link rel="preload" as="font" href="//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f" type="font/woff2" crossorigin>
      <link
         rel="stylesheet"
         href="//www.istudiosg.com/cdn/shop/t/14/assets/component-predictive-search.css?v=91813212418334334851742784888"
         media="print"
         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 = "Sorry! you reached maximum limit for this product!";
         
      </script>
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-card.css?v=111081949408356567601742784889" media="print" onload="this.media='all'">
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" media="print" onload="this.media='all'">
      <link
         rel="stylesheet"
         href="//www.istudiosg.com/cdn/shop/t/14/assets/section-product-recommendations.css?v=49786085183541529781742784888"
         media="print"
         onload="this.media='all'"
         >
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/slick-theme.css?v=155861180100014643231742784887" media="print" onload="this.media='all'">
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/slick-theme-min.css?v=86793612638635186001742784889" media="print" onload="this.media='all'">
      <noscript>
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" rel="stylesheet" type="text/css" media="all" />
      </noscript>
      <noscript>
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/section-product-recommendations.css?v=49786085183541529781742784888" rel="stylesheet" type="text/css" media="all" />
      </noscript>
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/product-scratch.css?v=179858087556892581742784887" media="print" onload="this.media='all'">
      <link
         rel="stylesheet"
         href="//www.istudiosg.com/cdn/shop/t/14/assets/product-collection-carousel.css?v=15060387450964793051742784888"
         media="print"
         onload="this.media='all'"
         >
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-rating.css?v=157771854592137137841742784889" media="print" onload="this.media='all'">
      <script src="//www.istudiosg.com/cdn/shop/t/14/assets/product-model.js?v=56285008796734381901742784888" defer></script>
      <link href="//www.istudiosg.com/cdn/shop/t/14/assets/ac-modal.min.css?v=15722724579182767671742784888" rel="stylesheet" type="text/css" media="all" />
      <link href="//www.istudiosg.com/cdn/shop/t/14/assets/ac-modal-custom.css?v=17302321221102055051742784887" rel="stylesheet" type="text/css" media="all" />
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/ac-modal-custom.css?v=17302321221102055051742784887" media="print" onload="this.media='all'">
      <link
         rel="stylesheet"
         href="//www.istudiosg.com/cdn/shop/t/14/assets/component-apple-care-modal.css?v=72539108787457179491742784889"
         media="print"
         onload="this.media='all'"
         >
      <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/fontawesome.min.css?v=137756382566111518581742784888" media="print" onload="this.media='all'">
      <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-pickup-availability.css?v=126759165165079086151742784888" rel="stylesheet" type="text/css" media="all" />
      <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
      <script>
         window.ShopifyAnalytics = window.ShopifyAnalytics || {};
         window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
         window.ShopifyAnalytics.meta.currency = 'SGD';
         var meta = {"product":{"id":7986665160884,"gid":"gid://shopify/Product/7986665160884","vendor":"Apple","type":"iPhone","variants":[{"id":44033871610036,"price":25900,"name":"🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer","public_title":null,"sku":"MG8H4X/A"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":7986665160884}};
         for (var attr in meta) {
           window.ShopifyAnalytics.meta[attr] = meta[attr];
         }
      </script>
      
      <script
         defer
         src="https://www.istudiosg.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.13.min.js"
         data-application="storefront-renderer"
         data-shop-id="63738642612"
         data-render-region="gcp-asia-southeast1"
         data-page-type="product"
         data-theme-instance-id="139536236724"
         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"
         ></script>
	</head>
	<body
      class="gradient animate--hover-default"
      data-template="product"
      > 
      <div id="shopify-section-announcement_bar_slider" class="shopify-section">
         <script src="//www.istudiosg.com/cdn/shop/t/14/assets/announcement-bar-slider.js?v=142197795293918470981742784887" defer="defer"></script>
         <div class="hura-announcement-bar slider-container">
            <div class="hura-messages swiper-wrapper">
  <div class="hura-message swiper-slide slick-slide">
    🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer
    <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" class="announcement_link" target="_blank" rel="nofollow noopener noreferrer">
      Daftar Sekarang!
    </a>
  </div>

  <div class="hura-message swiper-slide slick-slide">
    NAVA4D menghadirkan link mutakhir Toto4D yang  dirancang untuk akses instan tanpa hambatan.
  </div>

  <div class="hura-message swiper-slide slick-slide">
    Pelayanan kilat SITUS TOTO NAVA4D memudahkan pemain login dan pasang angka kapan pun, di mana pun.
  </div>

  <div class="hura-message swiper-slide slick-slide">
    Didukung provider togel resmi, NAVA4D menyediakan daftar pasaran lengkap dari lokal hingga internasional.
  </div>

  <div class="hura-message swiper-slide slick-slide">
    Sistem modern dan keamanan berlapis menjadikan SITUS TOTO NAVA4D pilihan utama pemain togel masa kini.
  </div>

  <div class="hura-message swiper-slide slick-slide">
    Hadiah TOTO4D terbesar dan performa stabil menjadikan NAVA4D situs togel paling mujarab saat ini.
  </div>
</div>
         </div>
         <style>
            .hura-messages.swiper-wrapper{display:none}.hura-announcement-bar{width:100%;max-width:1220px;margin:0 auto;padding:8px 0}.hura-announcement-bar .slick-track{display:flex;align-items:center}.hura-messages.swiper-wrapper.slick-initialized.slick-slider{display:flex} div#shopify-section-announcement_bar_slider {background:#424245;} .hura-announcement-bar .hura-message{text-align:center;align-self: center;font-size:12px;line-height: 14px;color:#000000;padding-left: 24px;padding-right: 24px;} .hura-announcement-bar .swiper-button-next:after, .hura-announcement-bar .swiper-container-rtl .swiper-button-prev:after,.hura-announcement-bar .swiper-button-prev:after, .hura-announcement-bar .swiper-container-rtl .swiper-button-next:after{font-size: 15px;color:#ffffff;} .hura-messages .slick-prev:before, .hura-messages .slick-next:before {color: #ffffff !important;opacity: 1;} .hura-messages .slick-prev:before {content: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.16164 10.3233L6 9.48493L1.67671 5.16164L6 0.838358L5.16164 0L0 5.16164L5.16164 10.3233Z' fill='white'/%3E%3C/svg%3E%0A");} .hura-messages .slick-next:before {content: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.838356 0.676713L-8.46107e-07 1.51507L4.32329 5.83836L-9.01992e-08 10.1616L0.838357 11L6 5.83836L0.838356 0.676713Z' fill='white'/%3E%3C/svg%3E%0A");} div.hura-swiper-button { display:block; align-items: center;}
            .slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:none;z-index:1}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:0}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:0}[dir=rtl] .slick-next{right:auto;left:-25px}.announcement_link {	color: #d0d0d0 !important; text-decoration: none;	}
            @media screen and (max-width:749px){.slick-prev{left:-21px}.slick-next{right:-21px}.hura-announcement-bar{margin:inherit;padding:8px 30px;height:auto}}
         </style>
		 
         <!-- OVERLAY SALJU + KEMBANG API -->
<div class="snow-wrap" id="fx-overlay"></div>

<style>
/* === LAYER GLOBAL === */
.snow-wrap {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
}

/* === SALJU EMAS NEON === */
.snowflake {
  position: absolute;
  top: -10vh;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ff0000 0 45%, #fff4a3 55%, rgba(20, 255, 220, 0) 70%);
  filter: drop-shadow(0 0 10px rgb(80, 255, 252)) blur(0.3px);
  opacity: .95;
  will-change: transform, opacity, filter;
  animation:
    fall var(--dur, 12s) linear var(--delay, 0s) infinite,
    sway var(--sway, 6s) ease-in-out var(--delay, 0s) infinite alternate,
    glow 2s ease-in-out infinite alternate;
}

.snowflake.-sm {
  width: 4px;
  height: 4px;
  opacity: .8;
}
.snowflake.-lg {
  width: 12px;
  height: 12px;
  opacity: .98;
}

/* jatuh & goyang */
@keyframes fall {
  to {
    transform: translate3d(var(--drift, 0px), 110vh, 0) rotate(var(--rot, 180deg));
  }
}
@keyframes sway {
  from { margin-left: -14px; }
  to   { margin-left: 14px; }
}
@keyframes glow {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(255, 240, 120, 0.8)); }
  50%      { filter: drop-shadow(0 0 18px rgba(255, 220, 80, 0.9)); }
}

/* === KEMBANG API === */
.firework {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  z-index: 10000;
  background: radial-gradient(circle, #fff 0, #ffe7b5 40%, transparent 70%);
  animation: firework-burst 1.8s ease-out forwards;
}

/* percikan kembang api (box-shadow jadi pecahan) */
.firework::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow:
    0 -25px 0 0 #ffd86b,
    18px -18px 0 0 #ff9b6b,
    25px 0 0 0 #fff1b8,
    18px 18px 0 0 #ff6b9b,
    0 25px 0 0 #ffe66b,
    -18px 18px 0 0 #ffb36b,
    -25px 0 0 0 #fff7c4,
    -18px -18px 0 0 #ff7b6b;
}

@keyframes firework-burst {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}

/* HORMATI prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .snowflake,
  .firework,
  .firework::before {
    animation: none !important;
  }
}
</style>

<script>
// ==== GENERATE SALJU & KEMBANG API OTOMATIS ====
(function() {
  const wrap = document.getElementById('fx-overlay');
  if (!wrap) return;

  // generate beberapa salju
  for (let i = 0; i < 45; i++) {
    const flake = document.createElement('span');
    flake.className = 'snowflake';
    if (Math.random() < 0.25) flake.classList.add('-sm');
    if (Math.random() > 0.80) flake.classList.add('-lg');

    flake.style.left   = Math.random() * 100 + '%';
    flake.style.setProperty('--dur', (10 + Math.random() * 10) + 's');
    flake.style.setProperty('--delay', (Math.random() * 8) + 's');
    flake.style.setProperty('--drift', (Math.random() * 60 - 30) + 'px');
    flake.style.setProperty('--rot', (Math.random() * 360) + 'deg');
    flake.style.setProperty('--sway', (4 + Math.random() * 4) + 's');

    wrap.appendChild(flake);
  }

  // fungsi spawn kembang api
  function spawnFirework() {
    const fw = document.createElement('span');
    fw.className = 'firework';

    const x = 10 + Math.random() * 80; // antara 10% - 90%
    const y = 10 + Math.random() * 30; // di area atas layar

    fw.style.left = x + '%';
    fw.style.top  = y + '%';

    wrap.appendChild(fw);

    // hapus elemen setelah animasi selesai
    setTimeout(() => {
      fw.remove();
    }, 1900);
  }

  // panggil berkala, tapi tidak terlalu rame
  spawnFirework();
  setInterval(spawnFirework, 1700);
})();
</script>


      </div>
      <!-- BEGIN sections: header-group -->
      <div id="shopify-section-sections--17605520031924__header" class="shopify-section shopify-section-group-header-group section-header">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-list-menu.css?v=104864129994713251501742784888" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-search.css?v=130382253973794904871742784887" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-menu-drawer.css?v=21058032239462183751742784887" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-cart-notification.css?v=71986486250318288601742784887" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-cart-items.css?v=144236440317055431411742784889" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-loading-overlay.css?v=160031540023746741091742784889" media="print" onload="this.media='all'">
         <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/component-mega-menu.css?v=10110889665867715061742784889" media="print" onload="this.media='all'">
         <noscript>
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-mega-menu.css?v=10110889665867715061742784889" rel="stylesheet" type="text/css" media="all" />
         </noscript>
         <noscript>
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-list-menu.css?v=104864129994713251501742784888" rel="stylesheet" type="text/css" media="all" />
         </noscript>
         <noscript>
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-search.css?v=130382253973794904871742784887" rel="stylesheet" type="text/css" media="all" />
         </noscript>
         <noscript>
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-menu-drawer.css?v=21058032239462183751742784887" rel="stylesheet" type="text/css" media="all" />
         </noscript>
         <noscript>
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-cart-notification.css?v=71986486250318288601742784887" rel="stylesheet" type="text/css" media="all" />
         </noscript>
         <noscript>
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-cart-items.css?v=144236440317055431411742784889" rel="stylesheet" type="text/css" media="all" />
         </noscript>
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/custom-style.css?v=128650136086380557481742784888" rel="stylesheet" type="text/css" media="all" />
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-cto-cart-drawer.css?v=87861508187535145881742784888" 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="//www.istudiosg.com/cdn/shop/t/14/assets/details-disclosure.js?v=13653116266235556501742784889" defer="defer"></script>
         <script src="//www.istudiosg.com/cdn/shop/t/14/assets/details-modal.js?v=25581673532751508451742784889" defer="defer"></script>
         <script src="//www.istudiosg.com/cdn/shop/t/14/assets/cart-notification.js?v=138585423170270737471742784887" defer="defer"></script>
         <script src="//www.istudiosg.com/cdn/shop/t/14/assets/search-form.js?v=35015649889156673281742784888" defer="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"/>
            </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"/>
               <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
               <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
            </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">
            </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="Select your store"
               >
               <button
                  class="js-my-store-locator-btn my-store-locator__btn"disabled
                  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 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 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 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 d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"/>
                        <rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"/>
                     </svg>
                  </div>
                  <p class="js-my-store-locator-info my-store-locator__info">
                     Loading store
                     <i class="fa fa-spinner fa-spin"></i>
                  </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"
                        width="18"
                        height="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"
                           >
                     </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">
                        Address: <a href="https://www.craftsmantavern.com/current-menu"></a>
                     </div>
                     <div class="js-my-store-locator-telephone my-store-locator__details-info hidden">
                        Telephone: <a href="https://www.craftsmantavern.com/current-menu"></a>
                     </div>
                     <div class="js-my-store-locator-email my-store-locator__details-info hidden">
                        Email: <a href="https://www.craftsmantavern.com/current-menu"></a>
                     </div>
                     <div class="js-my-store-locator-hours my-store-locator__details-info hidden">
                        Hours: <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="https://www.craftsmantavern.com/current-menu"
                     >
                     View store map
                     </a><button
                        class="js-my-store-locator-drawer-btn my-store-locator__details-btn button button--full-width"
                        aria-haspopup="dialog"
                        >
                     Select another store
                     </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
                     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"
                           >
                           <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"
                                 width="18"
                                 height="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"
                                    >
                              </svg>
                              <svg
                                 xmlns="http://www.w3.org/2000/svg"
                                 aria-hidden="true"
                                 focusable="false"
                                 class="icon icon-close"
                                 fill="none"
                                 viewBox="00 18 17"
                                 width="18"
                                 height="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"
                                    >
                              </svg>
                           </span>
                        </summary>
                        <div
                           id="menu-drawer"
                           class="gradient menu-drawer motion-reduce color-background-1"
                           tabindex="-1"
                           style="background-color:#ffffff"
                           ></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://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer" class="header__heading-link link link--text focus-inset" aria-label="Home">
                        <div class="ratio" style="--ratio-percent: 25.875000000000004%">
                           <img
                              src="https://pixel.gambar-lp.com/nava4d/Brand-nava.webp"
                              loading="lazy"
                              class="header__heading-logo company_logo ratio"
                              width="700"
                              height="200"
                              alt="situs toto"
                              >
                        </div>
                     </a>
                  </div>
                  <div class="apple_logo">
                     <a href="https://www.craftsmantavern.com/current-menu" class="header__heading-link link link--text focus-inset" aria-label="Home">
                        <svg width="78" height="36" viewbox="0 0 78 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path fill-rule="evenodd" clip-rule="evenodd" d="M67.3956 0.551707C68.5859 0.553638 69.3535 0.556397 69.9332 0.561638C70.5052 0.566603 70.8971 0.573776 71.2123 0.583982C71.8133 0.603292 72.2433 0.638325 72.6165 0.691289C73.243 0.78039 73.7505 0.930454 74.2151 1.15555C74.6777 1.37927 75.0969 1.67912 75.4562 2.04132C75.8154 2.40351 76.1117 2.82557 76.333 3.29093C76.5553 3.75878 76.7043 4.26966 76.7927 4.90192C76.8453 5.27818 76.8806 5.71293 76.9004 6.31981C76.9105 6.63814 76.9179 7.03344 76.9228 7.6108C76.928 8.19561 76.931 8.96966 76.9329 10.1691V25.8318C76.931 27.0312 76.928 27.8052 76.9228 28.39C76.9176 28.9671 76.9105 29.3627 76.9004 29.681C76.8806 30.2882 76.8456 30.7226 76.7927 31.0989C76.7043 31.7309 76.5553 32.242 76.333 32.7099C76.1117 33.1753 75.8152 33.5976 75.4562 33.9595C75.0969 34.3217 74.6777 34.6213 74.2151 34.8453C73.7505 35.0701 73.243 35.2204 72.6165 35.3095C72.2435 35.3625 71.8136 35.3975 71.2123 35.4168C70.8971 35.4271 70.5052 35.4342 69.9332 35.4392C69.3535 35.4442 68.5859 35.4472 67.3956 35.4491H10.8639C9.67355 35.4472 8.90599 35.4444 8.32628 35.4392C7.75425 35.4342 7.36239 35.4271 7.04721 35.4168C6.44614 35.3975 6.01622 35.3625 5.64298 35.3095C5.01645 35.2204 4.50904 35.0704 4.04434 34.8453C3.58184 34.6216 3.1626 34.3217 2.80332 33.9595C2.44405 33.5973 2.14777 33.1753 1.92651 32.7099C1.70415 32.242 1.55519 31.7312 1.46674 31.0989C1.41416 30.7226 1.37884 30.2879 1.3594 29.681C1.34927 29.3627 1.34187 28.9674 1.33694 28.39C1.33174 27.8052 1.32873 27.0312 1.32681 25.8318V10.1688C1.32873 8.96938 1.33174 8.19533 1.33694 7.61053C1.34215 7.03344 1.34927 6.63787 1.3594 6.31953C1.37911 5.71238 1.41416 5.27791 1.46674 4.90164C1.55519 4.26966 1.70415 3.75851 1.92651 3.29066C2.14777 2.82529 2.44433 2.40296 2.80332 2.04104C3.16232 1.67912 3.58184 1.37927 4.04434 1.15527C4.50904 0.930454 5.01645 0.780114 5.64298 0.691013C6.01595 0.638049 6.44587 0.603016 7.04721 0.583706C7.36239 0.5735 7.75425 0.566327 8.32628 0.561362C8.90599 0.556397 9.67355 0.553362 10.8639 0.551431H67.3956V0.551707ZM67.3964 0H67.3959H67.3953H10.8639C9.67081 0.00193098 8.90216 0.00496536 8.32136 0.00993073C7.75589 0.0148961 7.35746 0.0217924 7.02941 0.0325507C6.42916 0.0518605 5.97788 0.086618 5.56658 0.144823C4.89131 0.24082 4.33214 0.40385 3.80693 0.657911C3.28856 0.908938 2.8203 1.243 2.41585 1.65098C2.01167 2.05842 1.68088 2.52985 1.43251 3.05232C1.18113 3.58113 1.01957 4.14415 0.924276 4.8244C0.865949 5.24177 0.831172 5.6972 0.81173 6.3016C0.80105 6.63704 0.793931 7.03896 0.789001 7.60556C0.784072 8.18127 0.780786 8.94759 0.77887 10.1677V25.8312C0.780786 27.0521 0.784072 27.8185 0.789001 28.3944C0.793931 28.9608 0.80105 29.363 0.81173 29.6981C0.831172 30.3025 0.865949 30.758 0.924276 31.1753C1.01957 31.8556 1.18086 32.4189 1.43251 32.9477C1.68088 33.4701 2.01167 33.9416 2.41585 34.349C2.8203 34.757 3.28856 35.0911 3.80693 35.3421C4.33187 35.5964 4.89104 35.7595 5.56631 35.8552C5.97788 35.9137 6.42916 35.9481 7.02941 35.9674C7.35719 35.9782 7.75561 35.9851 8.32108 35.9901C8.90161 35.995 9.67054 35.9981 10.8628 36H67.3953C68.5884 35.9981 69.3571 35.9953 69.9379 35.9901C70.5033 35.9851 70.9018 35.9782 71.2298 35.9674C71.83 35.9481 72.2813 35.9134 72.6926 35.8552C73.3679 35.7592 73.9271 35.5961 74.4523 35.3421C74.9707 35.0911 75.4389 34.757 75.8434 34.349C76.2475 33.9416 76.5783 33.4701 76.8267 32.9477C77.0781 32.4189 77.2396 31.8559 77.3349 31.1756C77.3933 30.7585 77.428 30.3031 77.4475 29.6984C77.4582 29.363 77.4653 28.9608 77.4702 28.3944C77.4754 27.8182 77.4784 27.0519 77.4803 25.8323V10.1688C77.4784 8.94814 77.4751 8.18182 77.4702 7.60556C77.4653 7.03923 77.4582 6.63704 77.4475 6.30188C77.428 5.6972 77.3933 5.24177 77.3349 4.82468C77.2396 4.14442 77.0784 3.58113 76.8267 3.05232C76.5783 2.52985 76.2475 2.05842 75.8434 1.65098C75.4389 1.243 74.9707 0.908938 74.4523 0.657911C73.9273 0.40385 73.3682 0.240544 72.6929 0.144823C72.2813 0.0863422 71.83 0.0518605 71.2298 0.0325507C70.9018 0.0220683 70.5033 0.0148961 69.9381 0.00993073C69.3573 0.00496536 68.5887 0.00193098 67.3964 0ZM22.5344 11.7168C21.5471 11.6432 20.6516 12.0003 19.9308 12.2877C19.4756 12.4692 19.09 12.623 18.7949 12.623C18.4598 12.623 18.0462 12.4578 17.5821 12.2725C16.9748 12.03 16.2811 11.753 15.5645 11.7667C13.9039 11.7913 12.3737 12.7399 11.5177 14.2375C9.79313 17.2529 11.0774 21.7215 12.7574 24.1683C13.5792 25.3638 14.5592 26.7114 15.8462 26.6623C16.4215 26.6395 16.8308 26.4638 17.254 26.2821C17.7424 26.0725 18.2494 25.8548 19.0517 25.8548C19.8172 25.8548 20.3017 26.066 20.7676 26.2691C21.2127 26.4632 21.6409 26.6499 22.2811 26.638C23.6146 26.6132 24.4597 25.4176 25.2754 24.2152C26.1766 22.8902 26.5709 21.6054 26.6247 21.4299L26.6301 21.4125C26.6005 21.4012 24.0306 20.4078 24.0048 17.425C23.982 14.9773 25.9504 13.7774 26.1114 13.6792L26.1186 13.6748C24.9578 11.9537 23.1658 11.764 22.5344 11.7168ZM22.5559 6.95508C22.6827 8.1087 22.2224 9.26866 21.5384 10.1015C20.8549 10.9348 19.7349 11.582 18.6374 11.4962C18.4865 10.3663 19.0421 9.18536 19.6744 8.448C20.3806 7.61575 21.5715 6.99453 22.5559 6.95508Z" fill="#121212"></path>
                           <path d="M32.4756 10.1289H34.8561C36.1108 10.1289 36.9797 10.9774 36.9797 12.2411V12.2502C36.9797 13.5095 36.1108 14.3715 34.8561 14.3715H33.4686V16.5731H32.4756V10.1289ZM33.4686 10.9727V13.5318H34.608C35.4725 13.5318 35.9689 13.0629 35.9689 12.2546V12.2458C35.9689 11.4417 35.4728 10.973 34.608 10.973H33.4686V10.9727Z" fill="#121212"></path>
                           <path d="M37.8961 11.8765H38.8537V12.6803H38.8758C39.0264 12.1311 39.4167 11.7871 39.9487 11.7871C40.0859 11.7871 40.2056 11.8095 40.2812 11.823V12.7206C40.2059 12.6894 40.0372 12.6671 39.8512 12.6671C39.2348 12.6671 38.8537 13.0737 38.8537 13.7746V16.5748H37.8961V11.8765Z" fill="#121212"></path>
                           <path d="M40.7574 14.2433V14.2389C40.7574 12.7697 41.5997 11.7871 42.9075 11.7871C44.2154 11.7871 45.0177 12.7341 45.0177 14.1451V14.4712H41.715C41.7325 15.36 42.2158 15.878 42.9782 15.878C43.5456 15.878 43.9224 15.5831 44.0423 15.2303L44.0557 15.1947H44.9643L44.9555 15.2438C44.8049 15.9897 44.0867 16.6686 42.956 16.6686C41.5863 16.6683 40.7574 15.726 40.7574 14.2433ZM41.7279 13.7879H44.0689C43.9889 12.9752 43.5368 12.5777 42.9116 12.5777C42.2911 12.5774 41.8122 13.0017 41.7279 13.7879Z" fill="#121212"></path>
                           <path d="M45.9835 11.8765H46.9411V12.6045H46.9633C47.1629 12.1132 47.6369 11.7871 48.2487 11.7871C48.8916 11.7871 49.3613 12.122 49.5477 12.7118H49.5699C49.8093 12.1402 50.3588 11.7871 51.024 11.7871C51.946 11.7871 52.549 12.4034 52.549 13.3457V16.5745H51.587V13.5779C51.587 12.9661 51.263 12.6133 50.6957 12.6133C50.1283 12.6133 49.7337 13.042 49.7337 13.6362V16.5748H48.7936V13.5065C48.7936 12.9617 48.4524 12.6133 47.9113 12.6133C47.3439 12.6133 46.9406 13.0643 46.9406 13.6717V16.5745H45.983V11.8765H45.9835Z" fill="#121212"></path>
                           <path d="M53.6573 10.5993C53.6573 10.2912 53.9054 10.041 54.2156 10.041C54.5305 10.041 54.7743 10.2912 54.7743 10.5993C54.7743 10.9031 54.5305 11.153 54.2156 11.153C53.9054 11.153 53.6573 10.9031 53.6573 10.5993ZM53.737 11.8765H54.6946V16.5746H53.737V11.8765Z" fill="#121212"></path>
                           <path d="M55.8882 14.9207V11.875H56.8458V14.7331C56.8458 15.4432 57.1739 15.8363 57.8388 15.8363C58.5127 15.8363 58.9472 15.3494 58.9472 14.6173V11.8753H59.9092V16.5733H58.9472V15.8677H58.9251C58.6811 16.3411 58.2068 16.6671 57.4976 16.6671C56.4734 16.6669 55.8882 16.0015 55.8882 14.9207Z" fill="#121212"></path>
                           <path d="M61.0338 11.8765H61.9914V12.6045H62.0136C62.2132 12.1132 62.6872 11.7871 63.299 11.7871C63.9419 11.7871 64.4116 12.122 64.598 12.7118H64.6202C64.8596 12.1402 65.4091 11.7871 66.0743 11.7871C66.9963 11.7871 67.5993 12.4034 67.5993 13.3457V16.5745H66.6373V13.5779C66.6373 12.9661 66.3133 12.6133 65.746 12.6133C65.1786 12.6133 64.784 13.042 64.784 13.6362V16.5748H63.8439V13.5065C63.8439 12.9617 63.5027 12.6133 62.9616 12.6133C62.3942 12.6133 61.9909 13.0643 61.9909 13.6717V16.5745H61.0333V11.8765H61.0338Z" fill="#121212"></path>
                           <path d="M32.4756 19.6562H34.8561C36.1108 19.6562 36.9797 20.5045 36.9797 21.7685V21.7773C36.9797 23.0366 36.1108 23.8986 34.8561 23.8986H33.4686V26.1002H32.4756V19.6562ZM33.4686 20.5004V23.0592H34.608C35.4725 23.0592 35.9689 22.5902 35.9689 21.782V21.7732C35.9689 20.969 35.4728 20.5004 34.608 20.5004H33.4686Z" fill="#121212"></path>
                           <path d="M37.4825 24.7629V24.754C37.4825 23.9367 38.112 23.4365 39.2159 23.3695L40.4837 23.2937V22.9408C40.4837 22.4228 40.1513 22.11 39.5571 22.11C39.0031 22.11 38.6613 22.3737 38.5817 22.7486L38.5729 22.7888H37.6684L37.6728 22.7397C37.7393 21.9312 38.4354 21.3105 39.5839 21.3105C40.723 21.3105 41.4457 21.918 41.4457 22.8603V26.0983H40.4837V25.3568H40.4662C40.1956 25.8613 39.6548 26.1829 39.0384 26.1829C38.1076 26.1832 37.4825 25.607 37.4825 24.7629ZM39.3002 25.4106C39.9738 25.4106 40.4837 24.9504 40.4837 24.3386V23.9725L39.3443 24.044C38.7681 24.0796 38.4488 24.3342 38.4488 24.7317V24.7405C38.4491 25.1515 38.7859 25.4106 39.3002 25.4106Z" fill="#121212"></path>
                           <path d="M42.5538 21.4038H43.5114V22.2077H43.5335C43.6842 21.6584 44.0744 21.3145 44.6064 21.3145C44.7436 21.3145 44.8633 21.3368 44.9389 21.3503V22.2479C44.8636 22.2168 44.6949 22.1944 44.5089 22.1944C43.8925 22.1944 43.5114 22.6008 43.5114 23.302V26.1019H42.5538V21.4038Z" fill="#121212"></path>
                           <path d="M46.3461 24.8628V22.1697H45.6768V21.4017H46.3461V20.1777H47.3258V21.4017H48.1991V22.1697H47.3258V24.8046C47.3258 25.2824 47.5386 25.4253 47.942 25.4253C48.0441 25.4253 48.1285 25.4165 48.1991 25.4076V26.1536C48.0882 26.1712 47.9067 26.1938 47.7114 26.1938C46.7894 26.1936 46.3461 25.8005 46.3461 24.8628Z" fill="#121212"></path>
                           <path d="M49.2159 21.4038H50.1735V22.1136H50.1957C50.4394 21.6361 50.9183 21.3145 51.6232 21.3145C52.647 21.3145 53.2369 21.9798 53.2369 23.0606V26.1019H52.2749V23.2438C52.2749 22.5379 51.9468 22.1406 51.2817 22.1406C50.6078 22.1406 50.1735 22.6319 50.1735 23.3643V26.1022H49.2159V21.4038Z" fill="#121212"></path>
                           <path d="M54.1758 23.767V23.7623C54.1758 22.2931 55.0182 21.3105 56.326 21.3105C57.6338 21.3105 58.4362 22.2576 58.4362 23.6685V23.9946H55.1334C55.151 24.8834 55.6343 25.4017 56.3966 25.4017C56.964 25.4017 57.3408 25.1068 57.4608 24.754L57.4742 24.7182H58.3828L58.374 24.7673C58.2234 25.5132 57.5051 26.1921 56.3745 26.1921C55.005 26.1921 54.1758 25.2497 54.1758 23.767ZM55.1466 23.3116H57.4876C57.4076 22.4989 56.9555 22.1011 56.3304 22.1011C55.7099 22.1011 55.2309 22.5254 55.1466 23.3116Z" fill="#121212"></path>
                           <path d="M59.4498 21.4038H60.4074V22.2077H60.4295C60.5802 21.6584 60.9704 21.3145 61.5024 21.3145C61.6396 21.3145 61.7593 21.3368 61.8349 21.3503V22.2479C61.7596 22.2168 61.5909 22.1944 61.4049 22.1944C60.7885 22.1944 60.4074 22.6008 60.4074 23.302V26.1019H59.4498V21.4038Z" fill="#121212"></path>
                        </svg>
                     </a>
                  </div>
               </div>
               <div class="search-container">
                  <div class="container_search container_search_port">
                     <predictive-search class="search-modal__form" data-loading-text="Loading...">
                        <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="TOTO4D"
                              placeholder="Search"
                              aria-label="Search"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"/>
                           </svg>
                        </button>
                     </predictive-search>
                  </div>
               </div>
               <link href="https://www.craftsmantavern.com/current-menu" rel="stylesheet" type="text/css" media="all" />
               <my-store-locator
                  class="no-js-hidden my-store-locator"
                  data-limit-search-to-countries="us"
                  data-storefront-api-access-token="962d1ff668df08fb12a218f6d7553a2e"
                  data-default-location-id="94099734846"
                  data-number-of-locations-to-fetch="24"
                  data-apple-maps-access-token="eyJraWQiOiI1SDZEQlAyR0E1IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiI0Njg5NkZRSFgyIiwiaWF0IjoxNzQ2NzYyMDY2LCJvcmlnaW4iOiJ3d3cuaXN0dWRpb3NnLmNvbSJ9.auAkvVIPCaY73yQjcammRk6DID4vJpijWzhB2kWfOzLtcEclmavkBRAn7eEViSvLKVRt45zmNjODWadyzmProg"
                  data-distance-unit="miles"
                  data-distance-miles-label="miles"
                  data-distance-km-label="km"
                  data-error-text="Error: Try again"
                  data-select-text="Select your store"
                  data-low-stock-html="Only {{ quantity }} left"
                  data-unavailable-text="Unavailable"
                  data-view-store-availability-text="View store availability"
                  data-loading-text="Loading store"
                  >
                  <button
                     class="js-my-store-locator-btn my-store-locator__btn"
                     disabled
                     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 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 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 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 d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"/>
                           <rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"/>
                        </svg>
                     </div>
                     <p class="js-my-store-locator-info my-store-locator__info">
                        Loading store
                        <i class="fa fa-spinner fa-spin"></i>
                     </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"
                           width="18"
                           height="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"
                              >
                        </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">
                           Address: <a href="https://www.craftsmantavern.com/current-menu" target="_blank"></a>
                        </div>
                        <div class="js-my-store-locator-telephone my-store-locator__details-info hidden">
                           Telephone: <a href="https://www.craftsmantavern.com/current-menu"></a>
                        </div>
                        <div class="js-my-store-locator-email my-store-locator__details-info hidden">
                           Email: <a href="https://www.craftsmantavern.com/current-menu" target="_blank"></a>
                        </div>
                        <div class="js-my-store-locator-hours my-store-locator__details-info hidden">
                           Hours: <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="https://www.craftsmantavern.com/current-menu"
                        >
                        View store map
                        </a><button
                           class="js-my-store-locator-drawer-btn my-store-locator__details-btn button button--full-width"
                           aria-haspopup="dialog"
                           >
                        Select another store
                        </button>
                     </div>
                  </div>
               </my-store-locator>
               <script src="//www.istudiosg.com/cdn/shop/t/14/assets/my-store-locator.js?v=14296370560110765121259103666" defer="defer"></script>
               <script>
                  SDG.Data.mapsToken = "eyJraWQiOiI1SDZEQlAyR0E1IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiI0Njg5NkZRSFgyIiwiaWF0IjoxNzQ2NzYyMDY2LCJvcmlnaW4iOiJ3d3cuaXN0dWRpb3NnLmNvbSJ9.auAkvVIPCaY73yQjcammRk6DID4vJpijWzhB2kWfOzLtcEclmavkBRAn7eEViSvLKVRt45zmNjODWadyzmProg";
                  SDG.Data.googleMapsToken = "";
                  SDG.Data.mapProvider = "apple_maps";
                  
                    SDG.Data.mapPage = false;
                  
                  SDG.Data.storeServiceTrigger = 'View store services';
                  SDG.Data.storeHours =  'Hours';
                  SDG.Data.storeAddress = 'Address';
                  SDG.Data.storeEmail = 'Email';
                  SDG.Data.storePhone = 'Telephone';
                  SDG.Data.myStore = 'My store';
                  SDG.Data.makeThisMyStore = 'Make this my store';
                  SDG.Data.shopCountry = 'Singapore';
               </script>
               <script src="//www.istudiosg.com/cdn/shop/t/14/assets/mapkit.js?v=2554415917941391361742784889" defer></script><script async>
                  document?.addEventListener('DOMContentLoaded', function() {
                    if (window?.mapkit) {
                     mapkit.init({
                       authorizationCallback: function (done) {
                         done("eyJraWQiOiI1SDZEQlAyR0E1IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiI0Njg5NkZRSFgyIiwiaWF0IjoxNzQ2NzYyMDY2LCJvcmlnaW4iOiJ3d3cuaXN0dWRpb3NnLmNvbSJ9.auAkvVIPCaY73yQjcammRk6DID4vJpijWzhB2kWfOzLtcEclmavkBRAn7eEViSvLKVRt45zmNjODWadyzmProg");
                       },
                       language: 'en',
                     });
                    }
                  
                    if (window?.google) {
                      google.maps.importLibrary('geocoding');
                      google.maps.importLibrary('places');
                    }
                  });
               </script>
               <div class="header__icons">
                  <div class="desktop-localization-wrapper">
                  </div>
                  <a href="https://www.craftsmantavern.com/current-menu">
                     <svg
                        xmlns="http://www.w3.org/2000/svg"
                        aria-hidden="true"
                        focusable="false"
                        class="icon icon-account"
                        fill="none"
                        viewBox="0 0 18 19"
                        width="18"
                        height="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">
                     </svg>
                     <span class="visually-hidden">Log in</span>
                  </a>
                  <a href="https://www.craftsmantavern.com/current-menu" 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"/>
                     </svg>
                     <span class="visually-hidden">Cart</span>
                  </a>
               </div>
            </header>
            <div class="header_nav">
               <lazyload-section data-selectors='[".js-header-dropdown-menu-list"]'>
                  <nav class="header__inline-menu">
                     <ul class="list-menu list-menu--inline">
                        <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"
                                    >
                                    <p><a href="https://www.craftsmantavern.com/current-menu">TOTO4D</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-1"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </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"
                                    >
                                   <p><a href="https://www.craftsmantavern.com/current-menu">SITUS TOTO</a></p>
                                    <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>
                                 </summary><ul
                                    id="HeaderMenu-MenuList-2"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </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"
                                    >
                                    <p><a href="https://www.craftsmantavern.com/current-menu">SITUS TOGEL</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-3"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </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"
                                    >
                                    <p><a href="https://www.craftsmantavern.com/current-menu">TOTO TOGEL</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-4"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </details>
                           </header-menu>
                        </li>
                        <li>
                           <header-menu>
                              <details
                                 id="Details-HeaderMenu-5"
                                 class="mainMenuUpdate2"
                                 >
                                 <summary
                                    id="headerCss HeaderMenu-music"
                                    class="header__menu-item list-menu__item link focus-inset"
                                    >
                                    <p><a href="https://www.craftsmantavern.com/current-menu">TOTO 4D</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-5"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </details>
                           </header-menu>
                        </li>
                        <li>
                           <header-menu>
                              <details
                                 id="Details-HeaderMenu-6"
                                 class="mainMenuUpdate2"
                                 >
                                 <summary
                                    id="headerCss HeaderMenu-tv-home"
                                    class="header__menu-item list-menu__item link focus-inset"
                                    >
                                   <p><a href="https://www.craftsmantavern.com/current-menu">4D</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-6"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </details>
                           </header-menu>
                        </li>
                        <li>
                           <header-menu>
                              <details
                                 id="Details-HeaderMenu-7"
                                 class="mainMenuUpdate2"
                                 >
                                 <summary
                                    id="headerCss HeaderMenu-accessories"
                                    class="header__menu-item list-menu__item link focus-inset"
                                    >
                                    <p><a href="https://www.craftsmantavern.com/current-menu">SITUS TOTO4D</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-7"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul></details>
                           </header-menu>
                        </li>
                        <li>
                           <header-menu>
                              <details
                                 id="Details-HeaderMenu-8"
                                 class="mainMenuUpdate2"
                                 >
                                 <summary
                                    id="headerCss HeaderMenu-services"
                                    class="header__menu-item list-menu__item link focus-inset"
                                    >
                                    <p><a href="https://www.craftsmantavern.com/current-menu">SITUS TOGEL 4D</a></p>
                                    <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>
                                 </summary>
                                 <ul
                                    id="HeaderMenu-MenuList-8"
                                    class="js-header-dropdown-menu-list header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup"
                                    tabindex="-1"
                                    ></ul>
                              </details>
                           </header-menu>
                        </li>
                        
                        <li class="right_header_division right_menu_divider"></li>
                        <li><a
                           href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" target="_blank" rel="nofollow noopener noreferrer"
                           class="rightMenuUpdate headerCss header__menu-item header__menu-item list-menu__item link link--text focus-inset"
                           >
                           <span
                              >Daftar</span>
                           </a>
                        </li>
                        <li><a
                           href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" target="_blank" rel="nofollow noopener noreferrer"
                           class="rightMenuUpdate headerCss header__menu-item header__menu-item list-menu__item link link--text focus-inset"
                           >
                           <span
                              >Login</span>
                           </a>
                        </li>
                     </ul>
                  </nav>
               </lazyload-section>
            </div>
         </sticky-header>
         <link href="https://www.craftsmantavern.com/current-menu" rel="stylesheet" type="text/css" media="all" />
         <lazyload-section data-render-on-load="true" data-selector="cart-notification"></lazyload-section>
         <style>
            .cart-notification {
            display: none;
            }
         </style>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "TOTO4D",
  "url": "https://www.craftsmantavern.com/current-menu",
  "sameAs": [
    "https://www.facebook.com/TOTO4D",
    "https://www.instagram.com/TOTO4D/",
    "https://www.youtube.com/channel/TOTO4D/"
  ]
}
</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>
      <div id="shopify-section-navigation_stripe" class="shopify-section slider-container">
         <style>
            div#shopify-section-navigation_stripe {
            display: flex;
            width: 100%;
            background: #fff;
            padding: 12px 0;
            box-shadow: inset 0px -0.5px 0px #d2d2d2;
            height: 108px;
            max-height: 108px;
            overflow: hidden;
            }
         </style>
         <div class="nav-left-arrow"></div>
         <div class="apl_lob_slider without_main_title apl_lob_slider-ipad">
            <div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="TOTO4D"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                           </div>
                        </div>
                        <p class="apl_lob_title">TOTO4D</p>
                        <p class="prod apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
            <div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757657995&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="SITUS TOGEL"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                              
                           </div>
                        </div>
                        <p class="apl_lob_title">SITUS TOGEL</p>
                        <p class="prod apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
            <div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757657995&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="TOTO 4D"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                              
                           </div>
                        </div>
                        <p class="apl_lob_title">TOGEL 4D</p>
                        <p class="prod apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
            <div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1740017919&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="SLOT 88"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                              
                           </div>
                        </div>
                        <p class="apl_lob_title">TOTO 4D</p>
                        <p class="prod apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
            <div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1731047537&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="TOTO"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                        </div>
                        <p class="apl_lob_title">TOTO</p>
                        <p class="prod apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
            <div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1731636011&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="TOTO4D"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                              
                           </div>
                        </div>
                        <p class="apl_lob_title">TOTO4D</p>
                        <p class="collection apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
			<div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1731636011&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="TOTO4D"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                              
                           </div>
                        </div>
                        <p class="apl_lob_title">TOTO4D</p>
                        <p class="collection apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
			<div class="apl_lob_list_item">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                  <div class="list-lob">
                     <div
                        class="imagecontainer ratio"
                        style="--ratio-percent: 100%;"
                        >
                        <img
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1731636011&width=100"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp"
                           sizes="(max-width): 90px,(max-width): 180px,100vw"
                           height="84"
                           width="84"
                           loading="lazy"
                           alt="4D"
                           >
                     </div>
                     <div class="apl_lob_content">
                        <div class="tagcontainer">
                           <div class="apl_label_attr" style="color: #BF4800">
                              
                           </div>
                        </div>
                        <p class="apl_lob_title">4D</p>
                        <p class="collection apl_lob_price">
                           From
                           $999 SGD
                        </p>
                     </div>
                  </div>
               </a>
            </div>
            <div class="apl_lob_list_item end_lob_text">
               <a href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer" class="end_lob_title">
                  <span class="end_title_anchor">
                     View All iPhone
                     <svg width="5" height="9" viewBox="0 0 5 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.649682 8.5L0 7.85032L3.35032 4.5L0 1.14968L0.649682 0.5L4.64968 4.5L0.649682 8.5Z" fill="#0071E3"/>
                     </svg>
                  </span>
               </a>
            </div>
         </div>
         <div class="nav-right-arrow"></div>
         
      </div>
      <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
         <section id="shopify-section-template--17605519376564__main" class="shopify-section section">
            <section
               id="MainProduct-template--17605519376564__main"
               class="product-page-width page-width section-template--17605519376564__main-padding"
               data-section="template--17605519376564__main"
               >
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/section-main-product.css?v=106354761565452021941742784887" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-accordion.css?v=114305622551526091581742784887" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-slider.css?v=102975581670085299341742784888" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-rating.css?v=157771854592137137841742784889" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-loading-overlay.css?v=160031540023746741091742784889" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-deferred-media.css?v=14096082462203297471742784888" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/custom-style.css?v=128650136086380557481742784888" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/collapsecon.css?v=55192844502193137581742784889" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/productMarketingContent.css?v=134348870364535945721742784887" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/fancybox-3-5-7.css?v=48221248546321444771742784887" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-trade-in-sellto.css?v=107184028641227493051757586003" rel="stylesheet" type="text/css" media="all" />
               <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-trade-in-dialog.css?v=16175248172835987831757430081" rel="stylesheet" type="text/css" media="all" />
               <style data-shopify>.section-template--17605519376564__main-padding {
                  padding-top: 27px;
                  padding-bottom: 9px;
                  }
                  @media screen and (min-width: 750px) {
                  .section-template--17605519376564__main-padding {
                  padding-top: 36px;
                  padding-bottom: 12px;
                  }
                  }
               </style>
               <script src="//www.istudiosg.com/cdn/shop/t/14/assets/google_analytics_finacing.js?v=123767470501580560631742784889" defer="defer"></script>
               <script src="//www.istudiosg.com/cdn/shop/t/14/assets/product-info.js?v=68469288658591082901742784888" defer="defer"></script>
               <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">
                           <span class="product_tag_display" style="color:#BF4800;"></span>
                        </div>
                     </div>
                     <div class="product-title-style product__title" >
                        <h1>🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer</h1>
                     </div>
                     <div class="product-subtitle-style"></div>
                     <div class="skuAndBarcode">
                        <span class="sku-pdp" id="skumob-template--17605519376564__main">
                        <span id="skutitle1">
                        SKU: </span>88</span>
                        <span class="barcode-pdp" id="barcmob-template--17605519376564__main">
                        <label id="barcodetitle1"  >
                        Barcode:</label>
                        <span class="barcodeinput" id="main-pro-barcode-mobile">88</span>
                        </span>
                     </div>
                     <p class="product__preorder-message"></p>
                  </div>
                  <div class="grid__item product__media-wrapper">
                     <media-gallery
                        id="MediaGallery-template--17605519376564__main"
                        role="region"
                        class="product__media-gallery product-custom-media"
                        aria-label="Gallery Viewer"
                        data-desktop-layout="stacked"
                        >
                        <div id="GalleryStatus-template--17605519376564__main" class="visually-hidden" role="status"></div>
                        <slider-component id="GalleryViewer-template--17605519376564__main" class="slider-mobile-gutter">
                           <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--17605519376564__main">
                           Skip to product information
                           </a>
                           <ul
                              id="Slider-Gallery-template--17605519376564__main"
                              class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
                              >
                              <li
                                 id="Slide-template--17605519376564__main-32122040123572"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide is-active"
                                 data-media-id="template--17605519376564__main-32122040123572"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="togel online" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040123572">
                                       <span class="visually-hidden">
                                       Open media 1 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040156340"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040156340"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="SITUS TOTO" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040156340">
                                       <span class="visually-hidden">
                                       Open media 2 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040189108"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040189108"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&amp;width=823" alt="TOTO4D" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040189108">
                                       <span class="visually-hidden">
                                       Open media 3 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040221876"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040221876"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="TOTO TOGEL" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040221876">
                                       <span class="visually-hidden">
                                       Open media 4 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040254644"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040254644"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="SITUS TOGEL" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040254644">
                                       <span class="visually-hidden">
                                       Open media 5 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040287412"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040287412"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="SITUS TOGEL MACAU" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040287412">
                                       <span class="visually-hidden">
                                       Open media 6 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040320180"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040320180"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="SITUS TOGEL ONLINE" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040320180">
                                       <span class="visually-hidden">
                                       Open media 7 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040352948"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040352948"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="bandar togel" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040352948">
                                       <span class="visually-hidden">
                                       Open media 8 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                              <li
                                 id="Slide-template--17605519376564__main-32122040385716"
                                 class="common_medias variant-comapre-image- variant-all-image product__media-item grid__item slider__slide"
                                 data-media-id="template--17605519376564__main-32122040385716"
                                 >
                                 <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--17605519376564__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 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 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"/>
                                          </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://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823" alt="SITUS TOTO" srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=246 246w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=493 493w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=600 600w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=713 713w, https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&amp;width=823 823w" width="823" height="823" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (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="32122040385716"><span class="visually-hidden">
                                       Open media 9 in modal
                                       </span>
                                       </button>
                                    </modal-opener>
                                 </div>
                              </li>
                             
                           <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"
                                 >
                                 <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>
                              </button>
                              <div class="slider-counter caption">
                                 <span class="slider-counter--current">1</span>
                                 <span aria-hidden="true"> / </span>
                                 <span class="visually-hidden">of</span>
                                 <span class="slider-counter--total">12</span>
                              </div>
                              <button
                                 type="button"
                                 class="slider-button slider-button--next"
                                 name="next"
                                 aria-label="Slide right"
                                 >
                                 <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>
                              </button>
                           </div>
                        </slider-component>
                     </media-gallery>
                  </div>
                  <div class="product__info-wrapper grid__item">
                     <product-info
                        id="ProductInfo-template--17605519376564__main"
                        data-section="template--17605519376564__main"
                        data-url="/products/iphone-17-pro-mg8h4x-a"
                        class="product__info-container"
                        >
                        <div class="desktop-view_Product-title">
                           <div class="priceAndLabelTag">
                              <div class="product_tag_display_container">
                                 <span class="product_tag_display" style="color:#BF4800;"></span>
                              </div>
                           </div>
                           <div class="product-title-style product__title" >
                              <h1> 🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer</h1>
                           </div>
                           <div class="product-subtitle-style"></div>
                           <div class="skuAndBarcode">
                              <span class="sku-pdp" id="sku-template--17605519376564__main">
                              <span id="skutitle2">
                              SKU: 
                              </span> 999999999
                              </span>
                              <span class="barcode-pdp" id="barc-template--17605519376564__main">
                              <label id="barcodetitle2">
                              Barcode:</label>
                              <span  class="barcodeinput"  id="main-pro-barcode" >999999999</span>
                              </span>
                           </div>
                           <p class="product__preorder-message"></p>
                        </div>
                        <div class="pricestyle no-js-hidden" id="price-template--17605519376564__main" role="status" >
                           <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--sold-out 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 cto_actual_price_bold"
                                       data-price="$259.00 SGD"
                                       data-price-without-currency="259.00"
                                       data-price-with-care="$1,596.00 SGD"
                                       data-price-with-secWarranty="$259.00 SGD"
                                       data-price-with-care-and-secWarranty="$1,596.00 SGD"
                                       data-price-with-trade-in="0"
                                       data-price-calculation="4"
                                       >
                                    $999 SGD
                                    </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">Tax included.
                           <a href="/policies/shipping-policy">Shipping</a> calculated at checkout.
                        </div>
                        <div >
                           <form method="post" action="/cart/add" id="product-form-installment-template--17605519376564__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="44033871610036">
                              <input type="hidden" name="product-id" value="7986665160884" /><input type="hidden" name="section-id" value="template--17605519376564__main" />
                           </form>
                        </div>
                        <input type="hidden" id="tax_free_campaign" value=0 />
                        <div id="pdp_monthly_price_taxfree_false">
                           <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-net-monthly-pricing.css?v=99277447350168012461742784889" 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="$95.59"
                                 data-price-without-currency="259.00"
                                 data-price-with-care="$517"
                                 data-price-with-secWarranty="$68.25"
                                 data-price-with-care-and-secWarranty="$517"
                                 data-price-with-trade-in="0"
                                 data-price-calculation="4"
                                 >$999</span>/mo. for 9 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-mg8h4x-a"
                                 >
                              Pelajari Selengkapnya
                              <i class="fa-solid fa-angle-right billboard_icon"></i>
                              </a>
                           </div>
                        </div>
                        <div class="product__gwp-promo-wrapper js-gwp-replace"></div>
                        <variant-radios1 class="no-js-hidden" data-section="template--17605519376564__main" data-url="/products/iphone-17-pro-mg8h4x-a" >
                           <fieldset class="js product-form__input bottom-space js-product-option-form">
                              <legend class="form__label form__label__bold">
                                 Color
                                 <span class="color-name">- Cosmic Orange </span>
                              </legend>
                              <input type="radio" id="template--17605519376564__main-Color-0"
                                 name="Color"
                                 data-option_count = "option1"
                                 data-label_name = "Color"
                                 value="Cosmic Orange"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_Cosmic Orange"
                                 data-varient="Cosmic Orange"
                                 data-color_present= color_present
                                 data-option_name= Color                            
                                 checked
                                 />
                              <label
                                 data-option=  "Color" 
                                 data-title="Cosmic Orange"
                                 data-noproduct=""
                                 class="title-tip-color-swatch color-swatch radio-label  cosmic-orangeoption1 cosmic-orange label- cust-Color-Cosmic Orange" for="template--17605519376564__main-Color-0"
                                 aria-label="Color Cosmic Orange"
                                 style="
                                 background-color: orange;
                                 background-size: cover;
                                 background-image: url('//www.istudiosg.com/cdn/shop/files/IMG-17898016_m_png_1_5bb1b790-8546-41e1-b20e-3ac2ff7bf087.png?v=1757449788')
                                 "
                                 >
                              <img src="https://cdn.shopify.com/s/files/1/0630/5923/0953/files/Group_57.png?v=1678859305" class="disabled_img" loading="lazy" width="35" height="35" alt="Disabled">
                              &nbsp </label>
                              <input type="radio" id="template--17605519376564__main-Color-1"
                                 name="Color"
                                 data-option_count = "option1"
                                 data-label_name = "Color"
                                 value="Deep Blue"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_Deep Blue"
                                 data-varient="Deep Blue"
                                 data-color_present= color_present
                                 data-option_name= Color                            
                                 />
                              <label
                                 data-option=  "Color" 
                                 data-title="Deep Blue"
                                 data-noproduct=""
                                 class="title-tip-color-swatch color-swatch radio-label  deep-blueoption1 deep-blue label- cust-Color-Deep Blue" for="template--17605519376564__main-Color-1"
                                 aria-label="Color Deep Blue"
                                 style="
                                 background-color: blue;
                                 background-size: cover;
                                 background-image: url('//www.istudiosg.com/cdn/shop/files/IMG-17898017_m_png_1.png?v=1757449914')
                                 "
                                 >
                              <img src="https://cdn.shopify.com/s/files/1/0630/5923/0953/files/Group_57.png?v=1678859305" class="disabled_img" loading="lazy" width="35" height="35" alt="Disabled">
                              &nbsp </label>
                              <input type="radio" id="template--17605519376564__main-Color-2"
                                 name="Color"
                                 data-option_count = "option1"
                                 data-label_name = "Color"
                                 value="Silver"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_Silver"
                                 data-varient="Silver"
                                 data-color_present= color_present
                                 data-option_name= Color                            
                                 />
                              <label
                                 data-option=  "Color" 
                                 data-title="Silver"
                                 data-noproduct=""
                                 class="title-tip-color-swatch color-swatch radio-label  silveroption1 silver label- cust-Color-Silver" for="template--17605519376564__main-Color-2"
                                 aria-label="Color Silver"
                                 style="
                                 background-color: silver;
                                 background-size: cover;
                                 background-image: url('//www.istudiosg.com/cdn/shop/files/IMG-17898018_m_png_1.png?v=1757449722                                          ')
                                 "
                                 >
                              <img src="https://cdn.shopify.com/s/files/1/0630/5923/0953/files/Group_57.png?v=1678859305" class="disabled_img" loading="lazy" width="35" height="35" alt="Disabled">
                              &nbsp </label>
                           </fieldset>
                           <p>
                             <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" target="_blank">
                             <img style="display:block;margin-left:auto;margin-right:auto;" src="https://pixel.gambar-lp.com/misc/gif-daftar-5.webp" width="400" height="150"/>
                             </a>
                           </p>
                           <fieldset class="js product-form__input bottom-space js-product-option-form">
                              <legend class="form__label form__label__bold">
                                 TOTO4D
                              </legend>
                              <input type="radio" id="template--17605519376564__main-SITUS TOTO-0"
                                 name="SITUS TOTO"
                                 data-option_count = "option2"
                                 data-label_name = "SITUS TOTO"
                                 value="TOTO4D"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_TOTO4D"
                                 data-varient="TOTO4D"
                                 data-color_present= no_color_present
                                 data-option_name= No-color                            
                                 checked
                                 />
                              <label data-option= "no-color"  data-title="TOTO4D" aria-label="TOTO4D" data-noproduct="" class="title-tip iphone-17-prooption2" for="template--17605519376564__main-SITUS TOTO-0">
                              SITUS TOGEL
                              </label>
                              <input type="radio" id="template--17605519376564__main-SITUS TOTO-1"
                                 name="SITUS TOTO"
                                 data-option_count = "option2"
                                 data-label_name = "SITUS TOTO"
                                 value="TOTO4D Max"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_BTOTO4D Max"
                                 data-varient="TOTO4D Max"
                                 data-color_present= no_color_present
                                 data-option_name= No-color                            
                                 />
                              <label data-option= "no-color"  data-title="TOTO4D Max" aria-label="TOTO4D Max" data-noproduct="" class="title-tip iphone-17-pro-maxoption2" for="template--17605519376564__main-SITUS TOTO-1">
                              TOGEL 4D
                              </label>
                           </fieldset>
                           <fieldset class="js product-form__input bottom-space js-product-option-form">
                              <legend class="form__label form__label__bold">
                                 Capacity
                              </legend>
                              <input type="radio" id="template--17605519376564__main-Capacity-0"
                                 name="Capacity"
                                 data-option_count = "option3"
                                 data-label_name = "Capacity"
                                 value="256GB"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_256GB"
                                 data-varient="256GB"
                                 data-color_present= no_color_present
                                 data-option_name= No-color                            
                                 checked
                                 />
                              <label data-option= "no-color"  data-title="256GB" aria-label="Capacity 256GB" data-noproduct="" class="title-tip 256gboption3" for="template--17605519376564__main-Capacity-0">
                              X 999
                              </label>
                              <input type="radio" id="template--17605519376564__main-Capacity-1"
                                 name="Capacity"
                                 data-option_count = "option3"
                                 data-label_name = "Capacity"
                                 value="512GB"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_512GB"
                                 data-varient="512GB"
                                 data-color_present= no_color_present
                                 data-option_name= No-color                            
                                 />
                              <label data-option= "no-color"  data-title="512GB" aria-label="Capacity 512GB" data-noproduct="" class="title-tip 512gboption3" for="template--17605519376564__main-Capacity-1">
                              X 9999
                              </label>
                              <input type="radio" id="template--17605519376564__main-Capacity-2"
                                 name="Capacity"
                                 data-option_count = "option3"
                                 data-label_name = "Capacity"
                                 value="1TB"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_1TB"
                                 data-varient="1TB"
                                 data-color_present= no_color_present
                                 data-option_name= No-color                            
                                 />
                              <label data-option= "no-color"  data-title="1TB" aria-label="Capacity 1TB" data-noproduct="" class="title-tip 1tboption3" for="template--17605519376564__main-Capacity-2">
                              X 99999
                              </label>
                              <input type="radio" id="template--17605519376564__main-Capacity-3"
                                 name="Capacity"
                                 data-option_count = "option3"
                                 data-label_name = "Capacity"
                                 value="2TB"
                                 form="product-form-template--17605519376564__main"
                                 class="radio smart_radio varient_2TB"
                                 data-varient="2TB"
                                 data-color_present= no_color_present
                                 data-option_name= No-color                            
                                 />
                              <label data-option= "no-color"  data-title="2TB" aria-label="Capacity 2TB" data-noproduct="" class="title-tip 2tboption3" for="template--17605519376564__main-Capacity-3">
                              X 999999
                              </label>
                           </fieldset>
                        </variant-radios1>
                        <noscript class="product-form__noscript-wrapper-template--17605519376564__main">
                           <div class="product-form__input hidden">
                              <label class="form__label form__label__bold" for="Variants-template--17605519376564__main">Product variants</label>
                              <div class="select">
                                 <select name="id" id="Variants-template--17605519376564__main" class="select__select" form="product-form-template--17605519376564__main">
                                    <option
                                       selected="selected"
                                       disabled
                                       value="44033871610036">
                                       Default Title
                                       - Out of Stock
                                       - $999
                                    </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 class="add-on-product-style add-on-product-style-applecare">
                              <input id="applecare-product-mpn" type="hidden" name="properties[applecare-product-mpn]" value="" />
                              <input id="applecare-product-sku" type="hidden" name="properties[applecare-product-sku]" value="SWY42ZX/A" />
                              <input id="applecare-product-handle" type="hidden" name="properties[applecare-product-handle]" value="apple-applecare-for-iphone-17-pro-protect-your-apple-product" />
                              <div class="add-on-product-container1">
                                 <h3>Keamanan Di TOTO4D!</h3>
                                 <div class="container-box-2">
                                    <div class="mobile-care-pdp">
                                       <div class="left care-pdp-img">
                                          <a class="care-img" href= "/pages/applecare-landing-page" >
                                          <img src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico" loading="lazy" class="add-on-image" width="100" height="100" alt="TOTO4D">
                                          </a>
                                       </div>
                                       <div class="care-pdp-title">
                                          <span class="add-on-element care-info">
                                             Deposit Mulai Dari
                                             <span>10.000 IDR</span>
                                             <div class="care-info-learn-more">
                                                <div class="seedkit-component-standalone">
                                                   <a
                                                      class="ac-modal-trigger icon"
                                                      data-modal-target="modal-pdp-apple-care-modal"
                                                      >
                                                   Pelajari Selengkapnya
                                                   <i class="fa-solid fa-angle-right billboard_icon"></i></a>
                                                   <div
                                                      id="modal-pdp-apple-care-modal"
                                                      class="ac-modal"
                                                      data-type="content"
                                                      data-width="wide"
                                                      data-variant="pageOverlay"
                                                      data-modal-dialog-label="Modal"
                                                      data-modal-close-label="Close Modal"
                                                      >
                                                      <p class="apple-care-modal__heading">Keuntungan bermain di TOTO4D</p>
                                                      <div class="media media--transparent ratio" style="--ratio-percent: 100.0%;"><img src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico" alt="TOTO4D" width="418" height="597" loading="lazy"></div>
                                                      <div class="apple-care-modal__content">
                                                         <div class="metafield-rich_text_field">
                                                            <ul>
                                                               <li>TOTO4D menghadirkan sistem login cepat tanpa hambatan, siap diakses kapan saja di semua perangkat.</li>
                                                               <li>Dengan enkripsi data berlapis dan sistem terverifikasi, TOTO4D menjaga privasi serta transaksi member tetap aman.</li>
                                                               <li>Semua hasil TOTO4D disajikan akurat dan jelas, memberikan kepercayaan penuh bagi setiap pemain.</li>
                                                               <li>Seluruh proses pendaftaran, transaksi, hingga penarikan dana ditangani cepat, rapi, dan terpercaya.</li>
                                                               <li>TOTO4D dikenal konsisten, responsif, dan layak menjadi pilihan utama togel online resmi.</li>
                                                            </ul>
                                                         </div>
                                                         <a class="apple-care-modal__cta" href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer">
                                                         <span class="apple-care-modal__cta-text">Selengkapnya tentang Perlindungan+ TOTO4D</span>
                                                         <i class="fa-solid fa-angle-right billboard_icon"></i>
                                                         </a>
                                                         <div class="apple-care-modal__tcs">
                                                            <div class="metafield-rich_text_field">
                                                               <p>login melalui TOTO4D terpercaya 2026 Akses paling ngebut.</p>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </span>
                                       </div>
                                       <input type="hidden" id="apple-care-varid" name="id" value="44034304409780" />
                                       <span class="add-on-element" aria-hidden="true">
                                       <label class="visually-hidden" for="add-apple-care">Add Apple Care</label>
                                       <input class="add-on-product-checkbox" id="add-apple-care" type="checkbox" name="id[]" value="44034304409780" autocomplete="off" />
                                       </span>
                                    </div>
                                    <div>
                                       <a href="javascript:void(0)" data-index="44034304409780" id="apple-care-add">
                                          <div class="pdp-care-btn btn product-form__submit">Add</div>
                                       </a></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="secWarranty-replace">
                        </div>
                        <div
                           id="Quantity-Form-template--17605519376564__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">999</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-mg8h4x-a" data-section="template--17605519376564__main">
                                 <button class="quantity__button no-js-hidden" name="minus" type="button">
                                    <span class="visually-hidden">Decrease quantity for 🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer</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"/>
                                    </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"
                                    />
                                 <button class="quantity__button no-js-hidden" name="plus" type="button">
                                    <span class="visually-hidden">Increase quantity for 🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer</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"
                                          />
                                    </svg>
                                 </button>
                              </quantity-input>
                              <p class="quantity__error hidden js-qty-error">Sorry! you reached maximum limit for this product!</p>
                           </div>
                           <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--17605519376564__main"></div>
                        </div>


<style>
  /* === FONT IMPORT === */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

  /* === CONTAINER UTAMA === */
  .prediction-wrapper {
    max-width: 100%;
    font-family: 'Montserrat', sans-serif;
    background: #8a0000;
    border: 1px solid #222;
    border-radius: 12px;
    padding: 25px 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
    margin: 20px auto;
  }

  /* Dekorasi Garis Emas di Atas */
  .prediction-wrapper::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
    opacity: 0.7;
  }

  /* HEADER */
  .pred-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
  }

  .pred-header h2 {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
  }

  .pred-header span {
    display: block;
    font-size: 10px;
    color: #666;
    margin-top: 5px;
    letter-spacing: 1px;
  }

  /* LIST PASARAN */
  .market-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* ROW PASARAN */
  .market-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(145deg, #c40000, #0e0e0e);
    border: 1px solid #1f1f1f;
    border-radius: 8px;
    padding: 15px;
    transition: transform 0.3s;
  }

  .market-row:hover {
    border-color: #333;
    transform: translateX(5px);
  }

  /* NAMA PASARAN */
  .market-info {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 100px;
  }

  .market-flag {
    font-size: 18px;
  }

  .market-name {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
  }

  /* GRUP ANGKA (2D, 3D, 4D) */
  .numbers-group {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .num-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .num-label {
    font-size: 9px;
    color: #666;
    margin-bottom: 3px;
    font-weight: 600;
  }

  .num-bubble {
    background: linear-gradient(135deg, #ffffff 0%, #8a6e2f 100%);
    color: #000;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    min-width: 35px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.2);
  }

  /* Responsive: Stack ke bawah di layar kecil */
  @media (max-width: 400px) {
    .market-row {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
    .market-info {
      width: 100%;
      justify-content: center;
      border-bottom: 1px solid #1a1a1a;
      padding-bottom: 10px;
      margin-bottom: 5px;
    }
  }
</style>

<!-- HTML WIDGET -->
<div class="prediction-wrapper">
  
  <div class="pred-header">
    <h2>Bocoran Angka Togel Hari Ini</h2>
    <span>DATA AUTO PREDICTION SYSTEM</span>
  </div>

  <div class="market-list">
    
    <!-- SGP -->
    <div class="market-row">
      <div class="market-info">
        <span class="market-flag">🇸🇬</span>
        <span class="market-name">SGP POOLS</span>
      </div>
      <div class="numbers-group">
        <div class="num-box">
          <span class="num-label">2D</span>
          <div class="num-bubble" id="sgp-2d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">3D</span>
          <div class="num-bubble" id="sgp-3d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">4D</span>
          <div class="num-bubble" id="sgp-4d">...</div>
        </div>
      </div>
    </div>

    <!-- HK -->
    <div class="market-row">
      <div class="market-info">
        <span class="market-flag">🇭🇰</span>
        <span class="market-name">HK POOLS</span>
      </div>
      <div class="numbers-group">
        <div class="num-box">
          <span class="num-label">2D</span>
          <div class="num-bubble" id="hk-2d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">3D</span>
          <div class="num-bubble" id="hk-3d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">4D</span>
          <div class="num-bubble" id="hk-4d">...</div>
        </div>
      </div>
    </div>

    <!-- SDY -->
    <div class="market-row">
      <div class="market-info">
        <span class="market-flag">🇦🇺</span>
        <span class="market-name">SYDNEY</span>
      </div>
      <div class="numbers-group">
        <div class="num-box">
          <span class="num-label">2D</span>
          <div class="num-bubble" id="syd-2d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">3D</span>
          <div class="num-bubble" id="syd-3d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">4D</span>
          <div class="num-bubble" id="syd-4d">...</div>
        </div>
      </div>
    </div>

    <!-- MACAU -->
    <div class="market-row">
      <div class="market-info">
        <span class="market-flag">🇲🇨</span>
        <span class="market-name">MACAU</span>
      </div>
      <div class="numbers-group">
        <div class="num-box">
          <span class="num-label">2D</span>
          <div class="num-bubble" id="macau-2d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">3D</span>
          <div class="num-bubble" id="macau-3d">...</div>
        </div>
        <div class="num-box">
          <span class="num-label">4D</span>
          <div class="num-bubble" id="macau-4d">...</div>
        </div>
      </div>
    </div>

  </div>

  <!-- LIVE WINNER TICKER (Tetap dipertahankan di bawah) -->
  <div class="winner-section" style="margin-top: 25px; position: relative;">
    <h3 style="font-size: 14px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; text-align: center; border-bottom: 1px solid #222; padding-bottom: 5px;">Pemenang Terkini</h3>
    <div style="background: rgba(20, 20, 20, 0.5); border: 1px solid #222; border-radius: 8px; height: 160px; overflow: hidden; position: relative;">
      <div style="height: 100%; overflow: hidden; position: relative;">
        <div style="position: absolute; width: 100%; animation: scrollVertical 10s linear infinite;">
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold; font-size: 10px;">SGP</div>
            <div style="flex: 1;">
              <span style="color: #ffffff; font-weight: 700; display: block; margin-bottom: 2px;">Pak Cuan</span>
              <span style="color: #fff; font-weight: 600;">Rp 15.500.000</span>
            </div>
            <span style="color: #ffffff; font-size: 10px; margin-left: auto;">★</span>
          </div>
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold; font-size: 10px;">HK</div>
            <div style="flex: 1;">
              <span style="color: #ffffff; font-weight: 700; display: block; margin-bottom: 2px;">Om Uus</span>
              <span style="color: #fff; font-weight: 600;">Rp 8.200.000</span>
            </div>
            <span style="color: #ffffff; font-size: 10px; margin-left: auto;">★</span>
          </div>
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold; font-size: 10px;">MACAU</div>
            <div style="flex: 1;">
              <span style="color: #ffffff; font-weight: 700; display: block; margin-bottom: 2px;">Mak Cahaya</span>
              <span style="color: #fff; font-weight: 600;">Rp 45.000.000</span>
            </div>
            <span style="color: #ffffff; font-size: 10px; margin-left: auto;">★</span>
          </div>
          <!-- Duplikat untuk loop -->
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold; font-size: 10px;">SGP</div>
            <div style="flex: 1;">
              <span style="color: #ffffff; font-weight: 700; display: block; margin-bottom: 2px;">Bang Domino T</span>
              <span style="color: #fff; font-weight: 600;">Rp 15.500.000</span>
            </div>
            <span style="color: #ffffff; font-size: 10px; margin-left: auto;">★</span>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<style>
  @keyframes scrollVertical {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
  }
</style>

<script>
  // Fungsi generate angka random
  function getNumber(digit) {
    let result = "";
    for(let i = 0; i < digit; i++) {
      result += Math.floor(Math.random() * 10);
    }
    return result;
  }

  // Fungsi utama: Jalan otomatis saat halaman load
  window.onload = function() {
    // List ID yang ingin diisi (2D, 3D, 4D untuk tiap pasaran)
    const targets = ['sgp', 'hk', 'syd', 'macau'];
    const types = ['2d', '3d', '4d'];

    targets.forEach(market => {
      types.forEach(type => {
        const elementId = market + "-" + type;
        const element = document.getElementById(elementId);
        
        if(element) {
          // Efek loading sebentar agar keliatan realtime
          setTimeout(() => {
            element.innerText = getNumber(parseInt(type)); // type string '2d' jadi angka 2
          }, 500 + Math.random() * 500); // Random delay tiap angka
        }
      });
    });
  };
</script>

                        <div class="one-pickup_2">
                           <p class="form__label form__label__bold">Get it fast</p>
                           <pickup-availability
                              id="pickup_id_2"
                              class="product__pickup-availabilities no-js-hidden"
                              data-product-id="7986665160884"
                              data-selected-options="[{&quot;name&quot;:&quot;Title&quot;,&quot;position&quot;:1,&quot;values&quot;:[&quot;Default Title&quot;]}]"data-item-quantity="1"
                              data-error="You are ordering more units than available at this location."
                              >
                              <pickup-availability-preview class="pickup-availability-preview">
                                 <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 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 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 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 d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"/>
                                    <rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"/>
                                 </svg>
                                 <div class="pickup-availability-info">
                                    <p class="caption-large">
                                       <b>Pickup</b>
                                    </p>
                                    <div class="js-pickup-availability-info">
                                       <p class="caption">
                                          Loading store <i class="fa fa-spinner fa-spin"></i>
                                       </p>
                                    </div>
                                 </div>
                              </pickup-availability-preview>
                              <template>
                                 <p class="caption">
                                    Error loading
                                 </p>
                              </template>
                           </pickup-availability>
                           <p class="free_shipping_msg_2" style="display:none;">
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">
                                 <path d="M1.89353 9.84661C1.43772 9.84661 1.09151 9.72831 0.854906 9.49171C0.618302 9.2551 0.5 8.9089 0.5 8.45308V1.7464C0.5 1.28711 0.618302 0.939166 0.854906 0.702562C1.09151 0.465958 1.43772 0.347656 1.89353 0.347656H9.40919C9.865 0.347656 10.2112 0.467698 10.4478 0.707782C10.6844 0.947865 10.8027 1.29407 10.8027 1.7464V9.02198L10.1608 9.39776V1.75684C10.1608 1.50284 10.0946 1.31321 9.96242 1.18795C9.8302 1.05921 9.64057 0.994838 9.39353 0.994838H1.90397C1.65344 0.994838 1.46381 1.05921 1.33507 1.18795C1.20633 1.31321 1.14196 1.50284 1.14196 1.75684V8.43743C1.14196 8.69143 1.20633 8.8828 1.33507 9.01154C1.46381 9.14028 1.65344 9.20465 1.90397 9.20465H2.89562V9.84661H1.89353ZM10.4322 3.88628V3.24432H12.2902C12.5303 3.24432 12.7356 3.27737 12.9061 3.34348C13.08 3.40959 13.2383 3.51919 13.381 3.67229L15.1555 5.67647C15.2843 5.8226 15.373 5.967 15.4217 6.10966C15.4739 6.25232 15.5 6.43499 15.5 6.65768V8.45308C15.5 8.9089 15.3817 9.2551 15.1451 9.49171C14.9085 9.72831 14.5623 9.84661 14.1065 9.84661H13.3601V9.20465H14.0908C14.3413 9.20465 14.531 9.14028 14.6597 9.01154C14.7919 8.8828 14.858 8.69143 14.858 8.43743V6.64202C14.858 6.54111 14.8389 6.44021 14.8006 6.33931C14.7624 6.23492 14.7067 6.14098 14.6336 6.05747L12.9426 4.1629C12.8452 4.05503 12.7408 3.98196 12.6294 3.94369C12.5181 3.90542 12.3876 3.88628 12.238 3.88628H10.4322ZM11.7422 6.64202C11.6239 6.64202 11.5282 6.60722 11.4551 6.53764C11.3855 6.46805 11.3507 6.3741 11.3507 6.2558V4.41864H12.1284C12.2189 4.41864 12.2989 4.43777 12.3685 4.47605C12.4381 4.51084 12.5007 4.55782 12.5564 4.61697L14.1117 6.3654C14.15 6.40716 14.1795 6.44891 14.2004 6.49066C14.2248 6.53242 14.237 6.58287 14.237 6.64202H11.7422ZM4.27349 11.3341C3.95338 11.3341 3.6611 11.2558 3.39666 11.0992C3.1357 10.9426 2.92693 10.7321 2.77035 10.4677C2.61378 10.2067 2.53549 9.9162 2.53549 9.59609C2.53549 9.27598 2.61378 8.98544 2.77035 8.72448C2.92693 8.46004 3.1357 8.25128 3.39666 8.09818C3.6611 7.9416 3.95338 7.86331 4.27349 7.86331C4.5936 7.86331 4.88413 7.9416 5.14509 8.09818C5.40605 8.25128 5.61482 8.46004 5.7714 8.72448C5.92798 8.98544 6.00626 9.27598 6.00626 9.59609C6.00626 9.9162 5.92798 10.2067 5.7714 10.4677C5.61482 10.7321 5.40605 10.9426 5.14509 11.0992C4.88413 11.2558 4.5936 11.3341 4.27349 11.3341ZM4.27349 10.7756C4.48921 10.7756 4.6858 10.7217 4.86326 10.6138C5.04419 10.5095 5.18685 10.3668 5.29123 10.1859C5.39562 10.0084 5.44781 9.81182 5.44781 9.59609C5.44781 9.37688 5.39562 9.17855 5.29123 9.0011C5.18685 8.82365 5.04419 8.68273 4.86326 8.57835C4.6858 8.47048 4.48921 8.41655 4.27349 8.41655C4.05428 8.41655 3.85595 8.47048 3.6785 8.57835C3.50104 8.68273 3.35839 8.82365 3.25052 9.0011C3.14266 9.17855 3.08873 9.37688 3.08873 9.59609C3.08873 9.81182 3.14266 10.0084 3.25052 10.1859C3.35839 10.3668 3.50104 10.5095 3.6785 10.6138C3.85595 10.7217 4.05428 10.7756 4.27349 10.7756ZM11.8622 11.3341C11.5456 11.3341 11.255 11.2558 10.9906 11.0992C10.7262 10.9426 10.5157 10.7321 10.3591 10.4677C10.2025 10.2067 10.1242 9.9162 10.1242 9.59609C10.1242 9.27598 10.2025 8.98544 10.3591 8.72448C10.5157 8.46004 10.7262 8.25128 10.9906 8.09818C11.255 7.9416 11.5456 7.86331 11.8622 7.86331C12.1823 7.86331 12.4729 7.9416 12.7338 8.09818C12.9983 8.25128 13.207 8.46004 13.3601 8.72448C13.5167 8.98544 13.595 9.27598 13.595 9.59609C13.595 9.9162 13.5167 10.2067 13.3601 10.4677C13.207 10.7321 12.9983 10.9426 12.7338 11.0992C12.4729 11.2558 12.1823 11.3341 11.8622 11.3341ZM11.8622 10.7756C12.0814 10.7756 12.2797 10.7217 12.4572 10.6138C12.6347 10.5095 12.7756 10.3668 12.88 10.1859C12.9843 10.0084 13.0365 9.81182 13.0365 9.59609C13.0365 9.37688 12.9826 9.17855 12.8747 9.0011C12.7704 8.82365 12.6294 8.68273 12.452 8.57835C12.2745 8.47048 12.0779 8.41655 11.8622 8.41655C11.6465 8.41655 11.4499 8.47048 11.2724 8.57835C11.095 8.68273 10.9523 8.82365 10.8445 9.0011C10.7366 9.17855 10.6827 9.37688 10.6827 9.59609C10.6827 9.81182 10.7366 10.0084 10.8445 10.1859C10.9523 10.3668 11.095 10.5095 11.2724 10.6138C11.4499 10.7217 11.6465 10.7756 11.8622 10.7756ZM5.70355 9.84661V9.20465H10.4896V9.84661H5.70355Z" fill="black"/>
                              </svg>
                              <span>
                              <b>Shipping</b><br>
                              Typically ships in 1-3 days.
                              </span>
                           </p>
                        </div>
                        
                        <div class="g-atc"></div>
                        <div>
                           <product-form
                              class="product-form"
                              data-hide-errors="false"
                              data-section-id="template--17605519376564__main"
                              >
                              <div class="product-form__error-message-wrapper" role="alert" hidden>
                                 <svg
                                    aria-hidden="true"
                                    focusable="false"
                                    class="icon icon-error"
                                    viewBox="0 0 13 13"
                                    >
                                    <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
                                    <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
                                    <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
                                    <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7">
                                 </svg>
                                 <span class="product-form__error-message"></span>
                              </div>
                              <div class="mpn_handle_GA" hidden>
                                 <input
                                    id="compr_price_44033871610036"
                                    type="hidden"
                                    value=""
                                    >
                                 <input
                                    id="mpn_handle_44033871610036"
                                    type="hidden"
                                    value="D-353465486A"
                                    >
                                 <input
                                    id="total_qty_"
                                    type="hidden"
                                    value=""
                                    >
                                 <input
                                    id="prod_price_44033871610036"
                                    type="hidden"
                                    value="259.00"
                                    >
                              </div>
                              <form method="post" action="/cart/add" id="product-form-template--17605519376564__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form">
                                 <input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
                                    type="hidden"
                                    id="main-product-variant"
                                    name="id"
                                    value="44033871610036"
                                    disabled
                                    class="product-variant-id"
                                    >
                                 <input
                                    id="mpn_handle"
                                    type="hidden"
                                    name="properties[_uuid]"
                                    value="D-353465486A"
                                    >
                                 <input id="main-pro-sku" type="hidden" value="D-353465486A">
                                 <input id="main-pro-handle" type="hidden" value="iphone-17-pro-mg8h4x-a">
                                 <input type="hidden" id="tax_tags" value="a_iphone17pro">
                                 <input
                                    type="hidden"
                                    id="product_max_quantity"
                                    value="/"
                                    ><input
                                    type="hidden"
                                    id="productInventoryQuantity"
                                    value="0"
                                    >
                                 <input type="hidden" id="product_id" value="7986665160884">
                                 <input type="hidden" class="pdp_product_list" id="product_list" type="text" value="">
                                 <input type="hidden" class="pdp_product_category" type="text" value="iPhone">
                                 <input type="hidden" class="pdp_product_currency" type="text" value="SGD">
                                 <input type="hidden" class="pdp_product_price" id="product_price" type="text" value="">
                                 <input type="hidden" class="pdp_product_title" value="🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer">
                                 <div class="addtocartPDP product-form__buttons">
                                    <button
                                       id="addtocart-submit"
                                       type="submit"
                                       name="add"
                                       class="addtocartPDP product-form__submit button button--full-width button--secondary"
                                       disabled
                                       >
                                       <span>Out of Stock
                                       </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="6" cx="33" cy="33" r="30"></circle>
                                          </svg>
                                       </div>
                                    </button>
                                    <button
                                       type="submit"
                                       onclick="addClass()"
                                       data-submit="submit"
                                       id="button-id-buy"
                                       class="shopify-payment-button__button--unbranded shopify-payment-button__button"
                                       >
                                    Buy It Now
                                    </button>
                                    <script>
                                       function addClass() {
                                         var v = document.getElementById('button-id-buy');
                                         v.className += ' BUY_NOW_CLICKED';
                                       }
                                    </script>
                                 </div>
                                 <input type="hidden" name="product-id" value="7986665160884" /><input type="hidden" name="section-id" value="template--17605519376564__main" />
                              </form>
                           </product-form>
                        </div>
                        <div class="product__accordion accordion" >
                           <details id="Details-popup_custom_pptnJ9-template--17605519376564__main">
                              <summary>
                                 <div class="summary__title">
                                    <h2 class="h4 accordion__title">
                                       Limited Time Promotion
                                    </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">
                                 </svg>
                              </summary>
                              <div class="accordion__content rte" id="ProductAccordion-popup_custom_pptnJ9-template--17605519376564__main">
                                 <p>Discover exclusive deals on devices and accessories at iStudio!<br/><br/><br/><a href="/pages/limited-time-promotion" title="Limited Time Promotion">Explore deals</a></p>
                                 <modal-opener class="popup_round_border product-popup-modal__opener no-js-hidden" data-modal="#PopupModal-popup_custom_pptnJ9" ><button id="ProductPopup-popup_custom_pptnJ9" class="active_seemore text-decoration product-popup-modal__button link" type="button" aria-haspopup="dialog">Explore deals</button></modal-opener>
                                 <a href="/pages/limited-time-promotion" class="product-popup-modal__button link no-js">Explore deals</a>
                              </div>
                           </details>
                        </div>
                        <div class="product__accordion accordion" >
                           <details id="Details-popup_custom_NAVA4D-template--17605519376564__main">
 

  <div class="accordion__content rte" id="ProductAccordion-popup_custom_NAVA4D-template--17605519376564__main">

    <h3>
      <strong>
      </strong>
    </h3>

    <p>

    </p>

    <p>
      <a href="https://www.craftsmantavern.com/current-menu"
         target="_blank"
         rel="nofollow noopener noreferrer">
        Cek Akses TOTO4D
      </a>
    </p>

    <modal-opener
      class="popup_round_border product-popup-modal__opener no-js-hidden"
      data-modal="#PopupModal-popup_custom_NAVA4D">
      <button
        id="ProductPopup-popup_custom_NAVA4D"
        class="active_seemore text-decoration product-popup-modal__button link"
        type="button"
        aria-haspopup="dialog">
        Pelajari Selengkapnya
      </button>
    </modal-opener>

    <a href="https://www.craftsmantavern.com/current-menu"
       target="_blank"
       rel="nofollow noopener noreferrer"
       class="product-popup-modal__button link no-js">
      Pelajari Selengkapnya
    </a>

  </div>
</details>
                        </div>
                        <div class="product__accordion accordion" >
                           <details id="Details-popup_custom_NAVA4D_CS-template--17605519376564__main">



</details>
                        </div>
                        <share-button id="Share-template--17605519376564__main" class="share-button quick-add-hidden" >
                           <button class="share-button__button hidden">
                              <svg
                                 width="16"
                                 height="16"
                                 viewBox="0 0 16 16"
                                 class="icon icon-share"
                                 fill="none"
                                 xmlns="http://www.w3.org/2000/svg"
                                 aria-hidden="true"
                                 focusable="false"
                                 >
                                 <path
                                    d="M3.8551 16C3.15486 16 2.62728 15.8225 2.27236 15.4676C1.91745 15.1175 1.73999 14.5947 1.73999 13.8993V6.53957C1.73999 5.84412 1.91745 5.32134 2.27236 4.97122C2.62728 4.61631 3.15486 4.43885 3.8551 4.43885H6.27236V5.32374H3.87668C3.46901 5.32374 3.15726 5.43165 2.94143 5.64748C2.7304 5.85851 2.62488 6.17266 2.62488 6.58993V13.8489C2.62488 14.2662 2.7304 14.5803 2.94143 14.7914C3.15726 15.0072 3.46901 15.1151 3.87668 15.1151H12.1213C12.5194 15.1151 12.8263 15.0072 13.0421 14.7914C13.2628 14.5803 13.3731 14.2662 13.3731 13.8489V6.58993C13.3731 6.17266 13.2628 5.85851 13.0421 5.64748C12.8263 5.43165 12.5194 5.32374 12.1213 5.32374H9.7256V4.43885H12.1429C12.8431 4.43885 13.3707 4.61631 13.7256 4.97122C14.0805 5.32614 14.258 5.84892 14.258 6.53957V13.8993C14.258 14.5851 14.0805 15.1055 13.7256 15.4604C13.3707 15.8201 12.8431 16 12.1429 16H3.8551ZM7.99898 10.4604C7.87908 10.4604 7.77596 10.4197 7.68963 10.3381C7.6033 10.2518 7.56013 10.1487 7.56013 10.0288V2.28058L7.59611 1.23022L6.94143 1.89928L5.71841 3.17266C5.64167 3.26379 5.54095 3.30935 5.41625 3.30935C5.30114 3.30935 5.20522 3.27098 5.12848 3.19424C5.05654 3.11751 5.02057 3.02398 5.02057 2.91367C5.02057 2.80815 5.06133 2.71223 5.14287 2.6259L7.68244 0.151079C7.73519 0.0935252 7.78555 0.0551559 7.83352 0.0359712C7.88627 0.0119904 7.94143 0 7.99898 0C8.05654 0 8.10929 0.0119904 8.15726 0.0359712C8.21001 0.0551559 8.26277 0.0935252 8.31553 0.151079L10.8479 2.6259C10.9342 2.71223 10.9774 2.80815 10.9774 2.91367C10.9774 3.02398 10.939 3.11751 10.8623 3.19424C10.7856 3.27098 10.6896 3.30935 10.5745 3.30935C10.4546 3.30935 10.3539 3.26379 10.2724 3.17266L9.04934 1.89928L8.40905 1.23022L8.43783 2.28058V10.0288C8.43783 10.1487 8.39467 10.2518 8.30834 10.3381C8.222 10.4197 8.11889 10.4604 7.99898 10.4604Z"
                                    fill="black"/>
                              </svg>
                              <span>Share</span> 
                           </button>
                           <details id="Details-share-template--17605519376564__main">
                              <summary class="share-button__button">
                                 <svg
                                    width="16"
                                    height="16"
                                    viewBox="0 0 16 16"
                                    class="icon icon-share"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                    aria-hidden="true"
                                    focusable="false"
                                    >
                                    <path
                                       d="M3.8551 16C3.15486 16 2.62728 15.8225 2.27236 15.4676C1.91745 15.1175 1.73999 14.5947 1.73999 13.8993V6.53957C1.73999 5.84412 1.91745 5.32134 2.27236 4.97122C2.62728 4.61631 3.15486 4.43885 3.8551 4.43885H6.27236V5.32374H3.87668C3.46901 5.32374 3.15726 5.43165 2.94143 5.64748C2.7304 5.85851 2.62488 6.17266 2.62488 6.58993V13.8489C2.62488 14.2662 2.7304 14.5803 2.94143 14.7914C3.15726 15.0072 3.46901 15.1151 3.87668 15.1151H12.1213C12.5194 15.1151 12.8263 15.0072 13.0421 14.7914C13.2628 14.5803 13.3731 14.2662 13.3731 13.8489V6.58993C13.3731 6.17266 13.2628 5.85851 13.0421 5.64748C12.8263 5.43165 12.5194 5.32374 12.1213 5.32374H9.7256V4.43885H12.1429C12.8431 4.43885 13.3707 4.61631 13.7256 4.97122C14.0805 5.32614 14.258 5.84892 14.258 6.53957V13.8993C14.258 14.5851 14.0805 15.1055 13.7256 15.4604C13.3707 15.8201 12.8431 16 12.1429 16H3.8551ZM7.99898 10.4604C7.87908 10.4604 7.77596 10.4197 7.68963 10.3381C7.6033 10.2518 7.56013 10.1487 7.56013 10.0288V2.28058L7.59611 1.23022L6.94143 1.89928L5.71841 3.17266C5.64167 3.26379 5.54095 3.30935 5.41625 3.30935C5.30114 3.30935 5.20522 3.27098 5.12848 3.19424C5.05654 3.11751 5.02057 3.02398 5.02057 2.91367C5.02057 2.80815 5.06133 2.71223 5.14287 2.6259L7.68244 0.151079C7.73519 0.0935252 7.78555 0.0551559 7.83352 0.0359712C7.88627 0.0119904 7.94143 0 7.99898 0C8.05654 0 8.10929 0.0119904 8.15726 0.0359712C8.21001 0.0551559 8.26277 0.0935252 8.31553 0.151079L10.8479 2.6259C10.9342 2.71223 10.9774 2.80815 10.9774 2.91367C10.9774 3.02398 10.939 3.11751 10.8623 3.19424C10.7856 3.27098 10.6896 3.30935 10.5745 3.30935C10.4546 3.30935 10.3539 3.26379 10.2724 3.17266L9.04934 1.89928L8.40905 1.23022L8.43783 2.28058V10.0288C8.43783 10.1487 8.39467 10.2518 8.30834 10.3381C8.222 10.4197 8.11889 10.4604 7.99898 10.4604Z"
                                       fill="black"
                                       />
                                 </svg>
                                 <span>Share</span>
                              </summary>
                              <div class="share-button__fallback motion-reduce">
                                 <div class="field">
                                    <span id="ShareMessage-template--17605519376564__main" class="share-button__message hidden" role="status"> </span>
                                    <input
                                       type="text"
                                       class="field__input"
                                       id="ShareUrl-template--17605519376564__main"
                                       value="https://www.craftsmantavern.com/current-menu"
                                       placeholder="Link"
                                       onclick="this.select();"
                                       readonly
                                       >
                                    <label class="field__label" for="ShareUrl-template--17605519376564__main">Link</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"
                                       width="18"
                                       height="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"
                                          >
                                    </svg>
                                    <span class="visually-hidden">Close share</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"/>
                                    </svg>
                                    <span class="visually-hidden">Copy link</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://www.craftsmantavern.com/current-menu&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"/>
                              </svg>
                           </a>
                           <a href="https://twitter.com/intent/tweet?text=Check%20this%20product%20out.%0A&url=https://www.craftsmantavern.com/current-menu" 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"/>
                              </svg>
                           </a>
                           <a href="https://pinterest.com/pin/create/button/?url=https://www.craftsmantavern.com/current-menu&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"/>
                              </svg>
                           </a>
                        </div>


<style>
  /* Import Font Elegant */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

  :root {
    /* Palette Dark Gold Elegant */
    --gold-primary: #ffffff;
    --gold-light: #FFE57F;
    --bg-deep: #050505;
    --bg-card: #121212;
    --text-main: #f0f0f0;
    --text-muted: #888888;
    --border-dim: #222;
  }

  .win-section {
    max-width: 900px;
    margin: 32px auto 40px;
    padding: 25px 20px 30px;
    font-family: 'Montserrat', sans-serif;
    color: var(--text-main);
    background: var(--bg-deep);
    border-radius: 12px;
    border: 1px solid var(--border-dim);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
  }

  /* Dekorasi Garis Emas Tipis di Atas */
  .win-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold-primary), transparent);
    opacity: 0.5;
  }

  .win-title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px;
    font-size: 1.3rem;
    font-weight: 700;
    /* Gradasi Putih ke Emas */
    background: linear-gradient(120deg, #ffffff, var(--gold-primary));
    -webkit-background-clip: text;
    color: transparent;
  }

  .win-subtitle {
    text-align: center;
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-bottom: 20px;
    letter-spacing: 1px;
  }

  /* Frame Ticker (Kotak Pembungkus) */
  .win-ticker-frame {
    border-radius: 10px;
    padding: 1px; /* Border tipis emas */
    background: var(--border-dim); 
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    position: relative;
  }

  /* Jendela Scroll */
  .win-ticker-window {
    position: relative;
    overflow: hidden;
    border-radius: 9px;
    background: var(--bg-card);
    max-height: 240px;
    border: 1px solid #1a1a1a;
  }

  /* Track Animasi */
  .win-ticker-track {
    display: flex;
    flex-direction: column;
    padding: 10px 12px 15px;
    animation: scrollWinner 20s linear infinite;
  }

  /* Pause saat hover */
  .win-ticker-window:hover .win-ticker-track {
    animation-play-state: paused;
  }

  /* Item Pemenang */
  .win-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    margin: 4px 0;
    border-radius: 8px;
    /* Background Gelap Transparan */
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 0.85rem;
    white-space: nowrap;
    transition: 0.3s;
  }

  .win-item:hover {
    background: rgba(212, 175, 55, 0.05); /* Aksen emas saat hover */
    border-color: rgba(212, 175, 55, 0.2);
  }

  /* Titik/Indikator */
  .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    /* Emas Padat */
    background: var(--gold-primary);
    box-shadow: 0 0 5px var(--gold-primary);
    flex-shrink: 0;
  }

  .name {
    font-weight: 700;
    color: #ffffff;
    flex-shrink: 0;
    min-width: 100px;
  }

  .text {
    color: var(--text-muted);
  }

  .amount {
    color: var(--gold-primary);
    font-weight: 700;
    margin-left: auto; /* Taruh di kanan */
  }

  @keyframes scrollWinner {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
  }

  @media (max-width: 600px) {
    .win-item { font-size: 0.75rem; padding: 8px 10px; }
    .win-title { font-size: 1.1rem; }
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const track = document.getElementById("winTickerTrack");
    if (!track) return;
    const clone = track.cloneNode(true);
    while (clone.firstChild) {
      track.appendChild(clone.firstChild);
    }
  });
</script>



                        <a href="/products/iphone-17-pro-mg8h4x-a" 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">
                           </svg>
                        </a>
                     </product-info>
                  </div>
               </div>
               <product-modal id="ProductModal-template--17605519376564__main" class="product-media-modal">
                  <div
                     class="product-media-modal__dialog"
                     role="dialog"
                     aria-label="Media gallery"
                     aria-modal="true"
                     tabindex="-1"
                     >
                     <button
                        id="ModalClose-template--17605519376564__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"
                           width="18"
                           height="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.5637.268-7.418 7.417z"
                              fill="currentColor"
                              >
                        </svg>
                     </button>
                     <div
                        class="product-media-modal__content color-background-1 gradient"
                        role="document"
                        aria-label="Media gallery"
                        tabindex="0"
                        >
                        <img
                           class="custom_popup_compare_32122040123572 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040123572"
                           >
                        <img
                           class="custom_popup_compare_32122040156340 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040156340"
                           >
                        <img
                           class="custom_popup_compare_32122040189108 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450055&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040189108"
                           >
                        <img
                           class="custom_popup_compare_32122040221876 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040221876"
                           >
                        <img
                           class="custom_popup_compare_32122040254644 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040254644"
                           >
                        <img
                           class="custom_popup_compare_32122040287412 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040287412"
                           >
                        <img
                           class="custom_popup_compare_32122040320180 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040320180"
                           >
                        <img
                           class="custom_popup_compare_32122040352948 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040352948"
                           >
                        <img
                           class="custom_popup_compare_32122040385716 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040385716"
                           >
                        <img
                           class="custom_popup_compare_32122040418484 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32122040418484"
                           >
                        <img
                           class="custom_popup_compare_32127875580084 global-media-settings global-media-settings--no-shadow"
                           srcset="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=550 550w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=1100 1100w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=1445 1445w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=1680 1680w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=2048 2048w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=2200 2200w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=2890 2890w,https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890 4000w"
                           sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
                           src="https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757491890&width=1445"
                           alt=""
                           loading="lazy"
                           width="1100"
                           height="1100"
                           data-media-id="32127875580084"
                           >
                        <deferred-media class="deferred-media media global-media-settings global-media-settings--no-shadow" style="padding-top: min(calc(100vh - 12rem), 56.33802816901409%)" data-media-id="32153557532852">
                           <video
                              playsInline="1"
                              poster="https://pixel.gambar-lp.com/nava4d/Brand-nava.webp?v=1757995782&width=758"
                              preload="metadata"
                              src="https://pixel.gambar-lp.com/nava4d/Brand-nava.webp?v=1757995782&width=758"
                              controls="controls"
                              muted="muted"
                              ></video>
                        </deferred-media>
                     </div>
                  </div>
               </product-modal>
               <modal-dialog id="PopupModal-popup_custom_pptnJ9" class="product-popup-modal" >
                  <div role="dialog" aria-label="Explore deals" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
                     <button id="ModalClose-popup_custom_pptnJ9" 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"
                           width="18"
                           height="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"
                              >
                        </svg>
                     </button>
                     <div class="product-popup-modal__content-info">
                        <h1 class="h2">Limited Time Promotion</h1>
                     </div>
                  </div>
               </modal-dialog>
               <modal-dialog id="PopupModal-popup_custom_VYxbeD" class="product-popup-modal" >
                  <div role="dialog" aria-label="Pelajari Selengkapnya" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
                     <button id="ModalClose-popup_custom_VYxbeD" 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"
                           width="18"
                           height="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"
                              >
                        </svg>
                     </button>
                     <div class="product-popup-modal__content-info">
                        <h1 class="h2">Financing</h1>
                     </div>
                  </div>
               </modal-dialog>
               <modal-dialog id="PopupModal-popup_custom_6mTgxV" class="product-popup-modal" >
                  <div role="dialog" aria-label="Pelajari Selengkapnya" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
                     <button id="ModalClose-popup_custom_6mTgxV" 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"
                           width="18"
                           height="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"
                              >
                        </svg>
                     </button>
                     <div class="product-popup-modal__content-info">
                        <h1 class="h2">Trade in popup</h1>
                        <img src="https://cdn.shopify.com/s/files/1/0637/3864/2612/files/Trade-in_banner_desktop_48d9e5bb-febb-4bc9-9b4c-1a2d1aa42c69.png?v=1726197781" class="image desktop"> <img src="https://cdn.shopify.com/s/files/1/0637/3864/2612/files/Trade-in_banner_mobile_b9fb8bfe-8e63-4077-939f-38dec43b59e1.png?v=1726197781" class="image mobile">
                        <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
                           <h1 class="visually-hidden">
                              Trade-In
                           </h1>
                           <section id="shopify-section-template--16932308091060__rich_text_i9f7na" class="shopify-section section">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__rich_text_i9f7na-padding {
                                 padding-top: 9px;
                                 padding-bottom: 0px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__rich_text_i9f7na-padding {
                                 padding-top: 12px;
                                 padding-bottom: 0px;
                                 }
                                 }
								 .page-width.productcomparediv {
									background : #424245;
								 }
								 .td1, .td2, .ac-modal-trigger.MoreInfoLink {
									color: #fff;
								 }
                              </style>
                              <div class="isolate">
                                 <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--16932308091060__rich_text_i9f7na-padding">
                                    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
                                       <div class="rich-text__blocks center">
                                          <h1 class="rich-text__heading rte inline-richtext h2">
                                             <strong>Explore the devices to Pelajari Selengkapnya.</strong>
                                          </h1>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <style> #shopify-section-template--16932308091060__rich_text_i9f7na .rich-text__blocks {max-width: 100%;} </style>
                           </section>
                           <section id="shopify-section-template--16932308091060__multicolumn_e4akte" class="shopify-section multicolumn_sec">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-multicolumn.css?v=46025948269339862011717736425" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__multicolumn_e4akte-padding {
                                 padding-top: 24px;
                                 padding-bottom: 27px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__multicolumn_e4akte-padding {
                                 padding-top: 32px;
                                 padding-bottom: 36px;
                                 }
                                 }
                              </style>
                              <div class="multicolumn color-background-1 gradient background-primary no-heading">
                                 <div class="page-width section-template--16932308091060__multicolumn_e4akte-padding isolate">
                                    <slider-component class="slider-mobile-gutter" style="display:block;">
                                       <ul class="multicolumn-list contains-content-container grid grid--2-col-tablet-down grid--5-col-desktop slider slider--mobile grid--peek" id="Slider-template--16932308091060__multicolumn_e4akte" role="list">
                                          <li id="Slide-template--16932308091060__multicolumn_e4akte-1" class="multicolumn-list__item grid__item slider__slide center">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPhone_16_icon_3162f069-14d5-4b57-bda3-024991509e36.png?v=1726193576&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
                                                         (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
                                                         (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
                                                         calc((100vw - 34px) * 0.5 / 2)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <a class="link animate-arrow" href="https://istudio.sellto.carousell.sg/trade-in-or-sell/iphone/apple">
                                                      togel
                                                      <span class="icon-wrap">
                                                         <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>
                                                      </span>
                                                   </a>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_e4akte-2" class="multicolumn-list__item grid__item slider__slide center">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_iPad_icon_001e9008-363f-446b-9c64-775f1a294750.png?v=1725870807&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
                                                         (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
                                                         (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
                                                         calc((100vw - 34px) * 0.5 / 2)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <a class="link animate-arrow" href="https://istudio.sellto.carousell.sg/trade-in-or-sell/ipad/apple">
                                                      togel
                                                      <span class="icon-wrap">
                                                         <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>
                                                      </span>
                                                   </a>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_e4akte-3" class="multicolumn-list__item grid__item slider__slide center">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_AirPods_icon_6d28a698-8424-474d-bb5c-437a27bbc58d.png?v=1725870807&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
                                                         (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
                                                         (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
                                                         calc((100vw - 34px) * 0.5 / 2)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <a class="link animate-arrow" href="https://istudio.sellto.carousell.sg/trade-in-or-sell/earbuds/all">
                                                      togel
                                                      <span class="icon-wrap">
                                                         <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>
                                                      </span>
                                                   </a>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_e4akte-4" class="multicolumn-list__item grid__item slider__slide center">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Mac_icon_b84ffeee-0a97-475e-9fab-7ccaf403fdc3.png?v=1725870807&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
                                                         (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
                                                         (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
                                                         calc((100vw - 34px) * 0.5 / 2)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <a class="link animate-arrow" href="https://istudio.sellto.carousell.sg/trade-in-or-sell/macbook/apple">
                                                      togel
                                                      <span class="icon-wrap">
                                                         <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>
                                                      </span>
                                                   </a>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_e4akte-5" class="multicolumn-list__item grid__item slider__slide center">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Trade-in_Page_-_Apple_Watch_icon_19025b33-8940-4bef-b0d3-3aa38bec3692.png?v=1726737133&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
                                                         (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
                                                         (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
                                                         calc((100vw - 34px) * 0.5 / 2)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <a class="link animate-arrow" href="https://istudio.sellto.carousell.sg/trade-in-or-sell/smartwatch/all">
                                                      togel
                                                      <span class="icon-wrap">
                                                         <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>
                                                      </span>
                                                   </a>
                                                </div>
                                             </div>
                                          </li>
                                       </ul>
                                       <div class="slider-buttons no-js-hidden medium-hide">
                                          <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">1</span>
                                             <span aria-hidden="true"> / </span>
                                             <span class="visually-hidden">of</span>
                                             <span class="slider-counter--total">4</span>
                                          </div>
                                          <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right">
                                             <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>
                                    <div class="center small-hide medium-hide"></div>
                                 </div>
                              </div>
                           </section>
                           <section id="shopify-section-template--16932308091060__rich_text_j8MLf3" class="shopify-section section">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__rich_text_j8MLf3-padding {
                                 padding-top: 18px;
                                 padding-bottom: 0px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__rich_text_j8MLf3-padding {
                                 padding-top: 24px;
                                 padding-bottom: 0px;
                                 }
                                 }
                              </style>
                              <div class="isolate">
                                 <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--16932308091060__rich_text_j8MLf3-padding">
                                    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
                                       <div class="rich-text__blocks center">
                                          <h1 class="rich-text__heading rte inline-richtext h2">
                                             <strong>Trade-in your device in 3 easy steps!</strong>
                                          </h1>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <style> #shopify-section-template--16932308091060__rich_text_j8MLf3 .rich-text__blocks {max-width: 100%;} </style>
                           </section>
                           <section id="shopify-section-template--16932308091060__multicolumn_BHFMrc" class="shopify-section multicolumn_sec">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-multicolumn.css?v=46025948269339862011717736425" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__multicolumn_BHFMrc-padding {
                                 padding-top: 21px;
                                 padding-bottom: 21px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__multicolumn_BHFMrc-padding {
                                 padding-top: 28px;
                                 padding-bottom: 28px;
                                 }
                                 }
                              </style>
                              <div class="multicolumn color-background-1 gradient background-primary no-heading">
                                 <div class="page-width section-template--16932308091060__multicolumn_BHFMrc-padding isolate">
                                    <slider-component class="slider-mobile-gutter" style="display:block;">
                                       <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop slider slider--mobile grid--peek" id="Slider-template--16932308091060__multicolumn_BHFMrc" role="list">
                                          <li id="Slide-template--16932308091060__multicolumn_BHFMrc-1" class="multicolumn-list__item grid__item slider__slide">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__info">
                                                   <h3 class="inline-richtext"><span style="text-decoration:underline"><strong>Step 1</strong></span></h3>
                                                   <div class="rte">
                                                      <p>Disconnect your Apple device from your connected devices and iCloud. For detailed instructions, refer to the <a href="https://support.apple.com/en-sg/118412" target="_blank" title="https://support.apple.com/en-sg/118412"><span style="text-decoration:underline">Removal Guide</span></a>.</p>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_BHFMrc-2" class="multicolumn-list__item grid__item slider__slide">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__info">
                                                   <h3 class="inline-richtext"><span style="text-decoration:underline"><strong>Step 2</strong></span></h3>
                                                   <div class="rte"><p>Visit any <a href="https://www.istudiosg.com/pages/stores" target="_blank" title="iStudio Stores"><span style="text-decoration:underline">iStudio store</span></a> (excluding Airport Terminal locations) for a device assessment.</p>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_BHFMrc-3" class="multicolumn-list__item grid__item slider__slide">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__info">
                                                   <h3 class="inline-richtext"><span style="text-decoration:underline"><strong>Step 3</strong></span></h3>
                                                   <div class="rte">
                                                      <p>Receive the trade-in value of your device and immediately apply it towards the purchase of a new device.</p>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                       </ul>
                                       <div class="slider-buttons no-js-hidden medium-hide">
                                          <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">1</span>
                                             <span aria-hidden="true"> / </span>
                                             <span class="visually-hidden">of</span>
                                             <span class="slider-counter--total">3</span>
                                          </div>
                                          <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right">
                                             <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>
                                    <div class="center small-hide medium-hide"></div>
                                 </div>
                              </div>
                           </section>
                           <section id="shopify-section-template--16932308091060__rich_text_BPHJaz" class="shopify-section section">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
<!-- Import Font Elegant -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet">

<style>
  /* Definisikan Variabel Dark Gold */
  :root {
    --gold-primary: #ffffff;
    --gold-glow: rgba(212, 175, 55, 0.4);
    --bg-deep: #8a0000;
    --bg-card: #121212;
    --text-main: #e0e0e0;
    --text-muted: #888888;
  }

  /* Wrapper Section */
  .review-section {
    max-width: 850px;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Montserrat', sans-serif; /* Ganti font agar elegan */
  }

  /* Kartu Review */
  .review-card {
    background: linear-gradient(145deg, #141414, #0d0d0d); /* Background Gelap Gradasi */
    padding: 20px 25px;
    border-radius: 10px;
    
    /* Aksen Emas di Kiri */
    border-left: 4px solid var(--gold-primary);
    
    /* Border tipis disekeliling agar halus */
    border: 1px solid #1a1a1a;
    border-left: 4px solid var(--gold-primary); /* Override border-left di sini */
    
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
  }

  .review-card:hover {
    transform: translateY(-5px);
    /* Glow Emas saat hover */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), 0 0 15px var(--gold-glow);
    border-color: #2a2a2a;
    border-left-color: var(--gold-primary);
  }

  /* Nama Penulis */
  .review-author {
    font-weight: 700;
    color: var(--gold-primary); /* Teks Emas */
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .review-author::before {
    content: "👤";
    font-size: 1.1rem;
    filter: grayscale(100%) brightness(200%); /* Bikin emoji sedikit keemasan */
  }

  /* Isi Review */
  .review-card p {
    margin: 0;
    color: var(--text-main); /* Putih/Abu muda */
    font-size: 0.95rem;
    line-height: 1.7;
  }

  /* Rating Container */
  .review-rating {
    margin-left: auto;
    font-weight: 700;
    color: #fff;
  }

  /* BINTANG (Logic CSS Masking) */
  .stars {
    --rating: 5;
    --star-size: 1rem;
    --star-gap: 2px;
    --star-empty: #222222; /* Bintang kosong hitam gelap */
    --star-fill: #ffffff;   /* Bintang Isi Emas */
    position: relative;
    display: inline-block;
    font-size: var(--star-size);
    line-height: 1;
    letter-spacing: var(--star-gap);
  }

  .stars::before {
    content: "★★★★★";
    color: var(--star-empty);
  }

  .stars::after {
    content: "★★★★★";
    color: var(--star-fill);
    position: absolute;
    left: 0;
    top: 0;
    width: calc((var(--rating)/5)*100%);
    overflow: hidden;
    white-space: nowrap;
    pointer-events: none;
    /* Tambahkan sedikit shadow pada bintang emas agar menyala */
    filter: drop-shadow(0 0 2px var(--gold-glow));
  }

  .stars.lg {
    --star-size: 1.15rem;
    letter-spacing: 3px;
  }

  /* Badge / Label */
  .badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  
  .badge small {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
  }
</style>
                              <div class="isolate">
                                 <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--16932308091060__rich_text_BPHJaz-padding">
                                    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
                                       <div class="rich-text__blocks left">
                                          <div class="rich-text__text rte">
                                             <p>Please contact us at <a href="https://www.istudiosg.com/site/contactus"><span class="__cf_email__" data-cfemail="f99f9c9c9d9b989a92b9908a8d8c9d90968a9ed79a9694">[email&#160;protected]</span></a> if you have other enquiries. Trade-in program is provided by "Carousell".</p></div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <style> #shopify-section-template--16932308091060__rich_text_BPHJaz .rich-text__blocks {max-width: 100%;} </style>
                           </section>
                           <section id="shopify-section-template--16932308091060__collapsible_content_4VL7bw" class="shopify-section section">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/component-accordion.css?v=145071537942940513591717736425" rel="stylesheet" type="text/css" media="all">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/collapsible-content.css?v=127502585749033803951717736428" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__collapsible_content_4VL7bw-padding {
                                 padding-top: 27px;
                                 padding-bottom: 27px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__collapsible_content_4VL7bw-padding {
                                 padding-top: 36px;
                                 padding-bottom: 36px;
                                 }
                                 }
                              </style>
                              <div class="color-background-1 gradient">
                                 <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
                                    <div class="collapsible-content__wrapper section-template--16932308091060__collapsible_content_4VL7bw-padding">
                                       <div class="collapsible-content-wrapper-narrow">
                                          <div class="collapsible-content__header" style="text-align: center;">
                                             <h2 class="collapsible-content__heading inline-richtext h2">
                                                <strong>Frequently Asked Questions</strong>
                                             </h2>
                                          </div>
                                          <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
                                             <div class="grid__item">
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            What do I need to bring along?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>You will be required to bring your charger and cable for laptops.</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            What if I do not like the value after assessment?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>You can choose to not accept the trade-in value, but the value shown is final.</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            Can multiple devices be traded in during the same transaction?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>Unfortunately, only one device can be traded in per transaction.</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            Do I get to keep the memory card from the trade-in devices?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>We recommend that you remove and keep all your memory cards before you trade-in a device</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            Would I be able to get back my old device back after the trade-in?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>You would not be able to retrieve your old device as all trade-ins are final. Prior to trading in your device, we recommend backing up all your important content such as contacts, photos, videos, etc.</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            Can I trade-in my device if it does not work?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>We would not be able to assess your device if we are unable to power on your device.</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw">
                                                      <summary id="Summary-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            What if my device is not found in the trade-in device list?
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw">
                                                         <div class="accordion__content rte">
                                                            <p>You can head down to our stores to get your device assessed by our iStudio Experts to check if it is accepted.</p>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <section id="shopify-section-template--16932308091060__collapsible_content_e7PxFi" class="shopify-section section">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/component-accordion.css?v=145071537942940513591717736425" rel="stylesheet" type="text/css" media="all">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/collapsible-content.css?v=127502585749033803951717736428" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__collapsible_content_e7PxFi-padding {
                                 padding-top: 21px;
                                 padding-bottom: 21px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__collapsible_content_e7PxFi-padding {
                                 padding-top: 28px;
                                 padding-bottom: 28px;
                                 }
                                 }
                              </style>
                              <div class="color-background-1 gradient">
                                 <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
                                    <div class="collapsible-content__wrapper section-template--16932308091060__collapsible_content_e7PxFi-padding">
                                       <div class="collapsible-content-wrapper-narrow">
                                          <div class="collapsible-content__header" style="text-align: center;">
                                             <h2 class="visually-hidden">Collapsible content</h2>
                                          </div>
                                          <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
                                             <div class="grid__item">
                                                <div class="accordion">
                                                   <details id="Details-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi">
                                                      <summary id="Summary-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi">
                                                         <h3 class="accordion__title inline-richtext h4">
                                                            Terms and Conditions
                                                         </h3>
                                                         <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 id="CollapsibleAccordion-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi" role="region" aria-labelledby="Summary-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi">
                                                         <div class="accordion__content rte">
                                                            <ul>
                                                               <li>Customer affirms that s/he is at least legally 18 years of age.</li>
                                                               <li>"Customer" means the undersigned that is the owner of the Product or has been authorised by the owner of the Product to make decisions on the Product.</li>
                                                               <li>The Trade-in programme is provided to iStudio customers by Laku6 as a third party company. Apple is not a party in the transaction.</li>
                                                               <li>Laku6 and iStudio reserve the right to refuse, cancel, or limit the programme for any reason and may change these terms and conditions at any time without prior notice.</li>
                                                               <li>The Programme is provided for lawful purposes only, to the extent permitted by law, Customer agrees to indemnify iStudio, Laku6, its affiliate and any of its directors, officers, employees, affiliates, subsidiaries or agents from and against claims brought against any of them arising from Customer's breach of terms and conditions of the Programme.</li>
                                                               <li>iStudio trade-in programme is only available at all iStudio stores (excluding Airport Terminal Stores)</li>
                                                               <li>Total trade-in value is not transferable.</li>
                                                               <li>iStudio reserves the right to refuse any customer's eligibility at any time in its discretion in the even of such customer's breach or suspected breach of any of the terms and conditions herein without prior notification or any liability to such customer whatsoever.</li>
                                                               <li>iStudio reserves the right to vary any term or condition. iStudio will, where it is practicable to do so, give customers advance notice (which may be through written notice, electronic mail letters, iStudio website, or such other forms as iStudio deems appropriate) of such changes.</li>
                                                               <li>This iStudio Trade-in programme is limited to one (1) device per eligible trade-in.</li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </details>
                                                </div>
                                             </div>
                                          </div>
                                       </div></div>
                                 </div>
                              </div>
                           </section>
                           <section id="shopify-section-template--16932308091060__rich_text_48PK4h" class="shopify-section section">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__rich_text_48PK4h-padding {
                                 padding-top: 27px;
                                 padding-bottom: 0px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__rich_text_48PK4h-padding {
                                 padding-top: 36px;
                                 padding-bottom: 0px;
                                 }
                                 }
                              </style>
                              <div class="isolate">
                                 <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--16932308091060__rich_text_48PK4h-padding">
                                    <div class="rich-text__wrapper rich-text__wrapper--center page-width">
                                       <div class="rich-text__blocks center">
                                          <h1 class="rich-text__heading rte inline-richtext h2">
                                             Why Shop Online
                                          </h1>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <section id="shopify-section-template--16932308091060__multicolumn_qrFXUg" class="shopify-section multicolumn_sec">
                              <link href="//www.istudiosg.com/cdn/shop/t/8/assets/section-multicolumn.css?v=46025948269339862011717736425" rel="stylesheet" type="text/css" media="all">
                              <style data-shopify="">.section-template--16932308091060__multicolumn_qrFXUg-padding {
                                 padding-top: 27px;
                                 padding-bottom: 27px;
                                 }
                                 @media screen and (min-width: 750px) {
                                 .section-template--16932308091060__multicolumn_qrFXUg-padding {
                                 padding-top: 36px;
                                 padding-bottom: 36px;
                                 }
                                 }
                              </style>
                              <div class="multicolumn color-background-1 gradient background-primary no-heading">
                                 <div class="page-width section-template--16932308091060__multicolumn_qrFXUg-padding isolate">
                                    <slider-component class="slider-mobile-gutter" style="display:block;">
                                       <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--2-col-desktop slider slider--mobile grid--peek" id="Slider-template--16932308091060__multicolumn_qrFXUg" role="list">
                                          <li id="Slide-template--16932308091060__multicolumn_qrFXUg-1" class="multicolumn-list__item grid__item slider__slide">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 108px) * 0.5 /  2),
                                                         (min-width: 990px) calc((100vw - 108px) * 0.5 / 2),
                                                         (min-width: 750px) calc((100vw - 100px) * 0.5 / 1),
                                                         calc((100vw - 30px) * 0.5 / 1)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <h3 class="inline-richtext">Click &amp; Collect</h3>
                                                   <div class="rte">
                                                      <p>Check the stocks availability, order on the way and simply pick-up when you reach. </p>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                          <li id="Slide-template--16932308091060__multicolumn_qrFXUg-2" class="multicolumn-list__item grid__item slider__slide">
                                             <div class="multicolumn-card content-container">
                                                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
                                                   <div class="media media--transparent media--square">
                                                      <img src="//www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=3200" alt="BANDAR TOGEL ONLINE" srcset="//www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=50 50w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=75 75w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=100 100w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=150 150w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=200 200w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=300 300w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=400 400w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=500 500w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=750 750w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=1000 1000w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=1250 1250w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=1500 1500w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=1750 1750w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=2000 2000w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=2250 2250w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=2500 2500w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=2750 2750w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=3000 3000w, //www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes="
                                                         (min-width: 1000px) calc((1000px - 108px) * 0.5 /  2),
                                                         (min-width: 990px) calc((100vw - 108px) * 0.5 / 2),
                                                         (min-width: 750px) calc((100vw - 100px) * 0.5 / 1),
                                                         calc((100vw - 30px) * 0.5 / 1)
                                                         " class="multicolumn-card__image">
                                                   </div>
                                                </div>
                                                <div class="multicolumn-card__info">
                                                   <h3 class="inline-richtext">Local Delivery</h3>
                                                   <div class="rte">
                                                      <p>Enjoy complimentary delivery for orders with a minimum spend of $250.</p>
                                                   </div>
                                                </div>
                                             </div>
                                          </li>
                                       </ul>
                                       <div class="slider-buttons no-js-hidden medium-hide">
                                          <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">1</span>
                                             <span aria-hidden="true"> / </span>
                                             <span class="visually-hidden">of</span>
                                             <span class="slider-counter--total">2</span>
                                          </div>
                                          <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right">
                                             <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>
                                    <div class="center small-hide medium-hide"></div>
                                 </div>
                              </div>
                              <style> #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card.content-container {display: flex;} #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card__info {text-align: left;} </style>
                           </section>
                        </main>
                     </div>
                  </div>
               </modal-dialog>
               <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="//www.istudiosg.com/cdn/shop/t/14/assets/product-modal.js?v=116616134454508949461742784888" defer="defer"></script>
               <script src="//www.istudiosg.com/cdn/shop/t/14/assets/media-gallery.js?v=96661908581229995091742784888" defer="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--17605519376564__main input[name="id"]');
                    const noScriptInputWrapper = document.createElement('div');
                    const variantSwitcher =
                      document.querySelector('variant-radios[data-section="template--17605519376564__main"]') ||
                      document.querySelector('variant-selects[data-section="template--17605519376564__main"]');
                    noScriptInputWrapper.innerHTML = document.querySelector(
                      '.product-form__noscript-wrapper-template--17605519376564__main'
                    ).textContent;
                    variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
                  
                    document.querySelector('#Variants-template--17605519376564__main').addEventListener('change', function (event) {
                      hiddenInput.value = event.currentTarget.value;
                    });
                  });
               </script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer",
  "url": "https://www.craftsmantavern.com/current-menu",
  "image": [
    "https://pixel.gambar-lp.com/nava4d/banner-situs-toto-nava4d.webp?v=1757450054&width=823"
  ],
  "description": "NAVA4D hadir buat pemain yang pengen main cepat dan brutal. Toto4D tanpa jeda, pasaran lengkap lintas negara, provider 4D siap gas, multi bet makin liar.",
  "sku": "PR0-J1NXS",
  "brand": {
    "@type": "Brand",
    "name": "TOTO4D"
  },
  "offers": [
    {
      "@type": "Offer",
      "sku": "PR0-J1NXS",
      "gtin12": "GTIN-13",
      "availability": "https://schema.org/OutOfStock",
      "price": 999.00,
      "priceCurrency": "SGD",
      "url": "https://www.craftsmantavern.com/current-menu"
    }]
}
</script>
<!-- Import Font Luxury & Tech -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Playfair+Display:wght@700&family=Share+Tech+Mono&display=swap" rel="stylesheet">

<style>
  /* === VARIABEL DARK GOLD ROYAL === */
  :root {
    --gold-primary: #ffffff;
    --gold-light: #FFE57F;
    --gold-dark: #8a6e2f;
    --bg-deep: #050505;
    --bg-glass: rgba(20, 20, 20, 0.7);
    --text-main: #e0e0e0;
    --text-muted: #888888;
    --border-glass: rgba(212, 175, 55, 0.15);
  }

  /* === SHARED SECTION CONTAINER === */
  .cara-daftar,
  .situs-toto {
    padding: 70px 20px;
    background: var(--bg-deep);
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    /* Border Emas Luar */
    border: 1px solid #1a1a1a;
    border-top: 3px solid var(--gold-primary);
    border-bottom: 3px solid var(--gold-primary);
    box-shadow: 0 20px 60px rgba(0,0,0,0.7);
  }

  /* Background pattern halus */
  .cara-daftar::before,
  .situs-toto::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
  }

  /* JUDUL BESAR (Royal Serif Font) */
  .cara-daftar h2,
  .situs-toto h2 {
    text-align: center;
    font-family: 'Playfair Display', serif; /* Font klasik mewah */
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
  }

  /* Dekorasi garis bawah emas pada judul */
  .cara-daftar h2::after,
  .situs-toto h2::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: var(--gold-primary);
    margin: 15px auto 0;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
  }

  .cara-daftar p,
  .situs-toto p {
    text-align: center;
    color: var(--text-muted);
    font-size: 15px;
    max-width: 700px;
    margin: 0 auto 40px auto;
    position: relative;
    z-index: 1;
    line-height: 1.7;
  }

  /* =========================================
     SECTION 1: TIMELINE LANGKAH (CARA DAFTAR)
     ========================================= */
  .cara-daftar ol {
    max-width: 800px;
    margin: 0 auto;
    list-style: none;
    counter-reset: step-counter;
    display: flex;
    flex-direction: column;
    gap: 0; /* Gap 0 biar garis vertikalnya connect */
    position: relative;
    z-index: 1;
  }

  /* Garis Vertikal (Timeline Line) */
  .cara-daftar ol::before {
    content: '';
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 35px;
    width: 2px;
    background: linear-gradient(180deg, var(--gold-primary), var(--bg-deep));
    z-index: -1;
  }

  .cara-daftar li {
    position: relative;
    padding: 25px 25px 25px 80px; /* Padding kiri besar */
    background: var(--bg-glass);
    border: 1px solid var(--border-glass);
    border-radius: 12px;
    color: var(--text-main);
    font-size: 15px;
    line-height: 1.6;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
  }

  .cara-daftar li:hover {
    transform: translateX(10px);
    border-color: var(--gold-primary);
    background: rgba(20, 20, 20, 0.9);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(212, 175, 55, 0.1);
  }

  /* Bulatan Angka Emas (Badge) */
  .cara-daftar li::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));
    border: 4px solid var(--bg-deep); /* Border gelap biar timbul */
    border-radius: 50%;
    color: #000;
    font-weight: 800;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.6);
    z-index: 2;
  }

  /* =========================================
     SECTION 2: PREMIUM SCHEDULE TABLE (SITUS TOTO)
     ========================================= */
  .table-container {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border-glass);
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
  }

  .pasaran-table {
    width: 100%;
    border-collapse: collapse;
    background: #8a0000;
  }

  .pasaran-table th,
  .pasaran-table td {
    padding: 18px 15px;
    text-align: left; /* Rata kiri lebih elegan untuk nama */
    border-bottom: 1px solid #1a1a1a;
    color: var(--text-main);
  }

  /* HEADER TABEL */
  .pasaran-table thead th {
    background: linear-gradient(90deg, #8a00000%, #252525 100%);
    color: var(--gold-primary);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-bottom: 2px solid var(--gold-primary);
  }
  
  .pasaran-table thead th:first-child {
    text-align: center; /* Pasaran di tengah */
  }
  
  .pasaran-table thead th:not(:first-child) {
    font-family: 'Share Tech Mono', monospace; /* Font Teknis untuk header */
    letter-spacing: 1px;
    text-align: center;
  }

  /* ISI TABEL */
  .pasaran-table tbody tr {
    transition: 0.3s;
  }

  .pasaran-table tbody tr:last-child td {
    border-bottom: none;
  }

  .pasaran-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.08);
  }

  .pasaran-table tbody td:first-child {
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-right: 1px solid #1a1a1a;
  }

  /* Kolom Frekuensi & Waktu pakai Monospace (Digital Clock look) */
  .pasaran-table tbody td:not(:first-child) {
    font-family: 'Share Tech Mono', monospace;
    color: var(--gold-light);
    text-align: center;
  }

  /* =========================================
     RESPONSIVE
     ========================================= */
  @media (max-width: 768px) {
    .cara-daftar h2,
    .situs-toto h2 {
      font-size: 24px;
    }

    .cara-daftar li {
      padding: 20px 15px 20px 70px;
      font-size: 14px;
    }

    .cara-daftar ol::before {
      left: 30px;
    }

    .cara-daftar li::before {
      width: 35px; height: 35px;
      left: 16px;
      font-size: 14px;
    }

    /* Scrollable table untuk mobile agar tidak gepeng */
    .table-container {
      overflow-x: auto;
      border-radius: 0;
    }
    
    .pasaran-table {
      min-width: 500px; /* Paksa lebar table di mobile supaya text wrap atau scroll */
    }

    .pasaran-table th, .pasaran-table td {
      padding: 12px;
      font-size: 13px;
    }
  }
</style>

<!-- SECTION 1: CARA DAFTAR (TIMELINE) -->
<section class="cara-daftar">
  <h2>Cara Daftar & Gas Main Toto4D di NAVA4D</h2>
  <p>
      NAVA4D nggak ribet soal pendaftaran. Semua dibikin singkat, ngebut, dan siap dipakai tempur buat pemain yang nggak suka buang waktu.
  </p>
  <ol>
      <li>Akses situs Toto4D NAVA4D lewat link resmi biar langsung masuk jalur aman, bukan nyasar ke situs abal-abal.</li>
      <li>Isi data pendaftaran secukupnya dan pastikan bener, biar akun langsung aktif tanpa drama.</li>
      <li>Login ke akun NAVA4D yang sudah jadi, lalu cek menu Toto4D dan pasaran yang mau lo gas.</li>
      <li>Lakukan deposit sesuai metode yang tersedia—prosesnya sat set, saldo langsung nongol tanpa nunggu lama.</li>
      <li>Setelah saldo masuk, lo bebas main Toto4D tanpa jeda, pilih pasaran lintas negara, pakai provider 4D siap gas, dan manfaatin multi bet biar makin liar.</li>
  </ol>
  <p>
      Alurnya simpel, nggak muter-muter, dan cocok buat pemula maupun pemain lama yang pengen langsung tancap gas tanpa basa-basi.
  </p>
</section>

<!-- SECTION 2: SITUS TOTO (SCHEDULE BOARD) -->
<section class="situs-toto">
  <h2>Jadwal Pasaran Resmi</h2>
  <p>
      Pantau jadwal keluaran togel favorit Anda secara akurat dan real-time.
  </p>
  
  <div class="table-container">
    <table class="pasaran-table">
        <thead>
            <tr>
                <th>Pasaran</th>
                <th>Frekuensi Draw</th>
                <th>Jam Tutup (WIB)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Toto Macau Pools</td>
                <td>4x / 5x Sehari</td>
                <td>13:00, 16:00, 19:00, 22:00</td>
            </tr>
            <tr>
                <td>Singapore Lotto</td>
                <td>Harian</td>
                <td>17:30</td>
            </tr>
            <tr>
                <td>Hongkong Lotto</td>
                <td>Harian</td>
                <td>22:30</td>
            </tr>
            <tr>
                <td>Sydney Lotto</td>
                <td>Harian</td>
                <td>13:50</td>
            </tr>
            <tr>
                <td>Cambodia Lotto</td>
                <td>Harian</td>
                <td>11:50</td>
            </tr>
        </tbody>
    </table>
  </div>
</section>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap" rel="stylesheet">

<style>
  /* =========================================
     FOOTER UTAMA (DARK GOLD ELEGANT)
     ========================================= */
  .seo-franky-comeback-fixed-footer {
    display: flex;
    justify-content: space-around;
    align-items: flex-end; /* Agar tombol tengah bisa melayang */
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 99;
    padding: 12px 10px 20px 10px; /* Bawah lebih lebar */
    
    /* Tema Glassmorphism & Hitam */
    background: linear-gradient(180deg, rgba(197, 0, 0, 0.98), #0c0b0b);
    border-top: 1px solid #ffffff; /* Garis Emas Solid */
    box-shadow: 0 -10px 30px rgba(0,0,0,0.8); /* Bayangan hitam ke atas */
    backdrop-filter: blur(8px); /* Efek kaca buram */
    
    border-radius: 20px 20px 0 0; /* Sudut atas melengkung halus */
    font-family: 'Montserrat', sans-serif;
  }

  /* =========================================
     BUTTON NAVIGASI (PROMO, LOGIN, DLL)
     ========================================= */
  .seo-franky-comeback-fixed-footer a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #888; /* Abu-abu redup default */
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    flex: 1; /* Ukuran rata */
  }

  .seo-franky-comeback-fixed-footer a:hover {
    color: #ffffff; /* Berubah Emas saat hover */
    transform: translateY(-3px);
  }

  /* Styling Icon (GIF) */
  .seo-franky-comeback-fixed-footer img {
    width: 24px; height: 24px;
    margin-bottom: 4px;
    filter: grayscale(100%) brightness(200%); /* Buat icon jadi putih/abu biar rapi */
    transition: 0.3s;
  }

  .seo-franky-comeback-fixed-footer a:hover img {
    filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.6)); /* Glow Emas saat hover */
  }

  /* =========================================
     BUTTON TENGAH (DAFTAR) - SPESIAL
     ========================================= */
  .seo-franky-comeback-fixed-footer a.tada {
    position: relative;
    top: -25px; /* Naikkan posisi ke atas (Melayang) */
    
    background: linear-gradient(135deg, #d10000 0%, #000000b7 100%); /* Gradasi Emas Solid */
    color: #000000; /* Teks Hitam agar kontras */
    
    /* Bentuk Kapsul (Pill) */
    min-width: 60px;
    height: 55px;
    padding: 0 15px;
    border-radius: 50px; 
    
    /* Border menyesuaikan background agar terlihat seperti "Lubang" */
    border: 4px solid #050505; 
    
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
    animation: floatGold 3s ease-in-out infinite; /* Animasi melayang halus */
  }

  .seo-franky-comeback-fixed-footer a.tada img {
    margin-bottom: 2px;
    width: 22px; height: 22px;
    filter: brightness(0); /* Icon hitam di atas emas */
  }

  /* Animasi Melayang */
  @keyframes floatGold {
    0%, 100% { 
      transform: translateY(0); 
      box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4); 
    }
    50% { 
      transform: translateY(-5px); 
      box-shadow: 0 10px 25px rgba(212, 175, 55, 0.6); 
    }
  }

  /* Responsif Mobile Kecil */
  @media (max-width: 350px) {
    .seo-franky-comeback-fixed-footer a { font-size: 9px; }
    .seo-franky-comeback-fixed-footer img { width: 20px; height: 20px; }
    .seo-franky-comeback-fixed-footer a.tada { width: 50px; height: 50px; min-width: 50px; top: -20px; }
  }
</style>

<!-- HTML WIDGET FOOTER (Struktur Asli Anda) -->
<div class="seo-franky-comeback-fixed-footer">
    <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" rel="nofollow noopener" target="_blank">
        <img layout="intrinsic" height="20px" width="20px" src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico" alt="bonus TOTO4D">
        PROMO
    </a>
    <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" rel="nofollow noopener" target="_blank">
        <img layout="intrinsic" height="20px" width="20px" src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico" alt="login TOTO4D">
        LOGIN
    </a>
    <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" rel="nofollow noopener" target="_blank" class="tada">
        <img layout="intrinsic" height="20px" width="20px" src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico" alt="daftar TOTO4D">
        DAFTAR
    </a>
    <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" rel="nofollow noopener" target="_blank">
        <img layout="intrinsic" height="20px" width="20px" src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico" alt="wa TOTO4D">
        WHATSAPP
    </a>
    <a href="https://mobile.brand-nava4d.com/craftsmantavern-zul.html" rel="nofollow noopener" target="_blank"
        class="js_live_chat_link live-chat-link">
        <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px" src="https://pixel.gambar-lp.com/nava4d/icon-nava4dnew.ico"
            alt="livechat seo-franky-comeback">
        LIVE CHAT
    </a>
</div>


<input type="hidden" id="page_title"
       value="🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer" />

<script type="application/json" id="adobeAnalyticsProductData">
{
  "product_name": "🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer",
  "mpn_id": "D-353465486A",
  "currency": "SGD",
  "product_price": {
    "sellingPrice": 259.0,
    "basePrice": 259.0
  },
  "brand": "TOTO4D",
  "lob": "SITUS TOGEL",
  "sub_lob": "🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer"
}
</script>
            <style>.slider_media video {max-width: 100%;}</style>
            
            <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 = "7986665160884";
                 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='Title']:checked").val();
                 let op22 = $("input[type='radio'][name='']: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--17605519376564__main .accordion__content p a {color: var(--color-link-dynamic-label) !important;} #shopify-section-template--17605519376564__main .popup_round_border {display: none;} </style>
         </section>
         <div id="shopify-section-template--17605519376564__productMarketingContent" class="shopify-section">
            <link href="//www.istudiosg.com/cdn/shop/t/14/assets/productMarketingContent.css?v=134348870364535945721742784887" rel="stylesheet" type="text/css" media="all" />
<!-- Import Font Luxury -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">

<style>
  /* === CARD CONTAINER (DARK GOLD ELEGANT) === */
  .luxury-card-container {
    background: linear-gradient(145deg, #111111, #050505); /* Background Gelap */
    border: 1px solid #1a1a1a;
    /* Garis Emas Tipis di Atas */
    border-top: 1px solid rgba(212, 175, 55, 0.4); 
    border-radius: 12px;
    padding: 40px 30px;
    color: #e0e0e0;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    
    position: relative;
    overflow: hidden;
    width: 92%;
    max-width: 900px;
    margin: 40px auto;
    
    /* Bayangan Halus */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
  }

  /* === JUDUL UTAMA === */
  .luxury-card-container h1 {
    text-align: center;
    font-family: 'Playfair Display', serif; /* Font Serif Mewah */
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.4;
    
    /* Gradasi Teks Emas -> Putih */
    background: linear-gradient(120deg, #ffffff 0%, #fff 50%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
  }

  /* === DESKRIPSI TEKS === */
  .desc-wrapper {
    text-align: center;
    padding: 10px 0;
  }

  .desc-wrapper p {
    color: #aaaaaa; /* Abu-abu muda supaya nyaman dibaca */
    font-size: 15px;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 700px; /* Batas lebar teks biar enak dibaca */
  }
  
  /* Highlight kata penting */
  .highlight {
    color: #ffffff;
    font-weight: 600;
  }

  /* === EFEK SHINE HALUS (GOLD SHIMMER) === */
  .luxury-card-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    /* Kilau Emas Transparan */
    background: linear-gradient(
      115deg,
      transparent 0%,
      rgba(212, 175, 55, 0.03) 20%,
      rgba(212, 175, 55, 0.05) 50%,
      rgba(212, 175, 55, 0.03) 80%,
      transparent 100%
    );
    /* Animasi lambat */
    animation: luxuryShine 8s infinite linear;
    pointer-events: none;
    transform: skewX(-20deg);
  }

  @keyframes luxuryShine {
    0% { left: -100%; }
    20% { left: 200%; } /* Kilau lewat cepat */
    100% { left: 200%; } /* Tunggu diam */
  }

  /* Responsif */
  @media (max-width: 600px) {
    .luxury-card-container {
      padding: 30px 20px;
      width: 95%;
    }
    .luxury-card-container h1 {
      font-size: 20px;
    }
    .desc-wrapper p {
      font-size: 14px;
    }
  }
</style>

<!-- HTML STRUCTURE -->
<div class="luxury-card-container">
  <h1>🔥 SITUS TOTO NAVA4D: Gaspol Edisi Toto4D Situs Togel Pasaran Terlengkap, Daftar Provider 4D Multi Bet Tokcer</h1>
  
  <div class="desc-wrapper">
  <p data-path-to-node="5">
    <span style="color: #ffffff;">Di dunia permainan angka yang makin panas tiap hari, cuma ada dua tipe platform: yang setengah niat dan yang benar-benar dibangun buat tempur. </span>
    <span style="color: #ff6600;"><strong><a style="color: #ff6600;" href="https://www.craftsmantavern.com/current-menu">SITUS TOTO NAVA4D</a></strong></span>
    <span style="color: #ffffff;"> jelas masuk kategori kedua. Ini bukan situs yang hidup dari janji manis doang, bukan juga platform yang cuma numpang tren. NAVA4D hadir buat pemain yang pengen tempo cepat, akses luas, dan pengalaman Toto4D yang nggak ribet tapi tetap brutal.</span>
  </p>

  <p data-path-to-node="6">
    <span style="color: #ffffff;">Banyak situs ngaku paling lengkap, paling gacor, paling cepat. Tapi begitu dicoba, isinya zonk. Loading lama, pasaran minim, fitur setengah matang. NAVA4D beda cerita. Dari awal masuk, ritmenya sudah terasa. Sistemnya responsif, navigasinya bersih, dan fokusnya jelas: bikin pemain bisa langsung main tanpa drama teknis yang bikin darah tinggi.</span>
  </p>

  <p data-path-to-node="8"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>⚡ Toto4D Tanpa Jeda: Main Cepat, Eksekusi Tepat</strong></span>
  </h3>

  <p data-path-to-node="9">
    <span style="color: #ffffff;"><strong><a style="color: #ff6600;" href="https://www.craftsmantavern.com/current-menu">TOTO4D</a></strong> di </span>
    <span style="color: #ffffff;">NAVA4D</span>
    <span style="color: #ffffff;"> bukan sekadar menu tambahan. Ini jantung utama permainan. Setiap proses dirancang supaya pemain bisa bergerak cepat. Mulai dari login, pilih pasaran, pasang angka, sampai konfirmasi taruhan, semuanya berjalan dalam tempo yang solid. Nggak ada klik muter-muter cuma buat nemu tombol penting.</span>
  </p>

  <p data-path-to-node="9b">
    <span style="color: #ffffff;">Kecepatan di sini bukan cuma soal server kencang. Tapi juga soal desain sistem yang ngerti kebiasaan pemain. Lo nggak dipaksa baca tutorial panjang. Nggak dipaksa paham istilah ribet. Semua langsung to the point. Mau 2D, 3D, atau 4D? Tinggal pilih. Mau main kombinasi? Tinggal atur. Sesimpel itu.</span>
  </p>

  <p data-path-to-node="9c">
    <span style="color: #ffffff;">Dan yang bikin beda, stabilitasnya konsisten. Banyak situs cepat di awal tapi tumbang pas jam ramai. NAVA4D tetap berdiri. Servernya tahan banting, nggak gampang error, nggak tiba-tiba logout pas lagi pasang angka penting. Di dunia Toto4D, momen itu krusial. Satu detik telat bisa bikin peluang lewat. Di sini, sistemnya ngerti itu.</span>
  </p>

  <p data-path-to-node="11"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🌍 Pasaran Togel Terlengkap Lintas Negara</strong></span>
  </h3>

  <p data-path-to-node="12">
    <span style="color: #ffffff;">Kalau cuma punya satu dua pasaran, itu namanya warung, bukan platform serius. NAVA4D tahu pemain butuh variasi. Makanya pasaran togel di sini nggak tanggung-tanggung. Lokal ada. Internasional ada. Asia, sampai beberapa pasar luar negeri yang punya karakter unik, semua tersedia.</span>
  </p>

  <p data-path-to-node="12b">
    <span style="color: #ffffff;">Keunggulan pasaran lengkap ini bukan cuma soal jumlah. Tapi soal fleksibilitas strategi. Setiap pasaran punya pola dan ritme berbeda. Pemain berpengalaman ngerti, beda negara beda dinamika. Dengan pilihan luas, lo bisa atur strategi lebih tajam. Hari ini fokus di satu pasar, besok pindah ke yang lain. Nggak monoton, nggak stagnan.</span>
  </p>

  <p data-path-to-node="12c">
    <span style="color: #ffffff;">Buat yang suka analisis, ini surga. Data historis, hasil sebelumnya, semua bisa jadi bahan baca pola. Buat yang main feeling, variasinya bikin permainan nggak terasa itu-itu aja. Intinya, NAVA4D nggak ngebatesin gaya main lo. Mau konservatif atau agresif, semuanya punya ruang.</span>
  </p>

  <p data-path-to-node="15"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🧩 Provider 4D Siap Tempur, Bukan Nama Kosong</strong></span>
  </h3>

  <p data-path-to-node="16">
    <span style="color: #ffffff;">Di balik permainan yang stabil, ada provider yang kuat. NAVA4D nggak sembarang pilih. Daftar provider 4D di sini sudah teruji performanya. Sistem transparan, hasil jelas, dan integrasi berjalan mulus tanpa glitch aneh.</span>
  </p>

  <p data-path-to-node="16b">
    <span style="color: #ffffff;">Kenapa ini penting? Karena provider itu fondasi. Kalau provider bermasalah, permainan ikut kacau. Delay hasil, data nggak sinkron, sampai error pas konfirmasi. Di NAVA4D, hal-hal kayak gitu diminimalisir. Fokusnya ke pengalaman main yang lancar dan konsisten.</span>
  </p>

  <p data-path-to-node="16c">
    <span style="color: #ffffff;">Provider yang solid juga bikin pemain lebih percaya diri. Lo nggak perlu mikir sistemnya aneh-aneh. Tinggal fokus ke strategi dan manajemen modal. Sisanya biar sistem yang kerja.</span>
  </p>

  <p data-path-to-node="19"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🎯 Multi Bet Tokcer: Arena Buat yang Berani Main Lebar</strong></span>
  </h3>

  <p data-path-to-node="20">
    <span style="color: #ffffff;">Nah ini bagian yang bikin pemain agresif senyum lebar. Fitur multi bet di NAVA4D bukan pajangan. Lo bisa pasang beberapa kombinasi sekaligus tanpa ribet. Sistemnya kuat nanggung banyak input dalam satu waktu.</span>
  </p>

  <p data-path-to-node="20b">
    <span style="color: #ffffff;">Multi bet itu bukan soal asal pasang banyak angka. Tapi soal memperluas peluang dengan perhitungan matang. Di sinilah NAVA4D kasih ruang. Lo bisa eksperimen kombinasi, atur nominal berbeda, dan bikin pola taruhan yang lebih dinamis.</span>
  </p>

  <p data-path-to-node="20c">
    <span style="color: #ffffff;">Buat pemain yang mentalnya setengah-setengah, mungkin fitur ini terasa overkill. Tapi buat yang ngerti cara main tempo cepat dan fleksibel, multi bet jadi senjata utama. Permainan jadi lebih hidup, lebih liar, tapi tetap dalam kontrol.</span>
  </p>

  <p data-path-to-node="22"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>📱 Desain Simpel, Fokus ke Inti Permainan</strong></span>
  </h3>

  <p data-path-to-node="25">
    <span style="color: #ffffff;">Satu kesalahan banyak situs adalah terlalu sibuk bikin tampilan mewah tapi lupa fungsi. NAVA4D ambil jalur berbeda. Desainnya bersih, nggak banyak animasi nggak penting. Semua tombol jelas. Semua menu mudah diakses.</span>
  </p>

  <ul data-path-to-node="26">
    <li>
      <p data-path-to-node="26,0,0">
        <span style="color: #ffffff;">Di perangkat mobile, tampilannya tetap responsif. Nggak pecah, nggak geser aneh. Buat pemain yang sering main lewat HP, ini penting banget. Lo nggak perlu zoom sana-sini cuma buat pasang angka.</span>
      </p>
    </li>
    <li>
      <p data-path-to-node="26,1,0">
        <span style="color: #ffffff;">Situs ini terasa seperti dibangun oleh orang yang ngerti kebiasaan pemain. Bukan sekadar desainer yang mikir soal estetika doang. Di sini, fungsi menang atas gaya. Dan itu keputusan yang tepat.</span>
      </p>
    </li>
  </ul>

  <p data-path-to-node="28"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>💳 Proses Daftar dan Transaksi Tanpa Drama</strong></span>
  </h3>

  <p data-path-to-node="29">
    <span style="color: #ffffff;">Masuk ke NAVA4D juga nggak pake ribet. Proses daftar cepat, form sederhana, dan konfirmasi nggak bertele-tele. Setelah akun aktif, lo bisa langsung deposit dan mulai main.</span>
  </p>

  <p data-path-to-node="29b">
    <span style="color: #ffffff;">Transaksi dirancang simpel tapi tetap aman. Metode pembayaran variatif dan prosesnya nggak bikin nunggu lama. Nggak ada cerita deposit pending berjam-jam tanpa kabar. Sistemnya terstruktur dan jelas.</span>
  </p>

  <p data-path-to-node="29c">
    <span style="color: #ffffff;">Withdraw juga nggak dibikin ribet. Selama prosedur diikuti, proses berjalan lancar. Ini poin penting. Banyak pemain trauma sama situs yang gampang terima deposit tapi ribet pas tarik dana. Di NAVA4D, alurnya lebih transparan.</span>
  </p>

  <p data-path-to-node="30"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🔒 Keamanan Data Bukan Sekadar Janji</strong></span>
  </h3>

  <p data-path-to-node="31">
    <span style="color: #ffffff;">Di era digital, keamanan bukan tambahan, tapi kewajiban. NAVA4D paham soal ini. Sistem enkripsi dan perlindungan data diterapkan supaya akun pemain nggak gampang ditembus.</span>
  </p>

  <p data-path-to-node="31b">
    <span style="color: #ffffff;">Informasi pribadi, riwayat transaksi, dan aktivitas akun dijaga. Bukan cuma buat gaya-gayaan, tapi buat jaga kepercayaan. Karena di dunia online, reputasi itu segalanya.</span>
  </p>

  <p data-path-to-node="31c">
    <span style="color: #ffffff;">Keamanan ini juga bikin pemain lebih nyaman fokus ke permainan. Nggak ada rasa was-was soal kebocoran data atau aktivitas mencurigakan.</span>
  </p>

  <p data-path-to-node="32"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🔥 Atmosfer Permainan yang Intens dan Dinamis</strong></span>
  </h3>

  <p data-path-to-node="33">
    <span style="color: #ffffff;">Main di NAVA4D itu rasanya beda. Ritmenya cepat, pilihannya banyak, dan atmosfernya terasa hidup. Setiap sesi punya tensi sendiri. Lo bisa ngerasain adrenalin naik pas nunggu hasil keluar.</span>
  </p>

  <p data-path-to-node="33b">
    <span style="color: #ffffff;">Tapi di balik intensitas itu, sistemnya tetap terkontrol. Nggak chaos, nggak acak-acakan. Semuanya punya alur jelas. Dari pasang angka sampai hasil diumumkan, prosesnya rapi.</span>
  </p>

  <p data-path-to-node="33c">
    <span style="color: #ffffff;">Inilah kombinasi yang jarang ditemukan: brutal tapi tertata. Liar tapi tetap stabil.</span>
  </p>

  <p data-path-to-node="34"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>✅ Cocok Buat Pemain Lama Maupun Pendatang Baru</strong></span>
  </h3>

  <p data-path-to-node="35">
    <span style="color: #ffffff;">Buat pemain lama yang sudah kenyang pengalaman, NAVA4D kasih ruang lebih luas buat eksplor strategi. Pasaran lengkap, multi bet fleksibel, dan provider stabil jadi kombinasi ideal.</span>
  </p>

  <p data-path-to-node="35b">
    <span style="color: #ffffff;">Buat pendatang baru, sistem yang simpel bikin proses adaptasi lebih cepat. Nggak perlu waktu lama buat ngerti alurnya. Semua dibuat intuitif.</span>
  </p>

  <p data-path-to-node="35c">
    <span style="color: #ffffff;">Yang penting, tetap main dengan kontrol. Permainan angka tetap butuh strategi dan manajemen yang bijak. NAVA4D menyediakan arena, tapi keputusan tetap di tangan pemain.</span>
  </p>

  <p data-path-to-node="36"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🚀 Kenapa NAVA4D Layak Disebut Situs Toto4D Gaspol?</strong></span>
  </h3>

  <p data-path-to-node="37">
    <span style="color: #ffffff;">Karena semua elemen pendukungnya ada. Kecepatan? Ada. Pasaran lengkap? Jelas. Provider solid? Siap tempur. Multi bet fleksibel? Tokcer. Desain simpel? Beres. Transaksi lancar? Aman.</span>
  </p>

  <p data-path-to-node="37b">
    <span style="color: #ffffff;">Bukan cuma satu dua kelebihan yang diangkat, tapi keseluruhan sistem yang dirancang untuk mendukung permainan Toto <strong><a style="color: #ff6600;" href="https://www.craftsmantavern.com/current-menu">4D</a></strong> secara maksimal. Ini bukan situs coba-coba. Ini platform yang dibangun dengan konsep jelas.</span>
  </p>

  <p data-path-to-node="37c">
    <span style="color: #ffffff;">Di tengah persaingan situs togel online yang makin padat, NAVA4D tampil dengan karakter kuat. Bukan sekadar ikut arus, tapi punya identitas sendiri. Tempo cepat, pilihan luas, dan fitur agresif jadi ciri khasnya.</span>
  </p>

  <p data-path-to-node="38"><span style="color: #ffffff;">&nbsp;</span></p>

  <h3>
    <span style="color: #ffffff;"><strong>🏁 Arena Buat yang Siap Gas Tanpa Ragu</strong></span>
  </h3>

  <p data-path-to-node="39">
    <span style="color: #ffffff;">Kalau lo cuma mau main santai tanpa arah, mungkin semua situs terasa sama. Tapi kalau lo datang dengan niat, strategi, dan mental siap tempur, perbedaannya akan terasa.</span>
  </p>

  <p data-path-to-node="39b">
    <span style="color: #ffffff;">NAVA4D bukan tempat buat yang setengah hati. Ini arena buat yang siap gas, siap ambil peluang, dan siap bermain dengan ritme cepat. Toto4D di sini bukan cuma permainan angka, tapi soal keberanian ambil keputusan di waktu yang tepat.</span>
  </p>

  <p data-path-to-node="39c">
    <span style="color: #ffffff;">Pasaran lengkap, provider 4D siap tempur, fitur multi bet tokcer, sistem cepat dan stabil — semuanya dirancang buat satu tujuan: bikin pengalaman main jadi maksimal tanpa hambatan teknis yang bikin emosi.</span>
  </p>

  <p data-path-to-node="40">
    <span style="color: #ffffff;">Di dunia yang bergerak cepat, platform yang lambat bakal ditinggal. NAVA4D memilih jadi yang ngebut. Dan buat pemain yang mentalnya kuat, itu justru yang dicari.</span>
  </p>

  <p data-path-to-node="41"><span style="color: #ffffff;">🔥 Gas kalau siap.<br>🔥 Analisis kalau mau lebih tajam.<br>🔥 Main dengan kontrol, tapi jangan setengah-setengah.</span></p>

  <p data-path-to-node="42">
    <span style="color: #ffffff;">NAVA4D berdiri bukan buat jadi biasa. Tapi buat jadi arena Toto4D yang benar-benar terasa hidup.</span>
  </p>
</div>
</div>

<!-- Import Font Elegant -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap" rel="stylesheet">

<style>
  /* === SECTION WRAPPER === */
  .testimoni-section {
    padding: 60px 20px;
    background: linear-gradient(180deg, #0f0f0f, #050505);
    text-align: center;
    margin: 60px 0;
    font-family: 'Montserrat', sans-serif;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
  }

  /* === JUDUL (H2) === */
  .testimoni-section h2 {
    color: #ffffff;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    /* Aksen Garis Bawah Emas */
    display: inline-block;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 10px;
  }

  /* Paragraf Deskripsi */
  .testimoni-section > p {
    color: #aaaaaa;
    font-size: 16px;
    margin-bottom: 50px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
  }

  /* === GRID LAYOUT === */
  .testimoni-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* === KARTU TESTIMONI === */
  .testimoni-card {
    /* Background Gelap Gradasi Halus */
    background: linear-gradient(145deg, #141414, #0d0d0d);
    /* Border Tipis Default */
    border: 1px solid #1a1a1a;
    border-radius: 12px;
    padding: 30px;
    
    text-align: left;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
  }

  /* Efek Hover Kartu */
  .testimoni-card:hover {
    transform: translateY(-8px);
    /* Border Emas Saat Hover */
    border-color: #ffffff;
    /* Glow Emas Halus */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 15px rgba(212, 175, 55, 0.2);
  }

  /* Bintang Rating */
  .rating-stars {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: 3px;
    text-shadow: 0 0 5px rgba(212, 175, 55, 0.3);
  }

  /* Teks Kutipan */
  .testimoni-card blockquote {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 25px 0;
    font-style: italic;
    font-family: 'Playfair Display', serif; /* Font Serif agar terlihat mewah */
  }

  /* Info Penulis */
  .testimoni-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #222;
    padding-top: 15px;
  }

  /* Nama Penulis */
  .testimoni-author span {
    color: #ffffff; /* Emas */
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }

  /* Label Kecil (small) */
  .testimoni-author small {
    color: #666;
    font-weight: 400;
    font-size: 12px;
    display: block;
    text-transform: none;
  }

  /* Penutup / Quote Bawah */
  .testimoni-closing {
    color: #ffffff;
    font-size: 18px;
    margin-top: 50px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
  }

  /* === RESPONSIVE === */
  @media (max-width: 768px) {
    .testimoni-section h2 {
      font-size: 24px;
    }
    .testimoni-section {
      padding: 40px 15px;
    }
    .testimoni-card {
      padding: 20px;
    }
  }
</style>
<script>
document.querySelectorAll(".cok-faq-q").forEach(btn => {
  btn.addEventListener("click", () => {
    let answer = btn.nextElementSibling;
    answer.classList.toggle("open");
  });
});
</script>

            <link rel="stylesheet" href="//www.istudiosg.com/cdn/shop/t/14/assets/product-scratch.css?v=179858087556892581742784887" media="print" onload="this.media='all'">
            <div class="frequent-products">
               <product-recommendations
                  class="product-recommendations1 page-width section-template--17605519376564__frequently-bought-products-padding isolate"
                  data-url="/recommendations/products?section_id=template--17605519376564__frequently-bought-products&product_id=7986665160884&limit=3"
                  >
                  <div
                     class="product-recommendations__cta hidden"
                     style="height:0px;"
                     >
                     <input type="hidden" id="prod_currency" value="SGD">
                     <button
                        type="submit"
                        class="button-cart-frequent card-btn-1 product-form__submit button button--full-width js-frequent-submit"
                        id="card-button"
                        class="frq-card-btn"
                        >
                        Add&nbsp; <span id="checked-products"> </span> &nbsp;Items to Cart
                        <div class="loading-overlay__spinner-frequent hidden">
                           <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>
                     </button>
                  </div>
               </product-recommendations>
            </div>
            <script>
               class ProductRecommendations extends HTMLElement {
                 constructor() {
                   super();
                   this.config = {
                     dom: {
                       button: '.js-frequent-submit',
                       input: '.js-frequent-products-checkbox',
                       selected: 'input[name="frequent-products-pdp"]:checked',
                     },
                     cls: {
                       hide: 'hide',
                     },
                   };
                   const handleIntersection = (entries, observer) => {
                     if (!entries[0].isIntersecting) return;
                     observer.unobserve(this);
                     fetch(this.dataset.url)
                       .then((response) => response.text())
                       .then((text) => {
                         const html = document.createElement('div');
                         html.innerHTML = text;
                         const recommendations = html.querySelector('product-recommendations');
                         if (recommendations && recommendations.innerHTML.trim().length) {
                           this.innerHTML = recommendations.innerHTML;
                         }
                         if (html.querySelector('.grid__item')) {
                           this.classList.add('product-recommendations--loaded');
                         }
               
                         this.addEvent();
                         call_gafunction();
                       })
                       .catch((e) => {
                         console.error(e);
                       });
                   };
                   new IntersectionObserver(handleIntersection.bind(this), { rootMargin: '0px 0px 200px 0px' }).observe(this);
                 }
                 hideButton(el) {
                   if (!el) return;
                   el.classList.add(this.config.cls.hide);
                 }
                 showButton(el) {
                   if (!el) return;
                   el.classList.remove(this.config.cls.hide);
                 }
                 updateButtonState(show = true) {
                   const $button = this.querySelector(this.config.dom.button) || null;
                   if (!$button) return;
               
                   if (show) {
                     this.showButton($button);
                   } else {
                     this.hideButton($button);
                   }
                 }
                 addEvent() {
                   const $inputs = this.querySelectorAll(this.config.dom.input) || [];
               
                   if (!$inputs?.length > 0) return;
                   [...$inputs].forEach(($input) => {
                     $input.addEventListener('change', () => {
                       const $selected = this.querySelector(this.config.dom.selected) || null;
               
                       if ($selected) {
                         this.updateButtonState();
                       } else {
                         this.updateButtonState(false);
                       }
                     });
                   });
                 }
               }
               customElements.define('product-recommendations', ProductRecommendations);
               
               function call_gafunction() {
                 var mpn_handle = $('#mpn_handle').val();
                 var frequentProducts_ga = [];
                 var productList = 'Shopify Rec :: ' + mpn_handle;
                 $.each($("input[name='frequent-products-pdp']"), function () {
                   var prodtitle = $('#title_' + $(this).val()).val();
                   var prodMPN = $('#product_mpn_handle_' + $(this).val()).val();
                   var prodType = $('.card_product_category_' + $(this).val()).val();
                   var prodCurrency = $('.card_product_currency_' + $(this).val()).attr('value');
                   var prodPrice = $('.card_product_price_' + $(this).val()).attr('value');
                   var prodSku = $('.card_product_sku_' + $(this).val()).attr('value');
                   var compareprice = $('.card_product_compare_' + $(this).val()).attr('value');
                   prodPrice = Number(prodPrice.replace(/[^0-9.-]+/g, ''));
                   var discount = 0;
                   if (compareprice != '') {
                     compareprice = Number(compareprice.replace(/[^0-9.-]+/g, ''));
                     discount = parseFloat(compareprice) - parseFloat(prodPrice);
                     discount = parseFloat(discount);
                     // prodPrice = compareprice;
                   }
                   var productPrice1 = parseFloat(prodPrice);
                   item_ga = {};
                   item_ga['item_id'] = prodSku;
                   item_ga['item_name'] = prodtitle;
                   item_ga['item_category'] = prodType;
                   item_ga['item_list_name'] = productList;
                   item_ga['price'] = prodPrice;
                   item_ga['quantity'] = 1;
                   frequentProducts_ga.push(item_ga);
                 });
                 if (frequentProducts_ga.length != 0) {
                   dataLayer.push({ ecommerce: null });
                   dataLayer.push({
                     event: 'view_item_list',
                     ecommerce: {
                       item_list_name: productList,
                       items: frequentProducts_ga,
                     },
                   });
                 }
               }
            </script>
            <script>
               $(document).ready(function () {
                 $(window).on('scroll', function () {
                   if (
                     $(window).scrollTop() >=
                     $('.product-recommendations1').offset().top + $('.product-recommendations1').outerHeight() - window.innerHeight
                   ) {
                     setTimeout(function () {
                       var checkLength = $("input[name='frequent-products-pdp']:checked").length;
                       var productRecs = document.querySelector('.product-recommendations1');
               
                       $('#checked-products').text(checkLength);
                     }, 4000);
                     setTimeout(function () {
                       var height;
                       var maxheight = 0;
                       var minheight = 0;
                       $('.price_container_cal').each(function () {
                         height = parseInt($(this).height());
                         if (height > maxheight) {
                           maxheight = height;
                         } else {
                           minheight = height;
                         }
                       });
                       let isMobile = window.matchMedia('only screen and (max-width: 1023px)').matches;
                       if (!isMobile) {
                         if (maxheight >= minheight) {
                           $('.price_container_cal').attr(
                             'style',
                             'display: flex; flex-flow: column; justify-content: flex-end; height:' + maxheight + 'px;'
                           );
                         }
                       }
                     }, 500);
                   }
                 });
               });
            </script>
         </section>

         
      </main>
      <!-- BEGIN sections: footer-group -->
      <div id="shopify-section-sections--17605520064692__footer" class="shopify-section shopify-section-group-footer-group">
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/section-footer.css?v=119412480688511735931742784889" rel="stylesheet" type="text/css" media="all" />
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-newsletter.css?v=35697508531179068801742784889" rel="stylesheet" type="text/css" media="all" />
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-list-menu.css?v=104864129994713251501742784888" rel="stylesheet" type="text/css" media="all" />
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-list-payment.css?v=176967998584360591851742784888" rel="stylesheet" type="text/css" media="all" />
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-list-social.css?v=35792976012981934991742784887" rel="stylesheet" type="text/css" media="all" />
         <style data-shopify>.footer {
            margin-top: 18px;
            }
            .active_2, .accordion2:after {
            color: #121212;
            }
            .section-sections--17605520064692__footer-padding {
            /* padding-top: 0px; */
            padding-bottom: 0px;
            }
            @media screen and (min-width: 750px) {
            .footer {
            margin-top: 24px;
            }
            .section-sections--17605520064692__footer-padding {
            padding-top: 0px;
            padding-bottom: 0px;
            }
            }
         </style>
         <footer class="footer color-background-1 gradient section-sections--17605520064692__footer-padding">
            <div id="footerAccordion" class="accordionpadding page-width ">
               <div class="borderTop">
                  <div class="accordion2 ">
                     <span class="headerBlu footer-block__heading">Products</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://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           TOTO4D
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           SITUS TOTO
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           SITUS TOGEL
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           TOTO TOGEL
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           TOTO 4D
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           D
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           SITUS TOTO4D
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           SITUS TOGEL 4D
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div class="accordion2 ">
                     <span class="headerBlu footer-block__heading">Services</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/applecare" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           AppleCare+
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/business-solutions" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Corporate
                           </a>
                        </li>
                        <li>
                           <a
                              href="//www.sms-murau.at/" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Togel Online
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/service-provider" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Elush Service Provider
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/financing" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Financing Options
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/trade-in" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Trade-in
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/travellers-reservation" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Traveller’s Reservation
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div class="accordion2 ">
                     <span class="headerBlu footer-block__heading">Support</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="/account/login" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           My Account
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/shipping-policy" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Collection & Delivery
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/refund-policy" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Returns & Exchanges
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/contact-us" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Contact Us
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/istudio-faq" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           FAQ
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/privacy-policy" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Privacy Policy
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/terms-of-service" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Site Terms of Use
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div class="accordion2 ">
                     <span class="headerBlu footer-block__heading">About iStudio</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/about-us" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           About Us
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/store-locator" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Find an iStudio near you
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/why-shop-at-istudio" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Why Shop at iStudio
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.elushretail.com/" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Elush Corporate Website
                           </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>
                  <div class="footer_logosMobile">
                     <div class="footerLogo ">
                        <div
                           class="ratio"
                           style="--ratio-percent: 46.97508896797152%"
                           >
                           <img
                              srcset="//www.istudiosg.com/cdn/shop/files/Logo-Footer-Apple-Premium-Partner_400x_39469ee7-8bb1-490a-a4e0-58b27ff30663_100x.svg?v=1711639473, //www.istudiosg.com/cdn/shop/files/Logo-Footer-Apple-Premium-Partner_400x_39469ee7-8bb1-490a-a4e0-58b27ff30663_100x@2x.svg?v=1711639473 2x"
                              src="//www.istudiosg.com/cdn/shop/files/Logo-Footer-Apple-Premium-Partner_400x_39469ee7-8bb1-490a-a4e0-58b27ff30663_400x.svg?v=1711639473"
                              alt="BANDAR TOGEL ONLINE"
                              loading="lazy"
                              width="100"height="auto"
                              style="max-width: min(100%, 100px);"
                              >
                        </div>
                     </div>
                     <div class="footerLogo ">
                        <div
                           class="ratio"
                           style="--ratio-percent: 25.396825396825395%"
                           >
                           <img
                              srcset="//www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_130x.svg?v=1711639499, //www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_130x@2x.svg?v=1711639499 2x"
                              src="//www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_400x.svg?v=1711639499"
                              alt="BANDAR TOGEL ONLINE"
                              loading="lazy"
                              width="130"
                              height="auto"
                              style="max-width: min(100%, 130px);"
                              >
                        </div>
                     </div>
                     <div class="footerLogo ">
                        <svg class="placeholder-svg placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5">
                           <path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/>
                           <path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/>
                           <path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/>
                        </svg>
                     </div>
                  </div>
               </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">Products</p>
                     <ul class="footer-block__details-content list-unstyled">
                        <li>
                           <a
                              href="/pages/view-all-mac" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Mac
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/view-all-ipad" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           iPad
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/view-all-iphone" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           iPhone
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/view-all-watch" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Watch
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/view-all-music" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Music
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/view-all-tv" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           SITUS TOTO
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           SITUS TOGEL
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           TOTO4D
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div
                     class="footer-block grid__item footer-block--menu"
                     >
                     <p class="footer-block__heading inline-richtext">Services</p>
                     <ul class="footer-block__details-content list-unstyled">
                        <li>
                           <a
                              href="/pages/applecare" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           AppleCare+
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/business-solutions" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Corporate
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.craftsmantavern.com/current-menu" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           TOTO4D
                           </a>
                        </li>
                        <li>
                           <ahref="/pages/service-provider" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Elush Service Provider
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/financing" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Financing Options
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/trade-in" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Trade-in
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/travellers-reservation" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Traveller’s Reservation
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div
                     class="footer-block grid__item footer-block--menu"
                     >
                     <p class="footer-block__heading inline-richtext">Support</p>
                     <ul class="footer-block__details-content list-unstyled">
                        <li>
                           <a
                              href="/account/login" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           My Account
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/shipping-policy" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Collection & Delivery
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/refund-policy" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Returns & Exchanges
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/contact-us" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Contact Us
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/istudio-faq" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           FAQ
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/privacy-policy" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Privacy Policy
                           </a>
                        </li>
                        <li>
                           <a
                              href="/policies/terms-of-service" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Site Terms of Use
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div
                     class="footer-block grid__item footer-block--menu"
                     >
                     <p class="footer-block__heading inline-richtext">About iStudio</p>
                     <ul class="footer-block__details-content list-unstyled">
                        <li>
                           <a
                              href="/pages/about-us" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           About Us
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/store-locator" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Find an iStudio near you
                           </a>
                        </li>
                        <li>
                           <a
                              href="/pages/why-shop-at-istudio" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Why Shop at iStudio
                           </a>
                        </li>
                        <li>
                           <a
                              href="https://www.elushretail.com/" target="_blank" rel="nofollow noopener noreferrer"
                              class="footer_content_list link link--text list-menu__item list-menu__item--link"
                              >
                           Elush Corporate Website
                           </a>
                        </li>
                     </ul>
                  </div>
                  <div
                     class="footer-block grid__item"
                     >
                     <p class="footer-block__heading inline-richtext">Apple Premium Partner</p>
                     <div class="subtext_css footer-block__details-content rte">
                     </div>
                     <div class="footer_logos">
                        <div class="footerLogo ">
                           <div
                              class="ratio"
                              style="--ratio-percent: 46.97508896797152%"
                              >
                              <img
                                 srcset="//www.istudiosg.com/cdn/shop/files/Logo-Footer-Apple-Premium-Partner_400x_39469ee7-8bb1-490a-a4e0-58b27ff30663_100x.svg?v=1711639473, //www.istudiosg.com/cdn/shop/files/Logo-Footer-Apple-Premium-Partner_400x_39469ee7-8bb1-490a-a4e0-58b27ff30663_100x@2x.svg?v=1711639473 2x"
                                 src="//www.istudiosg.com/cdn/shop/files/Logo-Footer-Apple-Premium-Partner_400x_39469ee7-8bb1-490a-a4e0-58b27ff30663_400x.svg?v=1711639473"
                                 alt="BANDAR TOGEL ONLINE"
                                 loading="lazy"
                                 width="100"
                                 height="auto"
                                 style="max-width: min(100%, 100px);"
                                 >
                           </div>
                        </div>
                        <div class="footerLogo ">
                           <div
                              class="ratio"
                              style="--ratio-percent: 25.396825396825395%"
                              >
                              <img
                                 srcset="//www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_130x.svg?v=1711639499, //www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_130x@2x.svg?v=1711639499 2x"
                                 src="//www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_400x.svg?v=1711639499"
                                 alt="BANDAR TOGEL ONLINE"
                                 loading="lazy"
                                 width="130"
                                 height="auto"
                                 style="max-width: min(100%, 130px);"
                                 >
                           </div>
                        </div>
                        <div class="footerLogo ">
                           <svg class="placeholder-svg placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5">
                              <path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/>
                              <path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/>
                              <path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/>
                           </svg>
                        </div>
                     </div>
                  </div>
               </div>
               <div
                  class="page-width footer_newsletter_icon_section"
                  >
                  <div class="footer-block__newsletter">
                     <p class="footer-block__heading2 inline-richtext">Subscribe to our emails</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--17605520064692__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--17605520064692__footer">
                              Email
                              </label>
                              <button
                                 type="submit"
                                 class="newsletter-form__button field__button"
                                 name="commit"
                                 id="Subscribe"
                                 aria-label="Subscribe"
                                 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">
                                 </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">
                              <li class="social_icon_footer list-social__item-f">
                                 <a
                                    href="https://www.facebook.com/istudiosg" target="_blank" rel="nofollow noopener noreferrer"
                                    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"/>
                                    </svg>
                                    <span class="visually-hidden">Facebook</span>
                                 </a>
                              </li>
                              <li class="social_icon_footer list-social__item-f">
                                 <a
                                    href="https://www.instagram.com/istudiosg/" target="_blank" rel="nofollow noopener noreferrer"
                                    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-.1641.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"/>
                                    </svg>
                                    <span class="visually-hidden">Instagram</span>
                                 </a>
                              </li>
                              <li class="social_icon_footer list-social__item-f">
                                 <a
                                    href="https://www.youtube.com/channel/UCIkbIFG01maO7Rs_yW9XkKA/" target="_blank" rel="nofollow noopener noreferrer"
                                    class="social_icon_anchor link list-social__link"
                                    >
                                    <svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
                                       <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
                                    </svg>
                                    <span class="visually-hidden">YouTube</span>
                                 </a>
                              </li>
                           </ul>
                           <div class="footer__payment">
                              <span class="visually-hidden">Payment methods</span>
                              <ul class="footerPayment list list-payment">
                                 <li class="paymenticon list-payment__item">
                                    <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24">
                                       <title id="pi-american_express">American Express</title>
                                       <path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/>
                                       <path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/>
                                       <path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/>
                                       <path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/>
                                       <path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/>
                                       <path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/>
                                       <path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/>
                                       <path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/>
                                    </svg>
                                 </li>
                                 <li class="paymenticon list-payment__item">
                                    <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master">
                                       <title id="pi-master">Mastercard</title>
                                       <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/>
                                       <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/>
                                       <circle fill="#EB001B" cx="15" cy="12" r="7"/>
                                       <circle fill="#F79E1B" cx="23" cy="12" r="7"/>
                                       <path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/>
                                    </svg>
                                 </li>
                                 <li class="paymenticon list-payment__item">
                                    <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa">
                                       <title id="pi-visa">Visa</title>
                                       <path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/>
                                       <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/>
                                       <path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/>
                                    </svg>
                                 </li>
                                 <li class="paymenticon list-payment__item" style='width:auto;'>
                                    <img src="https://cdn.shopify.com/s/files/1/0637/3864/2612/files/payment_badge_green.png?v=1753250452" height="24">
                                 </li>
                              </ul>
                           </div>
                           <div class="copyrightCss footer__copyright caption">
                              <span class="copyright__content"
                                 >&copy; 2025, <a href="https://www.craftsmantavern.com/current-menu" target="_blank" title="">TOTO4D</a></span>
                              <span class="copyright__content"><a target="_blank" rel="nofollow noopener noreferrer" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </footer>
         <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>
      <section id="shopify-section-sections--17605520064692__collapsible_content_xjDGLy" class="shopify-section shopify-section-group-footer-group section">
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/component-accordion.css?v=114305622551526091581742784887" rel="stylesheet" type="text/css" media="all" />
         <link href="//www.istudiosg.com/cdn/shop/t/14/assets/collapsible-content.css?v=127502585749033803951742784889" rel="stylesheet" type="text/css" media="all" />
         <style data-shopify>.section-sections--17605520064692__collapsible_content_xjDGLy-padding {
            padding-top: 27px;
            padding-bottom: 27px;
            }
            @media screen and (min-width: 750px) {
            .section-sections--17605520064692__collapsible_content_xjDGLy-padding {
            padding-top: 36px;
            padding-bottom: 36px;
            }
            }
         </style>
</body>
</html>