PageSourceSearch

https://www.cleanwaterpartnership.org/contact/

html cleanwaterpartnership.org collected 2026-09-30 05:08:47 UTC 463,352 bytes, 6,891 lines download raw bytes

1<!DOCTYPE html><html class="js" lang="id" style="--header-height: 226px;"><head>
2    <meta charset="utf-8">
3    <meta http-equiv="X-UA-Compatible" content="IE=edge">
4    <meta name="viewport" content="width=device-width,initial-scale=1">
5    <link rel="canonical" href="https://www.cleanwaterpartnership.org/contact/">
6    <link rel="amphtml" href="https://contact-cleanwaterpartnership.nomia.here.now/">
7    <link rel="alternate" hreflang="id-ID" href="https://contact-cleanwaterpartnership.nomia.here.now/">
8    <link rel="alternate" hreflang="id" href="https://contact-cleanwaterpartnership.nomia.here.now/">
9    <link rel="alternate" hreflang="en" href="https://contact-cleanwaterpartnership.nomia.here.now/">
10    <link rel="alternate" hreflang="x-default" href="https://contact-cleanwaterpartnership.nomia.here.now/">
11    <link rel="alternate" href="https://contact-cleanwaterpartnership.nomia.here.now/">
12    <meta content="index, follow" name="robots">
13    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin="">
14    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin="">
15    <link rel="shortcut icon" href="https://ik.imagekit.io/hdhbrlxew/iconcafegt.png?updatedAt=1788959022925">
16    <link rel="icon" type="image/png" sizes="32x32" href="https://ik.imagekit.io/hdhbrlxew/iconcafegt.png?updatedAt=1788959022925">
17    <link rel="icon" type="image/png" sizes="16x16" href="https://ik.imagekit.io/hdhbrlxew/iconcafegt.png?updatedAt=1788959022925">
18    <link rel="apple-touch-icon" sizes="180x180" href="https://ik.imagekit.io/hdhbrlxew/iconcafegt.png?updatedAt=1788959022925">
19    <title>CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</title>
20    <meta name="description" content="CAFE4D memudahkan kamu menemukan game online dengan aturan yang lebih gampang dikenali, cocok buat yang nggak mau lama memahami alur sebelum mulai.">
21    <meta property="og:site_name" content="CAFE4D">
22    <meta property="og:url" content="https://www.cleanwaterpartnership.org/contact/">
23    <meta property="og:title" content="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami">
24    <meta property="og:type" content="product">
25    <meta property="og:description" content="CAFE4D memudahkan kamu menemukan game online dengan aturan yang lebih gampang dikenali, cocok buat yang nggak mau lama memahami alur sebelum mulai.">
26    <meta property="og:image" content="https://ik.imagekit.io/hdhbrlxew/cafenamm.png">
27    <meta property="og:image:secure_url" content="https://ik.imagekit.io/hdhbrlxew/cafenamm.png">
28    <meta property="og:image:width" content="600">
29    <meta property="og:image:height" content="600">
30    <meta property="og:price:amount" content="1.00">
31    <meta property="og:price:currency" content="SGD">
32    <meta property="og:locale" content="id_ID">
33    <meta name="twitter:card" content="summary_large_image">
34    <meta name="twitter:title" content="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami">
35    <meta name="twitter:description" content="CAFE4D memudahkan kamu menemukan game online dengan aturan yang lebih gampang dikenali, cocok buat yang nggak mau lama memahami alur sebelum mulai.">
36    
36<script type="text/javascript" async="" src="//app.backinstock.org/widget/91512_1746008386.js?category=bisu0026v=6u0026shop=istudio-elush-production.myshopify.com"></script>
36
37    
37<script>
38      window.SDG = window.SDG || {};
39      SDG.Data = {
40         template: "product",
41         language: "EN",
42         locationCookie: false,
43         locationCookieExpiry: 1,
44         ctoNoCoverage: "No coverage",
45         ctoProductModalDescription: "To get {{ selected_option_title }} we changed your selection to:",
46         ctoUpdateMessageDescription: "is changed",
47         noCombinationMessage: "Combination does not exist",
48         productPriceFrom: "From {{ price }}",
49         nmpPriceCalculation: "/mo. for {{ per_month }} mo."
50      };
51    </script>
51
52    
52<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/jquery-latest.min.js?v=174441762609953228921742784888"></script>
52
53    
53<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/constants.js?v=58251544750838685771742784887" defer=""></script>
53
54    
54<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/pubsub.js?v=158357773527763999511742784889" defer=""></script>
54
55    
55<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/global.js?v=86940198807662246831742784888" defer=""></script>
55
56    
56<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/slick.min.js?v=177366201532680719881742784889" defer=""></script>
56
57    
57<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/slick-custom.js?v=124467254043905770051742784887" defer=""></script>
57
58    
58<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/fancybox-3-5-7.js?v=45336575563953974081742784888" defer=""></script>
58
59    
59<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/ac-modal.min.js?v=177811281368891218321742784887" defer=""></script>
59
60    
60<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/ac-modal-custom.js?v=65753906577603767491742784888" defer=""></script>
60
61    
61<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/product-form.js?v=29435186399513605341757430292" defer=""></script>
61
62    
62<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/lazyload-section.js?v=5359969406261385591742784888" defer=""></script>
62
63    
63<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/adobe-analytics-tracking.js?v=123617832924672007461742784888" defer=""></script>
63
64    
64<script>
65      SDG.Data.adobeAnalyticsData = {
66         page_name: "Product",
67         page_type: "product",
68         page_url: window.location.hostname + window.location.pathname,
69         page_title: document.title,
70         language: "EN",
71         country: "SG",
72         currency: "SGD",
73      
74         login_status: 'logged out',
75      
76      };
77    </script>
77
78    
78<script>
79      window.dataLayer = window.dataLayer || [];
80    </script>
80
81    
81<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
81
82    <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/63738642612/digital_wallets/dialog">
83    
83<script async="async" src="/checkouts/internal/preloads.js?locale=en-SG"></script>
83
84    
84<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>
84
85    
85<script>var Shopify = Shopify || {};
86      Shopify.shop = "istudio-elush-production.myshopify.com";
87      Shopify.locale = "en";
88      Shopify.currency = { "active": "SGD", "rate": "1.0" };
89      Shopify.country = "SG";
90      Shopify.theme = { "name": "360u00265 - 2.0", "id": 139536236724, "schema_name": "Dawn", "schema_version": "11.0.0", "theme_store_id": null, "role": "main" };
91      Shopify.theme.handle = "null";
92      Shopify.theme.style = { "id": null, "handle": null };
93      Shopify.cdnHost = "www.istudiosg.com/cdn";
94      Shopify.routes = Shopify.routes || {};
95      Shopify.routes.root = "/";
96    </script>
96
97    
97<script type="module">!function (o) { (o.Shopify = o.Shopify || {}).modules = !0 }(window);</script>
97
98    
98<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>
98
99    
99<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
99
100    
100<script>(function () {
101      var isLoaded = false;
102      function asyncLoad() {
103         if (isLoaded) return;
104         isLoaded = true;
105         var urls = ["//app.backinstock.org/widget/91512_1746008386.js?category=bisu0026v=6u0026shop=istudio-elush-production.myshopify.com"];
106         for (var i = 0; i < urls.length; i++) {
107            var s = document.createElement('script');
108            s.type = 'text/javascript';
109            s.async = true;
110            s.src = urls[i];
111            var x = document.getElementsByTagName('script')[0];
112            x.parentNode.insertBefore(s, x);
113         }
114      };
115      if (window.attachEvent) {
116         window.attachEvent('onload', asyncLoad);
117      } else {
118         window.addEventListener('load', asyncLoad, false);
119      }
120      })();
121    </script>
121
122    
122<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>
122
123    
123<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
123
124    
124<script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","url":"https://www.cleanwaterpartnership.org/contact/","name":"CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami","sku":"3215878451","description":"CAFE4D merangkum game online dengan aturan yang cepat dikenali, lengkap dengan panduan singkat, kategori jelas, dan akses ringan dari HP maupun desktop.","image":[{"@type":"ImageObject","author":"Tim CAFE4D","contentUrl":"https://ik.imagekit.io/hdhbrlxew/cafenamm.png","thumbnailUrl":"https://ik.imagekit.io/hdhbrlxew/cafenamm.png"}],"category":"CAFE4D CAFE4D CAFE4D Panduan Game Online > Mulai Cari Game > Panduan Cari Game","brand":{"@type":"Brand","name":"Tim CAFE4D"},"logo":"https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753","aggregateRating":{"@type":"AggregateRating","ratingValue":4.9,"reviewCount":6},"offers":{"@type":"AggregateOffer","offerCount":3155,"lowPrice":10000,"highPrice":50000,"priceCurrency":"IDR","availability":"https://schema.org/InStock","shippingDetails":{"@type":"OfferShippingDetails","shippingOrigin":{"@type":"DefinedRegion","addressCountry":"Indonesia"}}},"review":[{"@type":"Review","author":{"@type":"Person","name":"Fikri Putra"},"datePublished":"2026-09-22","reviewBody":"Pas cari slot yang gampang dimengerti, ketemu beberapa judul yang payline dan simbolnya langsung kebaca. Nggak perlu baca panduan panjang, sekali lihat udah bisa pencet spin.","name":"Rizky Ananda Pratama","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"}},{"@type":"Review","author":{"@type":"Person","name":"Candra Putra"},"datePublished":"2026-09-22","reviewBody":"Gue buka dari HP dan langsung nyoba game kartu yang aturannya cuma bandingin nilai. Ternyata banyak juga pilihan yang mekaniknya sederhana, cocok buat yang nggak mau ribet.","name":"Galih Saputra Wijaya","reviewRating":{"@type":"Rating","ratingValue":"4.9","bestRating":"5"}},{"@type":"Review","author":{"@type":"Person","name":"Irfan Hidayat"},"datePublished":"2026-09-22","reviewBody":"Sempet bingung mau main apa, tapi ada bagian rekomendasi game mudah. Klik satu, tutorialnya singkat banget, langsung ngerti dalam hitungan detik.","name":"Yoga Firmansyah Hadi","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"}},{"@type":"Review","author":{"@type":"Person","name":"Yoga Mahendra"},"datePublished":"2026-09-22","reviewBody":"Yang paling kerasa itu nggak ada fitur aneh-aneh. Game arcade-nya tinggal tap kiri kanan, skor langsung keliatan, jadi nggak buang waktu buat mikir.","name":"Dimas Aryo Nugroho","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"}},{"@type":"Review","author":{"@type":"Person","name":"Damar Mahendra"},"datePublished":"2026-09-22","reviewBody":"Nyari game tembak ikan yang kontrolnya simpel, eh dapet. Begitu masuk udah ada petunjuk dua baris, habis itu tinggal main. Buat pemula kaya gue ini ngebantu.","name":"Satria Bima Laksono","reviewRating":{"@type":"Rating","ratingValue":"4.9","bestRating":"5"}},{"@type":"Review","author":{"@type":"Person","name":"Irfan Halim"},"datePublished":"2026-09-22","reviewBody":"Biasanya males nyoba game baru karena takut ribet, tapi di sini beberapa game cuma butuh satu tombol. Aku coba yang tebak warna, langsung paham dan seru sendiri.","name":"Ilham Maulana Yusuf","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"}}]}</script>
124
125    
125<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","name":"CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami","description":"CAFE4D merangkum game online dengan aturan yang cepat dikenali, lengkap dengan panduan singkat, kategori jelas, dan akses ringan dari HP maupun desktop.","thumbnailUrl":["https://ik.imagekit.io/hdhbrlxew/cafenamm.png","https://ik.imagekit.io/hdhbrlxew/cafenamm.png"],"uploadDate":"2026-04-21T04:19:10-04:00","duration":"PT18S"}</script>
125
126    
126<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Tim CAFE4D","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":2,"name":"Mulai Cari Game","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":3,"name":"Panduan Cari Game","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":4,"name":"Link Game Cepat","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":5,"name":"Akses Game Mudah","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":6,"name":"Situs Game Resmi","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":7,"name":"Pilihan Game Lain","item":"https://www.cleanwaterpartnership.org/contact/"},{"@type":"ListItem","position":8,"name":"CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami","item":"https://www.cleanwaterpartnership.org/contact/"}]}</script>
126
127    
127<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.familyk.ae/shop/#org","name":"Tim CAFE4D","url":"https://www.cleanwaterpartnership.org/contact/","logo":"https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753"},{"@type":"WebSite","@id":"https://www.familyk.ae/shop/#website","url":"https://www.cleanwaterpartnership.org/contact/","name":"Tim CAFE4D","publisher":{"@id":"https://www.familyk.ae/shop/#org"},"inLanguage":"id-ID","potentialAction":{"@type":"SearchAction","target":"https://www.familyk.ae/shop/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"SoftwareApplication","@id":"https://www.familyk.ae/shop/#app","name":"Tim CAFE4D","applicationCategory":"GameApplication","operatingSystem":"Android, iOS, Windows","offers":{"@type":"Offer","price":"0","priceCurrency":"IDR"},"aggregateRating":{"@type":"AggregateRating","ratingValue":4.9,"ratingCount":6}}]}</script>
127
128    
128<script type="application/ld+json" id="faq-schema">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Apa ciri game online yang cara mainnya cepat dipahami?","acceptedAnswer":{"@type":"Answer","text":"Biasanya punya aturan inti sederhana, tutorial singkat, dan langsung bisa dimainkan tanpa banyak membaca panduan."}},{"@type":"Question","name":"Apakah game dengan cara main cepat dipahami tetap seru dimainkan lama?","acceptedAnswer":{"@type":"Answer","text":"Ya, banyak game sederhana punya progresi atau tingkat kesulitan bertahap sehingga tetap menantang setelah pemain paham dasarnya."}},{"@type":"Question","name":"Genre apa yang paling cocok untuk pemain yang tidak mau belajar aturan rumit?","acceptedAnswer":{"@type":"Answer","text":"Genre seperti puzzle kasual, arcade, hyper-casual, dan board game digital biasanya paling cepat dipahami."}},{"@type":"Question","name":"Apakah CAFE4D menyediakan daftar game yang mudah dipahami pemula?","acceptedAnswer":{"@type":"Answer","text":"Ya, CAFE4D mengelompokkan rekomendasi game berdasarkan tingkat kemudahan aturan dan kecepatan pemain memahami cara mainnya."}},{"@type":"Question","name":"Bagaimana cara menilai sebuah game mudah dipahami sebelum mencoba?","acceptedA
128nswer":{"@type":"Answer","text":"Lihat durasi tutorial, jumlah tombol atau menu awal, dan apakah game memberi contoh langsung di level pertama."}}]}</script>
128
129    
129<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>
129
130    
130<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>
130
131    
131<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
132      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);
133    </script>
133
134    
134<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>
134
135    <link rel="stylesheet" href="https://hiburanvisi.firehostapp.com/sytle.css">
136    
136<script id="scb4127" type="text/javascript" async="" src="https://www.istudiosg.com/cdn/shopifycloud/privacy-banner/storefront-banner.js"></script>
136
137    
137<script id="sections-script" data-sections="header" defer="defer" src="https://www.istudiosg.com/cdn/shop/t/14/compiled_assets/scripts.js?3348"></script>
137
138    
138<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
138
139    <style>
140      #Details-popup_custom_6mTgxV-template--17605519376564__main .popup_round_border {
141      display: inline-block !important;
142      }
143      #PopupModal-popup_custom_6mTgxV .image {
144      width: 100%;
145      height: auto;
146      display: block;
147      }
148      #PopupModal-popup_custom_6mTgxV .image.desktop {
149      display: none;
150      }
151      #PopupModal-popup_custom_6mTgxV .product-popup-modal__content {
152      padding: 0 1rem;
153      }
154      #PopupModal-popup_custom_6mTgxV .product-popup-modal__content-info>h1.h2 {
155      display: none;
156      }
157      @media screen and (min-width:750px) {
158      #PopupModal-popup_custom_6mTgxV .product-popup-modal__content {
159      width: 80%
160      }
161      #PopupModal-popup_custom_6mTgxV .image.desktop {
162      display: block;
163      }
164      #PopupModal-popup_custom_6mTgxV .image.mobile {
165      display: none;
166      }
167      }
168      #PopupModal-popup_custom_6mTgxV .product-popup-modal__content-info {
169      padding-right: 0;
170      }
171      @font-face {
172      font-family: 'SF Pro Text';
173      src: url("https://www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff2?v=21706269404805127741742784888") format('woff2'),
174      url("https://www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Regular.woff?v=144701899629177247781742784888") format('woff');
175      font-weight: 400;
176      font-style: normal;
177      font-display: swap;
178      }
179      @font-face {
180      font-family: 'SF Pro Text';
181      src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff2?v=142744590770268640871742784888') format('woff2'),
182      url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Medium.woff?v=86846661406826704271742784889') format('woff');
183      font-weight: 500;
184      font-style: normal;
185      font-display: swap;
186      }
187      @font-face {
188      font-family: 'SF Pro Text';
189      src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff2?v=31375109001105336161742784889') format('woff2'),
190      url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Semibold.woff?v=158359377723366996921742784888') format('woff');
191      font-weight: 600;
192      font-style: normal;
193      font-display: swap;
194      }
195      @font-face {
196      font-family: 'SF Pro Text';
197      src: url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff2?v=81066619648910226671742784888') format('woff2'),
198      url('//www.istudiosg.com/cdn/shop/t/14/assets/SFProText-Bold.woff?v=11034071917097156431742784889') format('woff');
199      font-weight: 700;
200      font-style: bold;
201      font-display: swap;
202      }
203      @font-face {
204      font-family: 'Font Awesome 6 Free';
205      font-style: normal;
206      font-weight: 900;
207      font-display: block;
208      src: url("https://www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.woff2?v=118991557498766039071742784889") format("woff2"), url("https://www.istudiosg.com/cdn/shop/t/14/assets/fa-solid-900.ttf?v=11227793290438786691742784887") format("truetype");
209      }
210      @font-face {
211      font-family: 'Font Awesome 6 Brands';
212      font-style: normal;
213      font-weight: 400;
214      font-display: block;
215      src: url("https://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");
216      }
217    </style>
218    <style data-shopify="">
219      @font-face {
220      font-family: Assistant;
221      font-weight: 400;
222      font-style: normal;
223      font-display: swap;
224      src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"),
225      url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=04204526227e0d14a011b44f621eed958a37dd24ff228dec608fad5ba3714e53") format("woff");
226      }
227      @font-face {
228      font-family: Assistant;
229      font-weight: 700;
230      font-style: normal;
231      font-display: swap;
232      src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=3eb98cb4f0f5b11a3f34feed0aa554dd621b127bc1cbc141c68703f90e8e42d3") format("woff2"),
233      url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=d0e65006948e80adf21a0472f7da1fee501e61f043b62e661027b9eeb582385b") format("woff");
234      }
235      @font-face {
236      font-family: Assistant;
237      font-weight: 400;
238      font-style: normal;
239      font-display: swap;
240      src: url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f") format("woff2"),
241      url("//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aXN0dWRpb3NnLmNvbQ&hmac=04204526227e0d14a011b44f621eed958a37dd24ff228dec608fad5ba3714e53") format("woff");
242      }
243      :root,
244      .color-background-1 {
245      --color-background: 255, 255, 255;
246      --gradient-background: #ffffff;
247      --color-foreground: 8, 58, 24;
248      --color-shadow: 18, 18, 18;
249      --color-button: 0, 227, 75;
250      --color-button-text: 255, 255, 255;
251      --color-secondary-button: 255, 255, 255;
252      --color-secondary-button-text: 18, 18, 18;
253      --color-link: 18, 18, 18;
254      --color-badge-foreground: 18, 18, 18;
255      --color-badge-background: 255, 255, 255;
256      --color-badge-border: 18, 18, 18;
257      --payment-terms-background-color: rgb(255 255 255);
258      }
259      .color-background-2 {
260      --color-background: 243, 243, 243;
261      --gradient-background: #f3f3f3;
262      --color-foreground: 18, 18, 18;
263      --color-shadow: 18, 18, 18;
264      --color-button: 18, 18, 18;
265      --color-button-text: 243, 243, 243;
266      --color-secondary-button: 243, 243, 243;
267      --color-secondary-button-text: 18, 18, 18;
268      --color-link: 18, 18, 18;
269      --color-badge-foreground: 18, 18, 18;
270      --color-badge-background: 243, 243, 243;
271      --color-badge-border: 18, 18, 18;
272      --payment-terms-background-color: rgb(243 243 243);
273      }
274      .color-inverse {
275      --color-background: 36, 51, 42;
276      --gradient-background: #5d6065;
277      --color-foreground: 255, 255, 255;
278      --color-shadow: 18, 18, 18;
279      --color-button: 255, 255, 255;
280      --color-button-text: 0, 0, 0;
281      --color-secondary-button: 36, 51, 42;
282      --color-secondary-button-text: 255, 255, 255;
283      --color-link: 255, 255, 255;
284      --color-badge-foreground: 255, 255, 255;
285      --color-badge-background: 36, 51, 42;
286      --color-badge-border: 255, 255, 255;
287      --payment-terms-background-color: rgb(93, 96, 101);
288      }
289      .color-accent-1 {
290      --color-background: 18, 18, 18;
291      --gradient-background: #121212;
292      --color-foreground: 255, 255, 255;
293      --color-shadow: 18, 18, 18;
294      --color-button: 255, 255, 255;
295      --color-button-text: 18, 18, 18;
296      --color-secondary-button: 18, 18, 18;
297      --color-secondary-button-text: 255, 255, 255;
298      --color-link: 255, 255, 255;
299      --color-badge-foreground: 255, 255, 255;
300      --color-badge-background: 18, 18, 18;
301      --color-badge-border: 255, 255, 255;
302      --payment-terms-background-color: rgb(18 18 18);
303      }
304      .color-accent-2 {
305      --color-background: 51, 180, 94;
306      --gradient-background: #90aeee;
307      --color-foreground: 255, 255, 255;
308      --color-shadow: 18, 18, 18;
309      --color-button: 255, 255, 255;
310      --color-button-text: 51, 180, 94;
311      --color-secondary-button: 51, 180, 94;
312      --color-secondary-button-text: 255, 255, 255;
313      --color-link: 255, 255, 255;
314      --color-badge-foreground: 255, 255, 255;
315      --color-badge-background: 51, 180, 94;
316      --color-badge-border: 255, 255, 255;
317      --payment-terms-background-color: rgb(144, 174, 238);
318      }
319      .color-scheme-ac1f97d9-2391-4261-b2e4-e6912b28bacf {
320      --color-background: 0, 0, 0;
321      --gradient-background: rgba(0, 0, 0, 0);
322      --color-foreground: 255, 255, 255;
323      --color-shadow: 18, 18, 18;
324      --color-button: 0, 227, 75;
325      --color-button-text: 255, 255, 255;
326      --color-secondary-button: 0, 0, 0;
327      --color-secondary-button-text: 18, 18, 18;
328      --color-link: 18, 18, 18;
329      --color-badge-foreground: 255, 255, 255;
330      --color-badge-background: 0, 0, 0;
331      --color-badge-border: 255, 255, 255;
332      --payment-terms-background-color: rgb(0 0 0);
333      }
334      body,
335      .color-background-1,
336      .color-background-2,
337      .color-inverse,
338      .color-accent-1,
339      .color-accent-2,
340      .color-scheme-ac1f97d9-2391-4261-b2e4-e6912b28bacf {
341      color: #246aff;
342      background-color: rgb(var(--color-background));
343      }
344      :root {
345      --font-body-family: Assistant, sans-serif;
346      --font-body-style: normal;
347      --font-body-weight: 400;
348      --font-body-weight-bold: 700;
349      --font-heading-family: Assistant, sans-serif;
350      --font-heading-style: normal;
351      --font-heading-weight: 400;
352      --font-body-scale: 1.0;
353      --font-heading-scale: 1.0;
354      --media-padding: px;
355      --media-border-opacity: 0.05;
356      --media-border-width: 1px;
357      --media-radius: 0px;
358      --media-shadow-opacity: 0.0;
359      --media-shadow-horizontal-offset: 0px;
360      --media-shadow-vertical-offset: 0px;
361      --media-shadow-blur-radius: 0px;
362      --media-shadow-visible: 0;
363      --page-width: 120rem;
364      --page-width-margin: 0rem;
365      --product-card-image-padding: 0.0rem;
366      --product-card-corner-radius: 0.0rem;
367      --product-card-text-alignment: left;
368      --product-card-border-width: 0.0rem;
369      --product-card-border-opacity: 0.0;
370      --product-card-shadow-opacity: 0.1;
371      --product-card-shadow-visible: 1;
372      --product-card-shadow-horizontal-offset: 0.0rem;
373      --product-card-shadow-vertical-offset: 0.0rem;
374      --product-card-shadow-blur-radius: 0.0rem;
375      --collection-card-image-padding: 0.0rem;
376      --collection-card-corner-radius: 0.0rem;
377      --collection-card-text-alignment: left;
378      --collection-card-border-width: 0.0rem;
379      --collection-card-border-opacity: 0.0;
380      --collection-card-shadow-opacity: 0.1;
381      --collection-card-shadow-visible: 1;
382      --collection-card-shadow-horizontal-offset: 0.0rem;
383      --collection-card-shadow-vertical-offset: 0.0rem;
384      --collection-card-shadow-blur-radius: 0.0rem;
385      --blog-card-image-padding: 0.0rem;
386      --blog-card-corner-radius: 0.0rem;
387      --blog-card-text-alignment: left;
388      --blog-card-border-width: 0.0rem;
389      --blog-card-border-opacity: 0.1;
390      --blog-card-shadow-opacity: 0.0;
391      --blog-card-shadow-visible: 0;
392      --blog-card-shadow-horizontal-offset: 0.0rem;
393      --blog-card-shadow-vertical-offset: 0.4rem;
394      --blog-card-shadow-blur-radius: 0.5rem;
395      --badge-corner-radius: 4.0rem;
396      --popup-border-width: 1px;
397      --popup-border-opacity: 0.1;
398      --popup-corner-radius: 0px;
399      --popup-shadow-opacity: 0.0;
400      --popup-shadow-horizontal-offset: 0px;
401      --popup-shadow-vertical-offset: 0px;
402      --popup-shadow-blur-radius: 0px;
403      --drawer-border-width: 1px;
404      --drawer-border-opacity: 0.1;
405      --drawer-shadow-opacity: 0.0;
406      --drawer-shadow-horizontal-offset: 0px;
407      --drawer-shadow-vertical-offset: 0px;
408      --drawer-shadow-blur-radius: 0px;
409      --spacing-sections-desktop: 0px;
410      --spacing-sections-mobile: 0px;
411      --grid-desktop-vertical-spacing: 8px;
412      --grid-desktop-horizontal-spacing: 8px;
413      --grid-mobile-vertical-spacing: 4px;
414      --grid-mobile-horizontal-spacing: 4px;
415      --text-boxes-border-opacity: 1.0;
416      --text-boxes-border-width: 0px;
417      --text-boxes-radius: 0px;
418      --text-boxes-shadow-opacity: 0.0;
419      --text-boxes-shadow-visible: 0;
420      --text-boxes-shadow-horizontal-offset: 0px;
421      --text-boxes-shadow-vertical-offset: 0px;
422      --text-boxes-shadow-blur-radius: 0px;
423      --buttons-radius: 40px;
424      --buttons-radius-outset: 42px;
425      --buttons-border-width: 2px;
426      --buttons-border-opacity: 0.4;
427      --buttons-shadow-opacity: 0.0;
428      --buttons-shadow-visible: 0;
429      --buttons-shadow-horizontal-offset: 0px;
430      --buttons-shadow-vertical-offset: 0px;
431      --buttons-shadow-blur-radius: 0px;
432      --buttons-border-offset: 0.3px;
433      --inputs-radius: 4px;
434      --inputs-border-width: 1px;
435      --inputs-border-opacity: 0.55;
436      --inputs-shadow-opacity: 0.0;
437      --inputs-shadow-horizontal-offset: 0px;
438      --inputs-margin-offset: 0px;
439      --inputs-shadow-vertical-offset: 0px;
440      --inputs-shadow-blur-radius: 0px;
441      --inputs-radius-outset: 5px;
442      --variant-pills-radius: 6px;
443      --variant-pills-border-width: 1px;
444      --variant-pills-border-opacity: 0.2;
445      --variant-pills-shadow-opacity: 0.0;
446      --variant-pills-shadow-horizontal-offset: -4px;
447      --variant-pills-shadow-vertical-offset: 0px;
448      --variant-pills-shadow-blur-radius: 0px;
449      --font-body-family: 'SF Pro Text', -apple-system, BlinkCAFE4DSystemFont;
450      --font-body-style: normal;
451      --font-body-weight: 400;
452      --font-heading-family: 'SF Pro Text', -apple-system, BlinkCAFE4DSystemFont;
453      --font-heading-style: normal;
454      --font-heading-weight: 400;
455      --font-body-scale: 1.0;
456      --font-heading-scale: 1.0;
457      --color-base-text: 18, 18, 18;
458      --color-shadow: 18, 18, 18;
459      --color-base-background-1: 255, 255, 255;
460      --color-base-background-2: 255, 255, 255;
461      --color-base-solid-button-labels: 255, 255, 255;
462      --color-base-outline-button-labels: 18, 18, 18;
463      --color-base-accent-1: 0, 227, 75;
464      --color-base-accent-2: 51, 180, 94;
465      --payment-terms-background-color: #FFFFFF;
466      --gradient-base-background-1: #FFFFFF;
467      --gradient-base-background-2: #FFFFFF;
468      --gradient-base-accent-1: #7da7ff;
469      --gradient-base-accent-2: #90aeee;
470      --media-padding: px;
471      --media-border-opacity: 0.05;
472      --media-border-width: 1px;
473      --media-radius: 0px;
474      --media-shadow-opacity: 0.0;
475      --media-shadow-horizontal-offset: 0px;
476      --media-shadow-vertical-offset: 0px;
477      --media-shadow-blur-radius: 0px;
478      --page-width: 120rem;
479      --page-width-margin: 0rem;
480      --card-image-padding: 0.0rem;
481      --card-corner-radius: 0.0rem;
482      --card-text-alignment: left;
483      --card-border-width: 0.0rem;
484      --card-border-opacity: 0.0;
485      --card-shadow-opacity: 0.1;
486      --card-shadow-horizontal-offset: 0.0rem;
487      --card-shadow-vertical-offset: 0.0rem;
488      --card-shadow-blur-radius: 0.0rem;
489      --badge-corner-radius: 4.0rem;
490      --popup-border-width: 1px;
491      --popup-border-opacity: 0.1;
492      --popup-corner-radius: 0px;
493      --popup-shadow-opacity: 0.0;
494      --popup-shadow-horizontal-offset: 0px;
495      --popup-shadow-vertical-offset: 0px;
496      --popup-shadow-blur-radius: 0px;
497      --drawer-border-width: 1px;
498      --drawer-border-opacity: 0.1;
499      --drawer-shadow-opacity: 0.0;
500      --drawer-shadow-horizontal-offset: 0px;
501      --drawer-shadow-vertical-offset: 0px;
502      --drawer-shadow-blur-radius: 0px;
503      --spacing-sections-desktop: 0px;
504      --spacing-sections-mobile: 0px;
505      --grid-desktop-vertical-spacing: 8px;
506      --grid-desktop-horizontal-spacing: 8px;
507      --grid-mobile-vertical-spacing: 4px;
508      --grid-mobile-horizontal-spacing: 4px;
509      --text-boxes-border-opacity: 1.0;
510      --text-boxes-border-width: 0px;
511      --text-boxes-radius: 0px;
512      --text-boxes-shadow-opacity: 0.0;
513      --text-boxes-shadow-horizontal-offset: 0px;
514      --text-boxes-shadow-vertical-offset: 0px;
515      --text-boxes-shadow-blur-radius: 0px;
516      --buttons-radius: 40px;
517      --buttons-radius-outset: 42px;
518      --buttons-border-width: 2px;
519      --buttons-border-opacity: 0.4;
520      --buttons-shadow-opacity: 0.0;
521      --buttons-shadow-horizontal-offset: 0px;
522      --buttons-shadow-vertical-offset: 0px;
523      --buttons-shadow-blur-radius: 0px;
524      --buttons-border-offset: 0.3px;
525      --inputs-radius: 4px;
526      --inputs-border-width: 1px;
527      --inputs-border-opacity: 0.55;
528      --inputs-shadow-opacity: 0.0;
529      --inputs-shadow-horizontal-offset: 0px;
530      --inputs-margin-offset: 0px;
531      --inputs-shadow-vertical-offset: 0px;
532      --inputs-shadow-blur-radius: 0px;
533      --inputs-radius-outset: 5px;
534      --variant-pills-radius: 6px;
535      --variant-pills-border-width: 1px;
536      --variant-pills-border-opacity: 0.2;
537      --variant-pills-shadow-opacity: 0.0;
538      --variant-pills-shadow-horizontal-offset: -4px;
539      --variant-pills-shadow-vertical-offset: 0px;
540      --variant-pills-shadow-blur-radius: 0px;
541      --color-primary-bt-bg: #ffffff;
542      --color-primary-bt-label: #FFFFFF;
543      --color-primary-bt-outline: #7da7ff;
544      --color-primary-bt-hover: #b5ccff;
545      --color-secondary-bt-bg: transparent;
546      --color-secondary-bt-label: #7da7ff;
547      --color-secondary-bt-outline: #7da7ff;
548      --color-secondary-bt-hover: #b5ccff;
549      --color-link-dynamic-label: #7da7ff;
550      --color-link-dynamic-hover: #b5ccff;
551      --color-tertiary-dynamic-label: #7da7ff;
552      --color-tertiary-dynamic-hover: #b5ccff;
553      }
554      *,
555      *::before,
556      *::after {
557      box-sizing: inherit;
558      }
559      html {
560      box-sizing: border-box;
561      font-size: calc(var(--font-body-scale) * 62.5%);
562      height: 100%;
563      }
564      body {
565      min-height: 100%;
566      margin: 0;
567      font-size: 1.5rem;
568      letter-spacing: 0.06rem;
569      line-height: calc(1 + 0.8 / var(--font-body-scale));
570      font-family: var(--font-body-family);
571      font-style: var(--font-body-style);
572      font-weight: var(--font-body-weight);
573      -webkit-font-smoothing: antialiased;
574      }
575      body:has(.shopify-section-group-footer-group) {
576      display: grid;
577      grid-template-rows: auto auto 1fr auto;
578      grid-template-columns: 100%;
579      }
580      @media screen and (min-width: 750px) {
581      body {
582      font-size: 1.6rem;
583      }
584      }
585    </style>
586    <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/base.css?v=127241086646799884071742784889" rel="stylesheet" type="text/css" media="all">
587    <link rel="preload" as="font" href="//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&amp;h2=aXN0dWRpb3NnLmNvbQ&amp;hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f" type="font/woff2" crossorigin="">
588    <link rel="preload" as="font" href="//www.istudiosg.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=aXN0dWRpby1lbHVzaC1wcm9kdWN0aW9uLmFjY291bnQubXlzaG9waWZ5LmNvbQ&amp;h2=aXN0dWRpb3NnLmNvbQ&amp;hmac=f08b4c8dad363a51140f208e167805f634db94adbbb3544a6fbd71c32b1ebc6f" type="font/woff2" crossorigin="">
589    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-predictive-search.css?v=91813212418334334851742784888" media="all" onload="this.media='all'">
590    
590<script>
591      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
592      if (Shopify.designMode) {
593         document.documentElement.classList.add('shopify-design-mode');
594      }
595      const vat_free_day = false;
596      
597      const vat_discount_amount = 20.0;
598      
599      
600      const vat_free_quantity = "3";
601      
602      
603      const vat_free_message = "Cannot add more than 3 VAT-exempt products to the shopping cart";
604      
605      
606      const not_available_message = "Not Available";
607      
608      
609      const quantity_limit_error_message = "Sorry! you reached maximum limit for this product!";
610      
611    </script>
611
612    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-card.css?v=111081949408356567601742784889" media="all" onload="this.media='all'">
613    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" media="all" onload="this.media='all'">
614    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/section-product-recommendations.css?v=49786085183541529781742784888" media="all" onload="this.media='all'">
615    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/slick-theme.css?v=155861180100014643231742784887" media="all" onload="this.media='all'">
616    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/slick-theme-min.css?v=86793612638635186001742784889" media="all" onload="this.media='all'">
617    <noscript>
618      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887"
619        rel="stylesheet" type="text/css" media="all" />
620    </noscript>
621    <noscript>
622      <link
623        href="https://www.istudiosg.com/cdn/shop/t/14/assets/section-product-recommendations.css?v=49786085183541529781742784888"
624        rel="stylesheet" type="text/css" media="all" />
625    </noscript>
626    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/product-scratch.css?v=179858087556892581742784887" media="all" onload="this.media='all'">
627    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/product-collection-carousel.css?v=15060387450964793051742784888" media="all" onload="this.media='all'">
628    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-rating.css?v=157771854592137137841742784889" media="all" onload="this.media='all'">
629    
629<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/product-model.js?v=56285008796734381901742784888" defer=""></script>
629
630    <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/ac-modal.min.css?v=15722724579182767671742784888" rel="stylesheet" type="text/css" media="all">
631    <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/ac-modal-custom.css?v=17302321221102055051742784887" rel="stylesheet" type="text/css" media="all">
632    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/ac-modal-custom.css?v=17302321221102055051742784887" media="all" onload="this.media='all'">
633    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-apple-care-modal.css?v=72539108787457179491742784889" media="all" onload="this.media='all'">
634    <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/fontawesome.min.css?v=137756382566111518581742784888" media="all" onload="this.media='all'">
635    <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-pickup-availability.css?v=126759165165079086151742784888" rel="stylesheet" type="text/css" media="all">
636    <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
637    
637<script>
638      window.ShopifyAnalytics = window.ShopifyAnalytics || {};
639      window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
640      window.ShopifyAnalytics.meta.currency = 'SGD';
641      var meta = { "product": { "id": 7986665160884, "gid": "gid://shopify/Product/7986665160884", "vendor": "CAFE4D", "type": "SLOT GACOR", "variants": [{ "id": 44033871610036, "price": 25900, "name": "CAFE4D 💫 Platform Hiburan Digital untuk Kamu yang Suka Game Online Masa Kini", "public_title": null, "sku": "MG8H4X/A" }], "remote": false }, "page": { "pageType": "product", "resourceType": "product", "resourceId": 7986665160884 } };
642      for (var attr in meta) {
643         window.ShopifyAnalytics.meta[attr] = meta[attr];
644      }
645    </script>
645
646    
646<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>
646
647    <style>
648      .mk-map-view {
649      width: 100%;
650      height: 100%;
651      overflow: hidden;
652      -webkit-tap-highlight-color: transparent
653      }
654      .mk-map-view.mk-dragging-annotation {
655      cursor: none
656      }
657      .mk-map-view.mk-disable-all-gestures {
658      touch-action: none
659      }
660      .mk-map-view.mk-disable-pinch-gestures {
661      touch-action: pan-x pan-y
662      }
663      .mk-map-view.mk-disable-zoom-gestures {
664      touch-action: manipulation
665      }
666      .mk-map-view.mk-disable-pan-gestures {
667      touch-action: none;
668      touch-action: pinch-zoom
669      }
670      div.mk-map-view.mk-map-view img,
671      div.mk-map-view.mk-map-view svg {
672      margin: 0;
673      padding: 0
674      }
675      .mk-annotation-container,
676      .mk-map-view {
677      z-index: 0
678      }
679      .mk-map-view>* {
680      position: absolute;
681      left: 0;
682      user-select: none
683      }
684      .mk-map-view .rt-root {
685      letter-spacing: .3px
686      }
687      .mk-controls-container {
688      position: absolute;
689      overflow: hidden;
690      top: 0;
691      bottom: 0;
692      left: 0;
693      right: 0;
694      z-index: 3;
695      pointer-events: none
696      }
697      .mk-map-view .mk-annotation-container,
698      .mk-map-view .mk-controls-container {
699      user-select: text
700      }
701      .mk-map-view.mk-panning ::selection {
702      background: 0 0
703      }
704      .mk-map-view.mk-dragging-cursor {
705      cursor: pointer;
706      cursor: -moz-grabbing;
707      cursor: -webkit-grabbing;
708      cursor: grabbing
709      }
710      .mk-map-view>iframe {
711      width: 100%;
712      height: 100%;
713      pointer-events: none;
714      opacity: 0;
715      border: 0
716      }
717    </style>
718    
718<script type="module" defer="" src="https://www.istudiosg.com/cdn/shopifycloud/shopify-xr-js/v1.0/shopify-xr.en.js"></script>
718
719    
719<script src="//d2wy8f7a9ursnm.cloudfront.net/v5/bugsnag.min.js"></script>
719
720  </head>
721  <body class="gradient animate--hover-default" data-template="product">
722    <div id="shopify-section-announcement_bar_slider" class="shopify-section">
723      
723<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/announcement-bar-slider.js?v=142197795293918470981742784887" defer="defer"></script>
723
724      <div class="hura-announcement-bar slider-container">
725        <div class="hura-messages swiper-wrapper slick-initialized slick-slider">
726          <button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Sebelumnya" tabindex="0" role="button" style="display: block;">Sebelumnya</button>
727          <div aria-live="polite" class="slick-list draggable">
728            <div class="slick-track" style="opacity: 1; width: 9760px; transform: translate3d(-1220px, 0px, 0px);">
729              <div class="hura-message swiper-slide slick-slide slick-cloned" data-slick-index="-1" style="width: 1220px;" aria-hidden="true" tabindex="-1">
730                Dengan layanan bantuan pelanggan terbaik
731              </div>
732              <div class="hura-message swiper-slide slick-slide slick-current slick-active" data-slick-index="0" style="width: 1220px;" aria-hidden="false" tabindex="0">
733                CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami
734                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" class="announcement_link" target="_blank" rel="nofollow noopener noreferrer" aria-hidden="false" tabindex="0">
735                Daftar di Sini!
736                </a>
737              </div>
738              <div class="hura-message swiper-slide slick-slide" data-slick-index="1" style="width: 1220px;" aria-hidden="true" tabindex="-1">
739                CAFE4D: Pilih Game yang Aturannya Gampang Dipahami
740              </div>
741              <div class="hura-message swiper-slide slick-slide" data-slick-index="2" style="width: 1220px;" aria-hidden="true" tabindex="-1">
742                Cara Main Cepat, Langsung Paham, Seru Terus
743              </div>
744              <div class="hura-message swiper-slide slick-slide" data-slick-index="3" style="width: 1220px;" aria-hidden="true" tabindex="-1">
745                Bukan Sekadar Coba-coba, Member CAFE4D Pilih Game yang Jelas Aturannya!
746              </div>
747              <div class="hura-message swiper-slide slick-slide" data-slick-index="4" style="width: 1220px;" aria-hidden="true" tabindex="-1">
748                Aturan Simpel, Langkah Jelas, Main Langsung Lancar!
749              </div>
750              <div class="hura-message swiper-slide slick-slide" data-slick-index="5" style="width: 1220px;" aria-hidden="true" tabindex="-1">
751                CAFE4D: Panduan Praktis Buat Kamu yang Mau Main Tanpa Ribet
752              </div>
753              <div class="hura-message swiper-slide slick-slide slick-cloned" data-slick-index="6" style="width: 1220px;" aria-hidden="true" tabindex="-1">
754                CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami
755                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" class="announcement_link" target="_blank" rel="nofollow noopener noreferrer" aria-hidden="true" tabindex="-1">
756                Daftar di Sini!
757                </a>
758              </div>
759            </div>
760          </div>
761          <button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Berikutnya" tabindex="0" role="button" style="display: block;">Berikutnya</button>
762        </div>
763      </div>
764      <div class="footer-bottom-info" style="height: 1px; overflow: hidden; opacity: 0.1;">
765</div>
766      <style>
767        .hura-messages.swiper-wrapper {
768        display: none
769        }
770        .hura-announcement-bar {
771        width: 100%;
772        max-width: 1220px;
773        margin: 0 auto;
774        padding: 8px 0
775        }
776        .hura-announcement-bar .slick-track {
777        display: flex;
778        align-items: center
779        }
780        .hura-messages.swiper-wrapper.slick-initialized.slick-slider {
781        display: flex
782        }
783        div#shopify-section-announcement_bar_slider {
784        background: #000000;
785        }
786        .hura-announcement-bar .hura-message {
787        text-align: center;
788        align-self: center;
789        font-size: 12px;
790        line-height: 14px;
791        color: #ffffff;
792        padding-left: 24px;
793        padding-right: 24px;
794        }
795        .hura-announcement-bar .swiper-button-next:after,
796        .hura-announcement-bar .swiper-container-rtl .swiper-button-prev:after,
797        .hura-announcement-bar .swiper-button-prev:after,
798        .hura-announcement-bar .swiper-container-rtl .swiper-button-next:after {
799        font-size: 15px;
800        color: #ffffff;
801        }
802        .hura-messages .slick-prev:before,
803        .hura-messages .slick-next:before {
804        color: #ffffff !important;
805        opacity: 1;
806        }
807        .hura-messages .slick-prev:before {
808        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");
809        }
810        .hura-messages .slick-next:before {
811        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");
812        }
813        div.hura-swiper-button {
814        display: block;
815        align-items: center;
816        }
817        .slick-next,
818        .slick-next:focus,
819        .slick-next:hover,
820        .slick-prev,
821        .slick-prev:focus,
822        .slick-prev:hover {
823        color: transparent;
824        outline: 0;
825        background: 0 0
826        }
827        .slick-next,
828        .slick-prev {
829        font-size: 0;
830        line-height: 0;
831        position: absolute;
832        top: 50%;
833        display: block;
834        width: 20px;
835        height: 20px;
836        padding: 0;
837        -webkit-transform: translate(0, -50%);
838        -ms-transform: translate(0, -50%);
839        transform: translate(0, -50%);
840        cursor: pointer;
841        border: none;
842        z-index: 1
843        }
844        .slick-next:focus:before,
845        .slick-next:hover:before,
846        .slick-prev:focus:before,
847        .slick-prev:hover:before {
848        opacity: 1
849        }
850        .slick-next.slick-disabled:before,
851        .slick-prev.slick-disabled:before {
852        opacity: .25
853        }
854        .slick-next:before,
855        .slick-prev:before {
856        font-family: slick;
857        font-size: 20px;
858        line-height: 1;
859        opacity: .75;
860        color: #000;
861        -webkit-font-smoothing: antialiased;
862        -moz-osx-font-smoothing: grayscale
863        }
864        .slick-prev {
865        left: 0
866        }
867        [dir=rtl] .slick-prev {
868        right: -25px;
869        left: auto
870        }
871        .slick-prev:before,
872        [dir=rtl] .slick-next:before {
873        content: '←'
874        }
875        .slick-next:before,
876        [dir=rtl] .slick-prev:before {
877        content: '→'
878        }
879        .slick-next {
880        right: 0
881        }
882        [dir=rtl] .slick-next {
883        right: auto;
884        left: -25px
885        }
886        .announcement_link {
887        color: #d0d0d0 !important;
888        text-decoration: none;
889        }
890        @media screen and (max-width:749px) {
891        .slick-prev {
892        left: -21px
893        }
894        .slick-next {
895        right: -21px
896        }
897        .hura-announcement-bar {
898        margin: inherit;
899        padding: 8px 30px;
900        height: auto
901        }
902        }
903      </style>
904    </div>
905    
906    <div id="shopify-section-sections--17605520031924__header" class="shopify-section shopify-section-group-header-group section-header">
907      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-list-menu.css?v=104864129994713251501742784888" media="all" onload="this.media='all'">
908      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-search.css?v=130382253973794904871742784887" media="all" onload="this.media='all'">
909      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-menu-drawer.css?v=21058032239462183751742784887" media="all" onload="this.media='all'">
910      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-cart-notification.css?v=71986486250318288601742784887" media="all" onload="this.media='all'">
911      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-cart-items.css?v=144236440317055431411742784889" media="all" onload="this.media='all'">
912      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" media="all" onload="this.media='all'">
913      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-loading-overlay.css?v=160031540023746741091742784889" media="all" onload="this.media='all'">
914      <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-mega-menu.css?v=10110889665867715061742784889" media="all" onload="this.media='all'">
915      <noscript>
916        <link
917          href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-mega-menu.css?v=10110889665867715061742784889"
918          rel="stylesheet" type="text/css" media="all" />
919      </noscript>
920      <noscript>
921        <link
922          href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-list-menu.css?v=104864129994713251501742784888"
923          rel="stylesheet" type="text/css" media="all" />
924      </noscript>
925      <noscript>
926        <link
927          href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-search.css?v=130382253973794904871742784887"
928          rel="stylesheet" type="text/css" media="all" />
929      </noscript>
930      <noscript>
931        <link
932          href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-menu-drawer.css?v=21058032239462183751742784887"
933          rel="stylesheet" type="text/css" media="all" />
934      </noscript>
935      <noscript>
936        <link
937          href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-cart-notification.css?v=71986486250318288601742784887"
938          rel="stylesheet" type="text/css" media="all" />
939      </noscript>
940      <noscript>
941        <link
942          href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-cart-items.css?v=144236440317055431411
942742784889"
943          rel="stylesheet" type="text/css" media="all" />
944      </noscript>
945      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/custom-style.css?v=128650136086380557481742784888" rel="stylesheet" type="text/css" media="all">
946      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-cto-cart-drawer.css?v=87861508187535145881742784888" rel="stylesheet" type="text/css" media="all">
947      <style>
948        header-drawer,
949        .header-drawer-lazyload {
950        justify-self: start;
951        height: 48px;
952        width: 48px;
953        margin-left: 0
954        }
955        @media screen and (min-width: 1024px) {
956        header-drawer,
957        .header-drawer-lazyload {
958        display: none;
959        }
960        }
961        @media only screen and (width:375px) {
962        input[type=search]::placeholder {
963        color: rgba(18, 18, 18, .75);
964        position: relative;
965        width: 51px;
966        left: 5px;
967        top: 2px;
968        font-style: normal;
969        font-weight: 500;
970        font-size: 15px;
971        line-height: 15px;
972        opacity: .75
973        }
974        }
975        .menu-drawer-container {
976        display: flex;
977        }
978        .list-menu {
979        list-style: none;
980        padding: 0;
981        margin: 0;
982        }
983        .list-menu--inline {
984        display: inline-flex;
985        flex-wrap: wrap;
986        }
987        summary.list-menu__item {
988        padding-right: 2.7rem;
989        }
990        .list-menu__item {
991        align-items: center;
992        line-height: calc(1 + 0.3 / var(--font-body-scale));
993        }
994        .list-menu__item--link {
995        text-decoration: none;
996        padding-bottom: 1rem;
997        padding-top: 1rem;
998        line-height: calc(1 + 0.8 / var(--font-body-scale));
999        }
1000        @media screen and (min-width: 750px) {
1001        .list-menu__item--link {
1002        padding-bottom: 0.5rem;
1003        padding-top: 0.5rem;
1004        }
1005        }
1006        .my-store-locator {
1007        display: none;
1008        }
1009      </style>
1010      <style data-shopify="">
1011        .header {
1012        padding: 10px 3rem 10px 3rem;
1013        }
1014        .section-header {
1015        position: sticky;
1016        margin-bottom: 0px;
1017        }
1018        @media screen and (min-width: 750px) {
1019        .section-header {
1020        margin-bottom: 0px;
1021        }
1022        }
1023        @media screen and (min-width: 990px) {
1024        .header {
1025        padding-top: 20px;
1026        padding-bottom: 20px;
1027        }
1028        }
1029        @media screen and (min-width: 1024px) {
1030        .header-menu-wrapper {
1031        min-height: 140px;
1032        }
1033        }
1034        .menu-drawer__menu li {
1035        --color-foreground: #121212;
1036        color: #121212;
1037        }
1038        #right_menu_items {
1039        justify-content: space-between;
1040        list-style: none;
1041        display: contents;
1042        flex-direction: row;
1043        }
1044        #right_menu_items li a {
1045        color: #313834
1046        }
1047        #right_menu_mobile_items li a {
1048        color: #313834
1049        }
1050      </style>
1051      <style>
1052  /* =========================================
1053     WADAH TOMBOL CAFE4D
1054     ========================================= */
1055  .button-login-daftar {
1056    display: grid;
1057    grid-template-columns: repeat(2, 1fr);
1058    gap: 16px; 
1059    font-weight: 900;
1060    font-family: 'Rajdhani', sans-serif;
1061  }
1062
1063  .button-login-daftar a {
1064    text-align: center;
1065    text-decoration: none;
1066    text-transform: uppercase;
1067    letter-spacing: 1.5px;
1068    padding: 16px 10px;
1069    border-radius: 12px; /* Sudut tumpul elegan, nggak kaku */
1070    font-size: 16px;
1071    position: relative;
1072    overflow: hidden;
1073    /* Transisi dibikin super cepat biar kerasa kayak tombol fisik */
1074    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
1075    z-index: 1;
1076  }
1077
1078  /* =========================================
1079     🔵 TOMBOL LOGIN (3D NEON ACRYLIC)
1080     ========================================= */
1081  .login, .login-button {
1082    background: linear-gradient(180deg, #3374ff 0%, #3374ff 50%, #3374ff 100%);
1083    color: #3374ff;
1084    border: 1px solid #8aafff;
1085    /* Rahasia efek 3D: shadow keras ke bawah warna biru gelap */
1086    box-shadow: 0 6px 0 #3374ff, 0 15px 20px rgba(0,0,0,0.5);
1087  }
1088
1089  /* Efek pas dipencet (Amblas ke bawah) */
1090  .login:active, .login-button:active {
1091    transform: translateY(6px); /* Tombol turun */
1092    box-shadow: 0 0px 0 #3374ff, 0 5px 10px rgba(0,0,0,0.5); /* Ketebalan ilang */
1093  }
1094
1095  /* =========================================
1096     🔥 TOMBOL DAFTAR (3D MOLTEN GOLD)
1097     ========================================= */
1098  .register, .register-button {
1099    background: linear-gradient(180deg, #3374ff 0%, #3374ff 50%, #3374ff 100%);
1100    color: #000;
1101    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); /* Biar teks makin kebaca */
1102    border: 1px solid #8aafff;
1103    /* Rahasia efek 3D: shadow keras ke bawah warna oranye gosong */
1104    box-shadow: 0 6px 0 #3374ff, 0 15px 20px rgba(0,0,0,0.5);
1105  }
1106
1107  /* Efek pas dipencet (Amblas ke bawah) */
1108  .register:active, .register-button:active {
1109    transform: translateY(6px);
1110    box-shadow: 0 0px 0 #6294ff, 0 5px 10px rgba(0,0,0,0.5);
1111  }
1112
1113  /* =========================================
1114     ✨ ANIMASI KILAP KACA MELINTAS
1115     ========================================= */
1116  .button-login-daftar a::after {
1117    content: '';
1118    position: absolute;
1119    top: 0; 
1120    left: -100%;
1121    width: 50%; 
1122    height: 100%;
1123    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
1124    transform: skewX(-20deg);
1125    z-index: -1;
1126    animation: swipe-glass 3s infinite;
1127  }
1128
1129  @keyframes swipe-glass {
1130    0% { left: -100%; }
1131    20% { left: 200%; } /* Kilap lewat cepat */
1132    100% { left: 200%; } /* Jeda lama */
1133  }
1134</style>
1135      
1135<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/details-disclosure.js?v=13653116266235556501742784889" defer="defer"></script>
1135
1136      
1136<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/details-modal.js?v=25581673532751508451742784889" defer="defer"></script>
1136
1137      
1137<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/cart-notification.js?v=138585423170270737471742784887" defer="defer"></script>
1137
1138      
1138<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/search-form.js?v=35015649889156673281742784888" defer="defer"></script>
1138
1139      <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1140        <symbol id="icon-search" viewBox="0 0 18 19" fill="none">
1141          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"></path>
1142        </symbol>
1143        <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
1144          <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"></circle>
1145          <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
1146          <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
1147        </symbol>
1148        <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1149          <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">
1150          </path>
1151        </symbol>
1152      </svg>
1153      <sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom header-menu-wrapper">
1154        <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">
1155          <button class="js-my-store-locator-btn my-store-locator__btn" aria-haspopup="dialog">
1156            <div class="my-store-locator__icon">
1157              <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
1158                <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>
1159                <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>
1160                <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>
1161                <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.
116160347 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>
1162                <path d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"></path>
1163                <rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"></rect>
1164              </svg>
1165            </div>
1166            <p class="js-my-store-locator-info my-store-locator__info">Pilih cara akses game</p>
1167          </button>
1168          <div class="js-my-store-locator-details my-store-locator__details" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="MyStoreDetailsMobileHeading">
1169            <button class="js-my-store-locator-close my-store-locator__close" type="button" aria-label="Tutup">
1170              <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">
1171                <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">
1172                </path>
1173              </svg>
1174            </button>
1175            <div class="my-store-locator__details-header">
1176              <h2 class="my-store-locator__details-title" id="MyStoreDetailsMobileHeading"></h2>
1177              <span class="js-my-store-locator-distance my-store-locator__details-distance hidden">
1178              <i class="fa fa-spinner fa-spin"></i>
1179              </span>
1180            </div>
1181            <div class="js-my-store-locator-location my-store-locator__details-location"></div>
1182            <div class="my-store-locator-content">
1183              <div class="js-my-store-locator-address my-store-locator__details-info hidden">
1184                Alamat: <a href="#"></a>
1185              </div>
1186              <div class="js-my-store-locator-telephone my-store-locator__details-info hidden">
1187                Telepon: <a href="#"></a>
1188              </div>
1189              <div class="js-my-store-locator-email my-store-locator__details-info hidden">
1190                Email: <a href="#"></a>
1191              </div>
1192              <div class="js-my-store-locator-hours my-store-locator__details-info hidden">
1193                Jam: <span></span>
1194              </div>
1195              <div class="js-my-store-locator-services hidden"></div>
1196            </div>
1197            <div class="my-store-locator__details-footer"><a class="my-store-locator__details-btn--secondary button button--secondary button--full-width" href="/pages/store-locator">
1198              Lihat panduan main
1199              </a><button class="js-my-store-locator-drawer-btn my-store-locator__details-btn button button--full-width" aria-haspopup="dialog">
1200              Pilih akses lain
1201              </button>
1202            </div>
1203          </div>
1204        </my-store-locator-mobile>
1205        <header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">
1206          <lazyload-section class="header-drawer-lazyload" data-render-on-load="true" data-selector=".js-header-drawer" data-callback="if (window.initHeaderDrawerAria) window.initHeaderDrawerAria()">
1207            <header-drawer data-breakpoint="tablet">
1208              <details id="Details-menu-drawer-container" class="menu-drawer-container">
1209                <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
1210                  <span>
1211                    <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">
1212                      <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">
1213                      </path>
1214                    </svg>
1215                    <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">
1216                      <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">
1217                      </path>
1218                    </svg>
1219                  </span>
1220                </summary>
1221                <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1" tabindex="-1" style="background-color:#ffffff"></div>
1222              </details>
1223            </header-drawer>
1224          </lazyload-section>
1225          
1225<script>
1226            window.initHeaderDrawerAria = function () {
1227               document.querySelectorAll('.js-header-drawer [id^="Details-"] summary').forEach((summary) => {
1228                  summary.setAttribute('role', 'button');
1229                  summary.setAttribute('aria-expanded', summary.parentNode.hasAttribute('open'));
1230            
1231                  if (summary.nextElementSibling.getAttribute('id')) {
1232                     summary.setAttribute('aria-controls', summary.nextElementSibling.id);
1233                  }
1234            
1235                  summary.addEventListener('click', (event) => {
1236                     event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
1237                  });
1238            
1239                  if (summary.closest('header-drawer, menu-drawer')) return;
1240                  summary.parentElement.addEventListener('keyup', onKeyUpEscape);
1241               });
1242            };
1243          </script>
1243
1244          <div class="header__heading">
1245            <div class="brand--logo">
1246              <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="header__heading-link link link--text focus-inset" aria-label="Beranda">
1247                <div class="ratio" style="--ratio-percent: 25.875000000000004%">
1248                  <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" loading="lazy" class="header__heading-logo company_logo ratio" width="700" height="200" alt="CAFE4D">
1249                </div>
1250              </a>
1251            </div>
1252            <div class="apple_logo">
1253              <a href="#" class="header__heading-link link link--text focus-inset" aria-label="Beranda">
1254                <svg width="78" height="36" viewBox="0 0 78 36" fill="none" xmlns="http://www.w3.org/2000/svg">
1255                  <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 7
12557.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>
1256                  <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>
1257                  <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>
1258                  <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>
1259                  <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>
1260                  <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>
1261                  <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>
1262                  <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.
12626373V13.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>
1263                  <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>
1264                  <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>
1265                  <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>
1266                  <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>
1267                  <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>
1268                  <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>
1269                  <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>
1270                </svg>
1271              </a>
1272            </div>
1273          </div>
1274          <div class="search-container">
1275            <div class="container_search container_search_port">
1276              <predictive-search class="search-modal__form" data-loading-text="Loading...">
1277                <form class="nosubmit_form search search-modal__form" action="/search" id="nosubmit_form2" method="get" role="search">
1278                  <input type="hidden" name="type" value="product">
1279                  <input class="nosubmit" id="Search-In-Modal" type="search" name="q" value="Cari di Google: CAFE4D" placeholder="Cari" aria-label="Cari" 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">
1280                  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="" style="max-height: 540px;">
1281                    <div class="predictive-search__loading-state">
1282                      <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1283                        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1284                      </svg>
1285                    </div>
1286                  </div>
1287                  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
1288                </form>
1289                <button type="button" class="btn_close btn_close_desktop" id="btn_close2" aria-label="Tutup">
1290                  <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation" width="16.61px" height="16.61px">
1291                    <use href="#icon-close"></use>
1292                  </svg>
1293                </button>
1294              </predictive-search>
1295            </div>
1296          </div>
1297          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-my-store-locator.css?v=39324846110998923741742784888" rel="stylesheet" type="text/css" media="all">
1298          <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">
1299            <button class="js-my-store-locator-btn my-store-locator__btn" aria-haspopup="dialog">
1300              <div class="my-store-locator__icon">
1301                <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
1302                  <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>
1303                  <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>
1304                  <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>
1305                  <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.
130560347 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>
1306                  <path d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"></path>
1307                  <rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"></rect>
1308                </svg>
1309              </div>
1310              <p class="js-my-store-locator-info my-store-locator__info">Pilih cara akses game</p>
1311            </button>
1312            <div class="js-my-store-locator-details my-store-locator__details" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="MyStoreDetailsHeading">
1313              <button class="js-my-store-locator-close my-store-locator__close" type="button" aria-label="Tutup">
1314                <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">
1315                  <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">
1316                  </path>
1317                </svg>
1318              </button>
1319              <div class="my-store-locator__details-header">
1320                <h2 class="my-store-locator__details-title" id="MyStoreDetailsHeading"></h2>
1321                <span class="js-my-store-locator-distance my-store-locator__details-distance hidden">
1322                <i class="fa fa-spinner fa-spin"></i>
1323                </span>
1324              </div>
1325              <div class="js-my-store-locator-location my-store-locator__details-location"></div>
1326              <div class="my-store-locator-content">
1327                <div class="js-my-store-locator-address my-store-locator__details-info hidden">
1328                  Alamat: <a href="#" target="_blank"></a>
1329                </div>
1330                <div class="js-my-store-locator-telephone my-store-locator__details-info hidden">
1331                  Telepon: <a href="#"></a>
1332                </div>
1333                <div class="js-my-store-locator-email my-store-locator__details-info hidden">
1334                  Email: <a href="#" target="_blank"></a>
1335                </div>
1336                <div class="js-my-store-locator-hours my-store-locator__details-info hidden">
1337                  Jam: <span></span>
1338                </div>
1339                <div class="js-my-store-locator-services hidden"></div>
1340              </div>
1341              <div class="my-store-locator__details-footer"><a class="my-store-locator__details-btn--secondary button button--secondary button--full-width" href="/pages/store-locator">
1342                Lihat panduan main
1343                </a><button class="js-my-store-locator-drawer-btn my-store-locator__details-btn button button--full-width" aria-haspopup="dialog">
1344                Pilih akses lain
1345                </button>
1346              </div>
1347            </div>
1348          </my-store-locator>
1349          
1349<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/my-store-locator.js?v=14296370560110765121259103666" defer="defer"></script>
1349
1350          
1350<script>
1351            SDG.Data.mapsToken = "eyJraWQiOiI1SDZEQlAyR0E1IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiI0Njg5NkZRSFgyIiwiaWF0IjoxNzQ2NzYyMDY2LCJvcmlnaW4iOiJ3d3cuaXN0dWRpb3NnLmNvbSJ9.auAkvVIPCaY73yQjcammRk6DID4vJpijWzhB2kWfOzLtcEclmavkBRAn7eEViSvLKVRt45zmNjODWadyzmProg";
1352            SDG.Data.googleMapsToken = "";
1353            SDG.Data.mapProvider = "apple_maps";
1354            
1355            SDG.Data.mapPage = false;
1356            
1357            SDG.Data.storeServiceTrigger = 'View store services';
1358            SDG.Data.storeHours = 'Hours';
1359            SDG.Data.storeAddress = 'Address';
1360            SDG.Data.storeEmail = 'Email';
1361            SDG.Data.storePhone = 'Telephone';
1362            SDG.Data.myStore = 'My store';
1363            SDG.Data.makeThisMyStore = 'Make this my store';
1364            SDG.Data.shopCountry = 'Singapore';
1365          </script>
1365
1366          
1366<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/mapkit.js?v=2554415917941391361742784889" defer=""></script>
1366
1367          
1367<script async="">
1368            document?.addEventListener('DOMContentLoaded', function () {
1369               if (window?.mapkit) {
1370                  mapkit.init({
1371                     authorizationCallback: function (done) {
1372                        done("eyJraWQiOiI1SDZEQlAyR0E1IiwidHlwIjoiSldUIiwiYWxnIjoiRVMyNTYifQ.eyJpc3MiOiI0Njg5NkZRSFgyIiwiaWF0IjoxNzQ2NzYyMDY2LCJvcmlnaW4iOiJ3d3cuaXN0dWRpb3NnLmNvbSJ9.auAkvVIPCaY73yQjcammRk6DID4vJpijWzhB2kWfOzLtcEclmavkBRAn7eEViSvLKVRt45zmNjODWadyzmProg");
1373                     },
1374                     language: 'en',
1375                  });
1376               }
1377            
1378               if (window?.google) {
1379                  google.maps.importLibrary('geocoding');
1380                  google.maps.importLibrary('places');
1381               }
1382            });
1383          </script>
1383
1384          <div class="header__icons">
1385            <div class="desktop-localization-wrapper">
1386            </div>
1387            <a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide">
1388              <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">
1389                <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">
1390                </path>
1391              </svg>
1392              <span class="visually-hidden">MASUK</span>
1393            </a>
1394            <a href="javascript: void(0)" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
1395              <svg width="19" height="22" viewBox="0 0 19 22" fill="none" xmlns="http://www.w3.org/2000/svg">
1396                <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 4.25C6.5 2.93882 7.76806 1.75 9.5 1.75C11.2319 1.75 12.5 2.93882 12.5 4.25H6.5ZM5.5 4.25C5.5 2.24747 7.36595 0.75 9.5 0.75C11.6341 0.75 13.5 2.24747 13.5 4.25H17C18.1046 4.25 19 5.14543 19 6.25V19.25C19 20.3546 18.1046 21.25 17 21.25H2C0.895431 21.25 0 20.3546 0 19.25V6.25C0 5.14543 0.895431 4.25 2 4.25H5.5ZM1 6.25C1 5.69772 1.44772 5.25 2 5.25H17C17.5523 5.25 18 5.69772 18 6.25V19.25C18 19.8023 17.5523 20.25 17 20.25H2C1.44772 20.25 1 19.8023 1 19.25V6.25Z" fill="currentColor"></path>
1397              </svg>
1398              <span class="visually-hidden">DAFTAR</span>
1399            </a>
1400          </div>
1401        </header>
1402        <div class="button-login-daftar">
1403          <a class="login" href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noreferrer" style="color: rgb(255, 255, 255);">
1404          LOGIN
1405          </a>
1406          <a class="register" href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noreferrer" style="color: rgb(255, 255, 255);">
1407          DAFTAR
1408          </a>
1409        </div>
1410        <br>
1411        <div class="header_nav">
1412          <lazyload-section data-selectors="[&quot;.js-header-dropdown-menu-list&quot;]">
1413            <nav class="header__inline-menu">
1414              <ul class="list-menu list-menu--inline">
1415                <li>
1416                  <header-menu>
1417                    <details id="Details-HeaderMenu-1" class="mainMenuUpdate2">
1418                      <summary id="headerCss HeaderMenu-mac" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-1">
1419                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D</a></p>
1420                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1421                          <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">
1422                          </path>
1423                        </svg>
1424                      </summary>
1425                      <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>
1426                    </details>
1427                  </header-menu>
1428                </li>
1429                <li>
1430                  <header-menu>
1431                    <details id="Details-HeaderMenu-2" class="mainMenuUpdate2">
1432                      <summary id="headerCss HeaderMenu-ipad" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-2">
1433                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D DAFTAR</a></p>
1434                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1435                          <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">
1436                          </path>
1437                        </svg>
1438                      </summary>
1439                      <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>
1440                    </details>
1441                  </header-menu>
1442                </li>
1443                <li>
1444                  <header-menu>
1445                    <details id="Details-HeaderMenu-3" class="mainMenuUpdate2">
1446                      <summary id="headerCss HeaderMenu-iphone" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-3">
1447                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D LOGIN</a></p>
1448                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1449                          <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">
1450                          </path>
1451                        </svg>
1452                      </summary>
1453                      <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>
1454                    </details>
1455                  </header-menu>
1456                </li>
1457                <li>
1458                  <header-menu>
1459                    <details id="Details-HeaderMenu-4" class="mainMenuUpdate2">
1460                      <summary id="headerCss HeaderMenu-watch" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-4">
1461                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D LINK</a></p>
1462                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1463                          <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">
1464                          </path>
1465                        </svg>
1466                      </summary>
1467                      <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>
1468                    </details>
1469                  </header-menu>
1470                </li>
1471                <li>
1472                  <header-menu>
1473                    <details id="Details-HeaderMenu-5" class="mainMenuUpdate2">
1474                      <summary id="headerCss HeaderMenu-music" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-5">
1475                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D AKSES</a></p>
1476                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1477                          <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">
1478                          </path>
1479                        </svg>
1480                      </summary>
1481                      <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>
1482                    </details>
1483                  </header-menu>
1484                </li>
1485                <li>
1486                  <header-menu>
1487                    <details id="Details-HeaderMenu-6" class="mainMenuUpdate2">
1488                      <summary id="headerCss HeaderMenu-tv-home" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-6">
1489                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D RESMI</a></p>
1490                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1491                          <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">
1492                          </path>
1493                        </svg>
1494                      </summary>
1495                      <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>
1496                    </details>
1497                  </header-menu>
1498                </li>
1499                <li>
1500                  <header-menu>
1501                    <details id="Details-HeaderMenu-7" class="mainMenuUpdate2">
1502                      <summary id="headerCss HeaderMenu-accessories" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-7">
1503                        <p><a href="https://www.cleanwaterpartnership.org/contact/">CAFE4D ALTERNATIF</a></p>
1504                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1505                          <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">
1506                          </path>
1507                        </svg>
1508                      </summary>
1509                      <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>
1510                    </details>
1511                  </header-menu>
1512                </li>
1513              </ul>
1514            </nav>
1515          </lazyload-section>
1516        </div>
1517      </sticky-header>
1518      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/custom-style.css?v=128650136086380557481742784888" rel="stylesheet" type="text/css" media="all">
1519      <lazyload-section data-render-on-load="true" data-selector="cart-notification"></lazyload-section>
1520      <style>
1521        .cart-notification {
1522        display: none;
1523        }
1524      </style>
1525      
1525<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Tim CAFE4D","url":"https://www.cleanwaterpartnership.org/contact/","sameAs":["https://www.facebook.com/groups/CAFE4D","https://www.instagram.com/CAFE4D","https://x.com/CAFE4D_resmi"]}</script>
1525
1526      
1526<script>
1527        $("input").focus(function () {
1528           $(".btn_close").css("visibility", "visible");
1529        });
1530        $(".btn_close").on("mousedown ", function () {
1531           $(".nosubmit").val("");
1532        });
1533        $("input").focusout(function () {
1534           $(".btn_close").css("visibility", "hidden");
1535        });
1536        $("input").focus(function () {
1537           if (document.querySelector('.gl-fullscreen-header') !== null) {
1538              $(".btn_close").css("visibility", "hidden");
1539           }
1540        });
1541        $("#Details-menu-drawer-container").on("click", function () {
1542           if ($("#cart-notification").hasClass("minicart-active")) {
1543              $("#cart-notification").hide();
1544              $('#cart-notification').removeClass('minicart-active');
1545           }
1546        });
1547        $('body,html').click(function (e) {
1548           if ($("#cart-notification").hasClass("minicart-active")) {
1549              $("#cart-notification").hide();
1550              $('#cart-notification').removeClass('minicart-active');
1551           }
1552        });
1553      </script>
1553
1554    </div>
1555    
1556    <div class="hidden">
1557      <div id="shopify-section-predictive-search" class="shopify-section">
1558      </div>
1559    </div>
1560    <div id="shopify-section-navigation_stripe" class="shopify-section slider-container">
1561      <style>
1562        div#shopify-section-navigation_stripe {
1563        display: flex;
1564        width: 100%;
1565        background: #fff;
1566        padding: 12px 0;
1567        box-shadow: inset 0px -0.5px 0px #d2d2d2;
1568        height: 108px;
1569        max-height: 108px;
1570        overflow: hidden;
1571        }
1572      </style>
1573      <div class="nav-left-arrow"></div>
1574      <div class="apl_lob_slider without_main_title apl_lob_slider-ipad">
1575        <div class="apl_lob_list_item">
1576          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1577            <div class="list-lob">
1578              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1579                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1580              </div>
1581              <div class="apl_lob_content">
1582                <div class="tagcontainer">
1583                  <div class="apl_label_attr" style="color: #246aff">
1584                    BARU
1585                  </div>
1586                </div>
1587                <p class="apl_lob_title">CAFE4D</p>
1588                <p class="prod apl_lob_price">
1589                  Mulai dari
1590                  IDR 10.000
1591                </p>
1592              </div>
1593            </div>
1594          </a>
1595        </div>
1596        <div class="apl_lob_list_item">
1597          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1598            <div class="list-lob">
1599              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1600                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1601              </div>
1602              <div class="apl_lob_content">
1603                <div class="tagcontainer">
1604                  <div class="apl_label_attr" style="color: #246aff">
1605                    BARU
1606                  </div>
1607                </div>
1608                <p class="apl_lob_title">CAFE4D DAFTAR</p>
1609                <p class="prod apl_lob_price">
1610                  Mulai dari
1611                  IDR 10.000
1612                </p>
1613              </div>
1614            </div>
1615          </a>
1616        </div>
1617        <div class="apl_lob_list_item">
1618          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1619            <div class="list-lob">
1620              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1621                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1622              </div>
1623              <div class="apl_lob_content">
1624                <div class="tagcontainer">
1625                  <div class="apl_label_attr" style="color: #246aff">
1626                    BARU
1627                  </div>
1628                </div>
1629                <p class="apl_lob_title">CAFE4D LOGIN</p>
1630                <p class="prod apl_lob_price">
1631                  Mulai dari
1632                  IDR 10.000
1633                </p>
1634              </div>
1635            </div>
1636          </a>
1637        </div>
1638        <div class="apl_lob_list_item">
1639          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1640            <div class="list-lob">
1641              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1642                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1643              </div>
1644              <div class="apl_lob_content">
1645                <div class="tagcontainer">
1646                  <div class="apl_label_attr" style="color: #246aff">
1647                    BARU
1648                  </div>
1649                </div>
1650                <p class="apl_lob_title">CAFE4D LINK</p>
1651                <p class="prod apl_lob_price">
1652                  Mulai dari
1653                  IDR 10.000
1654                </p>
1655              </div>
1656            </div>
1657          </a>
1658        </div>
1659        <div class="apl_lob_list_item">
1660          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1661            <div class="list-lob">
1662              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1663                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1664              </div>
1665              <div class="apl_lob_content">
1666                <div class="tagcontainer">
1667                </div>
1668                <p class="apl_lob_title">CAFE4D AKSES</p>
1669                <p class="prod apl_lob_price">
1670                  Mulai dari
1671                  IDR 10.000
1672                </p>
1673              </div>
1674            </div>
1675          </a>
1676        </div>
1677        <div class="apl_lob_list_item">
1678          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1679            <div class="list-lob">
1680              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1681                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1682              </div>
1683              <div class="apl_lob_content">
1684                <div class="tagcontainer">
1685                  <div class="apl_label_attr" style="color: #246aff">
1686                    BARU
1687                  </div>
1688                </div>
1689                <p class="apl_lob_title">CAFE4D RESMI</p>
1690                <p class="collection apl_lob_price">
1691                  Mulai dari
1692                  IDR 10.000
1693                </p>
1694              </div>
1695            </div>
1696          </a>
1697        </div>
1698        <div class="apl_lob_list_item">
1699          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1700            <div class="list-lob">
1701              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1702                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1703              </div>
1704              <div class="apl_lob_content">
1705                <div class="tagcontainer">
1706                  <div class="apl_label_attr" style="color: #246aff">
1707                    BARU
1708                  </div>
1709                </div>
1710                <p class="apl_lob_title">CAFE4D ALTERNATIF</p>
1711                <p class="collection apl_lob_price">
1712                  Mulai dari
1713                  IDR 10.000
1714                </p>
1715              </div>
1716            </div>
1717          </a>
1718        </div>
1719        <div class="apl_lob_list_item">
1720          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
1721            <div class="list-lob">
1722              <div class="imagecontainer ratio" style="--ratio-percent: 100%;">
1723                <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 90w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 180w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 240w" sizes="(max-width): 90px,(max-width): 180px,100vw" height="84" width="84" loading="lazy" alt="">
1724              </div>
1725              <div class="apl_lob_content">
1726                <div class="tagcontainer">
1727                  <div class="apl_label_attr" style="color: #246aff">
1728                    BARU
1729                  </div>
1730                </div>
1731                <p class="apl_lob_title">CAFE4D</p>
1732                <p class="collection apl_lob_price">
1733                  Mulai dari
1734                  IDR 10.000
1735                </p>
1736              </div>
1737            </div>
1738          </a>
1739        </div>
1740        <div class="apl_lob_list_item end_lob_text">
1741          <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="end_lob_title">
1742            <span class="end_title_anchor">
1743              Lihat Daftar Game Mudah Dipahami
1744              <svg width="5" height="9" viewBox="0 0 5 9" fill="none" xmlns="http://www.w3.org/2000/svg">
1745                <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="#7da7ff"></path>
1746              </svg>
1747            </span>
1748          </a>
1749        </div>
1750      </div>
1751      <div class="nav-right-arrow"></div>
1752    </div>
1753    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
1754      <section id="shopify-section-template--17605519376564__main" class="shopify-section section">
1755        <section id="MainProduct-template--17605519376564__main" class="product-page-width page-width section-template--17605519376564__main-padding" data-section="template--17605519376564__main">
1756          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/section-main-product.css?v=106354761565452021941742784887" rel="stylesheet" type="text/css" media="all">
1757          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-accordion.css?v=114305622551526091581742784887" rel="stylesheet" type="text/css" media="all">
1758          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-price.css?v=89212854351592844731742784887" rel="stylesheet" type="text/css" media="all">
1759          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-slider.css?v=102975581670085299341742784888" rel="stylesheet" type="text/css" media="all">
1760          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-rating.css?v=157771854592137137841742784889" rel="stylesheet" type="text/css" media="all">
1761          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-loading-overlay.css?v=160031540023746741091742784889" rel="stylesheet" type="text/css" media="all">
1762          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-deferred-media.css?v=14096082462203297471742784888" rel="stylesheet" type="text/css" media="all">
1763          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/custom-style.css?v=128650136086380557481742784888" rel="stylesheet" type="text/css" media="all">
1764          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/collapsecon.css?v=55192844502193137581742784889" rel="stylesheet" type="text/css" media="all">
1765          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/productMarketingContent.css?v=134348870364535945721742784887" rel="stylesheet" type="text/css" media="all">
1766          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/fancybox-3-5-7.css?v=48221248546321444771742784887" rel="stylesheet" type="text/css" media="all">
1767          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-trade-in-sellto.css?v=107184028641227493051757586003" rel="stylesheet" type="text/css" media="all">
1768          <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-trade-in-dialog.css?v=16175248172835987831757430081" rel="stylesheet" type="text/css" media="all">
1769          <style data-shopify="">
1770            .section-template--17605519376564__main-padding {
1771            padding-top: 27px;
1772            padding-bottom: 9px;
1773            }
1774            @media screen and (min-width: 750px) {
1775            .section-template--17605519376564__main-padding {
1776            padding-top: 36px;
1777            padding-bottom: 12px;
1778            }
1779            }
1780          </style>
1781          
1781<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/google_analytics_finacing.js?v=123767470501580560631742784889" defer="defer"></script>
1781
1782          
1782<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/product-info.js?v=68469288658591082901742784888" defer="defer"></script>
1782
1783          <div class="product product--large product--left product--stacked product--mobile-hide grid grid--1-col grid--2-col-tablet">
1784            <div class="product-page-width mobile-view_product-title">
1785              <div class="priceAndLabelTag">
1786                <div class="product_tag_display_container">
1787                  <span class="product_tag_display" style="color:#246aff;">BARU</span>
1788                </div>
1789              </div>
1790              <div class="product-title-style product__title">
1791                <div>CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</div>
1792              </div>
1793              <div class="product-subtitle-style"></div>
1794              <div class="skuAndBarcode">
1795                <span class="sku-pdp" id="skumob-template--17605519376564__main">
1796                <span id="skutitle1">
1797                ID: </span>8548789276</span>
1798                <span class="barcode-pdp" id="barcmob-template--17605519376564__main">
1799                <label id="barcodetitle1">
1800                Ref:</label>
1801                <span class="barcodeinput" id="main-pro-barcode-mobile">8548789276</span>
1802                </span>
1803              </div>
1804              <p class="product__preorder-message"></p>
1805            </div>
1806            <div class="grid__item product__media-wrapper">
1807              <media-gallery id="MediaGallery-template--17605519376564__main" role="region" class="product__media-gallery product-custom-media" aria-label="Penampil Galeri" data-desktop-layout="stacked">
1808                <div id="GalleryStatus-template--17605519376564__main" class="visually-hidden" role="status"></div>
1809                <slider-component id="GalleryViewer-template--17605519376564__main" class="slider-mobile-gutter">
1810                  <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--17605519376564__main">
1811                  Langsung ke info game
1812                  </a>
1813                  <ul id="Slider-Gallery-template--17605519376564__main" class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile">
1814                    <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" aria-hidden="false" tabindex="0">
1815                      <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;">
1816                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1817                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1818                            <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">
1819                              <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>
1820                              <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>
1821                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1822                            </svg>
1823                          </span>
1824                          <div class="loading-overlay__spinner hidden">
1825                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1826                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1827                              </circle>
1828                            </svg>
1829                          </div>
1830                          <div class="product__media media media--transparent">
1831                            <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 246w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 493w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 600w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 713w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 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)" aria-hidden="false" tabindex="0">
1832                          </div>
1833                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040123572" aria-hidden="false" tabindex="0">
1834                          <span class="visually-hidden">
1835                          Buka media 1 di modal
1836                          </span>
1837                          </button>
1838                        </modal-opener>
1839                      </div>
1840                    </li>
1841                    <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" aria-hidden="true" tabindex="-1">
1842                      <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;">
1843                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1844                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1845                            <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">
1846                              <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>
1847                              <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>
1848                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1849                            </svg>
1850                          </span>
1851                          <div class="loading-overlay__spinner hidden">
1852                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1853                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1854                              </circle>
1855                            </svg>
1856                          </div>
1857                          <div class="product__media media media--transparent">
1858                            <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D Cara Pilih Game yang Cepat Dipahami" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 246w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 493w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 600w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 713w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 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)" aria-hidden="true" tabindex="-1">
1859                          </div>
1860                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040156340" aria-hidden="true" tabindex="-1">
1861                          <span class="visually-hidden">
1862                          Buka media 2 di modal
1863                          </span>
1864                          </button>
1865                        </modal-opener>
1866                      </div>
1867                    </li>
1868                    <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" aria-hidden="true" tabindex="-1">
1869                      <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;">
1870                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1871                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1872                            <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">
1873                              <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>
1874                              <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>
1875                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1876                            </svg>
1877                          </span>
1878                          <div class="loading-overlay__spinner hidden">
1879                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1880                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1881                              </circle>
1882                            </svg>
1883                          </div>
1884                          <div class="product__media media media--transparent">
1885                            <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D Tips Kenali Aturan Game" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 246w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 493w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 600w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 713w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 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)" aria-hidden="true" tabindex="-1">
1886                          </div>
1887                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040189108" aria-hidden="true" tabindex="-1">
1888                          <span class="visually-hidden">
1889                          Buka media 3 di modal
1890                          </span>
1891                          </button>
1892                        </modal-opener>
1893                      </div>
1894                    </li>
1895                    <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" aria-hidden="true" tabindex="-1">
1896                      <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;">
1897                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1898                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1899                            <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">
1900                              <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>
1901                              <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>
1902                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1903                            </svg>
1904                          </span>
1905                          <div class="loading-overlay__spinner hidden">
1906                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1907                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1908                              </circle>
1909                            </svg>
1910                          </div>
1911                          <div class="product__media media media--transparent">
1912                            <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D Panduan Memilih Game" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 246w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 493w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 600w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 713w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 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)" aria-hidden="true" tabindex="-1">
1913                          </div>
1914                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040221876" aria-hidden="true" tabindex="-1">
1915                          <span class="visually-hidden">
1916                          Buka media 4 di modal
1917                          </span>
1918                          </button>
1919                        </modal-opener>
1920                      </div>
1921                    </li>
1922                    <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" aria-hidden="true" tabindex="-1">
1923                      <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;">
1924                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1925                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1926                            <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">
1927                              <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>
1928                              <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>
1929                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1930                            </svg>
1931                          </span>
1932                          <div class="loading-overlay__spinner hidden">
1933                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1934                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1935                              </circle>
1936                            </svg>
1937                          </div>
1938                          <div class="product__media media media--transparent">
1939                            <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="Cara Cepat Paham Main Game Online" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 246w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 493w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 600w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 713w, https://ik.imagekit.io/hdhbrlxew/cafenamm.png 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)" aria-hidden="true" tabindex="-1">
1940                          </div>
1941                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040254644" aria-hidden="true" tabindex="-1">
1942                          <span class="visually-hidden">
1943                          Buka media 5 di modal
1944                          </span>
1945                          </button>
1946                        </modal-opener>
1947                      </div>
1948                    </li>
1949                    <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" aria-hidden="true" tabindex="-1">
1950                      <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;">
1951                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1952                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1953                            <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">
1954                              <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>
1955                              <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>
1956                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1957                            </svg>
1958                          </span>
1959                          <div class="loading-overlay__spinner hidden">
1960                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1961                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1962                              </circle>
1963                            </svg>
1964                          </div>
1965                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040287412" aria-hidden="true" tabindex="-1">
1966                          <span class="visually-hidden">
1967                          Buka media 6 di modal
1968                          </span>
1969                          </button>
1970                        </modal-opener>
1971                      </div>
1972                    </li>
1973                    <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" aria-hidden="true" tabindex="-1">
1974                      <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;">
1975                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
1976                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
1977                            <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">
1978                              <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>
1979                              <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>
1980                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
1981                            </svg>
1982                          </span>
1983                          <div class="loading-overlay__spinner hidden">
1984                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1985                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
1986                              </circle>
1987                            </svg>
1988                          </div>
1989                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040320180" aria-hidden="true" tabindex="-1">
1990                          <span class="visually-hidden">
1991                          Buka media 7 di modal
1992                          </span>
1993                          </button>
1994                        </modal-opener>
1995                      </div>
1996                    </li>
1997                    <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" aria-hidden="true" tabindex="-1">
1998                      <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;">
1999                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
2000                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
2001                            <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">
2002                              <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>
2003                              <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.
20031983C7.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>
2004                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
2005                            </svg>
2006                          </span>
2007                          <div class="loading-overlay__spinner hidden">
2008                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2009                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
2010                              </circle>
2011                            </svg>
2012                          </div>
2013                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040352948" aria-hidden="true" tabindex="-1">
2014                          <span class="visually-hidden">
2015                          Buka media 8 di modal
2016                          </span>
2017                          </button>
2018                        </modal-opener>
2019                      </div>
2020                    </li>
2021                    <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" aria-hidden="true" tabindex="-1">
2022                      <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;">
2023                        <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17605519376564__main">
2024                          <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true">
2025                            <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">
2026                              <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>
2027                              <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>
2028                              <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"></path>
2029                            </svg>
2030                          </span>
2031                          <div class="loading-overlay__spinner hidden">
2032                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2033                              <circle class="path" fill="none" stroke-width="4" cx="33" cy="33" r="30">
2034                              </circle>
2035                            </svg>
2036                          </div>
2037                          <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="32122040385716" aria-hidden="true" tabindex="-1">
2038                          <span class="visually-hidden">
2039                          Buka media 9 di modal
2040                          </span>
2041                          </button>
2042                        </modal-opener>
2043                      </div>
2044                    </li>
2045                    <div class="slider-buttons no-js-hidden quick-add-hidden">
2046                      <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Geser ke kiri" disabled="disabled">
2047                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2048                          <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">
2049                          </path>
2050                        </svg>
2051                      </button>
2052                      <div class="slider-counter caption">
2053                        <span class="slider-counter--current">NaN</span>
2054                        <span aria-hidden="true"> / </span>
2055                        <span class="visually-hidden">dari</span>
2056                        <span class="slider-counter--total">-Infinity</span>
2057                      </div>
2058                      <button type="button" class="slider-button slider-button--next" name="next" aria-label="Geser ke kanan" disabled="disabled">
2059                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2060                          <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">
2061                          </path>
2062                        </svg>
2063                      </button>
2064                    </div>
2065                  </ul>
2066                </slider-component>
2067              </media-gallery>
2068            </div>
2069            <div class="product__info-wrapper grid__item">
2070              <product-info id="ProductInfo-template--17605519376564__main" data-section="template--17605519376564__main" data-url="/products/iphone-17-pro-mg8h4x-a" class="product__info-container">
2071                <div class="desktop-view_Product-title">
2072                  <div class="priceAndLabelTag">
2073                    <div class="product_tag_display_container">
2074                      <span class="product_tag_display" style="color:#246aff;">BARU</span>
2075                    </div>
2076                  </div>
2077                  <div class="product-title-style product__title">
2078                    <div> CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</div>
2079                  </div>
2080                  <div class="product-subtitle-style"></div>
2081                  <div class="skuAndBarcode">
2082                    <span class="sku-pdp" id="sku-template--17605519376564__main">
2083                    <span id="skutitle2">
2084                    ID:
2085                    </span> 8548789276
2086                    </span>
2087                    <span class="barcode-pdp" id="barc-template--17605519376564__main">
2088                    <label id="barcodetitle2">
2089                    Ref:</label>
2090                    <span class="barcodeinput" id="main-pro-barcode">8548789276</span>
2091                    </span>
2092                  </div>
2093                  <p class="product__preorder-message"></p>
2094                </div>
2095                <div class="pricestyle no-js-hidden" id="price-template--17605519376564__main" role="status">
2096                  <style>
2097                    .price-segment-discount {
2098                    border-radius: 6px;
2099                    background: #3374ff;
2100                    padding: 1px;
2101                    padding-left: 5px;
2102                    padding-right: 5px;
2103                    color: white;
2104                    display: inline-block;
2105                    font-size: 15px;
2106                    }
2107                    #price-item-sale {
2108                    font-family: var(--font-body-family);
2109                    font-style: normal;
2110                    font-weight: 600;
2111                    font-size: 28px;
2112                    line-height: 28px;
2113                    letter-spacing: -0.02em;
2114                    }
2115                    .footerOr3 {
2116                    display: none;
2117                    }
2118                    @media screen and (max-width: 767px) {
2119                    #price-element .footerOr3 {
2120                    display: inline-block;
2121                    color: #000;
2122                    }
2123                    }
2124                  </style>
2125                  <div class="
2126                    price price-product-pdp price--large price--sold-out price--show-badge">
2127                    <div class="price__container">
2128                      <p class="actual_price  ">
2129                        <span class="price--title">
2130                        </span>
2131                        <span class="js-product-price-with-care-warranty actual_price_bold cto_actual_price_bold" data-price="IDR 10.000" data-price-without-currency="259.00" data-price-with-care="IDR 10.000" data-price-with-secwarranty="IDR 10.000" data-price-with-care-and-secwarranty="IDR 10.000" data-price-with-trade-in="0" data-price-calculation="4">
2132                        IDR 10.000
2133                        </span>
2134                      </p>
2135                      <small class="unit-price caption hidden">
2136                      <span class="visually-hidden">Min. deposit</span>
2137                      <span class="price-item price-item--last">
2138                      <span></span>
2139                      <span aria-hidden="true">/</span>
2140                      <span class="visually-hidden">&nbsp;per&nbsp;</span>
2141                      <span>
2142                      </span>
2143                      </span>
2144                      </small>
2145                    </div>
2146                  </div>
2147                </div>
2148                <div class="product__tax caption rte">QRIS, E-Wallet, Bank.
2149                  <a href="/policies/shipping-policy">Penarikan</a> dilayani via LIVE CHAT.
2150                </div>
2151                <div>
2152                  <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">
2153                    <input type="hidden" name="product-id" value="7986665160884"><input type="hidden" name="section-id" value="template--17605519376564__main">
2154                  </form>
2155                </div>
2156                <input type="hidden" id="tax_free_campaign" value="0">
2157                <div id="pdp_monthly_price_taxfree_false">
2158                  <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-net-monthly-pricing.css?v=99277447350168012461742784889" rel="stylesheet" type="text/css" media="all">
2159                  <div class="net-monthly-pricing__conditional--pdp">
2160                    <p class="net-monthly-pricing__conditional-text">
2161                      atau
2162                    </p>
2163                  </div>
2164                  <div class="net-monthly-pricing net-monthly-pricing--pdp first-party "><span>
2165                    <span class="net-monthly-pricing__conditional--footer-only">
2166                    <span class="net-monthly-pricing__conditional-text">
2167                    atau
2168                    </span>
2169                    </span>
2170                    <span class="js-product-price-with-care-warranty" data-price="IDR 10.000" data-price-without-currency="259.00" data-price-with-care="IDR 10.000" data-price-with-secwarranty="IDR 5.000" data-price-with-care-and-secwarranty="IDR 10.000" data-price-with-trade-in="0" data-price-calculation="4">IDR 5.000</span>/taruhan untuk 4 ronde.
2171                    </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">
2172                    Lihat Daftar Game
2173                    <i class="fa-solid fa-angle-right billboard_icon"></i>
2174                    </a>
2175                  </div>
2176                </div>
2177                <div class="product__gwp-promo-wrapper js-gwp-replace"></div>
2178                <variant-radios1 class="no-js-hidden" data-section="template--17605519376564__main" data-url="/products/iphone-17-pro-mg8h4x-a">
2179                  <fieldset class="js product-form__input bottom-space js-product-option-form">
2180                    <legend class="form__label form__label__bold">
2181                      Game Mudah Dimainkan
2182                      <span class="color-name">- Cepat Paham </span>
2183                    </legend>
2184                    <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="">
2185                    <label data-option="Color" data-title="Cepat Paham" 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="Game Cepat Paham" style="
2186                      background-color: orange;
2187                      background-size: cover;
2188                      background-image: url('//www.istudiosg.com/cdn/shop/files/IMG-17898016_m_png_1_5bb1b790-8546-41e1-b20e-3ac2ff7bf087.png?v=1757449788')
2189                      ">
2190                    <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="Nonaktif">
2191                    &nbsp; </label>
2192                    <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">
2193                    <label data-option="Color" data-title="Gampang Dipelajari" 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="Game Gampang Dipelajari" style="
2194                      background-color: green;
2195                      background-size: cover;
2196                      background-image: url('//www.istudiosg.com/cdn/shop/files/IMG-17898017_m_png_1.png?v=1757449914')
2197                      ">
2198                    <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="Nonaktif">
2199                    &nbsp; </label>
2200                    <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">
2201                    <label data-option="Color" data-title="Langsung Bisa" 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="Game Langsung Bisa" style="
2202                      background-color: silver;
2203                      background-size: cover;
2204                      background-image: url('//www.istudiosg.com/cdn/shop/files/IMG-17898018_m_png_1.png?v=1757449722                                          ')
2205                      ">
2206                    <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="Nonaktif">
2207                    &nbsp; </label>
2208                  </fieldset>
2209                  <p>
2210                    <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank">
2211                    <img style="display:block;margin-left:auto;margin-right:auto;" src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" width="300" height="100">
2212                    </a>
2213                  </p>
2214                  <fieldset class="js product-form__input bottom-sp
2214ace js-product-option-form">
2215                    <legend class="form__label form__label__bold">
2216                      Tingkat Kesulitan
2217                    </legend>
2218                    <input type="radio" id="template--17605519376564__main-Model-0" name="Model" data-option_count="option2" data-label_name="Model" value="CAFE4D" form="product-form-template--17605519376564__main" class="radio smart_radio varient_CAFE4D" data-varient="CAFE4D" data-color_present="no_color_present" data-option_name="No-color" checked="">
2219                    <label data-option="no-color" data-title="CAFE4D" aria-label="Mode Mudah CAFE4D" data-noproduct="" class="title-tip iphone-17-prooption2" for="template--17605519376564__main-Model-0">
2220                    CAFE4D
2221                    </label>
2222                    <input type="radio" id="template--17605519376564__main-Model-1" name="Model" data-option_count="option2" data-label_name="Model" value="CAFE4D LOGIN" form="product-form-template--17605519376564__main" class="radio smart_radio varient_CAFE4D LOGIN" data-varient="CAFE4D LOGIN" data-color_present="no_color_present" data-option_name="No-color">
2223                    <label data-option="no-color" data-title="Panduan Cari Game" aria-label="Mode CAFE4D LOGIN" data-noproduct="" class="title-tip iphone-17-pro-maxoption2" for="template--17605519376564__main-Model-1">
2224                    CAFE4D
2225                    </label>
2226                  </fieldset>
2227                  <fieldset class="js product-form__input bottom-space js-product-option-form">
2228                    <legend class="form__label form__label__bold">
2229                      Batas
2230                    </legend>
2231                    <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="">
2232                    <label data-option="no-color" data-title="Tahap 1" aria-label="Batas Level 1" data-noproduct="" class="title-tip 256gboption3" for="template--17605519376564__main-Capacity-0">
2233                    X 1000
2234                    </label>
2235                    <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">
2236                    <label data-option="no-color" data-title="Tahap 2" aria-label="Batas Level 2" data-noproduct="" class="title-tip 512gbo
2236ption3" for="template--17605519376564__main-Capacity-1">
2237                    X 250
2238                    </label>
2239                    <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">
2240                    <label data-option="no-color" data-title="Tahap 3" aria-label="Batas Level 3" data-noproduct="" class="title-tip 1tboption3" for="template--17605519376564__main-Capacity-2">
2241                    X 100
2242                    </label>
2243                    <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">
2244                    <label data-option="no-color" data-title="Tahap 4" aria-label="Batas Level 4" data-noproduct="" class="title-tip 2tboption3" for="template--17605519376564__main-Capacity-3">
2245                    X 50
2246                    </label>
2247                  </fieldset>
2248                </variant-radios1>
2249                <noscript class="product-form__noscript-wrapper-template--17605519376564__main">
2250                  <div class="product-form__input hidden">
2251                    <label class="form__label form__label__bold"
2252                      for="Variants-template--17605519376564__main">Product variants</label>
2253                    <div class="select">
2254                      <select name="id" id="Variants-template--17605519376564__main" class="select__select"
2255                        form="product-form-template--17605519376564__main">
2256                        <option selected="selected" disabled value="44033871610036">
2257                          Default Title
2258                          - Out of Stock
2259                          - IDR 10.000
2260                        </option>
2261                      </select>
2262                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2263                        <path fill-rule="evenodd" clip-rule="evenodd"
2264                          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"
2265                          fill="currentColor"></path>
2266                      </svg>
2267                    </div>
2268                  </div>
2269                </noscript>
2270                <div class="trade-in bottom-space" id="tradeIn">
2271                </div>
2272                <div class="applecare-replace">
2273                  <div class="add-on-product-style add-on-product-style-applecare">
2274                    <input id="applecare-product-mpn" type="hidden" name="properties[applecare-product-mpn]" value="">
2275                    <input id="applecare-product-sku" type="hidden" name="properties[applecare-product-sku]" value="SWY42ZX/A">
2276                    <input id="applecare-product-handle" type="hidden" name="properties[applecare-product-handle]" value="apple-applecare-for-iphone-17-pro-protect-your-apple-product">
2277                    <div class="add-on-product-container1">
2278                      <h3>CAFE4D</h3>
2279                      <div class="container-box-2">
2280                        <div class="mobile-care-pdp">
2281                          <div class="left care-pdp-img">
2282                            <a class="care-img" href="/pages/applecare-landing-page">
2283                            <img src="https://ik.imagekit.io/hdhbrlxew/iconcafegt.png?updatedAt=1788959022925" loading="lazy" class="add-on-image" width="100" height="100" alt="Ikon situs">
2284                            </a>
2285                          </div>
2286                          <div class="care-pdp-title">
2287                            <span class="add-on-element care-info">
2288                              CAFE4D.
2289                              <span>IDR 10.000</span>
2290                              <div class="care-info-learn-more">
2291                                <div class="seedkit-component-standalone">
2292                                  <a class="ac-modal-trigger icon" data-modal-target="modal-pdp-apple-care-modal">
2293                                  Lihat Daftar Game
2294                                  <i class="fa-solid fa-angle-right billboard_icon"></i></a>
2295                                </div>
2296                              </div>
2297                            </span>
2298                          </div>
2299                          <input type="hidden" id="apple-care-varid" name="id" value="44034304409780">
2300                          <span class="add-on-element" aria-hidden="true">
2301                          <label class="visually-hidden" for="add-apple-care">Tambah Bonus Harian</label>
2302                          <input class="add-on-product-checkbox" id="add-apple-care" type="checkbox" name="id[]" value="44034304409780" autocomplete="off">
2303                          </span>
2304                        </div>
2305                        <div>
2306                          <a href="javascript:void(0)" data-index="44034304409780" id="apple-care-add">
2307                            <div class="pdp-care-btn btn product-form__submit">Tambah</div>
2308                          </a>
2309                        </div>
2310                      </div>
2311                    </div>
2312                  </div>
2313                </div>
2314                <div class="secWarranty-replace">
2315                </div>
2316                <div id="Quantity-Form-template--17605519376564__main" class="margin-space-pdp product-form__input product-form__quantity">
2317                  <label class="quantity__label form__label form__label__bold" for="prodQuantity">
2318                    Jumlah
2319                    <span class="quantity__rules-cart no-js-hidden hidden">
2320                      <span class="loading-overlay hidden">
2321                        <span class="loading-overlay__spinner">
2322                          <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2323                            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30">
2324                            </circle>
2325                          </svg>
2326                        </span>
2327                      </span>
2328                      <span>(<span class="quantity-cart">0</span> dalam daftar)</span>
2329                    </span>
2330                  </label>
2331                  <div class="price-per-item__container">
2332                    <quantity-input class="quantity js-qty-input" data-url="/products/iphone-17-pro-mg8h4x-a" data-section="template--17605519376564__main">
2333                      <button class="quantity__button no-js-hidden disabled" name="minus" type="button">
2334                        <span class="visually-hidden">Kurangi jumlah untuk CAFE4D 💫 Platform Cari Game Online yang Cara Mainnya Cepat Dipahami</span>
2335                        <svg width="8" height="3" viewBox="0 0 8 3" fill="none" xmlns="http://www.w3.org/2000/svg">
2336                          <path d="M8 2.63477V0.501953H0V2.63477H8Z" fill="#121212" fill-opacity="0.75">
2337                          </path>
2338                        </svg>
2339                      </button>
2340                      <input pattern="[0-9]*" class="quantity__input" type="number" name="quantity" id="prodQuantity" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" max="null">
2341                      <button class="quantity__button no-js-hidden" name="plus" type="button">
2342                        <span class="visually-hidden">Tambah jumlah untuk CAFE4D 💫 Platform Cari Game Online yang Cara Mainnya Cepat Dipahami</span>
2343                        <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
2344                          <path d="M5.99219 5.56445H9.21875V3.54883H5.99219V0.361328H4V3.54883H0.78125V5.56445H4V8.75977H5.99219V5.56445Z" fill="#121212" fill-opacity="0.75"></path>
2345                        </svg>
2346                      </button>
2347                    </quantity-input>
2348                    <p class="quantity__error hidden js-qty-error">Maaf! Kamu sudah mencapai batas maksimal untuk game ini!
2349                    </p>
2350                  </div>
2351                  <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--17605519376564__main"></div>
2352                </div>
2353                <div class="one-pickup_2">
2354                  <p class="form__label form__label__bold">Menu Cepat</p>
2355                  <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.">
2356                    <pickup-availability-preview class="pickup-availability-preview">
2357                      <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
2358                        <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>
2359                        <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>
2360                        <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>
2361                        <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.
236160347 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>
2362                        <path d="M1.0332 2.06055H14.7997V2.79435H1.0332V2.06055Z" fill="#1D1D1F"></path>
2363                        <rect x="5.4806" y="8.38246" width="4.63549" height="4.63549" rx="0.534864" stroke="black" stroke-width="0.713153"></rect>
2364                      </svg>
2365                      <div class="pickup-availability-info">
2366                        <p class="caption-large">
2367                          <b>LIVE CHAT</b>
2368                        </p>
2369                        <div class="js-pickup-availability-info">
2370                          <p class="caption">
2371                            Memuat chat <i class="fa fa-spinner fa-spin"></i>
2372                          </p>
2373                        </div>
2374                      </div>
2375                    </pickup-availability-preview>
2376                    <template>
2377                      <p class="caption">
2378                        Error loading
2379                      </p>
2380                    </template>
2381                  </pickup-availability>
2382                  <p class="free_shipping_msg_2" style="display:none;">
2383                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">
2384                      <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.
23846827 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"></path>
2385                    </svg>
2386                    <span>
2387                    <b>Penarikan</b><br>
2388                    Biasanya diproses 1-3 hari.
2389                    </span>
2390                  </p>
2391                </div>
2392                <div class="g-atc"></div>
2393                <div>
2394                  <product-form class="product-form" data-hide-errors="false" data-section-id="template--17605519376564__main">
2395                    <div class="product-form__error-message-wrapper" role="alert" hidden="">
2396                      <svg aria-hidden="true" focusable="false" class="icon icon-error" viewBox="0 0 13 13">
2397                        <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
2398                        <circle cx="6.5" cy="6.5" r="5.5" fill="#3374ff" stroke="#3374ff" stroke-width="0.7">
2399                        </circle>
2400                        <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>
2401                        <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="#3374ff" stroke-width="0.7">
2402                        </path>
2403                      </svg>
2404                      <span class="product-form__error-message"></span>
2405                    </div>
2406                    <div class="mpn_handle_GA" hidden="">
2407                      <input id="compr_price_44033871610036" type="hidden" value="">
2408                      <input id="mpn_handle_44033871610036" type="hidden" value="8548789276">
2409                      <input id="total_qty_" type="hidden" value="">
2410                      <input id="prod_price_44033871610036" type="hidden" value="259.00">
2411                    </div>
2412                    <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">
2413                      <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">
2414                      <input id="mpn_handle" type="hidden" name="properties[_uuid]" value="8548789276">
2415                      <input id="main-pro-sku" type="hidden" value="8548789276">
2416                      <input id="main-pro-handle" type="hidden" value="iphone-17-pro-mg8h4x-a">
2417                      <input type="hidden" id="tax_tags" value="a_iphone17pro">
2418                      <input type="hidden" id="product_max_quantity" value="/"><input type="hidden" id="productInventoryQuantity" value="0">
2419                      <input type="hidden" id="product_id" value="7986665160884">
2420                      <input type="hidden" class="pdp_product_list" id="product_list" value="">
2421                      <input type="hidden" class="pdp_product_category" value="SLOT GACOR">
2422                      <input type="hidden" class="pdp_product_currency" value="SGD">
2423                      <input type="hidden" class="pdp_product_price" id="product_price" value="">
2424                      <input type="hidden" class="pdp_product_title" value="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami">
2425                      <div class="addtocartPDP product-form__buttons">
2426                        <button id="addtocart-submit" type="submit" name="add" class="addtocartPDP product-form__submit button button--full-width button--secondary" disabled="">
2427                          <span>Sementara Penuh
2428                          </span>
2429                          <div class="loading-overlay__spinner hidden">
2430                            <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
2431                              <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30">
2432                              </circle>
2433                            </svg>
2434                          </div>
2435                        </button>
2436                        <button type="submit" onclick="addClass()" data-submit="submit" id="button-id-buy" class="shopify-payment-button__button--unbranded shopify-payment-button__button">
2437                        Main Sekarang
2438                        </button>
2439                        
2439<script>
2440                          function addClass() {
2441                             var v = document.getElementById('button-id-buy');
2442                             v.className += ' BUY_NOW_CLICKED';
2443                          }
2444                        </script>
2444
2445                      </div>
2446                      <input type="hidden" name="product-id" value="7986665160884"><input type="hidden" name="section-id" value="template--17605519376564__main">
2447                    </form>
2448                  </product-form>
2449                </div>
2450                <style>
2451                  :root {
2452                  --win-bg: #001e5e;
2453                  --win-border: rgba(255, 255, 255, .12);
2454                  --win-text: #fff6f6;
2455                  --win-muted: #c7c9ce;
2456                  }
2457                  .win-section {
2458                  max-width: 900px;
2459                  margin: 32px auto 40px;
2460                  padding: 20px 18px 30px;
2461                  font-family: "Poppins", system-ui, -apple-system, BlinkCAFE4DSystemFont, sans-serif;
2462                  color: var(--win-text);
2463                  background:
2464                  radial-gradient(circle at top, rgba(179, 204, 255, .12), transparent 60%),
2465                  radial-gradient(circle at bottom, rgba(51, 116, 255, .12), transparent 55%);
2466                  }
2467                  .win-title {
2468                  text-align: center;
2469                  text-transform: uppercase;
2470                  letter-spacing: .08em;
2471                  margin-bottom: 6px;
2472                  font-size: 1.2rem;
2473                  background: linear-gradient(120deg, #ffffff, #adc7ff, #3374ff);
2474                  background-clip: text;
2475                  color: transparent;
2476                  }
2477                  .win-subtitle {
2478                  text-align: center;
2479                  font-size: .82rem;
2480                  color: var(--win-muted);
2481                  margin-bottom: 18px;
2482                  }
2483                  .win-ticker-frame {
2484                  border-radius: 20px;
2485                  padding: 2px;
2486                  background:
2487                  linear-gradient(130deg, rgba(173, 199, 255, .7), rgba(159, 190, 255, .7), rgba(51, 116, 255, .7));
2488                  box-shadow:
2489                  0 0 30px rgba(0, 0, 0, .9),
2490                  0 0 28px rgba(147, 182, 255, .4);
2491                  }
2492                  .win-ticker-window {
2493                  position: relative;
2494                  overflow: hidden;
2495                  border-radius: 18px;
2496                  background: radial-gradient(circle at top left, #565c68, #001e5e 55%);
2497                  max-height: 230px;
2498                  /* tinggi tampilan jendela */
2499                  }
2500                  .win-ticker-track {
2501                  display: flex;
2502                  flex-direction: column;
2503                  padding: 8px 10px 12px;
2504                  animation: scrollWinner 18s linear infinite;
2505                  }
2506                  .win-ticker-window:hover .win-ticker-track {
2507                  animation-play-state: paused;
2508                  /* pause saat hover */
2509                  }
2510                  .win-item {
2511                  display: flex;
2512                  align-items: center;
2513                  gap: 8px;
2514                  padding: 7px 10px;
2515                  margin: 2px 0;
2516                  border-radius: 14px;
2517                  background: linear-gradient(135deg, rgba(75, 81, 92, .92), rgba(81, 89, 103, .96));
2518                  box-shadow:
2519                  0 14px 32px rgba(0, 0, 0, .85),
2520                  inset 0 0 0 1px rgba(255, 255, 255, .02);
2521                  font-size: .82rem;
2522                  white-space: nowrap;
2523                  }
2524                  .dot {
2525                  width: 8px;
2526                  height: 8px;
2527                  border-radius: 999px;
2528                  background: radial-gradient(circle, #b3ccff 0%, #8fb2ff 45%, rgba(143, 178, 255, 0) 80%);
2529                  box-shadow: 0 0 14px rgba(138, 175, 255, .9);
2530                  flex-shrink: 0;
2531                  }
2532                  .name {
2533                  font-weight: 700;
2534                  color: #ffffff;
2535                  flex-shrink: 0;
2536                  }
2537                  .text {
2538                  color: var(--win-muted);
2539                  }
2540                  .amount {
2541                  color: #93b6ff;
2542                  font-weight: 700;
2543                  }
2544                  @keyframes scrollWinner {
2545                  0% {
2546                  transform: translateY(0);
2547                  }
2548                  100% {
2549                  transform: translateY(-50%);
2550                  /* karena nanti di-duplicate jadi 2x panjang */
2551                  }
2552                  }
2553                  @media (max-width:600px) {
2554                  .win-item {
2555                  font-size: .78rem;
2556                  }
2557                  }
2558                </style>
2559                
2559<script>
2560                  document.addEventListener("DOMContentLoaded", function () {
2561                     const track = document.getElementById("winTickerTrack");
2562                     if (!track) return;
2563                     const clone = track.cloneNode(true);
2564                     while (clone.firstChild) {
2565                        track.appendChild(clone.firstChild);
2566                     }
2567                  });
2568                </script>
2568
2569                <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">
2570                </svg>
2571              </product-info>
2572            </div>
2573          </div>
vendor: 132 bytes, lines 2573-2575
2573
2574          <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2575          
2575<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/product-modal.js?v=116616134454508949461742784888" defer="defer"></script>
2575
2576          
2576<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/media-gallery.js?v=96661908581229995091742784888" defer="defer"></script>
2576
2577          
2577<script>
2578            document.addEventListener('DOMContentLoaded', function () {
2579               function isIE() {
2580                  const ua = window.navigator.userAgent;
2581                  const msie = ua.indexOf('MSIE ');
2582                  const trident = ua.indexOf('Trident/');
2583            
2584                  return msie > 0 || trident > 0;
2585               }
2586            
2587               if (!isIE()) return;
2588               const hiddenInput = document.querySelector('#product-form-template--17605519376564__main input[name="id"]');
2589               const noScriptInputWrapper = document.createElement('div');
2590               const variantSwitcher =
2591                  document.querySelector('variant-radios[data-section="template--17605519376564__main"]') ||
2592                  document.querySelector('variant-selects[data-section="template--17605519376564__main"]');
2593               noScriptInputWrapper.innerHTML = document.querySelector(
2594                  '.product-form__noscript-wrapper-template--17605519376564__main'
2595               ).textContent;
2596               variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
2597            
2598               document.querySelector('#Variants-template--17605519376564__main').addEventListener('change', function (event) {
2599                  hiddenInput.value = event.currentTarget.value;
2600               });
2601            });
2602          </script>
2602
2603          
2603<script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","name":"CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami","url":"https://www.cleanwaterpartnership.org/contact/","image":["https://ik.imagekit.io/hdhbrlxew/cafenamm.png"],"description":"CAFE4D merangkum game online dengan aturan yang cepat dikenali, lengkap dengan panduan singkat, kategori jelas, dan akses ringan dari HP maupun desktop.","sku":"8548789276","brand":{"@type":"Brand","name":"Tim CAFE4D"},"offers":[{"@type":"Offer","sku":"8548789276","gtin12":"8548789276","availability":"https://schema.org/OutOfStock","price":300,"priceCurrency":"SGD","url":"https://www.cleanwaterpartnership.org/contact/"}]}</script>
2603
2604        </section>
2605       <style>
2606  /* =========================================
2607     CAFE4D LUXURY NAVIGATION DOCK
2608     ========================================= */
2609  .CAFE4D-fixed-footer {
2610    position: fixed;
2611    left: 5%;
2612    right: 5%;
2613    bottom: 18px;
2614    width: 90%;
2615    min-height: 78px;
2616    z-index: 99999;
2617    display: grid;
2618    grid-template-columns: repeat(5, 1fr);
2619    align-items: stretch;
2620    padding: 7px;
2621    border-radius: 24px;
2622    background: linear-gradient(180deg, rgba(58, 120, 252, .97) 0%, rgba(19, 94, 255, .985) 100%);
2623    border: 1px solid rgba(191, 211, 255, .26);
2624    box-shadow: 0 18px 50px rgba(0,0,0,.42), 0 5px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.34);
2625    backdrop-filter: blur(20px) saturate(150%);
2626    -webkit-backdrop-filter: blur(20px) saturate(150%);
2627    overflow: visible;
2628  }
2629  .CAFE4D-fixed-footer::before {
2630    content: '';
2631    position: absolute;
2632    top: -1px;
2633    left: 8%;
2634    right: 8%;
2635    height: 1px;
2636    border-radius: 999px;
2637    background: linear-gradient(90deg, transparent, rgba(182, 206, 255, .18), #cbdbff, rgba(182, 206, 255, .18), transparent);
2638    box-shadow: 0 0 14px rgba(176, 201, 255, .36);
2639    pointer-events: none;
2640  }
2641  .CAFE4D-fixed-footer a {
2642    position: relative;
2643    min-width: 0;
2644    min-height: 64px;
2645    display: flex;
2646    flex-direction: row;
2647    align-items: center;
2648    justify-content: center;
2649    gap: 10px;
2650    padding: 10px 12px;
2651    margin: 0;
2652    text-decoration: none;
2653    color: #e9efff;
2654    font-family: 'Rajdhani', 'Segoe UI', sans-serif;
2655    font-size: 11px;
2656    font-weight: 800;
2657    letter-spacing: 1px;
2658    text-transform: uppercase;
2659    border-radius: 18px;
2660    border: 1px solid transparent;
2661    transition: transform .24s cubic-bezier(.2,.8,.2,1), background .24s ease, border-color .24s ease, color .24s ease, box-shadow .24s ease;
2662  }
2663  .CAFE4D-fixed-footer a + a::before {
2664    content: '';
2665    position: absolute;
2666    left: 0;
2667    top: 22%;
2668    width: 1px;
2669    height: 56%;
2670    background: linear-gradient(180deg, transparent, rgba(200, 217, 255, .16), transparent);
2671  }
2672  .CAFE4D-fixed-footer .dock-icon {
2673    width: 38px;
2674    height: 38px;
2675    min-width: 38px;
2676    border-radius: 13px;
2677    display: flex;
2678    align-items: center;
2679    justify-content: center;
2680    color: #0034a5;
2681    background: linear-gradient(145deg, rgba(106, 151, 248, .70), rgba(54, 118, 255, .92));
2682    border: 1px solid rgba(191, 211, 255, .28);
2683    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 14px rgba(0,0,0,.25);
2684    transition: transform .24s cubic-bezier(.2,.8,.2,1), color .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
2685  }
2686  .CAFE4D-fixed-footer .dock-icon svg {
2687    width: 19px;
2688    height: 19px;
2689    display: block;
2690    fill: none;
2691    stroke: currentColor;
2692    stroke-width: 1.8;
2693    stroke-linecap: round;
2694    stroke-linejoin: round;
2695  }
2696  .CAFE4D-fixed-footer .dock-label {
2697    display: flex;
2698    flex-direction: column;
2699    align-items: flex-start;
2700    line-height: 1;
2701  }
2702  .CAFE4D-fixed-footer .dock-label small {
2703    margin-top: 5px;
2704    color: #c5d5fa;
2705    font-size: 8px;
2706    font-weight: 600;
2707    letter-spacing: .6px;
2708    text-transform: none;
2709  }
2710  .CAFE4D-fixed-footer a:hover {
2711    transform: translateY(-4px);
2712    color: #fff;
2713    background: linear-gradient(180deg, rgba(133, 171, 250, .18), rgba(90, 141, 250, .12));
2714    border-color: rgba(192, 212, 255, .22);
2715    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.22);
2716  }
2717  .CAFE4D-fixed-footer a:hover .dock-icon {
2718    transform: translateY(-1px) scale(1.06);
2719    color: #fff;
2720    border-color: rgba(206, 222, 255, .58);
2721    background: linear-gradient(145deg, rgba(146, 180, 252, .86), rgba(69, 129, 255, .96));
2722    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 17px rgba(0,0,0,.28), 0 0 16px rgba(170, 197, 255, .18);
2723  }
2724  .CAFE4D-fixed-footer a.tada {
2725    margin: -14px 4px 0;
2726    min-height: 78px;
2727    padding-top: 13px;
2728    color: #fff;
2729    background: linear-gradient(160deg, #6697ff 0%, #4a84ff 56%, #3978ff 100%);
2730    border-color: rgba(200, 218, 255, .50);
2731    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.28), 0 12px 28px rgba(0,0,0,.35), 0 0 22px rgba(164, 193, 255, .16);
2732  }
2733  .CAFE4D-fixed-footer a.tada::after {
2734    content: 'UTAMA';
2735    position: absolute;
2736    top: -9px;
2737    left: 50%;
2738    transform: translateX(-50%);
2739    padding: 3px 9px;
2740    border-radius: 999px;
2741    color: #004eeb;
2742    font-size: 7px;
2743    font-weight: 900;
2744    letter-spacing: 1px;
2745    background: linear-gradient(90deg, #81a9ff, #a0beff);
2746    border: 1px solid rgba(221, 232, 255, .65);
2747    box-shadow: 0 5px 12px rgba(0,0,0,.25), 0 0 12px rgba(170, 197, 255, .24);
2748  }
2749  .CAFE4D-fixed-footer a.tada .dock-icon {
2750    width: 43px;
2751    height: 43px;
2752    min-width: 43px;
2753    border-radius: 15px;
2754    color: #fff;
2755    background: linear-gradient(145deg, rgba(167, 195, 255, .95), rgba(101, 150, 255, .96));
2756    border-color: rgba(221, 232, 255, .62);
2757    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 7px 16px rgba(0,0,0,.28), 0 0 16px rgba(175, 200, 255, .24);
2758  }
2759  .CAFE4D-fixed-footer a.tada:hover {
2760    transform: translateY(-5px);
2761    background: linear-gradient(160deg, #78a3ff 0%, #588dff 58%, #407dff 100%);
2762    border-color: rgba(218, 229, 255, .72);
2763    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 16px 32px rgba(0,0,0,.38), 0 0 24px rgba(170, 197, 255, .22);
2764  }
2765  .CAFE4D-fixed-footer a:active { transform: translateY(0) scale(.98); }
2766
2767  @media (max-width: 768px) {
2768    .CAFE4D-fixed-footer {
2769      left: 3%; right: 3%; bottom: 10px; width: 94%; min-height: 66px; padding: 6px; border-radius: 20px;
2770    }
2771    .CAFE4D-fixed-footer a {
2772      min-height: 54px; padding: 7px 3px; gap: 4px; flex-direction: column; font-size: 8px; letter-spacing: .35px; border-radius: 14px;
2773    }
2774    .CAFE4D-fixed-footer a + a::before { top: 24%; height: 52%; }
2775    .CAFE4D-fixed-footer .dock-icon { width: 29px; height: 29px; min-width: 29px; border-radius: 10px; }
2776    .CAFE4D-fixed-footer .dock-icon svg { width: 15px; height: 15px; }
2777    .CAFE4D-fixed-footer .dock-label { align-items: center; }
2778    .CAFE4D-fixed-footer .dock-label small { display: none; }
2779    .CAFE4D-fixed-footer a.tada { min-height: 68px; margin: -13px 2px 0; padding-top: 11px; }
2780    .CAFE4D-fixed-footer a.tada .dock-icon { width: 34px; height: 34px; min-width: 34px; border-radius: 12px; }
2781    .CAFE4D-fixed-footer a.tada::after { top: -8px; font-size: 6px; padding: 2px 7px; }
2782    .CAFE4D-fixed-footer a:hover, .CAFE4D-fixed-footer a.tada:hover { transform: none; }
2783  }
2784</style>
2785        <div class="CAFE4D-fixed-footer">
2786          <a href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noopener" target="_blank">
2787            <span class="dock-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20 12v9H4v-9"></path><path d="M2 7h20v5H2z"></path><path d="M12 7v14"></path><path d="M12 7H7.5A2.5 2.5 0 0 1 5 4.5 2.5 2.5 0 0 1 7.5 2C10.5 2 12 7 12 7Z"></path><path d="M12 7h4.5A2.5 2.5 0 0 0 19 4.5 2.5 2.5 0 0 0 16.5 2C13.5 2 12 7 12 7Z"></path></svg></span>
2788            <span class="dock-label">Promo<small>Bonus &amp; event</small></span>
2789          </a>
2790          <a href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noopener" target="_blank">
2791            <span class="dock-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><path d="M10 17l5-5-5-5"></path><path d="M15 12H3"></path></svg></span>
2792            <span class="dock-label">Login<small>Masuk akun</small></span>
2793          </a>
2794          <a href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noopener" target="_blank" class="tada">
2795            <span class="dock-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14"></path><path d="M5 12h14"></path><circle cx="12" cy="12" r="9"></circle></svg></span>
2796            <span class="dock-label">Daftar<small>Buat akun baru</small></span>
2797          </a>
2798          <a href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noopener" target="_blank">
2799            <span class="dock-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 19V9"></path><path d="M10 19V5"></path><path d="M16 19v-7"></path><path d="M22 19V3"></path></svg></span>
2800            <span class="dock-label">RTP<small>Statistik game</small></span>
2801          </a>
2802          <a href="https://contact-cleanwaterpartnership.nomia.here.now/" rel="nofollow noopener" target="_blank" class="js_live_chat_link live-chat-link">
2803            <span class="dock-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"></path><path d="M8 10h8"></path><path d="M8 14h5"></path></svg></span>
2804            <span class="dock-label">Live Chat<small>Bantuan 24 jam</small></span>
2805          </a>
2806        </div>
2807        <input type="hidden" id="page_title" value="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami">
2808        
2808<script type="application/json" id="adobeAnalyticsProductData">
2809          {
2810            "product_name": "CAFE4D 💫 Platform Hiburan Digital untuk Kamu yang Suka Game Online Masa Kini",
2811            "mpn_id": "8548789276",
2812            "currency": "SGD",
2813            "product_price": {
2814              "sellingPrice": 259.0,
2815              "basePrice": 259.0
2816            },
2817            "brand": "CAFE4D",
2818            "lob": "SLOT GACOR",
2819            "sub_lob": "CAFE4D 💫 Platform Hiburan Digital untuk Kamu yang Suka Game Online Masa Kini"
2820          }
2821        </script>
2821
2822        <style>
2823          .slider_media video {
2824          max-width: 100%;
2825          }
2826        </style>
2827        
2827<script>
2828          $(document).ready(function () {
2829             $(document).on('click', '#apple-care-add', function (event) {
2830                var isChecked = $('#add-apple-care').is(':checked');
2831                if (isChecked) {
2832                   $('#add-apple-care').prop('checked', false);
2833                   $("#apple-care-add .pdp-care-btn").html("Add");
2834                   // $("#apple-added-if").val("");
2835                } else {
2836                   $('#add-apple-care').prop('checked', true);
2837                   $("#apple-care-add .pdp-care-btn").html("Added");
2838                   // $("#apple-added-if").val("added");
2839                }
2840                var appleCareID = $(this).attr("data-index");
2841                $("#apple-care-varid").val(appleCareID);
2842                updatePriceAfterAddingCareOrWarranty();
2843             });
2844             $(document).on('click', '#secWarranty-add', function (event) {
2845                var isChecked2 = $('#add-secWarranty').is(':checked');
2846                if (isChecked2) {
2847                   $('#add-secWarranty').prop('checked', false);
2848                   $("#secWarranty-add .pdp-secWarranty-btn").html("Add");
2849                } else {
2850                   $('#add-secWarranty').prop('checked', true);
2851                   $("#secWarranty-add .pdp-secWarranty-btn").html("Added");
2852                   // $("#apple-added-if").val("added");
2853                }
2854                var secWarrantyID = $(this).attr("data-index");
2855                $("#secWarranty-varid").val(secWarrantyID);
2856                updatePriceAfterAddingCareOrWarranty();
2857             });
2858          
2859             // Reset trade-in values to 0
2860             $(document).on('click', '#no-trade-in', () => {
2861                const $tradeInValueAmounts = document.querySelectorAll('.js-trade-in-value-amount');
2862                const $startTradeInBtn = document.querySelector('.js-product-option-form .js-trade-in-modal-trigger-input');
2863                const $startTradeInBtnLabel = document.querySelector('.js-product-option-form .js-trade-in-modal-trigger-input + label');
2864                const $hiddenSelectedTradeIn = document.querySelector('#selected-trade-in-value');
2865                const $productPrices = document.querySelectorAll('.js-product-price-with-care-warranty');
2866          
2867                $tradeInValueAmounts.forEach(($tradeInValueAmount) => {
2868                   if ($tradeInValueAmount.classList?.contains('pdp-value-amount')) {
2869                      $tradeInValueAmount.innerText = 'IDR 10.000';
2870                      $tradeInValueAmount.setAttribute('data-trade-in-value', 0);
2871                      $tradeInValueAmount.parentElement?.classList?.add('hidden');
2872                   }
2873                });
2874          
2875                $startTradeInBtnLabel.innerText = 'Start trade-in';
2876                $hiddenSelectedTradeIn.value = 0;
2877          
2878                updatePriceAfterRemovingTradeIn();
2879             });
2880          
2881             function updatePriceAfterRemovingTradeIn() {
2882                const isAppleCareAdded = $('#add-apple-care').is(':checked');
2883                const isWarrantyAdded = $('#add-secWarranty').is(':checked');
2884                const isTradeInAdded = document.querySelector('#selected-trade-in-value')?.value;
2885                const $productPrices = document.querySelectorAll('.js-product-price-with-care-warranty');
2886          
2887                $('.js-product-price-with-care-warranty').each((i, $productPrice) => {
2888                   const price = $($productPrice).data('price');
2889                   let updatedPrice;
2890          
2891                   /* TO BE ADDED */
2892                   if (isTradeInAdded && isAppleCareAdded && isWarrantyAdded) {
2893                      updatedPrice = $($productPrice).attr('data-price-with-care-and-secWarranty');
2894                   } else if (isTradeInAdded && isAppleCareAdded) {
2895                      updatedPrice = $($productPrice).attr('data-price-with-care');
2896                   } else if (isTradeInAdded && isWarrantyAdded) {
2897                      updatedPrice = $($productPrice).attr('data-price-with-secWarranty');
2898                   } else if (isTradeInAdded) {
2899                      updatedPrice = price;
2900                   } else {
2901                      updatedPrice = price;
2902                   }
2903          
2904                   $($productPrice).html(updatedPrice);
2905                });
2906             }
2907          
2908             function updatePriceAfterAddingCareOrWarranty() {
2909                const isAppleCareAdded = $('#add-apple-care').is(':checked');
2910                const isWarrantyAdded = $('#add-secWarranty').is(':checked');
2911                const hasTradeIn = $('#selected-trade-in-value').val() && $('#selected-trade-in-value').val() !== '0' && $("#selected-trade-in-device").val() !== '';
2912                const hiddenSelectedTradeInValue = $('#selected-trade-in-value').val();
2913                const tradeInPrice = hiddenSelectedTradeInValue
2914                   ? formatMoney(hiddenSelectedTradeInValue)
2915                   : 0;
2916          
2917                $('.js-product-price-with-care-warranty').each(function (i, $productPrice) {
2918                   let price = $(this).attr('data-price');
2919                   const nmpPriceCalculation = $(this).data('priceCalculation');
2920          
2921                   if (isAppleCareAdded && isWarrantyAdded && hasTradeIn) {
2922                      price = setPriceWithTradeIn('data-price-with-care-and-secWarranty', $productPrice);
2923                   } else if (isAppleCareAdded && isWarrantyAdded) {
2924                      price = $(this).attr('data-price-with-care-and-secWarranty');
2925                   } else if (isAppleCareAdded && hasTradeIn) {
2926                      price = setPriceWithTradeIn('data-price-with-care', $productPrice);
2927                   } else if (isWarrantyAdded && hasTradeIn) {
2928                      price = setPriceWithTradeIn('data-price-with-secWarranty', $productPrice);
2929                   } else if (isAppleCareAdded) {
2930                      price = $(this).attr('data-price-with-care');
2931                   } else if (isWarrantyAdded) {
2932                      price = $(this).attr('data-price-with-secWarranty');
2933                   } else if (hasTradeIn) {
2934                      price = setPriceWithTradeIn('data-price', $productPrice);
2935                   }
2936          
2937                   $(this).html(price);
2938                });
2939             }
2940          
2941             function setCookie(name, value, days) {
2942                var expires = "";
2943                if (days) {
2944                   var date = new Date();
2945                   date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
2946                   expires = "; expires=" + date.toUTCString();
2947                }
2948                document.cookie = name + "=" + (value || "") + expires + "; path=/";
2949             }
2950          
2951             function getCookie(name) {
2952                var nameEQ = name + "=";
2953                var ca = document.cookie.split(';');
2954                for (var i = 0; i < ca.length; i++) {
2955                   var c = ca[i];
2956                   while (c.charAt(0) == ' ') c = c.substring(1, c.length);
2957                   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
2958                }
2959                return null;
2960             }
2961          
2962             function eraseCookie(name) {
2963                document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
2964             }
2965          
2966             //added by anusha - 4th variant option cookie approach - start
2967          
2968             //check if the main product is inside 4th option product list. if its present, set cookie array
2969             var pid = "7986665160884";
2970             var pid1 = "";
2971             var pid1 = pid1.replace(/s/g, "");
2972             var pid2 = pid1.split('-');
2973             var count = 0;
2974             for (var j = 0; j < pid2.length; j++) {
2975                var a = pid2[j];
2976                var b = pid;
2977                if (a.trim() == b.trim()) {
2978                   count++;
2979                }
2980             }
2981             if (count > 0) {
2982                setCookie('optionPIDlist', pid2.join('|'), {
2983                   path: '/'
2984                });
2985             }
2986          
2987             // if the main product has 'empty 4th product list', then delete all the cookies
2988             if (!pid1.length > 0) {
2989                eraseCookie('option1select');
2990                eraseCookie('option2select');
2991                eraseCookie('option3select');
2992                eraseCookie('optionPIDlist');
2993             }
2994          
2995             // cookie values - 3 options
2996             let op1 = getCookie('option1select');
2997             let op2 = getCookie('option2select');
2998             let op3 = getCookie('option3select');
2999          
3000             // when customer change the 4th option selection - trigger click event (inorder to set cookie values for 3 options)
3001             if (op1 && $('fieldset.product-form__input[data-opcount="1"]').length > 0) {
3002                setTimeout(function () {
3003                   $('fieldset.product-form__input[data-opcount="1"]').find('label[data-title="' + op1 + '"]').trigger('click');
3004                }, 1000);
3005             };
3006             if (op2 && $('fieldset.product-form__input[data-opcount="2"]').length > 0) {
3007                setTimeout(function () {
3008                   $('fieldset.product-form__input[data-opcount="2"]').find('label[data-title="' + op2 + '"]').trigger('click');
3009                }, 1000);
3010             };
3011             if (op3 && $('fieldset.product-form__input[data-opcount="3"]').length > 0) {
3012                setTimeout(function () {
3013                   $('fieldset.product-form__input[data-opcount="3"]').find('label[data-title="' + op3 + '"]').trigger('click');
3014                }, 1000);
3015             };
3016          
3017             let op11 = $("input[type='radio'][name='Title']:checked").val();
3018             let op22 = $("input[type='radio'][name='']:checked").val();
3019             let op33 = $("input[type='radio'][name='']:checked").val();
3020          
3021             // when customer dont click on any of the variant buttons - set cookie values for 3 options from current mainprod variant selection
3022             if (op1 == null && op2 == null && op3 == null) {
3023                if (op11 && $('fieldset.product-form__input[data-opcount="1"]').length > 0) {
3024                   setTimeout(function () {
3025                      $('fieldset.product-form__input[data-opcount="1"]').find('label[data-title="' + op11 + '"]').trigger('click');
3026                   }, 1000);
3027                };
3028                if (op22 && $('fieldset.product-form__input[data-opcount="2"]').length > 0) {
3029                   setTimeout(function () {
3030                      $('fieldset.product-form__input[data-opcount="2"]').find('label[data-title="' + op22 + '"]').trigger('click');
3031                   }, 1000);
3032                };
3033                if (op33 && $('fieldset.product-form__input[data-opcount="3"]').length > 0) {
3034                   setTimeout(function () {
3035                      $('fieldset.product-form__input[data-opcount="3"]').find('label[data-title="' + op33 + '"]').trigger('click');
3036                   }, 1000);
3037                };
3038                if (getCookie('optionPIDlist')) {
3039                   setCookie('option1select', op11, 7);
3040                   setCookie('option2select', op22, 7);
3041                   setCookie('option3select', op33, 7);
3042                }
3043             }
3044             // added by anusha - 4th variant option cookie approach - end
3045          
3046             if (vat_free_day == true) {
3047                var vat_price_footer = $(".pricestyle").find(".vat_price_bold").text();
3048                if (vat_price_footer != "") {
3049                   $("#price-element").find(".footerOr2").css("display", "none");
3050                }
3051             }
3052          });
3053        </script>
3053
3054        
3054<script>
3055          $(document).on('change', 'input[type="number"]', function (event) {
3056             this.value = this.value.replace(/[^0-9]+/g, '');
3057             if (this.value < 1) this.value = 0;
3058          });
3059          $(document).on('keypress', 'input[type="number"]', function (event) {
3060             if (
3061                (event.target.value.length == 0 && event.which == 48) ||
3062                (event.target.value.length == 0 && event.which > 31 && event.which < 48) ||
3063                (event.target.value.length == 0 && event.which > 57 && event.which < 128)
3064             ) {
3065                return false;
3066             }
3067          });
3068          $(document).on('keypress', 'input[type="number"]', function (event) {
3069             return (((event.which > 47) && (event.which < 58)) || (event.which == 13));
3070          });
3071          
3072          // reload page on back button click since the cached version on Safari browsers is incorrect
3073          $(window).bind("pageshow", function (event) {
3074             if (event.originalEvent.persisted) {
3075                window.location.reload();
3076             }
3077          });
3078        </script>
3078
3079        <style>
3080          #shopify-section-template--17605519376564__main .accordion__content p a {
3081          color: var(--color-link-dynamic-label) !important;
3082          }
3083          #shopify-section-template--17605519376564__main .popup_round_border {
3084          display: none;
3085          }
3086        </style>
3087      </section>
3088      <div id="shopify-section-template--17605519376564__productMarketingContent" class="shopify-section">
3089        <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/productMarketingContent.css?v=134348870364535945721742784887" rel="stylesheet" type="text/css" media="all">
3090        
3091        <style>
3092          @keyframes cyberAmbient {
3093            0% { transform: scale(0.9); opacity: 0.45; }
3094            100% { transform: scale(1.15); opacity: 0.9; }
3095          }
3096          .CAFE4D-article-card {
3097            width: 92%;
3098            max-width: 1760px;
3099            margin: 24px auto 34px;
3100            padding: 0;
3101            position: relative;
3102            overflow: hidden;
3103            border-radius: 18px;
3104            border: 1px solid rgba(155, 187, 255, 0.22);
3105            background:
3106              linear-gradient(135deg, rgba(0, 29, 91, 0.96) 0%, rgba(43, 104, 235, 0.94) 45%, rgba(0, 32, 100, 0.96) 100%);
3107            box-shadow:
3108              0 16px 45px rgba(0, 0, 0, 0.45),
3109              inset 0 0 0 1px rgba(255, 255, 255, 0.04),
3110              0 0 25px rgba(51, 116, 255, 0.16);
3111            backdrop-filter: blur(16px) saturate(140%);
3112            -webkit-backdrop-filter: blur(16px) saturate(140%);
3113          }
3114          .CAFE4D-article-card::before {
3115            content: "";
3116            position: absolute;
3117            inset: 0;
3118            background:
3119              radial-gradient(circle at 15% 20%, rgba(167, 195, 255, 0.14), transparent 28%),
3120              radial-gradient(circle at 85% 25%, rgba(171, 198, 255, 0.12), transparent 24%),
3121              radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.06), transparent 36%);
3122            pointer-events: none;
3123          }
3124          .CAFE4D-article-card::after {
3125            content: "";
3126            position: absolute;
3127            top: 0;
3128            left: 24px;
3129            right: 24px;
3130            height: 3px;
3131            border-radius: 999px;
3132            background: linear-gradient(90deg, transparent, #a6c2ff, #cbdcff, #a6c2ff, transparent);
3133            box-shadow: 0 0 18px rgba(166, 194, 255, 0.45);
3134          }
3135          .CAFE4D-article-content {
3136            position: relative;
3137            z-index: 2;
3138            padding: 34px 36px 30px;
3139          }
3140          .CAFE4D-article-glow {
3141            position: absolute;
3142            top: -35%;
3143            left: -20%;
3144            width: 70%;
3145            height: 160%;
3146            background: radial-gradient(circle, rgba(170, 197, 255, 0.14) 0%, rgba(170, 197, 255, 0.04) 35%, transparent 65%);
3147            animation: cyberAmbient 6s ease-in-out infinite alternate;
3148            pointer-events: none;
3149            filter: blur(4px);
3150          }
3151          .CAFE4D-article-heading {
3152            margin-bottom: 22px;
3153            text-align: center;
3154          }
3155          .CAFE4D-article-heading h1 {
3156            margin: 0;
3157            display: inline-block;
3158            font-size: 34px;
3159            line-height: 1.25;
3160            font-weight: 800;
3161            color: #ebf2ff;
3162            letter-spacing: 0.4px;
3163            text-shadow: 0 0 18px rgba(166, 194, 255, 0.16);
3164            padding: 0 0 16px;
3165            position: relative;
3166          }
3167          .CAFE4D-article-heading h1::after {
3168            content: "";
3169            position: absolute;
3170            left: 50%;
3171            bottom: 0;
3172            transform: translateX(-50%);
3173            width: 180px;
3174            height: 3px;
3175            border-radius: 999px;
3176            background: linear-gradient(90deg, transparent, #abc6ff, transparent);
3177            box-shadow: 0 0 12px rgba(171, 198, 255, 0.35);
3178          }
3179          .CAFE4D-article-body {
3180            display: grid;
3181            gap: 16px;
3182          }
3183          .CAFE4D-article-body p {
3184            margin: 0;
3185            color: #eff3ff;
3186            font-size: 16px;
3187            line-height: 1.95;
3188            text-align: justify;
3189            font-family: 'Rajdhani', 'Poppins', sans-serif;
3190            background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(166, 194, 255, 0.04));
3191            border: 1px solid rgba(203, 220, 255, 0.08);
3192            border-left: 4px solid rgba(171, 198, 255, 0.85);
3193            border-radius: 14px;
3194            padding: 18px 20px;
3195            box-shadow: inset 0 0 18px rgba(255,255,255,0.015);
3196          }
3197          .CAFE4D-article-body p a {
3198            color: #bcd2ff;
3199            font-weight: 700;
3200            text-decoration: none;
3201          }
3202          .CAFE4D-article-body p a:hover {
3203            color: #ffffff;
3204            text-shadow: 0 0 12px rgba(203, 220, 255, 0.35);
3205          }
3206          @media (max-width: 768px) {
3207            .CAFE4D-article-content {
3208              padding: 24px 18px 22px;
3209            }
3210            .CAFE4D-article-heading h1 {
3211              font-size: 25px;
3212            }
3213            .CAFE4D-article-body p {
3214              font-size: 14px;
3215              line-height: 1.85;
3216              padding: 16px;
3217            }
3218          }
3219        </style>
3220
3221        <div class="CAFE4D-article-card">
3222          <span class="CAFE4D-article-glow"></span>
3223          <div class="CAFE4D-article-content">
3224            <div class="product-title-style product__title CAFE4D-article-heading">
3225              <h1>CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</h1>
3226            </div>
3227            <div class="CAFE4D-article-body">
3228  <p style="color:inherit">Game online yang cara mainnya cepat dipahami biasanya punya aturan sederhana dan bisa langsung dimainkan tanpa tutorial panjang. Di CAFE4D, kamu bisa pilih game dengan mekanisme dasar seperti tebak angka atau susun simbol yang langsung jelas begitu ronde pertama dimulai. Cukup lihat contoh putaran sekali, atur nilai taruhan, dan klik mulai.</p>
3229
3230  <p style="color:inherit">Game yang cepat dipahami biasanya punya tutorial singkat dan aturan yang langsung jelas sejak putaran pertama. Pilih slot dengan mekanisme dasar seperti mencocokkan simbol atau arcade sederhana tanpa banyak menu tambahan. Sebelum pakai saldo, coba mode demo dulu. Dari sana kamu bisa ukur apakah alurnya gampang diikuti atau justru bikin bingung. Situs ini juga menata koleksinya supaya gampang disaring berdasar tingkat kesulitan.</p>
3231
3232  <p style="color:inherit">Langsung cek menu <a style="color:inherit" href="/daftar">cara main</a> di bagian atas halaman game — biasanya ada 3–5 langkah singkat dengan gambar. Kalau dalam dua menit kamu sudah paham alurnya, game itu layak dicoba. Hindari yang tutorialnya panjang tapi aturannya berubah-ubah. Situs ini juga menandai game dengan label “mudah dipahami” supaya kamu nggak buang waktu mencoba satu per satu.</p>
3233</div>
3234          </div>
3235        </div>
3236          <style type="text/css">
3237            div.advertisement-placeholder {
3238            text-align: center;
3239            padding-bottom: 20px;
3240            display: flex;
3241            flex-direction: column;
3242            justify-content: center;
3243            }
3244            div.advertisement-text p {
3245            margin: 0;
3246            font-family: Open Sans;
3247            font-style: normal;
3248            font-weight: normal;
3249            font-size: 10px;
3250            line-height: 20px;
3251            color: #999999;
3252            }
3253            div.advertisement-banner {
3254            margin: 0px auto;
3255            }
3256            div#div-gpt-ad-billboard-placeholder {
3257            width: 996px;
3258            margin: 0 auto;
3259            background: #F5F5F5;
3260            padding-bottom: unset !important;
3261            min-height: 200px;
3262            }
3263            div#div-gpt-ad-lb-placeholder {
3264            background: #F5F5F5;
3265            padding-bottom: unset !important;
3266            min-height: 280px;
3267            }
3268            .faq-section {
3269            max-width: 1200px;
3270            margin: 50px auto;
3271            padding: 40px 20px;
3272            position: relative;
3273            background-color: rgba(0, 0, 0, 0.1);
3274            backdrop-filter: blur(25px);
3275            border-radius: 20px;
3276            }
3277            .faq-section::before {
3278            content: "";
3279            position: absolute;
3280            top: 0;
3281            left: 50%;
3282            transform: translateX(-50%);
3283            width: 80%;
3284            height: 2px;
3285            background: linear-gradient(90deg, transparent, #3474ff, transparent)
3286            }
3287            .faq-section h2 {
3288            text-align: center;
3289            font-size: 34px;
3290            font-weight: 700;
3291            margin-bottom: 50px;
3292            background: linear-gradient(135deg, #3474ff, #3474ff, #3474ff);
3293            -webkit-background-clip: text;
3294            -webkit-text-fill-color: transparent;
3295            background-clip: text;
3296            font-family: "Poppins", sans-serif;
3297            letter-spacing: 1px
3298            }
3299            .faq-container {
3300            display: flex;
3301            flex-direction: column;
3302            gap: 25px
3303            }
3304            .faq-item {
3305            background: linear-gradient(145deg, #0a0a0a, #1a1a1a);
3306            border: 2px solid #000000;
3307            border-radius: 20px;
3308            overflow: hidden;
3309            transition: all .4s ease;
3310            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5)
3311            }
3312            .faq-item:hover {
3313            border-color: #000000;
3314            transform: translateX(10px);
3315            box-shadow: 0 12px 35px #000000
3316            }
3317            .faq-question {
3318            width: 100%;
3319            padding: 28px 35px;
3320            background: transparent;
3321            color: #ffffff;
3322            font-size: 18px;
3323            font-weight: 600;
3324            text-align: left;
3325            border: none;
3326            cursor: pointer;
3327            display: flex;
3328            justify-content: space-between;
3329            align-items: center;
3330            font-family: "Poppins", sans-serif;
3331            transition: all .3s ease
3332            }
3333            .faq-question:hover {
3334            color: #256aff
3335            }
3336            .faq-question::after {
3337            content: '+';
3338            font-size: 32px;
3339            font-weight: 300;
3340            transition: all .4s ease;
3341            color: #6093ff;
3342            width: 40px;
3343            height: 40px;
3344            display: flex;
3345            align-items: center;
3346            justify-content: center;
3347            border: 2px solid #000000;
3348            border-radius: 50%;
3349            background: rgba(0, 0, 0, 0.1)
3350            }
3351            .faq-item.active .faq-question::after {
3352            transform: rotate(135deg);
3353            background: linear-gradient(135deg#145efb#145efb);
3354            color: #000;
3355            border-color: transparent
3356            }
3357            .faq-answer {
3358            max-height: 0;
3359            overflow: hidden;
3360            transition: max-height .5s ease, padding .5s ease;
3361            background: linear-gradient(180deg, rgb(98, 148, 255), transparent);
3362            padding: 0 35px
3363            }
3364            .faq-item.active .faq-answer {
3365            max-height: 800px;
3366            padding: 30px 35px;
3367            border-top: 1px solid rgba(51, 116, 255, 0.3)
3368            }
3369            .faq-answer p {
3370            color: #e0e0e0;
3371            font-size: 16px;
3372            line-height: 2;
3373            margin: 0;
3374            font-family: "Poppins", sans-serif
3375            }
3376            @media (max-width:768px) {
3377            .faq-section {
3378            padding: 30px 15px
3379            }
3380            .faq-section h2 {
3381            font-size: 26px
3382            }
3383            .faq-question {
3384            font-size: 16px;
3385            padding: 22px 25px
3386            }
3387            .faq-question::after {
3388            width: 35px;
3389            height: 35px;
3390            font-size: 28px
3391            }
3392            .faq-answer {
3393            padding: 0 25px
3394            }
3395            .faq-item.active .faq-answer {
3396            padding: 25px
3397            }
3398            .faq-item:hover {
3399            transform: translateX(5px)
3400            }
3401            }
3402          </style>
3403          
3403<script>
3404            document.addEventListener('DOMContentLoaded',
3405               function () {
3406                  const faqItems = document.querySelectorAll('.faq-item');
3407                  faqItems.forEach(item => {
3408                     const question = item.querySelector('.faq-question');
3409                     question.addEventListener('click',
3410                        () => {
3411                           const isActive = item.classList.contains('active');
3412                           faqItems.forEach(otherItem => { otherItem.classList.remove('active') });
3413                           if (!isActive) { item.classList.add('active') }
3414                        })
3415                  })
3416               });
3417          </script>
3417
3418          <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1">
3419          </div>
3420          
3421          <h2 class="cok-faq-title">FAQ CAFE4D – Pertanyaan Umum Soal Game yang Cepat Dipahami</h2>
3422          
3423          <div class="cok-faq">
3424            <div class="cok-faq-item">
3425  <button class="cok-faq-q">Game apa saja yang cara mainnya cepat dipahami di CAFE4D?</button>
3426  <div class="cok-faq-a">CAFE4D menyajikan kumpulan game online dalam satu platform, dengan aturan main yang gampang dikenali dan alur permainan yang cepat dipahami pengguna.</div>
3427</div>
3428
3429<div class="cok-faq-item">
3430  <button class="cok-faq-q">Apakah pilihan game di situs ini dikurasi biar gampang dimengerti?</button>
3431  <div class="cok-faq-a">Pilihan permainan tersedia dalam berbagai kategori, termasuk game dengan aturan, fitur, dan tampilan yang sederhana sehingga pengguna bisa langsung mulai tanpa lama membaca panduan.</div>
3432</div>
3433
3434<div class="cok-faq-item">
3435  <button class="cok-faq-q">Bisa nggak situs ini diakses nyaman lewat HP?</button>
3436  <div class="cok-faq-a">Ya, tampilannya dibuat responsif dan ringan di perangkat mobile, sehingga menu maupun pilihan permainan tetap nyaman dijelajahi dari smartphone.</div>
3437</div>
3438
3439<div class="cok-faq-item">
3440  <button class="cok-faq-q">Apakah tampilan situs ini benar-benar ringkas dan mudah dipahami?</button>
3441  <div class="cok-faq-a">Navigasinya dibuat sederhana dengan susunan menu yang praktis, jadi pengguna bisa menemukan game yang cara mainnya gampang dipahami tanpa banyak langkah membingungkan.</div>
3442</div>
3443
3444<div class="cok-faq-item">
3445  <button class="cok-faq-q">CAFE4D Kenapa situs ini cocok buat yang nggak mau lama belajar aturan main?</button>
3446  <div class="cok-faq-a">Karena CAFE4D menggabungkan game beragam, aturan yang mudah dikenali, akses praktis, dan tampilan modern untuk kebutuhan hiburan digital sehari-hari.</div>
3447</div>
3448            </div>
3449          </div>
3450          
3451         <style>
3452  .cok-faq-title {
3453    max-width: 860px;
3454    margin: 32px auto 18px;
3455    text-align: center;
3456    color: #f5f8ff;
3457    font-size: 30px;
3458    font-weight: 900;
3459    font-family: 'Orbitron', 'Segoe UI', sans-serif;
3460    text-transform: uppercase;
3461    letter-spacing: 1.8px;
3462    line-height: 1.35;
3463    padding: 18px 24px;
3464    border-radius: 16px;
3465    background: linear-gradient(135deg, rgba(0, 31, 97, 0.95), rgba(50, 114, 250, 0.92));
3466    border: 1px solid rgba(175, 200, 255, 0.22);
3467    box-shadow:
3468      0 14px 30px rgba(0, 0, 0, 0.35),
3469      inset 0 0 0 1px rgba(255,255,255,0.03),
3470      0 0 18px rgba(166, 194, 255, 0.12);
3471    position: relative;
3472    overflow: hidden;
3473  }
3474  .cok-faq-title::before {
3475    content: "";
3476    position: absolute;
3477    top: 0;
3478    left: 50%;
3479    transform: translateX(-50%);
3480    width: 70%;
3481    height: 3px;
3482    background: linear-gradient(90deg, transparent, #b0c9ff, #d3e1ff, #b0c9ff, transparent);
3483    box-shadow: 0 0 16px rgba(176, 201, 255, 0.38);
3484  }
3485  .cok-faq {
3486    max-width: 860px;
3487    margin: 0 auto 44px;
3488    font-family: 'Rajdhani', 'Segoe UI', sans-serif;
3489    display: grid;
3490    gap: 14px;
3491  }
3492  .cok-faq-item {
3493    background: linear-gradient(135deg, rgba(0, 31, 98, 0.95), rgba(42, 107, 247, 0.92));
3494    border: 1px solid rgba(178, 202, 255, 0.16);
3495    border-radius: 16px;
3496    overflow: hidden;
3497    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.26);
3498    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
3499  }
3500  .cok-faq-item:hover {
3501    transform: translateY(-3px);
3502    border-color: rgba(189, 210, 255, 0.34);
3503    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.32), 0 0 18px rgba(166, 194, 255, 0.08);
3504  }
3505  .cok-faq-item.active {
3506    border-color: rgba(203, 220, 255, 0.36);
3507    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.38), 0 0 20px rgba(166, 194, 255, 0.12);
3508  }
3509  .cok-faq-q {
3510    width: 100%;
3511    padding: 18px 22px;
3512    background: transparent;
3513    color: #fff3f3;
3514    font-weight: 700;
3515    font-size: 17px;
3516    letter-spacing: 0.3px;
3517    border: none;
3518    cursor: pointer;
3519    text-align: left;
3520    transition: all 0.28s ease;
3521    position: relative;
3522    padding-right: 68px;
3523    font-family: 'Rajdhani', 'Segoe UI', sans-serif;
3524  }
3525  .cok-faq-q::before {
3526    content: "";
3527    position: absolute;
3528    left: 0;
3529    top: 16px;
3530    bottom: 16px;
3531    width: 4px;
3532    border-radius: 999px;
3533    background: linear-gradient(180deg, #a8c4ff, #cbdcff);
3534    box-shadow: 0 0 12px rgba(168, 196, 255, 0.3);
3535  }
3536  .cok-faq-q::after {
3537    content: "+";
3538    position: absolute;
3539    right: 18px;
3540    top: 50%;
3541    transform: translateY(-50%);
3542    width: 34px;
3543    height: 34px;
3544    border-radius: 50%;
3545    border: 1px solid rgba(203, 220, 255, 0.28);
3546    background: rgba(255,255,255,0.04);
3547    color: #c4d7ff;
3548    display: flex;
3549    align-items: center;
3550    justify-content: center;
3551    font-size: 24px;
3552    line-height: 1;
3553    transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease;
3554  }
3555  .cok-faq-item.active .cok-faq-q {
3556    color: #ffffff;
3557  }
3558  .cok-faq-item.active .cok-faq-q::after {
3559    transform: translateY(-50%) rotate(45deg);
3560    background: linear-gradient(135deg, rgba(168, 196, 255, 0.24), rgba(211, 225, 255, 0.18));
3561    color: #ffffff;
3562  }
3563  .cok-faq-a {
3564    max-height: 0;
3565    overflow: hidden;
3566    color: #eaf0ff;
3567    padding: 0 22px;
3568    transition: max-height 0.35s ease, padding 0.35s ease;
3569    font-size: 15px;
3570    line-height: 1.85;
3571    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(81, 131, 239, 0.22));
3572    border-top: 1px solid rgba(203, 220, 255, 0.08);
3573  }
3574  .cok-faq-a.open {
3575    max-height: 260px;
3576    padding: 0 22px 18px 22px;
3577  }
3578  @media (max-width: 480px) {
3579    .cok-faq-title {
3580      font-size: 22px;
3581      padding: 16px 14px;
3582      letter-spacing: 1px;
3583    }
3584    .cok-faq {
3585      gap: 12px;
3586    }
3587    .cok-faq-q {
3588      font-size: 14px;
3589      padding: 16px 16px;
3590      padding-right: 56px;
3591    }
3592    .cok-faq-a,
3593    .cok-faq-a.open {
3594      font-size: 13px;
3595      line-height: 1.75;
3596      padding-left: 16px;
3597      padding-right: 16px;
3598    }
3599    .cok-faq-a.open {
3600      padding-bottom: 16px;
3601    }
3602  }
3603</style>
3604          
3605          
3605<script>
3606            document.querySelectorAll(".cok-faq-q").forEach(btn => {
3607              btn.addEventListener("click", () => {
3608                const item = btn.parentElement;
3609                const answer = btn.nextElementSibling;
3610                const isOpen = answer.classList.contains("open");
3611
3612                document.querySelectorAll(".cok-faq-item").forEach(otherItem => {
3613                  otherItem.classList.remove("active");
3614                  const otherAnswer = otherItem.querySelector(".cok-faq-a");
3615                  if (otherAnswer) otherAnswer.classList.remove("open");
3616                });
3617
3618                if (!isOpen) {
3619                  item.classList.add("active");
3620                  answer.classList.add("open");
3621                }
3622              });
3623            });
3624          </script>
3624
3625          <style>
3626            .testimonials {
3627            background: #17181a;
3628            color: #f5f8ff;
3629            font-family: system-ui, -apple-system, Roboto, Arial, sans-serif;
3630            padding: 32px;
3631            border-radius: 20px;
3632            }
3633            .testimonials h2 {
3634            text-align: center;
3635            font-size: 1.8rem;
3636            margin-bottom: 24px;
3637            background: linear-gradient(90deg, #667081, #5287f8);
3638            background-clip: text;
3639            color: transparent;
3640            }
3641            .testi-grid {
3642            display: grid;
3643            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3644            gap: 20px;
3645            }
3646            .testi-card {
3647            background: #272727;
3648            border-radius: 16px;
3649            padding: 20px;
3650            border: 1px solid #272727;
3651            transition: 0.3s;
3652            }
3653            .testi-card:hover {
3654            transform: translateY(-4px);
3655            border-color: #667081;
3656            }
3657            .testi-head {
3658            display: flex;
3659            align-items: center;
3660            gap: 12px;
3661            margin-bottom: 10px;
3662            }
3663            .avatar {
3664            width: 40px;
3665            height: 40px;
3666            border-radius: 50%;
3667            background: linear-gradient(135deg, #6e9cff, #5287f8);
3668            color: #fff;
3669            font-weight: 700;
3670            display: grid;
3671            place-items: center;
3672            }
3673            .name {
3674            font-size: 1rem;
3675            margin: 0;
3676            }
3677            .meta {
3678            font-size: 0.85rem;
3679            color: #9cafa2;
3680            }
3681            .quote {
3682            font-size: 0.95rem;
3683            line-height: 1.6;
3684            color: #d9e5ff;
3685            }
3686          </style>
3687          <link rel="stylesheet" href="https://www.istudiosg.com/cdn/shop/t/14/assets/product-scratch.css?v=179858087556892581742784887" media="all" onload="this.media='all'">
3688          <div class="frequent-products">
3689            <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&amp;product_id=7986665160884&amp;limit=3">
3690              <div class="product-recommendations__cta hidden" style="height:0px;">
3691                <input type="hidden" id="prod_currency" value="SGD">
3692                <button type="submit" class="button-cart-frequent card-btn-1 product-form__submit button button--full-width js-frequent-submit" id="card-button">
3693                  Tambah&nbsp; <span id="checked-products">0</span> &nbsp;Game ke Favorit
3694                  <div class="loading-overlay__spinner-frequent hidden">
3695                    <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
3696                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3697                    </svg>
3698                  </div>
3699                </button>
3700              </div>
3701            </product-recommendations>
3702          </div>
3703          
3703<script>
3704            class ProductRecommendations extends HTMLElement {
3705               constructor() {
3706                  super();
3707                  this.config = {
3708                     dom: {
3709                        button: '.js-frequent-submit',
3710                        input: '.js-frequent-products-checkbox',
3711                        selected: 'input[name="frequent-products-pdp"]:checked',
3712                     },
3713                     cls: {
3714                        hide: 'hide',
3715                     },
3716                  };
3717                  const handleIntersection = (entries, observer) => {
3718                     if (!entries[0].isIntersecting) return;
3719                     observer.unobserve(this);
3720                     fetch(this.dataset.url)
3721                        .then((response) => response.text())
3722                        .then((text) => {
3723                           const html = document.createElement('div');
3724                           html.innerHTML = text;
3725                           const recommendations = html.querySelector('product-recommendations');
3726                           if (recommendations && recommendations.innerHTML.trim().length) {
3727                              this.innerHTML = recommendations.innerHTML;
3728                           }
3729                           if (html.querySelector('.grid__item')) {
3730                              this.classList.add('product-recommendations--loaded');
3731                           }
3732            
3733                           this.addEvent();
3734                           call_gafunction();
3735                        })
3736                        .catch((e) => {
3737                           console.error(e);
3738                        });
3739                  };
3740                  new IntersectionObserver(handleIntersection.bind(this), { rootMargin: '0px 0px 200px 0px' }).observe(this);
3741               }
3742               hideButton(el) {
3743                  if (!el) return;
3744                  el.classList.add(this.config.cls.hide);
3745               }
3746               showButton(el) {
3747                  if (!el) return;
3748                  el.classList.remove(this.config.cls.hide);
3749               }
3750               updateButtonState(show = true) {
3751                  const $button = this.querySelector(this.config.dom.button) || null;
3752                  if (!$button) return;
3753            
3754                  if (show) {
3755                     this.showButton($button);
3756                  } else {
3757                     this.hideButton($button);
3758                  }
3759               }
3760               addEvent() {
3761                  const $inputs = this.querySelectorAll(this.config.dom.input) || [];
3762            
3763                  if (!$inputs?.length > 0) return;
3764                  [...$inputs].forEach(($input) => {
3765                     $input.addEventListener('change', () => {
3766                        const $selected = this.querySelector(this.config.dom.selected) || null;
3767            
3768                        if ($selected) {
3769                           this.updateButtonState();
3770                        } else {
3771                           this.updateButtonState(false);
3772                        }
3773                     });
3774                  });
3775               }
3776            }
3777            customElements.define('product-recommendations', ProductRecommendations);
3778            
3779            function call_gafunction() {
3780               var mpn_handle = $('#mpn_handle').val();
3781               var frequentProducts_ga = [];
3782               var productList = 'Shopify Rec :: ' + mpn_handle;
3783               $.each($("input[name='frequent-products-pdp']"), function () {
3784                  var prodtitle = $('#title_' + $(this).val()).val();
3785                  var prodMPN = $('#product_mpn_handle_' + $(this).val()).val();
3786                  var prodType = $('.card_product_category_' + $(this).val()).val();
3787                  var prodCurrency = $('.card_product_currency_' + $(this).val()).attr('value');
3788                  var prodPrice = $('.card_product_price_' + $(this).val()).attr('value');
3789                  var prodSku = $('.card_product_sku_' + $(this).val()).attr('value');
3790                  var compareprice = $('.card_product_compare_' + $(this).val()).attr('value');
3791                  prodPrice = Number(prodPrice.replace(/[^0-9.-]+/g, ''));
3792                  var discount = 0;
3793                  if (compareprice != '') {
3794                     compareprice = Number(compareprice.replace(/[^0-9.-]+/g, ''));
3795                     discount = parseFloat(compareprice) - parseFloat(prodPrice);
3796                     discount = parseFloat(discount);
3797                     // prodPrice = compareprice;
3798                  }
3799                  var productPrice1 = parseFloat(prodPrice);
3800                  item_ga = {};
3801                  item_ga['item_id'] = prodSku;
3802                  item_ga['item_name'] = prodtitle;
3803                  item_ga['item_category'] = prodType;
3804                  item_ga['item_list_name'] = productList;
3805                  item_ga['price'] = prodPrice;
3806                  item_ga['quantity'] = 1;
3807                  frequentProducts_ga.push(item_ga);
3808               });
3809               if (frequentProducts_ga.length != 0) {
3810                  dataLayer.push({ ecommerce: null });
3811                  dataLayer.push({
3812                     event: 'view_item_list',
3813                     ecommerce: {
3814                        item_list_name: productList,
3815                        items: frequentProducts_ga,
3816                     },
3817                  });
3818               }
3819            }
3820          </script>
3820
3821          
3821<script>
3822            $(document).ready(function () {
3823               $(window).on('scroll', function () {
3824                  if (
3825                     $(window).scrollTop() >=
3826                     $('.product-recommendations1').offset().top + $('.product-recommendations1').outerHeight() - window.innerHeight
3827                  ) {
3828                     setTimeout(function () {
3829                        var checkLength = $("input[name='frequent-products-pdp']:checked").length;
3830                        var productRecs = document.querySelector('.product-recommendations1');
3831            
3832                        $('#checked-products').text(checkLength);
3833                     }, 4000);
3834                     setTimeout(function () {
3835                        var height;
3836                        var maxheight = 0;
3837                        var minheight = 0;
3838                        $('.price_container_cal').each(function () {
3839                           height = parseInt($(this).height());
3840                           if (height > maxheight) {
3841                              maxheight = height;
3842                           } else {
3843                              minheight = height;
3844                           }
3845                        });
3846                        let isMobile = window.matchMedia('only screen and (max-width: 1023px)').matches;
3847                        if (!isMobile) {
3848                           if (maxheight >= minheight) {
3849                              $('.price_container_cal').attr(
3850                                 'style',
3851                                 'display: flex; flex-flow: column; justify-content: flex-end; height:' + maxheight + 'px;'
3852                              );
3853                           }
3854                        }
3855                     }, 500);
3856                  }
3857               });
3858            });
3859          </script>
3859
3860        
3861      
3862    </main>
3863
3864    <style>
3865  .arcade-review-section {
3866    max-width: 800px;
3867    margin: 30px auto;
3868    padding: 0 15px;
3869    font-family: 'Rajdhani', sans-serif;
3870  }
3871
3872  .arcade-review-title {
3873    text-align: center;
3874    color: #246aff;
3875    font-family: 'Orbitron', sans-serif;
3876    font-size: 20px;
3877    font-weight: 900;
3878    margin-bottom: 20px;
3879    text-transform: uppercase;
3880    letter-spacing: 2px;
3881    text-shadow: 0px 4px 0px #000; /* Shadow tebal ala judul dingdong */
3882  }
3883
3884  /* Grid layout biar otomatis nyusun rapi */
3885  .arcade-review-grid {
3886    display: grid;
3887    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3888    gap: 20px;
3889  }
3890
3891  /* KOTAK PERSEGI CHUNKY 3D */
3892  .arcade-review-card {
3893    background: #3374ff; /* Bodi gelap */
3894    border: 3px solid #3374ff; /* Garis neon */
3895    border-radius: 12px; /* Sudut tumpul */
3896    padding: 20px;
3897    display: flex;
3898    flex-direction: column;
3899    /* Efek balok 3D */
3900    box-shadow: 6px 8px 0px #3374ff;
3901    transition: all 0.2s ease;
3902  }
3903
3904  /* Interaksi pas kotak disentuh/di-hover */
3905  .arcade-review-card:hover {
3906    transform: translate(3px, 4px); /* Kotak amblas dikit */
3907    box-shadow: 3px 4px 0px #3374ff; /* Ketebalan berkurang */
3908    border-color: #3374ff; /* Berubah emas */
3909  }
3910
3911  .arcade-card-header {
3912    display: flex;
3913    justify-content: space-between;
3914    align-items: flex-start;
3915    border-bottom: 2px dashed rgba(51, 116, 255, 0.3);
3916    padding-bottom: 10px;
3917    margin-bottom: 12px;
3918  }
3919
3920  .player-info {
3921    display: flex;
3922    flex-direction: column;
3923  }
3924
3925  .player-name {
3926    color: #fff;
3927    font-family: 'Orbitron', sans-serif;
3928    font-weight: 900;
3929    font-size: 15px;
3930    letter-spacing: 1px;
3931    margin-bottom: 4px;
3932  }
3933
3934  .player-rating {
3935    font-size: 12px;
3936    letter-spacing: 2px;
3937  }
3938
3939  .rating-score {
3940    color: #246aff;
3941    font-weight: 700;
3942    font-size: 11px;
3943    margin-left: 5px;
3944  }
3945
3946  .player-quote {
3947    color: #d9dadf;
3948    font-size: 14px;
3949    line-height: 1.6;
3950    margin: 0;
3951    text-align: justify;
3952    font-weight: 600;
3953  }
3954</style>
3955
3956<div class="arcade-review-section">
3957  <h2 class="arcade-review-title">🔊 TESTIMONI MEMBER CAFE4D</h2>
3958  
3959  <div class="arcade-review-grid">
3960    
3961    <div class="arcade-review-card">
3962  <div class="arcade-card-header">
3963    <div class="player-info">
3964      <span class="player-name">Fikri Putra — Malang</span>
3965      <div class="player-rating">⭐⭐⭐⭐⭐<span class="rating-score">(5.0)</span></div>
3966    </div>
3967  </div>
3968  <p class="player-quote">Pas cari slot yang gampang dimengerti, ketemu beberapa judul yang payline dan simbolnya langsung kebaca. Nggak perlu baca panduan panjang, sekali lihat udah bisa pencet spin.</p>
3969</div>
3970
3971<div class="arcade-review-card">
3972  <div class="arcade-card-header">
3973    <div class="player-info">
3974      <span class="player-name">Candra Putra — Bandung</span>
3975      <div class="player-rating">⭐⭐⭐⭐⭐<span class="rating-score">(4.9)</span></div>
3976    </div>
3977  </div>
3978  <p class="player-quote">Gue buka dari HP dan langsung nyoba game kartu yang aturannya cuma bandingin nilai. Ternyata banyak juga pilihan yang mekaniknya sederhana, cocok buat yang nggak mau ribet.</p>
3979</div>
3980
3981<div class="arcade-review-card">
3982  <div class="arcade-card-header">
3983    <div class="player-info">
3984      <span class="player-name">Irfan Hidayat — Makassar</span>
3985      <div class="player-rating">⭐⭐⭐⭐⭐<span class="rating-score">(5.0)</span></div>
3986    </div>
3987  </div>
3988  <p class="player-quote">Sempet bingung mau main apa, tapi ada bagian rekomendasi game mudah. Klik satu, tutorialnya singkat banget, langsung ngerti dalam hitungan detik.</p>
3989</div>
3990
3991<div class="arcade-review-card">
3992  <div class="arcade-card-header">
3993    <div class="player-info">
3994      <span class="player-name">Yoga Mahendra — Makassar</span>
3995      <div class="player-rating">⭐⭐⭐⭐⭐<span class="rating-score">(5.0)</span></div>
3996    </div>
3997  </div>
3998  <p class="player-quote">Yang paling kerasa itu nggak ada fitur aneh-aneh. Game arcade-nya tinggal tap kiri kanan, skor langsung keliatan, jadi nggak buang waktu buat mikir.</p>
3999</div>
4000
4001<div class="arcade-review-card">
4002  <div class="arcade-card-header">
4003    <div class="player-info">
4004      <span class="player-name">Damar Mahendra — Solo</span>
4005      <div class="player-rating">⭐⭐⭐⭐⭐<span class="rating-score">(4.9)</span></div>
4006    </div>
4007  </div>
4008  <p class="player-quote">Nyari game tembak ikan yang kontrolnya simpel, eh dapet. Begitu masuk udah ada petunjuk dua baris, habis itu tinggal main. Buat pemula kaya gue ini ngebantu.</p>
4009</div>
4010
4011<div class="arcade-review-card">
4012  <div class="arcade-card-header">
4013    <div class="player-info">
4014      <span class="player-name">Irfan Halim — Makassar</span>
4015      <div class="player-rating">⭐⭐⭐⭐⭐<span class="rating-score">(5.0)</span></div>
4016    </div>
4017  </div>
4018  <p class="player-quote">Biasanya males nyoba game baru karena takut ribet, tapi di sini beberapa game cuma butuh satu tombol. Aku coba yang tebak warna, langsung paham dan seru sendiri.</p>
4019</div>
4020  </div>
4021</div>
4022
4023    
4024    <div id="shopify-section-sections--17605520064692__footer" class="shopify-section shopify-section-group-footer-group">
4025      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/section-footer.css?v=119412480688511735931742784889" rel="stylesheet" type="text/css" media="all">
4026      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-newsletter.css?v=35697508531179068801742784889" rel="stylesheet" type="text/css" media="all">
4027      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-list-menu.css?v=104864129994713251501742784888" rel="stylesheet" type="text/css" media="all">
4028      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-list-payment.css?v=176967998584360591851742784888" rel="stylesheet" type="text/css" media="all">
4029      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-list-social.css?v=35792976012981934991742784887" rel="stylesheet" type="text/css" media="all">
4030      <style data-shopify="">
4031        .footer {
4032        margin-top: 18px;
4033        }
4034        .active_2,
4035        .accordion2:after {
4036        color: #121212;
4037        }
4038        .section-sections--17605520064692__footer-padding {
4039        /* padding-top: 0px; */
4040        padding-bottom: 0px;
4041        }
4042        @media screen and (min-width: 750px) {
4043        .footer {
4044        margin-top: 24px;
4045        }
4046        .section-sections--17605520064692__footer-padding {
4047        padding-top: 0px;
4048        padding-bottom: 0px;
4049        }
4050        }
4051      </style>
4052      <footer class="footer color-background-1 gradient section-sections--17605520064692__footer-padding">
4053        <div id="footerAccordion" class="accordionpadding page-width ">
4054          <div class="borderTop">
4055            <div class="accordion2 ">
4056              <span class="headerBlu footer-block__heading">Game</span>
4057              <span class="caretfooter">
4058                <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
4059                  <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">
4060                  </path>
4061                </svg>
4062              </span>
4063            </div>
4064            <div class="panel2">
4065              <ul class="footer-block__details-content list-unstyled">
4066                <li>
4067                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4068                  CAFE4D
4069                  </a>
4070                </li>
4071                <li>
4072                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4073                  Game Online Gampang
4074                  </a>
4075                </li>
4076                <li>
4077                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4078                  Cara Cepat Paham Aturan Main
4079                  </a>
4080                </li>
4081                <li>
4082                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4083                  Cari di Google: CAFE4D
4084                  </a>
4085                </li>
4086                <li>
4087                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4088                  Tips Memilih Game
4089                  </a>
4090                </li>
4091                <li>
4092                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4093                  Trik Main Efektif
4094                  </a>
4095                </li>
4096                <li>
4097                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4098                  Game Gampang CAFE4D
4099                  </a>
4100                </li>
4101              </ul>
4102            </div>
4103            <div class="accordion2 ">
4104              <span class="headerBlu footer-block__heading">Layanan</span>
4105              <span class="caretfooter">
4106                <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
4107                  <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">
4108                  </path>
4109                </svg>
4110              </span>
4111            </div>
4112            <div class="panel2">
4113              <ul class="footer-block__details-content list-unstyled">
4114                <li>
4115                  <a href="/pages/applecare" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4116                  Referensi Game Gampang
4117                  </a>
4118                </li>
4119                <li>
4120                  <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">
4121                  Informasi Game Gampang
4122                  </a>
4123                </li>
4124                <li>
4125                  <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">
4126                  CAFE4D
4127                  </a>
4128                </li>
4129                <li>
4130                  <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">
4131                  CAFE4D
4132                  </a>
4133                </li>
4134                <li>
4135                  <a href="/pages/financing" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4136                  Tips Memilih Game
4137                  </a>
4138                </li>
4139                <li>
4140                  <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">
4141                  Statistik Game Gampang
4142                  </a>
4143                </li>
4144                <li>
4145                  <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">
4146                  Link Alternatif
4147                  </a>
4148                </li>
4149              </ul>
4150            </div>
4151            <div class="accordion2 ">
4152              <span class="headerBlu footer-block__heading">Live Chat</span>
4153              <span class="caretfooter">
4154                <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
4155                  <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">
4156                  </path>
4157                </svg>
4158              </span>
4159            </div>
4160            <div class="panel2">
4161              <ul class="footer-block__details-content list-unstyled">
4162                <li>
4163                  <a href="/account/login" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4164                  Akun Saya
4165                  </a>
4166                </li>
4167                <li>
4168                  <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">
4169                  Deposit &amp; Withdraw
4170                  </a>
4171                </li>
4172                <li>
4173                  <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">
4174                  Bonus &amp; Promo
4175                  </a>
4176                </li>
4177                <li>
4178                  <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">
4179                  Hubungi Kami
4180                  </a>
4181                </li>
4182                <li>
4183                  <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">
4184                  FAQ
4185                  </a>
4186                </li>
4187                <li>
4188                  <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">
4189                  Kebijakan Privasi
4190                  </a>
4191                </li>
4192                <li>
4193                  <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">
4194                  Syarat Penggunaan Situs
4195                  </a>
4196                </li>
4197              </ul>
4198            </div>
4199            <div class="accordion2 ">
4200              <span class="headerBlu footer-block__heading">Tentang CAFE4D</span>
4201              <span class="caretfooter">
4202                <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
4203                  <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">
4204                  </path>
4205                </svg>
4206              </span>
4207            </div>
4208            <div class="panel2">
4209              <ul class="footer-block__details-content list-unstyled">
4210                <li>
4211                  <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">
4212                  Tentang CAFE4D
4213                  </a>
4214                </li>
4215                <li>
4216                  <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">
4217                  Game Gampang
4218                  </a>
4219                </li>
4220                <li>
4221                  <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">
4222                  Mulai Cari Game
4223                  </a>
4224                </li>
4225                <li>
4226                  <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4227                  CAFE4D
4228                  </a>
4229                </li>
4230              </ul>
4231            </div>
4232            <div class="accordion2 ">
4233              <span class="headerBlu footer-block__heading">Partner Game Gampang CAFE4D</span>
4234              <span class="caretfooter">
4235                <svg aria-hidden="true" focusable="false" role="presentation" class="footercareticon icon icon-caret " viewBox="0 0 10 6">
4236                  <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">
4237                  </path>
4238                </svg>
4239              </span>
4240            </div>
4241            <div class="panel2">
4242              <div class="subtext_css footer-block__details-content rte">
4243              </div>
4244            </div>
4245            <div class="footer_logosMobile">
4246              <div class="footerLogo ">
4247                <div class="ratio" style="--ratio-percent: 46.97508896797152%">
4248                  <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" loading="lazy" width="100" height="auto" style="max-width: min(100%, 100px);">
4249                </div>
4250              </div>
4251              <div class="footerLogo ">
4252                <div class="ratio" style="--ratio-percent: 25.396825396825395%">
4253                  <img srcset="https://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="https://www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_400x.svg?v=1711639499" alt="" loading="lazy" width="130" height="auto" style="max-width: min(100%, 130px);">
4254                </div>
4255              </div>
4256              <div class="footerLogo ">
4257                <svg class="placeholder-svg placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5">
4258                  <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">
4259                  </path>
4260                  <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">
4261                  </path>
4262                  <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">
4263                  </path>
4264                </svg>
4265              </div>
4266            </div>
4267          </div>
4268        </div>
4269        <div class="footer__content-top page-width">
4270          <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">
4271            <div class="footer-block grid__item footer-block--menu">
4272              <p class="footer-block__heading inline-richtext">Game</p>
4273              <ul class="footer-block__details-content list-unstyled">
4274                <li>
4275                  <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">
4276                  Cepat Paham
4277                  </a>
4278                </li>
4279                <li>
4280                  <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">
4281                  Gampang Dipelajari
4282                  </a>
4283                </li>
4284                <li>
4285                  <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">
4286                  Langsung Bisa
4287                  </a>
4288                </li>
4289                <li>
4290                  <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">
4291                  Game Cepat Dipahami
4292                  </a>
4293                </li>
4294                <li>
4295                  <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">
4296                  Game Santai
4297                  </a>
4298                </li>
4299                <li>
4300                  <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">
4301                  Game Tembak
4302                  </a>
4303                </li>
4304                <li>
4305                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4306                  Permainan Kartu
4307                  </a>
4308                </li>
4309                <li>
4310                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4311                  Game Bola
4312                  </a>
4313                </li>
4314              </ul>
4315            </div>
4316            <div class="footer-block grid__item footer-block--menu">
4317              <p class="footer-block__heading inline-richtext">Layanan</p>
4318              <ul class="footer-block__details-content list-unstyled">
4319                <li>
4320                  <a href="/pages/applecare" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4321                  Bonus Harian
4322                  </a>
4323                </li>
4324                <li>
4325                  <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">
4326                  Promo Terbaru
4327                  </a>
4328                </li>
4329                <li>
4330                  <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4331                  Cara Main
4332                  </a>
4333                </li>
4334                <li>
4335                  <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">
4336                  Bantuan Member
4337                  </a>
4338                </li>
4339                <li>
4340                  <a href="/pages/financing" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4341                  Cara Deposit
4342                  </a>
4343                </li>
4344                <li>
4345                  <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">
4346                  Tukar Poin
4347                  </a>
4348                </li>
4349                <li>
4350                  <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">
4351                  Link Alternatif
4352                  </a>
4353                </li>
4354              </ul>
4355            </div>
4356            <div class="footer-block grid__item footer-block--menu">
4357              <p class="footer-block__heading inline-richtext">Live Chat</p>
4358              <ul class="footer-block__details-content list-unstyled">
4359                <li>
4360                  <a href="/account/login" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4361                  Akun Saya
4362                  </a>
4363                </li>
4364                <li>
4365                  <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">
4366                  Deposit &amp; Withdraw
4367                  </a>
4368                </li>
4369                <li>
4370                  <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">
4371                  Bonus &amp; Promo
4372                  </a>
4373                </li>
4374                <li>
4375                  <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">
4376                  Hubungi Kami
4377                  </a>
4378                </li>
4379                <li>
4380                  <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">
4381                  FAQ
4382                  </a>
4383                </li>
4384                <li>
4385                  <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">
4386                  Kebijakan Privasi
4387                  </a>
4388                </li>
4389                <li>
4390                  <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">
4391                  Syarat Penggunaan Situs
4392                  </a>
4393                </li>
4394              </ul>
4395            </div>
4396            <div class="footer-block grid__item footer-block--menu">
4397              <p class="footer-block__heading inline-richtext">Tentang CAFE4D</p>
4398              <ul class="footer-block__details-content list-unstyled">
4399                <li>
4400                  <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">
4401                  Tentang CAFE4D
4402                  </a>
4403                </li>
4404                <li>
4405                  <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">
4406                  Cari link alternatif resmi CAFE4D
4407                  </a>
4408                </li>
4409                <li>
4410                  <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">
4411                  Kenapa Pilih Game yang Mudah Dipahami
4412                  </a>
4413                </li>
4414                <li>
4415                  <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="nofollow noopener noreferrer" class="footer_content_list link link--text list-menu__item list-menu__item--link">
4416                  Situs Resmi CAFE4D
4417                  </a>
4418                </li>
4419              </ul>
4420            </div>
4421            <div class="footer-block grid__item">
4422              <p class="footer-block__heading inline-richtext">Situs Resmi CAFE4D</p>
4423              <div class="subtext_css footer-block__details-content rte">
4424              </div>
4425              <div class="footer_logos">
4426                <div class="footerLogo ">
4427                  <div class="ratio" style="--ratio-percent: 46.97508896797152%">
4428                    <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" loading="lazy" width="100" height="auto" style="max-width: min(100%, 100px);">
4429                  </div>
4430                </div>
4431                <div class="footerLogo ">
4432                  <div class="ratio" style="--ratio-percent: 25.396825396825395%">
4433                    <img srcset="https://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="https://www.istudiosg.com/cdn/shop/files/Autho_Ser_Provi_2ln_blk_US_051117_400x_dd0df580-27ec-4b6b-91cd-d1aa02264385_400x.svg?v=1711639499" alt="" loading="lazy" width="130" height="auto" style="max-width: min(100%, 130px);">
4434                  </div>
4435                </div>
4436                <div class="footerLogo ">
4437                  <svg class="placeholder-svg placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5">
4438                    <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">
4439                    </path>
4440                    <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">
4441                    </path>
4442                    <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">
4443                    </path>
4444                  </svg>
4445                </div>
4446              </div>
4447            </div>
4448          </div>
4449          <div class="page-width footer_newsletter_icon_section">
4450            <div class="footer-block__newsletter">
4451              <p class="footer-block__heading2 inline-richtext">Dapatkan info game terbaru</p>
4452              <form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form">
4453                <input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="contact[tags]" value="newsletter">
4454                <div class="emailTextBoxFooter1 newsletter-form__field-wrapper">
4455                  <div class="field">
4456                    <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="">
4457                    <label class="email_label_css field__label" for="NewsletterForm--sections--17605520064692__footer">
4458                    Email
4459                    </label>
4460                    <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Berlangganan" data-form-type="footer-newsletter">
4461                      <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">
4462                        <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">
4463                        </path>
4464                      </svg>
4465                    </button>
4466                  </div>
4467                </div>
4468              </form>
4469            </div>
4470            <div class="footer__content-bottom">
4471              <div class="footer__content-bottom-wrapper ">
4472                <div class=" footer__column footer__column--info">
4473                  <ul class="ulClassSocialIcon footer__list-social list-unstyled list-social">
4474                    <li class="social_icon_footer list-social__item-f">
4475                      <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="nofollow noopener noreferrer" class="social_icon_anchor link list-social__link">
4476                        <svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
4477                          <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">
4478                          </path>
4479                        </svg>
4480                        <span class="visually-hidden">Facebook</span>
4481                      </a>
4482                    </li>
4483                    <li class="social_icon_footer list-social__item-f">
4484                      <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="nofollow noopener noreferrer" class="social_icon_anchor link list-social__link">
4485                        <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20">
4486                          <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"></path>
4487                        </svg>
4488                        <span class="visually-hidden">Instagram</span>
4489                      </a>
4490                    </li>
4491                    <li class="social_icon_footer list-social__item-f">
4492                      <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="nofollow noopener noreferrer" class="social_icon_anchor link list-social__link">
4493                        <svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
4494                          <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">
4495                          </path>
4496                        </svg>
4497                        <span class="visually-hidden">YouTube</span>
4498                      </a>
4499                    </li>
4500                  </ul>
4501                  <div class="footer__payment">
4502                    <span class="visually-hidden">Metode pembayaran</span>
4503                    <ul class="footerPayment list list-payment">
4504                      <li class="paymenticon list-payment__item">
4505                        <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">
4506                          <title id="pi-american_express">CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</title>
4507                          <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>
4508                          <path fill="#74a0ff" 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">
4509                          </path>
4510                          <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">
4511                          </path>
4512                          <path fill="#74a0ff" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z">
4513                          </path>
4514                          <path fill="#74a0ff" 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">
4515                          </path>
4516                          <path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z">
4517                          </path>
4518                          <path fill="#74a0ff" 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">
4519                          </path>
4520                          <path fill="#74a0ff" 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">
4521                          </path>
4522                        </svg>
4523                      </li>
4524                      <li class="paymenticon list-payment__item">
4525                        <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">
4526                          <title id="pi-master">CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</title>
4527                          <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">
4528                          </path>
4529                          <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">
4530                          </path>
4531                          <circle fill="#3374ff" cx="15" cy="12" r="7"></circle>
4532                          <circle fill="#719dfc" cx="23" cy="12" r="7"></circle>
4533                          <path fill="#6294ff" 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">
4534                          </path>
4535                        </svg>
4536                      </li>
4537                      <li class="paymenticon list-payment__item">
4538                        <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">
4539                          <title id="pi-visa">CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami</title>
4540                          <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">
4541                          </path>
4542                          <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">
4543                          </path>
4544                          <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 
45440-.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="#5d90fe"></path>
4545                        </svg>
4546                      </li>
4547                      <li class="paymenticon list-payment__item" style="width:auto;">
4548                        <img src="https://cdn.shopify.com/s/files/1/0637/3864/2612/files/payment_badge_green.png?v=1753250452" height="24">
4549                      </li>
4550                    </ul>
4551                  </div>
4552                  <div class="copyrightCss footer__copyright caption">
4553                    <span class="copyright__content">© 2026, <a href="https://www.cleanwaterpartnership.org/contact/" target="_blank" title="">CAFE4D</a></span>
4554                    <span class="copyright__content"><a target="_blank" rel="nofollow noopener noreferrer" href="https://contact-cleanwaterpartnership.nomia.here.now/">Dikelola
4555                    oleh SEO 2CM</a></span>
4556                  </div>
4557                </div>
4558              </div>
4559            </div>
4560          </div>
4561        </div>
4562      </footer>
4563      
4563<script>
4564        var acc = document.getElementsByClassName('accordion2');
4565        var i;
4566        $(document).on('click', '.accordion2', function () {
4567           this.classList.toggle('active_2');
4568           this.classList.toggle('headerBlu');
4569           var panel2 = this.nextElementSibling;
4570           $(panel2.style.maxHeight);
4571           if (panel2.style.maxHeight) {
4572              panel2.style.maxHeight = null;
4573              $(this).find('span').removeClass('svgrotate');
4574           } else {
4575              panel2.style.maxHeight = panel2.scrollHeight + 'px';
4576              $(this).find('span').addClass('svgrotate');
4577           }
4578        });
4579      </script>
4579
4580    </div>
4581    <section id="shopify-section-sections--17605520064692__collapsible_content_xjDGLy" class="shopify-section shopify-section-group-footer-group section">
4582      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-accordion.css?v=114305622551526091581742784887" rel="stylesheet" type="text/css" media="all">
4583      <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/collapsible-content.css?v=127502585749033803951742784889" rel="stylesheet" type="text/css" media="all">
4584      <style data-shopify="">
4585        .section-sections--17605520064692__collapsible_content_xjDGLy-padding {
4586        padding-top: 27px;
4587        padding-bottom: 27px;
4588        }
4589        @media screen and (min-width: 750px) {
4590        .section-sections--17605520064692__collapsible_content_xjDGLy-padding {
4591        padding-top: 36px;
4592        padding-bottom: 36px;
4593        }
4594        }
4595      </style>
4596      <div class="color-background-1 gradient">
4597        <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
4598          <div class="collapsible-content__wrapper section-sections--17605520064692__collapsible_content_xjDGLy-padding">
4599            <div class="collapsible-content-wrapper-narrow">
4600              <div class="collapsible-content__header" style="text-align: center;">
4601                <p class="caption-with-letter-spacing">
4602                  Deposit dan withdraw bisa lewat QRIS, E-Wallet, dan transfer Bank.
4603                </p>
4604                <h2 class="visually-hidden">Accordion satu kolom</h2>
4605              </div>
4606              <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
4607                <div class="grid__item"></div>
4608              </div>
4609            </div>
4610          </div>
4611        </div>
4612      </div>
4613    </section>
4614    
4615    <ul hidden="">
4616      <li id="a11y-refresh-page-message">Memilih salah satu akan memuat ulang halaman penuh.</li>
4617      <li id="a11y-new-window-message">Terbuka di jendela baru.</li>
4618    </ul>
4619    
4619<script>
4620      window.themeJsData = {
4621         templateName: "product",
4622         templateStrip: "product",
4623         cartItemCount: 0,
4624         shopCurrency: 'SGD',
4625      }
4626    </script>
4626
4627    
4627<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/theme.js?v=35343184324329019891742784888" defer="defer"></script>
4627
4628    
4628<script>
4629      window.shopUrl = 'https://www.istudiosg.com';
4630      window.routes = {
4631         cart_add_url: '/cart/add',
4632         cart_change_url: '/cart/change',
4633         cart_clear_url: '/cart/clear',
4634         cart_update_url: '/cart/update',
4635         cart_url: '/cart',
4636         account_addresses_url: '/account/addresses',
4637         account_login_url: '/account/login',
4638         account_logout_url: '/account/logout',
4639         account_recover_url: '/account/recover',
4640         account_register_url: '/account/register',
4641         account_url: '/account',
4642         predictive_search_url: '/search/suggest',
4643      };
4644      
4645      window.cartStrings = {
4646         error: `There was an error while updating your cart. Please try again.`,
4647         quantityError: `You can only add [quantity] of this item to your cart.`,
4648         storeConfirmationMessage: 'Confirm store at checkout',
4649      };
4650      
4651      window.variantStrings = {
4652         addToCart: `Add to cart`,
4653         soldOut: `Out of Stock`,
4654         unavailable: `Unavailable`,
4655         unavailable_with_option: `[value] - Unavailable`,
4656      };
4657      
4658      window.quickOrderListStrings = {
4659         itemsAdded: `[quantity] items added`,
4660         itemAdded: `[quantity] item added`,
4661         itemsRemoved: `[quantity] items removed`,
4662         itemRemoved: `[quantity] item removed`,
4663         viewCart: `View cart`,
4664         each: `[money]/ea`,
4665      };
4666      
4667      window.accessibilityStrings = {
4668         imageAvailable: `Image [index] is now available in gallery view`,
4669         shareSuccess: `Link copied to clipboard`,
4670         pauseSlideshow: `Pause slideshow`,
4671         playSlideshow: `Play slideshow`,
4672         recipientFormExpanded: `Gift card recipient form expanded`,
4673         recipientFormCollapsed: `Gift card recipient form collapsed`,
4674      };
4675      
4676      window.deliveryOptionsStrings = { "en": { "Usually ready in 1 hour": "Usually ready in 1 hour", "Usually ready in 2 hours": "Usually ready in 2 hours", "Usually ready in 4 hours": "Usually ready in 4 hours", "Usually ready in 24 hours": "Usually ready in 24 hours", "Usually ready in 2-4 days": "Usually ready in 2-4 days", "Temporarily Unavailable for Pickup": "Temporarily Unavailable for Pickup" } };
4677    </script>
4677
4678    
4678<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/predictive-search.js?v=3351204828225219081742784888" defer="defer"></script>
4678
4679    <my-store-locator-drawer class="gradient my-store-locator-drawer" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="MyStoreLocatorDrawerHeading">
4680      <div class="my-store-locator-drawer__inner">
4681        <div class="my-store-locator-drawer__close-wrapper">
4682          <button class="js-store-locator-drawer-close my-store-locator__close" type="button" aria-label="Tutup">
4683            <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">
4684              <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">
4685              </path>
4686            </svg>
4687          </button>
4688        </div>
4689        <h2 class="my-store-locator-drawer__title" id="MyStoreLocatorDrawerHeading">
4690          Status permainan
4691        </h2>
4692        <div class="js-store-locator-product-info my-store-locator-drawer__product">
4693          <div class="my-store-locator-drawer__product-image global-media-settings">
4694            <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami" width="88" height="88" loading="lazy">
4695          </div>
4696          <div class="my-store-locator-drawer__product-info">
4697            <h3>CAFE4D</h3>
4698            <div class="my-store-locator-drawer__product-option">
4699              <span>Game:</span>
4700              <span>Cepat Paham</span>
4701            </div>
4702            <div class="my-store-locator-drawer__product-option">
4703              <span>Kategori:</span>
4704              <span>CAFE4D</span>
4705            </div>
4706            <div class="my-store-locator-drawer__product-option">
4707              <span>Tingkat kesulitan:</span>
4708              <span>Tahap 1</span>
4709            </div>
4710          </div>
4711        </div>
4712        <div class="my-store-locator-drawer__search">
4713          <form id="storeLocatorSearchForm" class="nosubmit_form my-store-locator-drawer__form">
4714            <input class="nosubmit my-store-locator-drawer__input" id="storeLocatorSearch" type="search" name="storeLocatorSearch" placeholder="Masukkan Kota atau Kode Pos" aria-label="Masukkan Kota atau Kode Pos" role="combobox" aria-expanded="false" aria-owns="myLocations" aria-controls="myLocations" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
4715          </form>
4716          <div class="js-store-locator-search-suggestions my-store-locator-drawer__suggestions hidden"></div>
4717          <p class="js-store-locator-search-error my-store-locator-drawer__error hidden">
4718            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Mohon diisi
4719          </p>
4720          <button class="js-store-locator-use-location-btn my-store-locator-drawer__use-location-btn">
4721            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4722              <path d="M11.9023 5.98047C11.309 5.98047 10.729 6.15642 10.2356 6.48606C9.74229 6.8157 9.35777 7.28424 9.13071 7.83242C8.90364 8.3806 8.84423 8.9838 8.95999 9.56574C9.07574 10.1477 9.36147 10.6822 9.78102 11.1018C10.2006 11.5213 10.7351 11.8071 11.3171 11.9228C11.899 12.0386 12.5022 11.9792 13.0504 11.7521C13.5986 11.525 14.0671 11.1405 14.3968 10.6472C14.7264 10.1538 14.9023 9.57381 14.9023 8.98047C14.9014 8.1851 14.5851 7.42256 14.0227 6.86015C13.4603 6.29774 12.6977 5.98137 11.9023 5.98047ZM11.9023 10.4805C11.6057 10.4805 11.3157 10.3925 11.069 10.2277C10.8223 10.0628 10.6301 9.82858 10.5165 9.55449C10.403 9.2804 10.3733 8.9788 10.4312 8.68783C10.489 8.39686 10.6319 8.12959 10.8417 7.91981C11.0515 7.71003 11.3187 7.56717 11.6097 7.50929C11.9007 7.45141 12.2023 7.48112 12.4764 7.59465C12.7505 7.70818 12.9847 7.90044 13.1495 8.14711C13.3144 8.39379 13.4023 8.6838 13.4023 8.98047C13.4019 9.37815 13.2437 9.75942 12.9625 10.0406C12.6813 10.3218 12.3 10.48 11.9023 10.4805Z" fill="#7da7ff"></path>
4723              <path d="M17.6676 3.21133C16.2423 1.78635 14.3396 0.939858 12.3268 0.835221C10.3141 0.730584 8.33391 1.37522 6.76849 2.64472C5.20307 3.91422 4.16338 5.71858 3.85009 7.70957C3.5368 9.70055 3.97212 11.737 5.07202 13.4259L10.7395 22.1265C10.8657 22.3201 11.0381 22.4792 11.2412 22.5893C11.4444 22.6994 11.6718 22.7571 11.9029 22.7571C12.1339 22.7571 12.3613 22.6994 12.5645 22.5893C12.7676 22.4792 12.9401 22.3201 13.0662 22.1265L18.7339 13.4259C19.7545 11.8592 20.2055 9.98931 20.0114 8.12962C19.8172 6.26993 18.9898 4.53348 17.6676 3.21133ZM17.4771 12.6071L11.9029 21.1642L6.32865 12.6071C4.6224 9.98782 4.98835 6.4825 7.19879 4.27197C7.81653 3.65421 8.54991 3.16418 9.35704 2.82985C10.1642 2.49551 11.0292 2.32344 11.9029 2.32344C12.7765 2.32344 13.6416 2.49551 14.4487 2.82985C15.2559 3.16418 15.9892 3.65421 16.607 4.27197C18.8174 6.4825 19.1833 9.98782 17.4771 12.6071Z" fill="#7da7ff"></path>
4724            </svg>
4725            <span> Gunakan lokasi saya saat ini </span>
4726          </button>
4727          <div class="my-store-locator-drawer__search-result-options">
4728            <span class="js-store-locator-results-count my-store-locator-drawer__search-result-label" data-results="results" data-result="result" data-results-near="results near" data-result-near="result near" data-results-near-you="results near you" data-result-near-you="result near you" data-no-results-found="no results found">22 hasil</span>
4729            <label class="screenreader" for="storeLocatorDistanceSelectDrawer">
4730            Saring berdasarkan pilihan
4731            </label>
4732            <select class="js-store-locator-results-distance my-store-locator-drawer__search-distance-select hidden" id="storeLocatorDistanceSelectDrawer">
4733              <option value="all">
4734                All stores
4735              </option>
4736              <option value="5" selected="">
4737                5
4738                miles
4739              </option>
4740              <option value="10" selected="">
4741                10
4742                miles
4743              </option>
4744              <option value="30" selected="">
4745                30
4746                miles
4747              </option>
4748              <option value="50" selected="">
4749                50
4750                miles
4751              </option>
4752              <option value="100" selected="">
4753                100
4754                miles
4755              </option>
4756            </select>
4757          </div>
4758        </div>
4759        <div id="myLocationResults" class="my-store-locator-drawer__search-results">
4760          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496012980" data-name="Glodok Plaza" data-latitude="1.3243867" data-longitude="103.9299655" role="group">
4761            <div class="my-location-result-details">
4762              <div class="my-location-result__my-store">Game Saya</div>
4763              <section class="js-my-results-details">
4764                <div class="my-location-result__details">
4765                  <div class="my-location-result__name">Glodok Plaza</div>
4766                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
4767                    null
4768                  </div>
4769                </div>
4770                <div class="my-location-result__address">
4771                  Indonesia
4772                </div>
4773                <div class="my-location-result__availability">
4774                  Tidak tersedia
4775                </div>
4776              </section>
4777            </div>
4778            <ul class="list-unstyled my-location-result-details--contact">
4779              <li class="my-location-result__address">
4780                <span>Alamat: </span>
4781                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Gajah Mada No. 3-5, Jakarta Barat 10130,
4782                Jakarta Barat 10130, Indonesia</a>
4783              </li>
4784              <li class="my-location-result__address">
4785                <span>Telepon: </span>
4786                <a href="tel:+6567025018">+6567025018</a>
4787              </li>
4788              <li class="my-location-result__address">
4789                <span>Jam: </span>
4790                <span>10:30-21:30</span>
4791              </li>
4792              <li>
4793                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
4794                <span class="underlined-text">Lihat daftar game</span>
4795                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
4796                </button>
4797              </li>
4798              <li class="my-location-result__services js-acc-details" aria-expanded="false">
4799                <ul>
4800                  <li>Partner Game Gampang CAFE4D</li>
4801                  <li>Servis Drop Off</li>
4802                  <li>Tersedia Click &amp; Collect</li>
4803                  <li>Layanan Game Gampang Tersedia</li>
4804                </ul>
4805              </li>
4806            </ul>
4807          </div>
4808          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496045748" data-name="Mangga Besar" data-latitude="1.2988083" data-longitude="103.8549365" role="group">
4809            <div class="my-location-result-details">
4810              <div class="my-location-result__my-store">Game Saya</div>
4811              <section class="js-my-results-details">
4812                <div class="my-location-result__details">
4813                  <div class="my-location-result__name">Mangga Besar</div>
4814                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
4815                    null
4816                  </div>
4817                </div>
4818                <div class="my-location-result__address">
4819                  Indonesia
4820                </div>
4821                <div class="my-location-result__availability">
4822                  Tidak tersedia
4823                </div>
4824              </section>
4825            </div>
4826            <ul class="list-unstyled my-location-result-details--contact">
4827              <li class="my-location-result__address">
4828                <span>Alamat: </span>
4829                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Mangga Besar Raya No. 42, Jakarta Barat 11180,
4830                Jakarta Barat 11180, Indonesia</a>
4831              </li>
4832              <li class="my-location-result__address">
4833                <span>Telepon: </span>
4834                <a href="tel:+6562505915">+6562505915</a>
4835              </li>
4836              <li class="my-location-result__address">
4837                <span>Jam: </span>
4838                <span>10:30-21:30</span>
4839              </li>
4840              <li>
4841                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
4842                <span class="underlined-text">Lihat daftar game</span>
4843                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
4844                </button>
4845              </li>
4846              <li class="my-location-result__services js-acc-details" aria-expanded="false">
4847                <ul>
4848                  <li>Reseller Game Gampang CAFE4D</li>
4849                  <li>Servis Drop Off</li>
4850                  <li>Tersedia Click &amp; Collect</li>
4851                  <li>Layanan Game Gampang Tersedia</li>
4852                </ul>
4853              </li>
4854            </ul>
4855          </div>
4856          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496078516" data-name="Kemang Village" data-latitude="1.4360933" data-longitude="103.7859471" role="group">
4857            <div class="my-location-result-details">
4858              <div class="my-location-result__my-store">Game Saya</div>
4859              <section class="js-my-results-details">
4860                <div class="my-location-result__details">
4861                  <div class="my-location-result__name">Kemang Village</div>
4862                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
4863                    null
4864                  </div>
4865                </div>
4866                <div class="my-location-result__address">
4867                  Indonesia
4868                </div>
4869                <div class="my-location-result__availability">
4870                  Tidak tersedia
4871                </div>
4872              </section>
4873            </div>
4874            <ul class="list-unstyled my-location-result-details--contact">
4875              <li class="my-location-result__address">
4876                <span>Alamat: </span>
4877                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Pangeran Antasari No. 36, Jakarta Selatan 12150, Indonesia
4878                12150, Indonesia</a>
4879              </li>
4880              <li class="my-location-result__address">
4881                <span>Telepon: </span>
4882                <a href="tel:+6567600270">+6567600270</a>
4883              </li>
4884              <li class="my-location-result__address">
4885                <span>Jam: </span>
4886                <span>10:30-21:30</span>
4887              </li>
4888              <li>
4889                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
4890                <span class="underlined-text">Lihat daftar game</span>
4891                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
4892                </button>
4893              </li>
4894              <li class="my-location-result__services js-acc-details" aria-expanded="false">
4895                <ul>
4896                  <li>Reseller Game Gampang CAFE4D</li>
4897                  <li>Servis Drop Off</li>
4898                  <li>Tersedia Click &amp; Collect</li>
4899                  <li>Layanan Game Gampang Tersedia</li>
4900                </ul>
4901              </li>
4902            </ul>
4903          </div>
4904          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496570036" data-name="Bandara Soekarno-Hatta Terminal 1 (Transit)" data-latitude="1.361813" data-longitude="103.9902721" role="group">
4905            <div class="my-location-result-details">
4906              <div class="my-location-result__my-store">Game Saya</div>
4907              <section class="js-my-results-details">
4908                <div class="my-location-result__details">
4909                  <div class="my-location-result__name">Bandara Soekarno-Hatta Terminal 1 (Transit)</div>
4910                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
4911                    null
4912                  </div>
4913                </div>
4914                <div class="my-location-result__address">
4915                  Indonesia
4916                </div>
4917                <div class="my-location-result__availability">
4918                  Tidak tersedia
4919                </div>
4920              </section>
4921            </div>
4922            <ul class="list-unstyled my-location-result-details--contact">
4923              <li class="my-location-result__address">
4924                <span>Alamat: </span>
4925                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. P1, Bandara Soekarno-Hatta T1
4926                Lounge Keberangkatan Transit Barat, Tangerang 19120, Indonesia</a>
4927              </li>
4928              <li class="my-location-result__address">
4929                <span>Telepon: </span>
4930                <a href="tel:+6565462067">+6565462067</a>
4931              </li>
4932              <li class="my-location-result__address">
4933                <span>Jam: </span>
4934                <span>06:00-01:00</span>
4935              </li>
4936              <li>
4937                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
4938                <span class="underlined-text">Lihat daftar game</span>
4939                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
4940                </button>
4941              </li>
4942              <li class="my-location-result__services js-acc-details" aria-expanded="false">
4943                <ul>
4944                  <li>Partner Game Gampang CAFE4D</li>
4945                  <li>Click &amp; Collect tidak tersedia.</li>
4946                  <li>Layanan Game Gampang tidak tersedia.</li>
4947                  <li>Semua kategori game bisa langsung dimainkan tanpa install aplikasi.</li>
4948                </ul>
4949              </li>
4950            </ul>
4951          </div>
4952          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496602804" data-name="Bandara Soekarno-Hatta Terminal 2 (Transit)" data-latitude="1.3554911" data-longitude="103.988756" role="group">
4953            <div class="my-location-result-details">
4954              <div class="my-location-result__my-store">Game Saya</div>
4955              <section class="js-my-results-details">
4956                <div class="my-location-result__details">
4957                  <div class="my-location-result__name">Bandara Soekarno-Hatta Terminal 2 (Transit)</div>
4958                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
4959                    null
4960                  </div>
4961                </div>
4962                <div class="my-location-result__address">
4963                  Indonesia
4964                </div>
4965                <div class="my-location-result__availability">
4966                  Tidak tersedia
4967                </div>
4968              </section>
4969            </div>
4970            <ul class="list-unstyled my-location-result-details--contact">
4971              <li class="my-location-result__address">
4972                <span>Alamat: </span>
4973                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. P2, Bandara Soekarno-Hatta Terminal
4974                2 Lounge Keberangkatan Transit, Tangerang 19120, Indonesia</a>
4975              </li>
4976              <li class="my-location-result__address">
4977                <span>Telepon: </span>
4978                <a href="tel:+6596152174">+6596152174</a>
4979              </li>
4980              <li class="my-location-result__address">
4981                <span>Jam: </span>
4982                <span>06:00-01:00</span>
4983              </li>
4984              <li>
4985                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
4986                <span class="underlined-text">Lihat daftar game</span>
4987                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
4988                </button>
4989              </li>
4990              <li class="my-location-result__services js-acc-details" aria-expanded="false">
4991                <ul>
4992                  <li>Partner Game Gampang CAFE4D</li>
4993                  <li>Click &amp; Collect tidak tersedia.</li>
4994                  <li>Layanan Game Gampang tidak tersedia.</li>
4995                  <li>Semua kategori game bisa langsung dimainkan tanpa install aplikasi.</li>
4996                </ul>
4997              </li>
4998            </ul>
4999          </div>
5000          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496635572" data-name="Bandara Soekarno-Hatta Terminal 3 (Transit)" data-latitude="1.3566264" data-longitude="103.9863923" role="group">
5001            <div class="my-location-result-details">
5002              <div class="my-location-result__my-store">Game Saya</div>
5003              <section class="js-my-results-details">
5004                <div class="my-location-result__details">
5005                  <div class="my-location-result__name">Bandara Soekarno-Hatta Terminal 3 (Transit)</div>
5006                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5007                    null
5008                  </div>
5009                </div>
5010                <div class="my-location-result__address">
5011                  Indonesia
5012                </div>
5013                <div class="my-location-result__availability">
5014                  Tidak tersedia
5015                </div>
5016              </section>
5017            </div>
5018            <ul class="list-unstyled my-location-result-details--contact">
5019              <li class="my-location-result__address">
5020                <span>Alamat: </span>
5021                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. P3, Bandara Soekarno-Hatta T3
5022                Lounge Keberangkatan Transit, Tangerang 19120, Indonesia</a>
5023              </li>
5024              <li class="my-location-result__address">
5025                <span>Telepon: </span>
5026                <a href="tel:+6562419220">+6562419220</a>
5027              </li>
5028              <li class="my-location-result__address">
5029                <span>Jam: </span>
5030                <span>06:00-01:00</span>
5031              </li>
5032              <li>
5033                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5034                <span class="underlined-text">Lihat daftar game</span>
5035                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5036                </button>
5037              </li>
5038              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5039                <ul>
5040                  <li>Partner Game Gampang CAFE4D</li>
5041                  <li>Click &amp; Collect tidak tersedia.</li>
5042                  <li>Layanan Game Gampang tidak tersedia.</li>
5043                  <li>Semua kategori game bisa langsung dimainkan tanpa install aplikasi.</li>
5044                </ul>
5045              </li>
5046            </ul>
5047          </div>
5048          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496733876" data-name="Bandara Soekarno-Hatta Terminal 4 (Transit)" data-latitude="1.3390218" data-longitude="103.9820703" role="group">
5049            <div class="my-location-result-details">
5050              <div class="my-location-result__my-store">Game Saya</div>
5051              <section class="js-my-results-details">
5052                <div class="my-location-result__details">
5053                  <div class="my-location-result__name">Bandara Soekarno-Hatta Terminal 4 (Transit)</div>
5054                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5055                    null
5056                  </div>
5057                </div>
5058                <div class="my-location-result__address">
5059                  Indonesia
5060                </div>
5061                <div class="my-location-result__availability">
5062                  Tidak tersedia
5063                </div>
5064              </section>
5065            </div>
5066            <ul class="list-unstyled my-location-result-details--contact">
5067              <li class="my-location-result__address">
5068                <span>Alamat: </span>
5069                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. P4, Bandara Soekarno-Hatta Terminal
5070                4 Lounge Keberangkatan Transit Utara, Tangerang 19120, Indonesia</a>
5071              </li>
5072              <li class="my-location-result__address">
5073                <span>Telepon: </span>
5074                <a href="tel:+6567196151">+6567196151</a>
5075              </li>
5076              <li class="my-location-result__address">
5077                <span>Jam: </span>
5078                <span>06:00-01:00</span>
5079              </li>
5080              <li>
5081                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5082                <span class="underlined-text">Lihat daftar game</span>
5083                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5084                </button>
5085              </li>
5086              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5087                <ul>
5088                  <li>Reseller Game Gampang CAFE4D</li>
5089                  <li>Click &amp; Collect tidak tersedia.</li>
5090                  <li>Layanan Game Gampang tidak tersedia.</li>
5091                  <li>Semua kategori game bisa langsung dimainkan tanpa install aplikasi.</li>
5092                </ul>
5093              </li>
5094            </ul>
5095          </div>
5096          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496111284" data-name="Toko Game Online Terdekat" data-latitude="1.3113982" data-longitude="103.8565897" role="group">
5097            <div class="my-location-result-details">
5098              <div class="my-location-result__my-store">Game Saya</div>
5099              <section class="js-my-results-details">
5100                <div class="my-location-result__details">
5101                  <div class="my-location-result__name">Toko Game Online Terdekat</div>
5102                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5103                    null
5104                  </div>
5105                </div>
5106                <div class="my-location-result__address">
5107                  Indonesia
5108                </div>
5109                <div class="my-location-result__availability">
5110                  Tidak tersedia
5111                </div>
5112              </section>
5113            </div>
5114            <ul class="list-unstyled my-location-result-details--contact">
5115              <li class="my-location-result__address">
5116                <span>Alamat: </span>
5117                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Merdeka No. 45, Jakarta Pusat 10110, Indonesia</a>
5118              </li>
5119              <li class="my-location-result__address">
5120                <span>Telepon: </span>
5121                <a href="tel:+6565096093">+6565096093</a>
5122              </li>
5123              <li class="my-location-result__address">
5124                <span>Jam: </span>
5125                <span>10:30-21:30</span>
5126              </li>
5127              <li>
5128                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5129                <span class="underlined-text">Lihat daftar game</span>
5130                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5131                </button>
5132              </li>
5133              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5134                <ul>
5135                  <li>CAFE4D Link Resmi</li>
5136                  <li>Servis Drop Off</li>
5137                  <li>Tersedia Click &amp; Collect</li>
5138                  <li>Layanan Game Gampang Tersedia</li>
5139                </ul>
5140              </li>
5141            </ul>
5142          </div>
5143          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496144052" data-name="Pusat Game Online Jakarta" data-latitude="1.3921847" data-longitude="103.8951077" role="group">
5144            <div class="my-location-result-details">
5145              <div class="my-location-result__my-store">Game Saya</div>
5146              <section class="js-my-results-details">
5147                <div class="my-location-result__details">
5148                  <div class="my-location-result__name">Pusat Game Online Jakarta</div>
5149                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5150                    null
5151                  </div>
5152                </div>
5153                <div class="my-location-result__address">
5154                  Indonesia
5155                </div>
5156                <div class="my-location-result__availability">
5157                  Tidak tersedia
5158                </div>
5159              </section>
5160            </div>
5161            <ul class="list-unstyled my-location-result-details--contact">
5162              <li class="my-location-result__address">
5163                <span>Alamat: </span>
5164                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Sudirman Kav. 21, Jakarta Selatan 12920, Indonesia</a>
5165              </li>
5166              <li class="my-location-result__address">
5167                <span>Telepon: </span>
5168                <a href="tel:+6563864013">+6563864013</a>
5169              </li>
5170              <li class="my-location-result__address">
5171                <span>Jam: </span>
5172                <span>09.00-21.00</span>
5173              </li>
5174              <li>
5175                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5176                <span class="underlined-text">Lihat daftar game</span>
5177                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5178                </button>
5179              </li>
5180              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5181                <ul>
5182                  <li>Reseller Game Gampang CAFE4D</li>
5183                  <li>Servis Drop Off</li>
5184                  <li>Tersedia Click &amp; Collect</li>
5185                  <li>Layanan Game Gampang Tersedia</li>
5186                </ul>
5187              </li>
5188            </ul>
5189          </div>
5190          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496176820" data-name="Game Center Online Bandung" data-latitude="1.2911354" data-longitude="103.8501524" role="group">
5191            <div class="my-location-result-details">
5192              <div class="my-location-result__my-store">Game Saya</div>
5193              <section class="js-my-results-details">
5194                <div class="my-location-result__details">
5195                  <div class="my-location-result__name">Game Center Online Bandung</div>
5196                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5197                    null
5198                  </div>
5199                </div>
5200                <div class="my-location-result__address">
5201                  Indonesia
5202                </div>
5203                <div class="my-location-result__availability">
5204                  Tidak tersedia
5205                </div>
5206              </section>
5207            </div>
5208            <ul class="list-unstyled my-location-result-details--contact">
5209              <li class="my-location-result__address">
5210                <span>Alamat: </span>
5211                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Asia Afrika No. 12, Bandung 40111, Indonesia</a>
5212              </li>
5213              <li class="my-location-result__address">
5214                <span>Telepon: </span>
5215                <a href="tel:+6565038283">+6565038283</a>
5216              </li>
5217              <li class="my-location-result__address">
5218                <span>Jam: </span>
5219                <span>10:30-21:30</span>
5220              </li>
5221              <li>
5222                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5223                <span class="underlined-text">Lihat daftar game</span>
5224                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5225                </button>
5226              </li>
5227              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5228                <ul>
5229                  <li>CAFE4D Link Resmi</li>
5230                  <li>Servis Drop Off</li>
5231                  <li>Tersedia Click &amp; Collect</li>
5232                  <li>Layanan Game Gampang Tersedia</li>
5233                </ul>
5234              </li>
5235            </ul>
5236          </div>
5237          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496209588" data-name="Pusat Game Online Surabaya" data-latitude="1.2936417" data-longitude="103.8319293" role="group">
5238            <div class="my-location-result-details">
5239              <div class="my-location-result__my-store">Game Saya</div>
5240              <section class="js-my-results-details">
5241                <div class="my-location-result__details">
5242                  <div class="my-location-result__name">Pusat Game Online Surabaya</div>
5243                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5244                    null
5245                  </div>
5246                </div>
5247                <div class="my-location-result__address">
5248                  Indonesia
5249                </div>
5250                <div class="my-location-result__availability">
5251                  Tidak tersedia
5252                </div>
5253              </section>
5254            </div>
5255            <ul class="list-unstyled my-location-result-details--contact">
5256              <li class="my-location-result__address">
5257                <span>Alamat: </span>
5258                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Tunjungan No. 8, Surabaya 60275, Indonesia</a>
5259              </li>
5260              <li class="my-location-result__address">
5261                <span>Telepon: </span>
5262                <a href="tel:+6562352379">+6562352379</a>
5263              </li>
5264              <li class="my-location-result__address">
5265                <span>Jam: </span>
5266                <span>10:30-21:30</span>
5267              </li>
5268              <li>
5269                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5270                <span class="underlined-text">Lihat daftar game</span>
5271                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5272                </button>
5273              </li>
5274              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5275                <ul>
5276                  <li>Reseller Game Gampang CAFE4D</li>
5277                  <li>Servis Drop Off</li>
5278                  <li>Tersedia Click &amp; Collect</li>
5279                  <li>Layanan Game Gampang Tersedia</li>
5280                </ul>
5281              </li>
5282            </ul>
5283          </div>
5284          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496275124" data-name="Game Online Store Medan" data-latitude="1.3506664" data-longitude="103.8484246" role="group">
5285            <div class="my-location-result-details">
5286              <div class="my-location-result__my-store">Game Saya</div>
5287              <section class="js-my-results-details">
5288                <div class="my-location-result__details">
5289                  <div class="my-location-result__name">Game Online Store Medan</div>
5290                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5291                    null
5292                  </div>
5293                </div>
5294                <div class="my-location-result__address">
5295                  Indonesia
5296                </div>
5297                <div class="my-location-result__availability">
5298                  Tidak tersedia
5299                </div>
5300              </section>
5301            </div>
5302            <ul class="list-unstyled my-location-result-details--contact">
5303              <li class="my-location-result__address">
5304                <span>Alamat: </span>
5305                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Gatot Subroto No. 33, Medan 20111, Indonesia</a>
5306              </li>
5307              <li class="my-location-result__address">
5308                <span>Telepon: </span>
5309                <a href="tel:+6562543405">+6562543405</a>
5310              </li>
5311              <li class="my-location-result__address">
5312                <span>Jam: </span>
5313                <span>10:30-21:30</span>
5314              </li>
5315              <li>
5316                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5317                <span class="underlined-text">Lihat daftar game</span>
5318                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5319                </button>
5320              </li>
5321              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5322                <ul>
5323                  <li>Reseller Game Gampang CAFE4D</li>
5324                  <li>Servis Drop Off</li>
5325                  <li>Tersedia Click &amp; Collect</li>
5326                  <li>Layanan Game Gampang Tersedia</li>
5327                </ul>
5328              </li>
5329            </ul>
5330          </div>
5331          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496242356" data-name="Game Online Center Semarang" data-latitude="1.333257" data-longitude="103.7432738" role="group">
5332            <div class="my-location-result-details">
5333              <div class="my-location-result__my-store">Game Saya</div>
5334              <section class="js-my-results-details">
5335                <div class="my-location-result__details">
5336                  <div class="my-location-result__name">Game Online Center Semarang</div>
5337                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5338                    null
5339                  </div>
5340                </div>
5341                <div class="my-location-result__address">
5342                  Indonesia
5343                </div>
5344                <div class="my-location-result__availability">
5345                  Tidak tersedia
5346                </div>
5347              </section>
5348            </div>
5349            <ul class="list-unstyled my-location-result-details--contact">
5350              <li class="my-location-result__address">
5351                <span>Alamat: </span>
5352                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Pandanaran No. 78, Semarang 50241, Indonesia</a>
5353              </li>
5354              <li class="my-location-result__address">
5355                <span>Telepon: </span>
5356                <a href="tel:+6568830087">+6568830087</a>
5357              </li>
5358              <li class="my-location-result__address">
5359                <span>Jam: </span>
5360                <span>10:30-21:30</span>
5361              </li>
5362              <li>
5363                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5364                <span class="underlined-text">Lihat daftar game</span>
5365                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5366                </button>
5367              </li>
5368              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5369                <ul>
5370                  <li>Reseller Game Gampang CAFE4D</li>
5371                  <li>Servis Drop Off</li>
5372                  <li>Tersedia Click &amp; Collect</li>
5373                  <li>Layanan Game Gampang Tersedia</li>
5374                </ul>
5375              </li>
5376            </ul>
5377          </div>
5378          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496340660" data-name="Toko Game Online Makassar" data-latitude="1.3506853" data-longitude="103.8719911" role="group">
5379            <div class="my-location-result-details">
5380              <div class="my-location-result__my-store">Game Saya</div>
5381              <section class="js-my-results-details">
5382                <div class="my-location-result__details">
5383                  <div class="my-location-result__name">Toko Game Online Makassar</div>
5384                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5385                    null
5386                  </div>
5387                </div>
5388                <div class="my-location-result__address">
5389                  Indonesia
5390                </div>
5391                <div class="my-location-result__availability">
5392                  Tidak tersedia
5393                </div>
5394              </section>
5395            </div>
5396            <ul class="list-unstyled my-location-result-details--contact">
5397              <li class="my-location-result__address">
5398                <span>Alamat: </span>
5399                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Somba Opu No. 55, Makassar 90111, Indonesia</a>
5400              </li>
5401              <li class="my-location-result__address">
5402                <span>Telepon: </span>
5403                <a href="tel:+6565096173">+6565096173</a>
5404              </li>
5405              <li class="my-location-result__address">
5406                <span>Jam: </span>
5407                <span>10:30-21:30</span>
5408              </li>
5409              <li>
5410                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5411                <span class="underlined-text">Lihat daftar game</span>
5412                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5413                </button>
5414              </li>
5415              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5416                <ul>
5417                  <li>Reseller Game Gampang CAFE4D</li>
5418                  <li>Servis Drop Off</li>
5419                  <li>Tersedia Click &amp; Collect</li>
5420                  <li>Layanan Game Gampang Tersedia</li>
5421                </ul>
5422              </li>
5423            </ul>
5424          </div>
5425          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/73720594612" data-name="Pusat Game Online Yogyakarta" data-latitude="1.4295767" data-longitude="103.835812" role="group">
5426            <div class="my-location-result-details">
5427              <div class="my-location-result__my-store">Game Saya</div>
5428              <section class="js-my-results-details">
5429                <div class="my-location-result__details">
5430                  <div class="my-location-result__name">Pusat Game Online Yogyakarta</div>
5431                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5432                    null
5433                  </div>
5434                </div>
5435                <div class="my-location-result__address">
5436                  Indonesia
5437                </div>
5438                <div class="my-location-result__availability">
5439                  Tidak tersedia
5440                </div>
5441              </section>
5442            </div>
5443            <ul class="list-unstyled my-location-result-details--contact">
5444              <li class="my-location-result__address">
5445                <span>Alamat: </span>
5446                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Malioboro No. 109, Yogyakarta 55212, Indonesia</a>
5447              </li>
5448              <li class="my-location-result__address">
5449                <span>Jam: </span>
5450                <span>10.00 - 22.00</span>
5451              </li>
5452              <li>
5453                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5454                <span class="underlined-text">Lihat daftar game</span>
5455                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5456                </button>
5457              </li>
5458              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5459                <ul>
5460                  <li>CAFE4D Link Resmi</li>
5461                  <li>Servis Drop Off</li>
5462                  <li>Tersedia Click &amp; Collect</li>
5463                  <li>Layanan Game Gampang Tersedia</li>
5464                </ul>
5465              </li>
5466            </ul>
5467          </div>
5468          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69651234996" data-name="Game Online Store Bali" data-latitude="1.3114782" data-longitude="103.7937223" role="group">
5469            <div class="my-location-result-details">
5470              <div class="my-location-result__my-store">Game Saya</div>
5471              <section class="js-my-results-details">
5472                <div class="my-location-result__details">
5473                  <div class="my-location-result__name">Game Online Store Bali</div>
5474                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5475                    null
5476                  </div>
5477                </div>
5478                <div class="my-location-result__address">
5479                  Indonesia
5480                </div>
5481                <div class="my-location-result__availability">
5482                  Tidak tersedia
5483                </div>
5484              </section>
5485            </div>
5486            <ul class="list-unstyled my-location-result-details--contact">
5487              <li class="my-location-result__address">
5488                <span>Alamat: </span>
5489                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Sunset Road No. 27, Denpasar 80361, Indonesia</a>
5490              </li>
5491              <li class="my-location-result__address">
5492                <span>Telepon: </span>
5493                <a href="tel:+6569049858">+6569049858</a>
5494              </li>
5495              <li class="my-location-result__address">
5496                <span>Jam: </span>
5497                <span>10:30-21:30</span>
5498              </li>
5499              <li>
5500                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5501                <span class="underlined-text">Lihat daftar game</span>
5502                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5503                </button>
5504              </li>
5505              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5506                <ul>
5507                  <li>CAFE4D Link Resmi</li>
5508                  <li>Servis Drop Off</li>
5509                  <li>Tersedia Click &amp; Collect</li>
5510                  <li>Layanan Game Gampang Tersedia</li>
5511                </ul>
5512              </li>
5513            </ul>
5514          </div>
5515          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496373428" data-name="Game Center Online Palembang" data-latitude="1.303342" data-longitude="103.8355063" role="group">
5516            <div class="my-location-result-details">
5517              <div class="my-location-result__my-store">Game Saya</div>
5518              <section class="js-my-results-details">
5519                <div class="my-location-result__details">
5520                  <div class="my-location-result__name">Game Center Online Palembang</div>
5521                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5522                    null
5523                  </div>
5524                </div>
5525                <div class="my-location-result__address">
5526                  Indonesia
5527                </div>
5528                <div class="my-location-result__availability">
5529                  Tidak tersedia
5530                </div>
5531              </section>
5532            </div>
5533            <ul class="list-unstyled my-location-result-details--contact">
5534              <li class="my-location-result__address">
5535                <span>Alamat: </span>
5536                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Jend. Sudirman No. 68, Palembang 30121, Indonesia</a>
5537              </li>
5538              <li class="my-location-result__address">
5539                <span>Telepon: </span>
5540                <a href="tel:+6567381282">+6567381282</a>
5541              </li>
5542              <li class="my-location-result__address">
5543                <span>Jam: </span>
5544                <span>10:30-21:30</span>
5545              </li>
5546              <li>
5547                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5548                <span class="underlined-text">Lihat daftar game</span>
5549                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5550                </button>
5551              </li>
5552              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5553                <ul>
5554                  <li>Reseller Game Gampang CAFE4D</li>
5555                  <li>Servis Drop Off</li>
5556                  <li>Tersedia Click &amp; Collect</li>
5557                  <li>Layanan Game Gampang Tersedia</li>
5558                </ul>
5559              </li>
5560            </ul>
5561          </div>
5562          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496406196" data-name="Toko Game Online Balikpapan" data-latitude="1.3010582" data-longitude="103.9052798" role="group">
5563            <div class="my-location-result-details">
5564              <div class="my-location-result__my-store">Game Saya</div>
5565              <section class="js-my-results-details">
5566                <div class="my-location-result__details">
5567                  <div class="my-location-result__name">Toko Game Online Balikpapan</div>
5568                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5569                    null
5570                  </div>
5571                </div>
5572                <div class="my-location-result__address">
5573                  Indonesia
5574                </div>
5575                <div class="my-location-result__availability">
5576                  Tidak tersedia
5577                </div>
5578              </section>
5579            </div>
5580            <ul class="list-unstyled my-location-result-details--contact">
5581              <li class="my-location-result__address">
5582                <span>Alamat: </span>
5583                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Jend. Sudirman No. 19, Balikpapan 76111, Indonesia</a>
5584              </li>
5585              <li class="my-location-result__address">
5586                <span>Telepon: </span>
5587                <a href="tel:+6563482552">+6563482552</a>
5588              </li>
5589              <li class="my-location-result__address">
5590                <span>Jam: </span>
5591                <span>10:30-21:30</span>
5592              </li>
5593              <li>
5594                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5595                <span class="underlined-text">Lihat daftar game</span>
5596                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5597                </button>
5598              </li>
5599              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5600                <ul>
5601                  <li>CAFE4D Link Resmi</li>
5602                  <li>Servis Drop Off</li>
5603                  <li>Tersedia Click &amp; Collect</li>
5604                  <li>Layanan Game Gampang Tersedia</li>
5605                </ul>
5606              </li>
5607            </ul>
5608          </div>
5609          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496438964" data-name="Jakarta Selatan" data-latitude="1.3173198" data-longitude="103.892442" role="group">
5610            <div class="my-location-result-details">
5611              <div class="my-location-result__my-store">Game Saya</div>
5612              <section class="js-my-results-details">
5613                <div class="my-location-result__details">
5614                  <div class="my-location-result__name">Jakarta Selatan</div>
5615                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5616                    null
5617                  </div>
5618                </div>
5619                <div class="my-location-result__address">
5620                  Indonesia
5621                </div>
5622                <div class="my-location-result__availability">
5623                  Tidak tersedia
5624                </div>
5625              </section>
5626            </div>
5627            <ul class="list-unstyled my-location-result-details--contact">
5628              <li class="my-location-result__address">
5629                <span>Alamat: </span>
5630                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Kemang Raya No. 10, Jakarta Selatan
5631                12730, Indonesia</a>
5632              </li>
5633              <li class="my-location-result__address">
5634                <span>Telepon: </span>
5635                <a href="tel:+6565730232">+6565730232</a>
5636              </li>
5637              <li class="my-location-result__address">
5638                <span>Jam: </span>
5639                <span>10:30-21:30</span>
5640              </li>
5641              <li>
5642                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5643                <span class="underlined-text">Lihat daftar game</span>
5644                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5645                </button>
5646              </li>
5647              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5648                <ul>
5649                  <li>CAFE4D Link Resmi</li>
5650                  <li>Servis Drop Off</li>
5651                  <li>Tersedia Click &amp; Collect</li>
5652                  <li>Layanan Game Gampang Tersedia</li>
5653                </ul>
5654              </li>
5655            </ul>
5656          </div>
5657          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496471732" data-name="Tangerang" data-latitude="1.3007111" data-longitude="103.844904" role="group">
5658            <div class="my-location-result-details">
5659              <div class="my-location-result__my-store">Game Saya</div>
5660              <section class="js-my-results-details">
5661                <div class="my-location-result__details">
5662                  <div class="my-location-result__name">
5662Tangerang</div>
5663                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5664                    null
5665                  </div>
5666                </div>
5667                <div class="my-location-result__address">
5668                  Indonesia
5669                </div>
5670                <div class="my-location-result__availability">
5671                  Tidak tersedia
5672                </div>
5673              </section>
5674            </div>
5675            <ul class="list-unstyled my-location-result-details--contact">
5676              <li class="my-location-result__address">
5677                <span>Alamat: </span>
5678                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Merdeka No. 5, Tangerang
5679                15118, Indonesia</a>
5680              </li>
5681              <li class="my-location-result__address">
5682                <span>Telepon: </span>
5683                <a href="tel:+6562380903">+6562380903</a>
5684              </li>
5685              <li class="my-location-result__address">
5686                <span>Jam: </span>
5687                <span>10:30-21:30</span>
5688              </li>
5689              <li>
5690                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5691                <span class="underlined-text">Lihat daftar game</span>
5692                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5693                </button>
5694              </li>
5695              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5696                <ul>
5697                  <li>Reseller Game Gampang CAFE4D</li>
5698                  <li>Servis Drop Off</li>
5699                  <li>Tersedia Click &amp; Collect</li>
5700                  <li>Layanan Game Gampang Tersedia</li>
5701                </ul>
5702              </li>
5703            </ul>
5704          </div>
5705          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496504500" data-name="Depok" data-latitude="1.2939888" data-longitude="103.8536682" role="group">
5706            <div class="my-location-result-details">
5707              <div class="my-location-result__my-store">Game Saya</div>
5708              <section class="js-my-results-details">
5709                <div class="my-location-result__details">
5710                  <div class="my-location-result__name">Depok</div>
5711                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5712                    null
5713                  </div>
5714                </div>
5715                <div class="my-location-result__address">
5716                  Indonesia
5717                </div>
5718                <div class="my-location-result__availability">
5719                  Tidak tersedia
5720                </div>
5721              </section>
5722            </div>
5723            <ul class="list-unstyled my-location-result-details--contact">
5724              <li class="my-location-result__address">
5725                <span>Alamat: </span>
5726                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Margonda Raya No. 88, Depok
5727                16424, Indonesia</a>
5728              </li>
5729              <li class="my-location-result__address">
5730                <span>Telepon: </span>
5731                <a href="tel:+6562566063">+6562566063</a>
5732              </li>
5733              <li class="my-location-result__address">
5734                <span>Jam: </span>
5735                <span>10:30-21:30</span>
5736              </li>
5737              <li>
5738                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5739                <span class="underlined-text">Lihat daftar game</span>
5740                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5741                </button>
5742              </li>
5743              <li class="my-location-result__services js-acc-detail
5743s" aria-expanded="false">
5744                <ul>
5745                  <li>Reseller Game Gampang CAFE4D</li>
5746                  <li>Servis Drop Off</li>
5747                  <li>Tersedia Click &amp; Collect</li>
5748                  <li>Layanan Game Gampang Tersedia</li>
5749                </ul>
5750              </li>
5751            </ul>
5752          </div>
5753          <div class="js-my-location-result my-location-result my-location-result--drawer" data-active="false" data-id="gid://shopify/Location/69496537268" data-name="Bekasi" data-latitude="1.3521519" data-longitude="103.944327" role="group">
5754            <div class="my-location-result-details">
5755              <div class="my-location-result__my-store">Game Saya</div>
5756              <section class="js-my-results-details">
5757                <div class="my-location-result__details">
5758                  <div class="my-location-result__name">Bekasi</div>
5759                  <div class="js-my-location-result-distance my-store-locator__details-distance hidden">
5760                    null
5761                  </div>
5762                </div>
5763                <div class="my-location-result__address">
5764                  Indonesia
5765                </div>
5766                <div class="my-location-result__availability">
5767                  Tidak tersedia
5768                </div>
5769              </section>
5770            </div>
5771            <ul class="list-unstyled my-location-result-details--contact">
5772              <li class="my-location-result__address">
5773                <span>Alamat: </span>
5774                <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" rel="noopener noreferrer">Jl. Ahmad Yani No. 12, Bekasi
5775                17144, Indonesia</a>
5776              </li>
5777              <li class="my-location-result__address">
5778                <span>Telepon: </span>
5779                <a href="tel:+6562260589">+6562260589</a>
5780              </li>
5781              <li class="my-location-result__address">
5782                <span>Jam: </span>
5783                <span>10:30-21:30</span>
5784              </li>
5785              <li>
5786                <button class="my-location-result__services-btn js-acc-button apl-section-stores-locator-store-services-btn" type="button">
5787                <span class="underlined-text">Lihat daftar game</span>
5788                <i class="myarrow fa fa-chevron-down my-location-result__services-icon js-acc-icon" aria-hidden="true"></i>
5789                </button>
5790              </li>
5791              <li class="my-location-result__services js-acc-details" aria-expanded="false">
5792                <ul>
5793                  <li>Partner Game Gampang CAFE4D</li>
5794                  <li>Layanan Langsung</li>
5795                  <li>Tersedia Click &amp; Collect</li>
5796                  <li>Layanan Game Gampang Tersedia</li>
5797                </ul>
5798              </li>
5799            </ul>
5800          </div>
5801        </div>
5802        <div class="my-store-locator-drawer__footer">
5803          <button class="js-store-locator-select-btn my-store-locator__details-btn button button--secondary button--full-width">
5804          Pilih
5805          </button>
5806        </div>
5807      </div>
5808      <div id="storeLocatorDrawerLoading" class="my-store-locator-drawer__loading hidden">
5809        <i class="fa fa-spinner fa-spin" style="font-size:24px"></i>
5810      </div>
5811    </my-store-locator-drawer>
5812    <div class="my-store-locator-drawer__bg"></div>
5813    <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-notify-modal.css?v=121279191211236621751742784888" rel="stylesheet" type="text/css" media="all">
5814    <aside id="notifyModal" class="modal ac-moda">
5815      <form class="modal__inner modal__inner--notify">
5816        <header class="modal__header">
5817          <button id="notifyModalClose" type="button" class="modal__close modal-close-button">
5818            <span class="modal-close-icon">
5819              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
5820                <path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z">
5821                </path>
5822              </svg>
5823            </span>
5824            <span class="screenreader">Tutup</span>
5825          </button>
5826          <h3 class="modal__title js-notify-title" data-default="Don’t miss out when this item becomes available!" data-success="You will be notified when it becomes available.">Jangan sampai ketinggalan saat game ini
5827            tersedia!
5828          </h3>
5829          <div class="modal__success hide js-notify-title-success hide">
5830            <h3 class="modal__title" data-default="Don’t miss out when this item becomes available!">Kamu akan
5831              dapat notifikasi saat game ini tersedia.
5832            </h3>
5833          </div>
5834        </header>
5835        <div class="modal__inner-content">
5836          <p class="modal__inner-content-p js-notify-content">Masukkan email kamu untuk dapat notifikasi saat game ini
5837            kembali online.
5838          </p>
5839          <input class="modal__input js-notify-input" type="email" aria-label="Email">
5840          <div class="modal__input--error js-notify-error">
5841            <span class="hide js-notify-general-error-text">Gagal berlangganan update. Coba lagi
5842            nanti.</span>
5843            <span class="hide js-notify-duplicate-request-error-text">Kamu sudah berlangganan</span>
5844            <span class="hide js-notify-error-request-error-text">Kamu harus isi email untuk berlangganan update
5845            game.</span>
5846          </div>
5847        </div>
5848        <button class="modal__submit modal__submit--notify button button--full-width button--primary js-notify-submit" type="button">
5849        <span class="screenreader">Kirim</span>
5850        <span class="modal__submit-text">Notifikasi saya</span>
5851        </button>
5852        <button class="modal__submit modal__submit--notify button button--full-width button--primary hide js-notify-success-button" type="button">
5853        <span class="screenreader">Tutup</span>
5854        <span class="modal__submit-text">Selesai</span>
5855        </button>
5856      </form>
5857      <div class="notify-modal__overlay modal-page-overlay js-notify-overlay"></div>
5858    </aside>
5859    <style>
5860      .modal__submit.modal__submit--notify {
5861      background-color: #7da7ff;
5862      }
5863      .modal__submit.modal__submit--notify {
5864      color: #FFFFFF;
5865      }
5866    </style>
5867    <div class="seedkit-component-standalone">
5868      <a class="ac-modal-trigger hidden js-net-monthly-pricing-modal-trigger" data-modal-target="modal-net-monthly-pricing-modal">Lihat Daftar Game<i class="fa-solid fa-angle-right billboard_icon"></i></a>
5869    </div>
5870    
5870<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/share.js?v=19406306419835735731742784889" defer="defer"></script>
5870
5871    <style>
5872      .header__heading {
5873      align-items: center;
5874      }
5875      .brand--logo {
5876      margin-right: 78px;
5877      max-width: 139px;
5878      }
5879      .header__icons {
5880      align-items: center;
5881      }
5882      @media screen and (max-width: 749px) {
5883      .brand--logo {
5884      margin-right: 39px;
5885      }
5886      }
5887      div .product-form>form.form {
5888      display: none;
5889      }
5890      .shopify-policy__title h1 {
5891      margin-top: 75px;
5892      }
5893      table.tbl-content {
5894      table-layout: fixed;
5895      border-collapse: collapse;
5896      font-size: 1.4rem;
5897      border-style: hidden;
5898      border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
5899      border-right: 0.1rem solid rgba(var(--color-foreground), 0.2);
5900      border-left: 0.1rem solid rgba(var(--color-foreground), 0.2);
5901      border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
5902      }
5903      table.tbl-content td,
5904      table.tbl-content th {
5905      padding: 1em;
5906      border: 0.1rem solid rgba(var(--color-foreground), 0.2);
5907      }
5908      .rte ul,
5909      .rte ol {
5910      list-style-position: outside;
5911      }
5912      .shopify-policy__container {
5913      max-width: 125ch;
5914      }
5915      .shopify-policy__body table.tbl-content td,
5916      table.tbl-content th {
5917      font-size: 16px;
5918      }
5919      .shopify-policy__body table.tbl-content td span.cite,
5920      table.tbl-content th span.cite {
5921      font-size: 12px;
5922      }
5923      /*applecare Pelajari Selengkapnya pop up*/
5924      .modal .ac-modal {
5925      display: flex !important;
5926      flex-direction: column;
5927      }
5928      .apple-care-modal__heading {
5929      order: 1;
5930      margin-bottom: 30px;
5931      }
5932      .modal .media.media--transparent.ratio {
5933      width: 100% !important;
5934      height: 110px !important;
5935      order: 0;
5936      }
5937      .modal .media.media--transparent.ratio img {
5938      width: 110px !important;
5939      height: auto !important;
5940      position: relative !important;
5941      }
5942      .apple-care-modal__content {
5943      order: 2;
5944      }
5945      /*end applecare Pelajari Selengkapnya pop up*/
5946    </style>
5947    
5947<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;e075ac0cc29a4f1c9a822aadf7c8405d&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
5947
5948    
5948<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;592d707b96254579befc93dc3b1130bf&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
5948
5949    
5949<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;e76e7fa759c5492db6fbe087153e0707&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
5949
5950    
5950<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;e777299d6f804b46b42591003b348540&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
5950
5951    
5951<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4ba185e9fcaf444fb33c9e6f0717b897&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
5951
5952    
5952<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;a3dd810c2b7f4931958e4ca2153a9c27&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
5952
5953    <modal-dialog id="PopupModal-popup_custom_pptnJ9" class="product-popup-modal">
5954      <div role="dialog" aria-label="Lihat Promo" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
5955        <button id="ModalClose-popup_custom_pptnJ9" type="button" class="product-popup-modal__toggle" aria-label="Tutup">
5956          <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">
5957            <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">
5958            </path>
5959          </svg>
5960        </button>
5961        <div class="product-popup-modal__content-info">
5962          <h1 class="h2">Promo Terbatas</h1>
5963        </div>
5964      </div>
5965    </modal-dialog>
5966    <modal-dialog id="PopupModal-popup_custom_VYxbeD" class="product-popup-modal">
5967      <div role="dialog" aria-label="Lihat Daftar Game" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
5968        <button id="ModalClose-popup_custom_VYxbeD" type="button" class="product-popup-modal__toggle" aria-label="Tutup">
5969          <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">
5970            <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">
5971            </path>
5972          </svg>
5973        </button>
5974        <div class="product-popup-modal__content-info">
5975          <h1 class="h2">Deposit</h1>
5976        </div>
5977      </div>
5978    </modal-dialog>
5979    <modal-dialog id="PopupModal-popup_custom_6mTgxV" class="product-popup-modal">
5980      <div role="dialog" aria-label="Lihat Daftar Game" aria-modal="true" class="product-popup-modal__content" tabindex="-1">
5981        <button id="ModalClose-popup_custom_6mTgxV" type="button" class="product-popup-modal__toggle" aria-label="Tutup">
5982          <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">
5983            <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">
5984            </path>
5985          </svg>
5986        </button>
5987        <div class="product-popup-modal__content-info">
5988          <h1 class="h2">Popup tukar poin</h1>
5989          <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" class="image desktop"> <img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" class="image mobile">
5990          <main id="mainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
5991            <h1 class="visually-hidden">
5992              Tukar Poin
5993            </h1>
5994            <section id="shopify-section-template--16932308091060__rich_text_i9f7na" class="shopify-section section">
5995              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
5996              <style data-shopify="">
5997                .section-template--16932308091060__rich_text_i9f7na-padding {
5998                padding-top: 9px;
5999                padding-bottom: 0px;
6000                }
6001                @media screen and (min-width: 750px) {
6002                .section-template--16932308091060__rich_text_i9f7na-padding {
6003                padding-top: 12px;
6004                padding-bottom: 0px;
6005                }
6006                }
6007                .page-width.productcomparediv {
6008                background: #000000;
6009                }
6010                .td1,
6011                .td2,
6012                .ac-modal-trigger.MoreInfoLink {
6013                color: #fff;
6014                }
6015              </style>
6016              <div class="isolate">
6017                <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">
6018                  <div class="rich-text__wrapper rich-text__wrapper--center page-width">
6019                    <div class="rich-text__blocks center">
6020                      <h1 class="rich-text__heading rte inline-richtext h2">
6021                        <strong>Pilih salah satu topik di bawah ini untuk baca panduannya.</strong>
6022                      </h1>
6023                    </div>
6024                  </div>
6025                </div>
6026              </div>
6027              <style>
6028                #shopify-section-template--16932308091060__rich_text_i9f7na .rich-text__blocks {
6029                max-width: 100%;
6030                }
6031              </style>
6032            </section>
6033            <section id="shopify-section-template--16932308091060__multicolumn_e4akte" class="shopify-section multicolumn_sec">
6034              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-multicolumn.css?v=46025948269339862011717736425" rel="stylesheet" type="text/css" media="all">
6035              <style data-shopify="">
6036                .section-template--16932308091060__multicolumn_e4akte-padding {
6037                padding-top: 24px;
6038                padding-bottom: 27px;
6039                }
6040                @media screen and (min-width: 750px) {
6041                .section-template--16932308091060__multicolumn_e4akte-padding {
6042                padding-top: 32px;
6043                padding-bottom: 36px;
6044                }
6045                }
6046              </style>
6047              <div class="multicolumn color-background-1 gradient background-primary no-heading">
6048                <div class="page-width section-template--16932308091060__multicolumn_e4akte-padding isolate">
6049                  <slider-component class="slider-mobile-gutter" style="display:block;">
6050                    <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">
6051                      <li id="Slide-template--16932308091060__multicolumn_e4akte-1" class="multicolumn-list__item grid__item slider__slide center" aria-hidden="false" tabindex="0">
6052                        <div class="multicolumn-card content-container">
6053                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6054                            <div class="media media--transparent media--square">
6055                              <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" width="3200" height="3200" loading="lazy" sizes="
6056                                (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
6057                                (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
6058                                (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
6059                                calc((100vw - 34px) * 0.5 / 2)
6060                                " class="multicolumn-card__image" aria-hidden="false" tabindex="0">
6061                            </div>
6062                          </div>
6063                          <div class="multicolumn-card__info">
6064                            <a class="link animate-arrow" href="https://contact-cleanwaterpartnership.nomia.here.now/" aria-hidden="false" tabindex="0">
6065                              Game Gampang
6066                              <span class="icon-wrap">
6067                                <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">
6068                                  <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>
6069                                </svg>
6070                              </span>
6071                            </a>
6072                          </div>
6073                        </div>
6074                      </li>
6075                      <li id="Slide-template--16932308091060__multicolumn_e4akte-2" class="multicolumn-list__item grid__item slider__slide center" aria-hidden="false" tabindex="0">
6076                        <div class="multicolumn-card content-container">
6077                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6078                            <div class="media media--transparent media--square">
6079                              <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" width="3200" height="3200" loading="lazy" sizes="
6080                                (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
6081                                (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
6082                                (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
6083                                calc((100vw - 34px) * 0.5 / 2)
6084                                " class="multicolumn-card__image" aria-hidden="false" tabindex="0">
6085                            </div>
6086                          </div>
6087                          <div class="multicolumn-card__info">
6088                            <a class="link animate-arrow" href="https://contact-cleanwaterpartnership.nomia.here.now/" aria-hidden="false" tabindex="0">
6089                              Game Gampang CAFE4D
6090                              <span class="icon-wrap">
6091                                <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">
6092                                  <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>
6093                                </svg>
6094                              </span>
6095                            </a>
6096                          </div>
6097                        </div>
6098                      </li>
6099                      <li id="Slide-template--16932308091060__multicolumn_e4akte-3" class="multicolumn-list__item grid__item slider__slide center" aria-hidden="false" tabindex="0">
6100                        <div class="multicolumn-card content-container">
6101                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6102                            <div class="media media--transparent media--square">
6103                              <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" width="3200" height="3200" loading="lazy" sizes="
6104                                (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
6105                                (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
6106                                (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
6107                                calc((100vw - 34px) * 0.5 / 2)
6108                                " class="multicolumn-card__image" aria-hidden="false" tabindex="0">
6109                            </div>
6110                          </div>
6111                          <div class="multicolumn-card__info">
6112                            <a class="link animate-arrow" href="https://contact-cleanwaterpartnership.nomia.here.now/" aria-hidden="false" tabindex="0">
6113                              Kasino
6114                              <span class="icon-wrap">
6115                                <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">
6116                                  <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>
6117                                </svg>
6118                              </span>
6119                            </a>
6120                          </div>
6121                        </div>
6122                      </li>
6123                      <li id="Slide-template--16932308091060__multicolumn_e4akte-4" class="multicolumn-list__item grid__item slider__slide center" aria-hidden="false" tabindex="0">
6124                        <div class="multicolumn-card content-container">
6125                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6126                            <div class="media media--transparent media--square">
6127                              <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" width="3200" height="3200" loading="lazy" sizes="
6128                                (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
6129                                (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
6130                                (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
6131                                calc((100vw - 34px) * 0.5 / 2)
6132                                " class="multicolumn-card__image" aria-hidden="false" tabindex="0">
6133                            </div>
6134                          </div>
6135                          <div class="multicolumn-card__info">
6136                            <a class="link animate-arrow" href="https://contact-cleanwaterpartnership.nomia.here.now/" aria-hidden="false" tabindex="0">
6137                              Game Gampang CAFE4D
6138                              <span class="icon-wrap">
6139                                <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">
6140                                  <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>
6141                                </svg>
6142                              </span>
6143                            </a>
6144                          </div>
6145                        </div>
6146                      </li>
6147                      <li id="Slide-template--16932308091060__multicolumn_e4akte-5" class="multicolumn-list__item grid__item slider__slide center" aria-hidden="false" tabindex="0">
6148                        <div class="multicolumn-card content-container">
6149                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6150                            <div class="media media--transparent media--square">
6151                              <img src="https://ik.imagekit.io/hdhbrlxew/logocafegt.png?updatedAt=1788958754753" alt="" width="3200" height="3200" loading="lazy" sizes="
6152                                (min-width: 1000px) calc((1000px - 132px) * 0.5 /  5),
6153                                (min-width: 990px) calc((100vw - 132px) * 0.5 / 5),
6154                                (min-width: 750px) calc((100vw - 108px) * 0.5 / 2),
6155                                calc((100vw - 34px) * 0.5 / 2)
6156                                " class="multicolumn-card__image" aria-hidden="false" tabindex="0">
6157                            </div>
6158                          </div>
6159                          <div class="multicolumn-card__info">
6160                            <a class="link animate-arrow" href="https://contact-cleanwaterpartnership.nomia.here.now/" aria-hidden="false" tabindex="0">
6161                              Game Online Gampang
6162                              <span class="icon-wrap">
6163                                <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">
6164                                  <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>
6165                                </svg>
6166                              </span>
6167                            </a>
6168                          </div>
6169                        </div>
6170                      </li>
6171                    </ul>
6172                    <div class="slider-buttons no-js-hidden medium-hide">
6173                      <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Geser ke kiri" disabled="disabled">
6174                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6175                          <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>
6176                        </svg>
6177                      </button>
6178                      <div class="slider-counter caption">
6179                        <span class="slider-counter--current">1</span>
6180                        <span aria-hidden="true"> / </span>
6181                        <span class="visually-hidden">dari</span>
6182                        <span class="slider-counter--total">2</span>
6183                      </div>
6184                      <button type="button" class="slider-button slider-button--next" name="next" aria-label="Geser ke kanan" disabled="disabled">
6185                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6186                          <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>
6187                        </svg>
6188                      </button>
6189                    </div>
6190                  </slider-component>
6191                  <div class="center small-hide medium-hide"></div>
6192                </div>
6193              </div>
6194            </section>
6195            <section id="shopify-section-template--16932308091060__rich_text_j8MLf3" class="shopify-section section">
6196              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
6197              <style data-shopify="">
6198                .section-template--16932308091060__rich_text_j8MLf3-padding {
6199                padding-top: 18px;
6200                padding-bottom: 0px;
6201                }
6202                @media screen and (min-width: 750px) {
6203                .section-template--16932308091060__rich_text_j8MLf3-padding {
6204                padding-top: 24px;
6205                padding-bottom: 0px;
6206                }
6207                }
6208              </style>
6209              <div class="isolate">
6210                <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">
6211                  <div class="rich-text__wrapper rich-text__wrapper--center page-width">
6212                    <div class="rich-text__blocks center">
6213                      <h1 class="rich-text__heading rte inline-richtext h2">
6214                        <strong>Tukar poin kamu cukup 3 langkah.</strong>
6215                      </h1>
6216                    </div>
6217                  </div>
6218                </div>
6219              </div>
6220              <style>
6221                #shopify-section-template--16932308091060__rich_text_j8MLf3 .rich-text__blocks {
6222                max-width: 100%;
6223                }
6224              </style>
6225            </section>
6226            <section id="shopify-section-template--16932308091060__multicolumn_BHFMrc" class="shopify-section multicolumn_sec">
6227              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-multicolumn.css?v=46025948269339862011717736425" rel="stylesheet" type="text/css" media="all">
6228              <style data-shopify="">
6229                .section-template--16932308091060__multicolumn_BHFMrc-padding {
6230                padding-top: 21px;
6231                padding-bottom: 21px;
6232                }
6233                @media screen and (min-width: 750px) {
6234                .section-template--16932308091060__multicolumn_BHFMrc-padding {
6235                padding-top: 28px;
6236                padding-bottom: 28px;
6237                }
6238                }
6239              </style>
6240              <div class="multicolumn color-background-1 gradient background-primary no-heading">
6241                <div class="page-width section-template--16932308091060__multicolumn_BHFMrc-padding isolate">
6242                  <slider-component class="slider-mobile-gutter" style="display:block;">
6243                    <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">
6244                      <li id="Slide-template--16932308091060__multicolumn_BHFMrc-1" class="multicolumn-list__item grid__item slider__slide" aria-hidden="true" tabindex="-1">
6245                        <div class="multicolumn-card content-container">
6246                          <div class="multicolumn-card__info">
6247                            <h3 class="inline-richtext"><span style="text-decoration:underline"><strong>Langkah
6248                              1</strong></span>
6249                            </h3>
6250                            <div class="rte">
6251                              <p>Pakai link resmi CAFE4D supaya data akun tetap aman. Panduan
6252                                lengkapnya ada di <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" title="Panduan Akun" aria-hidden="true" tabindex="-1"><span style="text-decoration:underline">Panduan
6253                                Akun</span></a>.
6254                              </p>
6255                            </div>
6256                          </div>
6257                        </div>
6258                      </li>
6259                      <li id="Slide-template--16932308091060__multicolumn_BHFMrc-2" class="multicolumn-list__item grid__item slider__slide" aria-hidden="true" tabindex="-1">
6260                        <div class="multicolumn-card content-container">
6261                          <div class="multicolumn-card__info">
6262                            <h3 class="inline-richtext"><span style="text-decoration:underline"><strong>Langkah
6263                              2</strong></span>
6264                            </h3>
6265                            <div class="rte">
6266                              <p>
6266Buka salah satu <a href="https://contact-cleanwaterpartnership.nomia.here.now/" target="_blank" title="CAFE4D" aria-hidden="true" tabindex="-1"><span style="text-decoration:underline">CAFE4D</span></a> (link
6267                                alternatif resmi) untuk cek akun.
6268                              </p>
6269                            </div>
6270                          </div>
6271                        </div>
6272                      </li>
6273                      <li id="Slide-template--16932308091060__multicolumn_BHFMrc-3" class="multicolumn-list__item grid__item slider__slide" aria-hidden="true" tabindex="-1">
6274                        <div class="multicolumn-card content-container">
6275                          <div class="multicolumn-card__info">
6276                            <h3 class="inline-richtext"><span style="text-decoration:underline"><strong>Langkah
6277                              3</strong></span>
6278                            </h3>
6279                            <div class="rte">
6280                              <p>Terima nilai poin akun kamu dan langsung pakai untuk
6281                                saldo sesi berikutnya.
6282                              </p>
6283                            </div>
6284                          </div>
6285                        </div>
6286                      </li>
6287                    </ul>
6288                    <div class="slider-buttons no-js-hidden medium-hide">
6289                      <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Geser ke kiri" disabled="disabled">
6290                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6291                          <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>
6292                        </svg>
6293                      </button>
6294                      <div class="slider-counter caption">
6295                        <span class="slider-counter--current">1</span>
6296                        <span aria-hidden="true"> / </span>
6297                        <span class="visually-hidden">dari</span>
6298                        <span class="slider-counter--total">2</span>
6299                      </div>
6300                      <button type="button" class="slider-button slider-button--next" name="next" aria-label="Geser ke kanan" disabled="disabled">
6301                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6302                          <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>
6303                        </svg>
6304                      </button>
6305                    </div>
6306                  </slider-component>
6307                  <div class="center small-hide medium-hide"></div>
6308                </div>
6309              </div>
6310            </section>
6311            <section id="shopify-section-template--16932308091060__rich_text_BPHJaz" class="shopify-section section">
6312              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
6313              <style data-shopify="">
6314                .section-template--16932308091060__rich_text_BPHJaz-padding {
6315                padding-top: 15px;
6316                padding-bottom: 15px;
6317                }
6318                @media screen and (min-width: 750px) {
6319                .section-template--16932308091060__rich_text_BPHJaz-padding {
6320                padding-top: 20px;
6321                padding-bottom: 20px;
6322                }
6323                }
6324                .review-section {
6325                max-width: 850px;
6326                margin: 30px auto;
6327                display: flex;
6328                flex-direction: column;
6329                gap: 18px;
6330                font-family: system-ui, Arial, sans-serif;
6331                }
6332                .review-card {
6333                background: #f5f5f5;
6334                padding: 16px 20px;
6335                border-radius: 10px;
6336                border-left: 5px solid var(--brand);
6337                box-shadow: 0 3px 6px rgba(0, 0, 0, .05);
6338                transition: all .25s ease-in-out;
6339                }
6340                .review-card:hover {
6341                transform: translateY(-3px);
6342                box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
6343                }
6344                .review-author {
6345                font-weight: 700;
6346                color: var(--brand-dark);
6347                margin-bottom: 4px;
6348                display: flex;
6349                align-items: center;
6350                gap: 6px;
6351                font-size: .96rem;
6352                /* naik sedikit */
6353                }
6354                .review-author::before {
6355                content: "👤";
6356                font-size: 1rem;
6357                }
6358                .review-card p {
6359                margin: 0;
6360                color: #222;
6361                font-size: .98rem;
6362                /* naik sedikit */
6363                line-height: 1.6;
6364                }
6365                .review-rating {
6366                margin-left: auto;
6367                font-weight: 700;
6368                }
6369                .stars {
6370                --rating: 5;
6371                --star-size: 1rem;
6372                --star-gap: 2px;
6373                --star-empty: #e3ecff;
6374                --star-fill: #3374ff;
6375                /* hijau -> merah */
6376                position: relative;
6377                display: inline-block;
6378                font-size: var(--star-size);
6379                line-height: 1;
6380                letter-spacing: var(--star-gap);
6381                }
6382                .stars::before {
6383                content: "★★★★★";
6384                color: var(--star-empty);
6385                }
6386                .stars::after {
6387                content: "★★★★★";
6388                color: var(--star-fill);
6389                position: absolute;
6390                left: 0;
6391                top: 0;
6392                width: calc((var(--rating)/5)*100%);
6393                overflow: hidden;
6394                white-space: nowrap;
6395                pointer-events: none;
6396                }
6397                .stars.lg {
6398                --star-size: 1.15rem;
6399                /* naik sedikit */
6400                letter-spacing: 3px;
6401                }
6402                .badge {
6403                display: inline-flex;
6404                align-items: center;
6405                gap: 8px;
6406                flex-wrap: wrap;
6407                }
6408                .badge small {
6409                color: #555;
6410                font-weight: 600;
6411                }
6412              </style>
6413              <div class="isolate">
6414                <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">
6415                  <div class="rich-text__wrapper rich-text__wrapper--center page-width">
6416                    <div class="rich-text__blocks left">
6417                      <div class="rich-text__text rte">
6418                        <p>Hubungi kami di <a href="https://contact-cleanwaterpartnership.nomia.here.now/"><span class="__cf_email__" data-cfemail="f99f9c9c9d9b989a92b9908a8d8c9d90968a9ed79a9694">[email&nbsp;protected]</span></a>
6419                          jika ada pertanyaan lain. Program Tukar Poin dikelola tim kami sendiri.
6420                        </p>
6421                      </div>
6422                    </div>
6423                  </div>
6424                </div>
6425              </div>
6426              <style>
6427                #shopify-section-template--16932308091060__rich_text_BPHJaz .rich-text__blocks {
6428                max-width: 100%;
6429                }
6430              </style>
6431            </section>
6432            <section id="shopify-section-template--16932308091060__collapsible_content_4VL7bw" class="shopify-section section">
6433              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/component-accordion.css?v=145071537942940513591717736425" rel="stylesheet" type="text/css" media="all">
6434              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/collapsible-content.css?v=127502585749033803951717736428" rel="stylesheet" type="text/css" media="all">
6435              <style data-shopify="">
6436                .section-template--16932308091060__collapsible_content_4VL7bw-padding {
6437                padding-top: 27px;
6438                padding-bottom: 27px;
6439                }
6440                @media screen and (min-width: 750px) {
6441                .section-template--16932308091060__collapsible_content_4VL7bw-padding {
6442                padding-top: 36px;
6443                padding-bottom: 36px;
6444                }
6445                }
6446              </style>
6447              <div class="color-background-1 gradient">
6448                <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
6449                  <div class="collapsible-content__wrapper section-template--16932308091060__collapsible_content_4VL7bw-padding">
6450                    <div class="collapsible-content-wrapper-narrow">
6451                      <div class="collapsible-content__header" style="text-align: center;">
6452                        <h2 class="collapsible-content__heading inline-richtext h2">
6453                          <strong>Pertanyaan yang Sering Diajukan</strong>
6454                        </h2>
6455                      </div>
6456                      <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
6457                        <div class="grid__item">
6458                          <div class="accordion">
6459                            <details id="Details-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw">
6460                              <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">
6461                                <h3 class="accordion__title inline-richtext h4">Apa ciri game online yang cara mainnya cepat dipahami?</h3>
6462                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6463                                  <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>
6464                                </svg>
6465                              </summary>
6466                              <div id="CollapsibleAccordion-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_W4JfNR-template--16932308091060__collapsible_content_4VL7bw">
6467                                <div class="accordion__content rte">
6468                                  <p>
6468Biasanya punya aturan inti sederhana, tutorial singkat, dan langsung bisa dimainkan tanpa banyak membaca panduan.</p>
6469                                </div>
6470                              </div>
6471                            </details>
6472                          </div>
6473                          <div class="accordion">
6474                            <details id="Details-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw">
6475                              <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">
6476                                <h3 class="accordion__title inline-richtext h4">Apakah game dengan cara main cepat dipahami tetap seru dimainkan lama?</h3>
6477                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6478                                  <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>
6479                                </svg>
6480                              </summary>
6481                              <div id="CollapsibleAccordion-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_kQBgDE-template--16932308091060__collapsible_content_4VL7bw">
6482                                <div class="accordion__content rte">
6483                                  <p>Ya, banyak game sederhana punya progresi atau tingkat kesulitan bertahap sehingga tetap menantang setelah pemain paham dasarnya.</p>
6484                                </div>
6485                              </div>
6486                            </details>
6487                          </div>
6488                          <div class="accordion">
6489                            <details id="Details-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw">
6490                              <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">
6491                                <h3 class="accordion__title inline-richtext h4">Genre apa yang paling cocok untuk pemain yang tidak mau belajar aturan rumit?</h3>
6492                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6493                                  <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>
6494                                </svg>
6495                              </summary>
6496                              <div id="CollapsibleAccordion-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_YakkzN-template--16932308091060__collapsible_content_4VL7bw">
6497                                <div class="accordion__content rte">
6498                                  <p>Genre seperti puzzle kasual, arcade, hyper-casual, dan board game digital biasanya paling cepat dipahami.</p>
6499                                </div>
6500                              </div>
6501                            </details>
6502                          </div>
6503                          <div class="accordion">
6504                            <details id="Details-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw">
6505                              <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">
6506                                <h3 class="accordion__title inline-richtext h4">Apakah CAFE4D menyediakan daftar game yang mudah dipahami pemula?</h3>
6507                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6508                                  <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>
6509                                </svg>
6510                              </summary>
6511                              <div id="CollapsibleAccordion-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_jnaGtC-template--16932308091060__collapsible_content_4VL7bw">
6512                                <div class="accordion__content rte">
6513                                  <p>Ya, CAFE4D mengelompokkan rekomendasi game berdasarkan tingkat kemudahan aturan dan kecepatan pemain memahami cara mainnya.</p>
6514                                </div>
6515                              </div>
6516                            </details>
6517                          </div>
6518                          <div class="accordion">
6519                            <details id="Details-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw">
6520                              <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">
6521                                <h3 class="accordion__title inline-richtext h4">Bagaimana cara menilai sebuah game mudah dipahami sebelum mencoba?</h3>
6522                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6523                                  <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>
6524                                </svg>
6525                              </summary>
6526                              <div id="CollapsibleAccordion-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_Ekc9KC-template--16932308091060__collapsible_content_4VL7bw">
6527                                <div class="accordion__content rte">
6528                                  <p>Lihat durasi tutorial, jumlah tombol atau menu awal, dan apakah game memberi contoh langsung di level pertama.</p>
6529                                </div>
6530                              </div>
6531                            </details>
6532                          </div>
6533                          <div class="accordion">
6534                            <details id="Details-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw">
6535                              <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">
6536                                <h3 class="accordion__title inline-richtext h4">Apakah game yang cepat dipahami selalu cocok untuk semua umur?</h3>
6537                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6538                                  <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>
6539                                </svg>
6540                              </summary>
6541                              <div id="CollapsibleAccordion-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_TQVdrA-template--16932308091060__collapsible_content_4VL7bw">
6542                                <div class="accordion__content rte">
6543                                  <p>Tidak selalu. Kemudahan aturan tidak sama dengan kesesuaian umur, jadi tetap cek rating dan konten game-nya.</p>
6544                                </div>
6545                              </div>
6546                            </details>
6547                          </div>
6548                          <div class="accordion">
6549                            <details id="Details-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw">
6550                              <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">
6551                                <h3 class="accordion__title inline-richtext h4">Apa keuntungan memilih game yang cara mainnya sederhana?</h3>
6552                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6553                                  <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>
6554                                </svg>
6555                              </summary>
6556                              <div id="CollapsibleAccordion-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw" role="region" aria-labelledby="Summary-collapsible_row_L4WiGw-template--16932308091060__collapsible_content_4VL7bw">
6557                                <div class="accordion__content rte">
6558                                  <p>Pemain bisa menikmati permainan lebih cepat, tidak frustrasi di awal, dan lebih mudah mengajak teman yang baru pertama main.</p>
6559                                </div>
6560                              </div>
6561                            </details>
6562                          </div>
6563                        </div>
6564                      </div>
6565                    </div>
6566                  </div>
6567                </div>
6568              </div>
6569            </section>
6570            <section id="shopify-section-template--16932308091060__collapsible_content_e7PxFi" class="shopify-section section">
6571              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/component-accordion.css?v=145071537942940513591717736425" rel="stylesheet" type="text/css" media="all">
6572              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/collapsible-content.css?v=127502585749033803951717736428" rel="stylesheet" type="text/css" media="all">
6573              <style data-shopify="">
6574                .section-template--16932308091060__collapsible_content_e7PxFi-padding {
6575                padding-top: 21px;
6576                padding-bottom: 21px;
6577                }
6578                @media screen and (min-width: 750px) {
6579                .section-template--16932308091060__collapsible_content_e7PxFi-padding {
6580                padding-top: 28px;
6581                padding-bottom: 28px;
6582                }
6583                }
6584              </style>
6585              <div class="color-background-1 gradient">
6586                <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width">
6587                  <div class="collapsible-content__wrapper section-template--16932308091060__collapsible_content_e7PxFi-padding">
6588                    <div class="collapsible-content-wrapper-narrow">
6589                      <div class="collapsible-content__header" style="text-align: center;">
6590                        <h2 class="visually-hidden">Konten yang bisa diciutkan</h2>
6591                      </div>
6592                      <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse">
6593                        <div class="grid__item">
6594                          <div class="accordion">
6595                            <details id="Details-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi">
6596                              <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">
6597                                <h3 class="accordion__title inline-richtext h4">
6598                                  Syarat dan Ketentuan
6599                                </h3>
6600                                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6601                                  <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>
6602                                </svg>
6603                              </summary>
6604                              <div id="CollapsibleAccordion-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi" role="region" aria-labelledby="Summary-collapsible_row_VUT9HM-template--16932308091060__collapsible_content_e7PxFi">
6605                                <div class="accordion__content rte">
6606                                  <ul>
6607                                    <li>CAFE4D menyediakan panduan singkat tentang ciri game yang ramah pemula agar kamu tidak salah pilih.</li>
6608                                    <li>"Member" berarti pihak yang menandatangani sebagai pemilik Akun
6609                                      atau telah diberi kuasa oleh pemilik Akun untuk mengambil
6610                                      keputusan atas Akun.
6611                                    </li>
6612                                    <li>Program Tukar Poin diberikan kepada member CAFE4D oleh tim
6613                                      dukungan internal kami sendiri. CAFE4D menyediakan informasi akses dan layanan bantuan sesuai ketentuan y
6613ang berlaku.
6614                                    </li>
6615                                    <li>CAFE4D berhak menolak, membatalkan, atau membatasi
6616                                      program ini dengan alasan apa pun dan dapat mengubah syarat dan
6617                                      ketentuan ini kapan saja tanpa pemberitahuan sebelumnya.
6618                                    </li>
6619                                    <li>Program ini disediakan hanya untuk tujuan yang sah, sejauh
6620                                      diizinkan oleh hukum, Member setuju untuk mengganti rugi operator, stafnya,
6621                                      afiliasinya, dan setiap direktur, pejabat, karyawan,
6622                                      afiliasi, anak perusahaan, atau agennya dari klaim yang diajukan
6623                                      terhadap mereka yang timbul dari pelanggaran Member atas syarat dan
6624                                      ketentuan Program.
6625                                    </li>
6626                                    <li>program Tukar Poin CAFE4D hanya tersedia melalui
6627                                      link alternatif resmi (tidak termasuk mirror pihak ketiga)
6628                                    </li>
6629                                    <li>Total nilai poin tidak dapat dipindahtangankan.</li>
6630                                    <li>CAFE4D berhak menolak kelayakan member mana pun
6631                                      kapan saja atas kebijakannya sendiri jika member tersebut
6632                                      melanggar atau diduga melanggar salah satu syarat dan ketentuan
6633                                      di sini tanpa pemberitahuan sebelumnya atau tanggung jawab apa pun
6634                                      kepada member tersebut.
6635                                    </li>
6636                                    <li>CAFE4D berhak mengubah syarat atau ketentuan apa pun. Operator
6637                                      akan, jika memungkinkan, memberi member pemberitahuan
6638                                      sebelumnya (melalui pemberitahuan tertulis, surat elektronik,
6639                                      situs web CAFE4D, atau bentuk lain yang dianggap
6640                                      sesuai oleh operator) atas perubahan tersebut.
6641                                    </li>
6642                                    <li>Program Tukar Poin CAFE4D ini dibatasi satu (1) akun per
6643                                      penukaran yang memenuhi syarat.
6644                                    </li>
6645                                  </ul>
6646                                </div>
6647                              </div>
6648                            </details>
6649                          </div>
6650                        </div>
6651                      </div>
6652                    </div>
6653                  </div>
6654                </div>
6655              </div>
6656            </section>
6657            <section id="shopify-section-template--16932308091060__rich_text_48PK4h" class="shopify-section section">
6658              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-rich-text.css?v=165487089223517640671717736427" rel="stylesheet" type="text/css" media="all">
6659              <style data-shopify="">
6660                .section-template--16932308091060__rich_text_48PK4h-padding {
6661                padding-top: 27px;
6662                padding-bottom: 0px;
6663                }
6664                @media screen and (min-width: 750px) {
6665                .section-template--16932308091060__rich_text_48PK4h-padding {
6666                padding-top: 36px;
6667                padding-bottom: 0px;
6668                }
6669                }
6670              </style>
6671              <div class="isolate">
6672                <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">
6673                  <div class="rich-text__wrapper rich-text__wrapper--center page-width">
6674                    <div class="rich-text__blocks center">
6675                      <h1 class="rich-text__heading rte inline-richtext h2">
6676                        Kenapa Cari Game yang Gampang Dipahami
6677                      </h1>
6678                    </div>
6679                  </div>
6680                </div>
6681              </div>
6682            </section>
6683            <section id="shopify-section-template--16932308091060__multicolumn_qrFXUg" class="shopify-section multicolumn_sec">
6684              <link href="https://www.istudiosg.com/cdn/shop/t/8/assets/section-multicolumn.css?v=46025948269339862011717736425" rel="stylesheet" type="text/css" media="all">
6685              <style data-shopify="">
6686                .section-template--16932308091060__multicolumn_qrFXUg-padding {
6687                padding-top: 27px;
6688                padding-bottom: 27px;
6689                }
6690                @media screen and (min-width: 750px) {
6691                .section-template--16932308091060__multicolumn_qrFXUg-padding {
6692                padding-top: 36px;
6693                padding-bottom: 36px;
6694                }
6695                }
6696              </style>
6697              <div class="multicolumn color-background-1 gradient background-primary no-heading">
6698                <div class="page-width section-template--16932308091060__multicolumn_qrFXUg-padding isolate">
6699                  <slider-component class="slider-mobile-gutter" style="display:block;">
6700                    <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">
6701                      <li id="Slide-template--16932308091060__multicolumn_qrFXUg-1" class="multicolumn-list__item grid__item slider__slide" aria-hidden="true" tabindex="-1">
6702                        <div class="multicolumn-card content-container">
6703                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6704                            <div class="media media--transparent media--square">
6705                              <img src="https://www.istudiosg.com/cdn/shop/files/Click_Collect.png?v=1711090269&amp;width=3200" alt="" srcset="https://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="
6706                                (min-width: 1000px) calc((1000px - 108px) * 0.5 /  2),
6707                                (min-width: 990px) calc((100vw - 108px) * 0.5 / 2),
6708                                (min-width: 750px) calc((100vw - 100px) * 0.5 / 1),
6709                                calc((100vw - 30px) * 0.5 / 1)
6710                                " class="multicolumn-card__image" aria-hidden="true" tabindex="-1">
6711                            </div>
6712                          </div>
6713                          <div class="multicolumn-card__info">
6714                            <h3 class="inline-richtext">Cari Cepat</h3>
6715                            <div class="rte">
6716                              <p>Filter game berdasarkan tingkat kesulitan, lihat ulasan singkat, dan langsung
6717                                coba versi demo-nya. 
6718                              </p>
6719                            </div>
6720                          </div>
6721                        </div>
6722                      </li>
6723                      <li id="Slide-template--16932308091060__multicolumn_qrFXUg-2" 
6723class="multicolumn-list__item grid__item slider__slide" aria-hidden="true" tabindex="-1">
6724                        <div class="multicolumn-card content-container">
6725                          <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
6726                            <div class="media media--transparent media--square">
6727                              <img src="https://www.istudiosg.com/cdn/shop/files/Standard_Delivery.png?v=1711090273&amp;width=3200" alt="" srcset="https://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="
6728                                (min-width: 1000px) calc((1000px - 108px) * 0.5 /  2),
6729                                (min-width: 990px) calc((100vw - 108px) * 0.5 / 2),
6730                                (min-width: 750px) calc((100vw - 100px) * 0.5 / 1),
6731                                calc((100vw - 30px) * 0.5 / 1)
6732                                " class="multicolumn-card__image" aria-hidden="true" tabindex="-1">
6733                            </div>
6734                          </div>
6735                          <div class="multicolumn-card__info">
6736                            <h3 class="inline-richtext">Penjelasan Singkat</h3>
6737                            <div class="rte">
6738                              <p>Setiap game punya ringkasan aturan main yang bisa dibaca kurang dari 1 menit.</p>
6739                            </div>
6740                          </div>
6741                        </div>
6742                      </li>
6743                    </ul>
6744                    <div class="slider-buttons no-js-hidden medium-hide">
6745                      <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Geser ke kiri" disabled="disabled">
6746                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6747                          <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>
6748                        </svg>
6749                      </button>
6750                      <div class="slider-counter caption">
6751                        <span class="slider-counter--current">1</span>
6752                        <span aria-hidden="true"> / </span>
6753                        <span class="visually-hidden">dari</span>
6754                        <span class="slider-counter--total">2</span>
6755                      </div>
6756                      <button type="button" class="slider-button slider-button--next" name="next" aria-label="Geser ke kanan">
6757                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
6758                          <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>
6759                        </svg>
6760                      </button>
6761                    </div>
6762                  </slider-component>
6763                  <div class="center small-hide medium-hide"></div>
6764                </div>
6765              </div>
6766              <style>
6767                #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card.content-container {
6768                display: flex;
6769                }
6770                #shopify-section-template--16932308091060__multicolumn_qrFXUg .multicolumn-card__info {
6771                text-align: left;
6772                }
6773              </style>
6774            </section>
6775          </main>
6776        </div>
6777      </div>
6778    </modal-dialog>
6779    <product-modal id="ProductModal-template--17605519376564__main" class="product-media-modal">
6780      <div class="product-media-modal__dialog" role="dialog" aria-label="Galeri media" aria-modal="true" tabindex="-1">
6781        <button id="ModalClose-template--17605519376564__main" type="button" class="product-media-modal__toggle" aria-label="Tutup">
6782          <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">
6783            <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">
6784            </path>
6785          </svg>
6786        </button>
6787        <div class="product-media-modal__content color-background-1 gradient" role="document" aria-label="Galeri media" tabindex="0">
6788          <img class="custom_popup_compare_32122040123572 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami" loading="lazy" width="1100" height="1100" data-media-id="32122040123572">
6789          <img class="custom_popup_compare_32122040156340 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D Cara Pilih Game yang Cepat Dipahami" loading="lazy" width="1100" height="1100" data-media-id="32122040156340">
6790          <img class="custom_popup_compare_32122040189108 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D Tips Kenali Aturan Game" loading="lazy" width="1100" height="1100" data-media-id="32122040189108">
6791          <img class="custom_popup_compare_32122040221876 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D Panduan Memilih Game" loading="lazy" width="1100" height="1100" data-media-id="32122040221876">
6792          <img class="custom_popup_compare_32122040254644 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="Cara Cepat Paham Main Game Online" loading="lazy" width="1100" height="1100" data-media-id="32122040254644">
6793          <img class="custom_popup_compare_32122040287412 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D GAME ONLINE GAMPANG DIPAhamI" loading="lazy" width="1100" height="1100" data-media-id="32122040287412">
6794          <img class="custom_popup_compare_32122040320180 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D" loading="lazy" width="1100" height="1100" data-media-id="32122040320180">
6795          <img class="custom_popup_compare_32122040352948 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="Game Gampang CAFE4D" loading="lazy" width="1100" height="1100" data-media-id="32122040352948">
6796          <img class="custom_popup_compare_32122040385716 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D" loading="lazy" width="1100" height="1100" data-media-id="32122040385716">
6797          <img class="custom_popup_compare_32122040418484 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="Game Gampang CAFE4D" loading="lazy" width="1100" height="1100" data-media-id="32122040418484">
6798          <img class="custom_popup_compare_32127875580084 global-media-settings global-media-settings--no-shadow" srcset="https://ik.imagekit.io/hdhbrlxew/cafenamm.png 550w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1100w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1445w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 1680w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2048w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2200w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 2890w,https://ik.imagekit.io/hdhbrlxew/cafenamm.png 4000w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami" loading="lazy" width="1100" height="1100" data-media-id="32127875580084">
6799          <deferred-media class="deferred-media media global-media-settings global-media-settings--no-shadow" style="padding-top: min(calc(100vh - 12rem), 56.338028169014
679909%)" data-media-id="32153557532852">
6800          </deferred-media>
6801        </div>
6802      </div>
6803    </product-modal>
6804    <div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-page-overlay" data-modal-element-container="" data-modal-close="">
6805      <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
6806        <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Cara Main">
6807          <div class="modal-content-container" data-modal-element-content-container="">
6808            <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">
6809              <p class="apple-care-modal__heading">Keuntungan main di CAFE4D</p>
6810              <div class="media media--transparent ratio" style="--ratio-percent: 100.0%;"><img src="https://ik.imagekit.io/hdhbrlxew/cafenamm.png" alt="CAFE4D" width="418" height="597" loading="lazy"></div>
6811              <div class="apple-care-modal__content">
6812                <div class="metafield-rich_text_field">
6813                  <ul>
6814                    <li>Game Online yang Cepat Dipahami</li>
6815                    <li>Kelola Modal Main dengan Lebih Aman</li>
6816                    <li>Kurangi Risiko Kalah Beruntun</li>
6817                    <li>Baca Pola Game Lebih Cepat untuk Pemain Baru</li>
6818                    <li>Sesi Main Lebih Santai dan Menyenangkan</li>
6819                  </ul>
6820                </div>
6821                <a class="apple-care-modal__cta" href="https://www.cleanwaterpartnership.org/contact/" target="_blank" rel="nofollow noopener noreferrer">
6822                <span class="apple-care-modal__cta-text">Selengkapnya tentang ketentuan game online di CAFE4D</span>
6823                <i class="fa-solid fa-angle-right billboard_icon"></i>
6824                </a>
6825                <div class="apple-care-modal__tcs">
6826                  <div class="metafield-rich_text_field">
6827                    <p>Syarat dan ketentuan CAFE4D dibuat ringkas supaya semua member bisa langsung paham aturan main dan fokus mencari game yang cara mainnya cepat dikenali.
6828                    </p>
6829                  </div>
6830                </div>
6831              </div>
6832            </div>
6833          </div>
6834          <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Tutup">
6835            <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close="">
6836              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6837                <path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z">
6838                </path>
6839              </svg>
6840            </span>
6841          </button>
6842        </div>
6843      </div>
6844    </div>
6845    <div class="modal seedkit-component-standalone modal-crossfade modal-curtain-blur modal-wide modal-page-overlay" data-modal-element-container="" data-modal-close="">
6846      <div class="modal-overlay-container" data-modal-element-overlay-container="" data-modal-close="">
6847        <div class="modal-overlay" data-modal-element-overlay="" data-modal-close-button-parent="" aria-modal="true" role="dialog" tabindex="-1" aria-hidden="true" aria-labelledby="modal-headline" aria-label="Cara Main">
6848          <div class="modal-content-container" data-modal-element-content-container="">
6849            <div id="modal-net-monthly-pricing-modal" class="ac-modal" data-type="content" data-width="wide" data-variant="pageOverlay" data-modal-dialog-label="Modal" data-modal-close-label="Close Modal">
6850              <link href="https://www.istudiosg.com/cdn/shop/t/14/assets/component-nmp-test-mode.css?v=20702808579977612711742784887" rel="stylesheet" type="text/css" media="all">
6851              <nmp-test-mode class="nmp-test-mode  js-nmp-test-mode" data-frequency="/mo. for {{ per_month }} mo.">
6852                <div class="nmp-test-mode__heading" id="modal-headline">
6853                  <h2>Game online apa saja yang cara mainnya cepat dipahami?</h2>
6854                  <p>Game Slot Mudah Dimengerti</p>
6855                  <p>Game Online untuk Pemula</p>
6856                  <p>
6856Bonus Harian Game Slot</p>
6857                  <p>Rekomendasi Game Cepat Paham</p>
6858                  <p>Bonus Mingguan Live Casino</p>
6859                </div>
6860                <h3 class="nmp-test-mode__title">CAFE4D | Cari Game Online yang Cara Mainnya Cepat Dipahami
6861                </h3>
6862                <div class="nmp-test-mode__plan">
6863                  <div class="js-nmp-terms">
6864                    <i class="fa fa-spinner fa-spin"></i>
6865                  </div>
6866                </div>
6867              </nmp-test-mode>
6868              
6868<script src="https://www.istudiosg.com/cdn/shop/t/14/assets/nmp-test-mode.js?v=52863412589471034481742784889" defer="defer"></script>
6868
6869            </div>
6870          </div>
6871          <button data-modal-element-close-button="" class="modal-close-button" data-modal-close="" aria-label="Tutup">
6872            <span data-modal-element-close-icon="" class="modal-close-icon" data-modal-close="">
6873              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6874                <path d="M12.12,10l4.07-4.06a1.5,1.5,0,1,0-2.11-2.12L10,7.88,5.94,3.81A1.5,1.5,0,1,0,3.82,5.93L7.88,10,3.81,14.06a1.5,1.5,0,0,0,0,2.12,1.51,1.51,0,0,0,2.13,0L10,12.12l4.06,4.07a1.45,1.45,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-2.56Z">
6875                </path>
6876              </svg>
6877            </span>
6878          </button>
6879        </div>
6880      </div>
6881    </div>
6882<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;7aceb576d46c43a28b87d918f0742e9a&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
vendor: 2 bytes, line 6882
6882
6883<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;aa326f8812b14b59878cc14cde12cb24&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
vendor: 2 bytes, line 6883
6883
6884<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;08269d5c673f4515956d796634ee5a33&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>
vendor: 2 bytes, line 6884
6884
6885<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;4d4659dfe8e44385916b25733f499078&quot;,&quot;r&quot;:1}" crossorigin="anonymous"></script>
vendor: 2 bytes, line 6885
6885
6886<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;b92b880384034e069195315c08e6e093&quot;,&quot;r&quot;:1}" crossorigin="anonymous"></script>
vendor: 2 bytes, line 6886
6886
6887<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;e1ce129a1ffc4001b5fb1d7bff0c77db&quot;,&quot;r&quot;:1}" crossorigin="anonymous"></script>
vendor: 2 bytes, line 6887
6887
6888<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v3d52b47920f24c319d37e2661827c42b1787588026925" integrity="sha512-d9sL6GJLXn6fInD1+TVXhTcQOsmxeHfmHAvwGDIxp5TO+uo1fiWW7mHomMj4MLRlCsJDTqXzWLHJFFlPCEIj/A==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;e1ce129a1ffc4001b5fb1d7bff0c77db&quot;,&quot;r&quot;:1}" crossorigin="anonymous"></script>
6888
6889
6890<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"147ffa541c45467685fb2ba370b7d4ef","r":1,"spa":2}' crossorigin="anonymous"></script>
6890
6891</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.