PageSourceSearch

https://www.mojo.bio/

html mojo.bio collected 2026-09-28 16:27:03 UTC 327,638 bytes, 7,603 lines download raw bytes

1
2 
3<!DOCTYPE html>
4<html lang="id">
5
6<head>
7
8    
8<script>
9        window.dataLayer = window.dataLayer || [];
10        window.dataLayer.push({
11            "content_id": "8835817",
12            "content_site": "Kompas.com",
13            "content_site_id": 88,
14            "content_category": "Tekno",
15            "content_subcategory": "Game Digital",
16            "content_location": "Di",
17            "content_author": "",
18            "content_aid1": "",
19            "content_aid2": "",
20            "content_aid3": "",
21            "content_editor": "AMER606",
22            "content_eid": "7768",
23            "content_lipsus": "",
24            "content_lipsus_id": "",
25            "content_sensi": "",
26            "content_type": "Standard",
27            "content_PublishedDate": "2026-09-04 17:20:00",
28            "content_Month_PubDate": "09",
29            "content_Year_PubDate": "2026",
30            "content_Date_PubDate": "04",
31            "content_source": "",
32            "content_tag": "AMER606, Game Digital, Akses Cepat",
33            "content_title": "AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah ",
34            "content_tags": "AMER606",
35            "content_total_words": 452,
36            "content_draft_type": "0",
37            "content_draft_check": "",
38            "content_draft_engine": "",
39            "content_autopaging": true,
40            "content_total_pages": 1,
41            "content_current_page": 1
42        });</script>
42
43
44    <title>AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah </title>
45    <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
46    <link href="//asset.kompas.com" rel="dns-prefetch">
47    <link href="//adsimg.kompas.com" rel="dns-prefetch">
48    <link href="//tpc.googlesyndication.com" rel="dns-prefetch">
49    <link href="//cm.g.doubleclick.net" rel="dns-prefetch">
50    <link href="//apis.kompas.com" rel="dns-prefetch">
51    <meta charset="utf-8">
52    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
53    <meta name="viewport" content="width=device-width">
54    <meta name="description" content="AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat." />
55<link rel="canonical" href="https://www.mojo.bio/" />
56<link rel="prefetch" href="https://mojo.rachi.info/" as="document" />
57<link rel="amphtml" href="https://mojo.rachi.info/">
58<link rel="alternate" hreflang="id-id" href="https://mojo.rachi.info/"/>
59<link rel="alternate" href="https://mojo.rachi.info/"/>
60<link rel="alternate" hreflang="id" href="https://mojo.rachi.info/"/>
61<link rel="alternate" hreflang="en" href="https://mojo.rachi.info/"/>
62<link rel="alternate" hreflang="x-default" href="https://mojo.rachi.info/"/>
63    <meta name="googlebot-news" content="index, follow" />
64    <meta name="googlebot" content="index, follow" />
65    <meta name="author" content="AMER606">
66    <meta name="robots" content="index, follow" />
67    <meta name="robots" content="max-image-preview:large, max-snippet:-1, max-video-preview:-1">
68    <meta name="language" content="id" />
69    <meta name="geo.country" content="id" />
70    <meta http-equiv="content-language" content="In-Id" />
71    <meta name="geo.placename" content="Indonesia" />
72    <!-- S:fb meta -->
73    <meta property="og:type" content="article" />
74    <meta property="og:image"
75        content="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg" />
76    <meta property="og:title"
77        content="AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah " />
78    <meta property="og:description"
79        content="AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat.">
80    <meta property="og:url" content="https://www.mojo.bio/" />
81    <meta property="og:site_name" content="AMER606" />
82    <meta property="fb:app_id" content="324557847592228" />
83    <!-- e:fb meta -->
84
85    <!-- S:tweeter card -->
86    <meta name="twitter:card" content="summary_large_image" />
87    <meta name="twitter:site" content="@AMER606" />
88    <meta name="twitter:creator" content="@AMER606">
89    <meta name="twitter:title"
90        content="AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah " />
91    <meta name="twitter:description"
92        content="AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat." />
93    <meta name="twitter:image"
94        content="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg" />
95    <!-- E:tweeter card -->
96
97    <meta name="content_category" content="Tekno" />
98    <meta name="content_subcategory" content="Game Digital" />
99    <meta name="content_location" content="Di" />
100    <meta name="content_author_id" content="" />
101    <meta name="content_author" content="" />
102    <meta name="content_editor_id" content="7768" />
103    <meta name="content_editor" content="AMER606" />
104    <meta name="content_lipsus" content="" />
105    <meta name="content_lipsus_id" content="" />
106    <meta name="content_sensi" content="" />
107    <meta name="content_type" content="Standard" />
108    <meta name="content_PublishedDate" content="2026-09-04 17:20:00" />
109    <meta property="article:published_time" content="2026-09-04T10:20:00+00:00" />
110    <meta name="content_source" content="" />
111    <meta name="content_tag" content="AMER606, Game Digital, Akses Cepat" />
112    <meta name="content_tags" content="AMER606, game digital modern, akses cepat, akses praktis, platform game digital, navigasi responsif, pengalaman digital" />
113    <meta name="content_total_words" content="452" />
114    <meta name="subscription" content="False" />
115    <meta name="lestari_sdgs" content="" />
116    <meta name="content_total_pages" content="1" />
117    <meta name="content_current_page" content="1" />
118    <link rel="preload" as="image"
119        href="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg">
120    <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
121    <link rel="dns-prefetch" href="twitter.com">
122    <link rel="shortcut icon" href="https://ik.imagekit.io/yrxfrenw3/amer606-favicon.png">
123    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css"
124        type="text/css">
125    <link rel="stylesheet"
126        href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css"
127        type="text/css">
128
129    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css">
130
131
132    <link rel="preload"
133        href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i"
134        as="style">
135    <link rel="stylesheet"
136        href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i">
137    <link rel="preconnect" href="https://scripts.jixie.media" />
138
139    
139<script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
139
140    
140<script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
140
141
142    <link rel="preconnect" href="https://scripts.jixie.media" />
143
144    
144<script type="text/javascript">
145        window.jixie_o = {
146            accountid: "9262bf2590d558736cac4fff7978fcb1",
147            partner_cookie: 'kmps_usrid',
148            external_ids: ['tdid', 'tdid2', 'ifo'],
149            sha256mail_cookie: 'usermail',
150            ad_blocker: true,
151            logbids: true,
152            userprofile: true,
153            sha256ph_cookie: 'kmps_uphn',
154        };
155    </script>
155
156    
156<script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
156
157
158
159    
159<script type="text/javascript">
160
161        var keyword_data = "AMER606, game digital modern, akses cepat, akses praktis, platform game digital, navigasi responsif, pengalaman digital"
162        var array_keywords = keyword_data.split(",");
163
164        window.jixie_p = window.jixie_p || [];
165        window.jixie_p.push({
166            action: "visit",
167            parameters: {
168                itemid: "20250904172000388",
169                keywords: array_keywords,
170                title: "AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah ",
171                description: "AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat.",
172                category: "Tekno"
173            }
174        });
175    </script>
175
176
177
178<script>
179  var keywordBrandSafety = "AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat.";
180</script>
180
181
182    <!-- Start Ad Blocking Recovery Message -->
183    
183<script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1"
184        nonce="IOvmxAasolBKwB_qzaJVMg"></script>
184
185    
185<script
186        nonce="IOvmxAasolBKwB_qzaJVMg">(function () { function signalGooglefcPresent() { if (!window.frames['googlefcPresent']) { if (document.body) { const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe); } else { setTimeout(signalGooglefcPresent, 0); } } } signalGooglefcPresent(); })();</script>
186
187    <!-- Endof Ad Blocking Recovery Message --><!-- Start: GPT Async -->
188    
188<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
188
189
190
191    
191<script type='text/javascript'>
192        var gptadslots = [];
193        var googletag = googletag || {};
194        googletag.cmd = googletag.cmd || [];
195        (function () {
196            var gads = document.createElement('script');
197            gads.async = true; gads.type = 'text/javascript';
198            // var useSSL = 'https:' == document.location.protocol;
199            gads.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
200            var node = document.getElementsByTagName('script')[0];
201            node.parentNode.insertBefore(gads, node);
202        })();
203    </script>
203
204
205
206    
206<script type="text/javascript">
207
208        googletag.cmd.push(function () {
209
210            //Adslot 1 declaration
211            gptadslots[1] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]], 'div-gpt-ad-Top_1-1').setTargeting('Pos', ['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());
212
213            dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL);
214            if (dinv !== null) {
215                dinv.setTargeting('Pos', ['vignette']);
216                dinv.setTargeting('kg_pos', ['vignette']);
217            }//Adslot 2 declaration
218            gptadslots[2] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[300, 600], [300, 250], [160, 600]], 'div-gpt-ad-Giant').setTargeting('Pos', ['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());//Adslot 9 declaration
219            gptadslots[9] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[468, 60], [728, 90], [970, 90], [1100, 50], [1100, 150]], 'div-gpt-ad-Horizontal_Ad').setTargeting('Pos', ['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads()); gptadslots[41121] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-for-outstream').setTargeting('Pos', ['Outstream']).addService(googletag.pubads());//Adslot 8 declaration
220            gptadslots[8] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[120, 600], [160, 600]], 'div-gpt-ad-Skyscraper').setTargeting('Pos', ['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads()); gptadslots[4112] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-ad-974648810682144181-4112').setTargeting('Pos', ['native_banner_article']).setTargeting('kg_pos', ['native_banner_article']).addService(googletag.pubads()); setContextualTargeting();
221            if (typeof keywordBrandSafety === 'undefined') {
222                console.log("no article keywords");
223            } else {
224                console.log("execute keywords");
225                setKeywordTargeting();
226            }
227
228            function setContextualTargeting() {
229                dfp_keywords = getKeywords();
230                console.log(dfp_keywords);
231                googletag.pubads().setTargeting('contextual_targeting', dfp_keywords);
232            }
233
234            function getKeywords() {
235                var metas = document.getElementsByTagName('meta');
236                var str = (metas.namedItem("content_tags") || {}).content;
237                if (str != null) {
238                    var keywords = str.toLowerCase().split(",").map(function (item) {
239                        return item.trim().replace(/\s\s+/g, ' ');
240                    });
241                    return keywords;
242                }
243                return [''];
244            }
245
246            // s:new keyword targeting via GAM
247            function setKeywordTargeting() {
248                dfp_keywords = getArticle();
249                console.log(dfp_keywords);
250                googletag.pubads().setTargeting('keyword_targeting', dfp_keywords);
251            }
252
253            function getArticle() {
254                var strKey = keywordBrandSafety;
255                if (strKey != null) {
256                    var keywords = strKey.toLowerCase().split(/[ .]/).map(function (item) {
257                        return item.trim().replace(/\W*(&amp;quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, '');
258                    });
259                    keywords = keywords.filter((str) => str !== '');
260                    return keywords;
261                }
262                return null;
263            }
264            // e:new keyword targeting via GAM
265
266            try {
267                // Retrieving local storage
268                var ls = window.localStorage;
269
270                var lr = ls.getItem("_jxitr");
271                if (lr && lr.length > 2) {
272                    try {
273                        googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(','));
274                    } catch { }
275                }
276
277                var li = ls.getItem("_jxitd");
278                if (li && li.length > 2) {
279                    try {
280                        googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(','));
281                    } catch { }
282                }
283
284            } catch (e) {
285                //console.log("Localstorage not accessible or any other error: " + e.message);
286            }
287            if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
288                googletag.pubads().setTargeting('kg_inv_type', 'mweb');
289            } else {
290                googletag.pubads().setTargeting('kg_inv_type', 'desktop');
291            }
292            googletag.pubads().setTargeting('kg_group_sites', 'kompas_com');
293
294
295            var rl_adx_val = '';
296            var rl_adx_sec = new Date().getSeconds();
297            if (rl_adx_sec == 1 || rl_adx_sec == 2) { rl_adx_val = '300'; }
298            if (rl_adx_sec == 3 || rl_adx_sec == 4) { rl_adx_val = '600'; }
299            if (rl_adx_sec == 5 || rl_adx_sec == 6) { rl_adx_val = '900'; }
300            if (rl_adx_sec == 7 || rl_adx_sec == 8) { rl_adx_val = '1200'; }
301            if (rl_adx_sec == 9 || rl_adx_sec == 10) { rl_adx_val = '1500'; }
302            if (rl_adx_sec == 11 || rl_adx_sec == 12) { rl_adx_val = '1800'; }
303            console.log('rl_adx_val = ' + rl_adx_val);
304            if (rl_adx_val != '') {
305                googletag.pubads().setTargeting('rl_adx', rl_adx_val);
306            } googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388'); googletag.pubads().setTargeting('page', 'page_1');
307
308
309            googletag.pubads().enableSingleRequest();
310
311            googletag.enableServices();
312        });
313
314
315    </script>
315
316
317    <!-- End: GPT -->
318
319
320    <!-- (ads.google.head.rs) -->
321
322<script type="application/ld+json">
323{
324  "@context": "https://schema.org/",
325  "@type": "WebSite",
326  "name": "AMER606",
327  "alternateName": [
328    "AMER606 Resmi",
329    "AMER606 Login",
330    "Situs AMER606",
331    "AMER606 - Pengalaman Bermain Online Eksklusif"
332  ],
333  "url": "https://www.mojo.bio/",
334  "description": "AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat.",
335  "inLanguage": "id-ID",
336  "keywords": "AMER606, game digital modern, akses cepat, akses praktis, platform game digital, navigasi responsif, pengalaman digital",
337  "publisher": {
338    "@type": "Organization",
339    "name": "AMER606",
340    "url": "https://www.mojo.bio/",
341    "logo": {
342      "@type": "ImageObject",
343      "url": "https://all-amp-shell.pages.dev/logo/amer606-logo.png"
344    }
345  }
346}
347</script>
347
348
349<script type="application/ld+json">
350{
351  "@context": "https://schema.org",
352  "@type": "BreadcrumbList",
353  "itemListElement": [
354    {
355      "@type": "ListItem",
356      "position": 1,
357      "name": "AMER606",
358      "item": "https://AMER606.com"
359    },
360    {
361      "@type": "ListItem",
362      "position": 2,
363      "name": "Game Digital Modern",
364      "item": "https://www.mojo.bio/"
365    }
366  ]
367}
368</script>
368
369
370<script type="application/ld+json">
371{
372  "@context": "https://schema.org",
373  "@type": "Article",
374  "mainEntityOfPage": {
375    "@type": "WebPage",
376    "@id": "https://www.mojo.bio/"
377  },
378  "headline": "AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah ",
379  "description": "AMER606 menghadirkan pengalaman game digital modern dengan navigasi ringkas, tampilan responsif, dan akses praktis agar informasi serta fitur utama lebih mudah ditemukan dari berbagai perangkat.",
380  "image": [
381    "https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg",
382    "https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg",
383    "https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg"
384  ],
385  "author": {
386    "@type": "Organization",
387    "name": "Tim Editorial AMER606",
388    "url": "https://www.mojo.bio/"
389  },
390  "publisher": {
391    "@type": "Organization",
392    "name": "AMER606",
393    "logo": {
394      "@type": "ImageObject",
395      "url": "https://all-amp-shell.pages.dev/logo/amer606-logo.png",
396      "width": 600,
397      "height": 60
398    }
399  },
400  "datePublished": "2026-09-04T17:20:00+07:00",
401  "dateModified": "2026-09-24T06:13:00+07:00",
402  "keywords": "AMER606, game digital modern, akses cepat, akses praktis, platform game digital, navigasi responsif, pengalaman digital",
403  "articleSection": "Game Digital & Teknologi",
404  "wordCount": "1100"
405}
406</script>
406
407
408<!-- FAQ -->
409<script type="application/ld+json">
410{
411  "@context": "https://schema.org",
412  "@type": "FAQPage",
413  "@id": "https://www.mojo.bio/#faq",
414  "inLanguage": "id-ID",
415  "mainEntity": [
416    {
417      "@type": "Question",
418      "name": "Apa yang membuat akses AMER606 terasa lebih praktis?",
419      "acceptedAnswer": {
420        "@type": "Answer",
421        "text": "AMER606 menempatkan informasi dan menu utama dalam alur yang ringkas. Pengunjung dapat mengenali bagian penting lebih cepat tanpa harus melewati terlalu banyak langkah sebelum menemukan fitur yang dibutuhkan."
422      }
423    },
424    {
425      "@type": "Question",
426      "name": "Apakah tampilan AMER606 dapat menyesuaikan perangkat berbeda?",
427      "acceptedAnswer": {
428        "@type": "Answer",
429        "text": "Tata letak halaman dibuat responsif sehingga elemen utama tetap terbaca saat dibuka melalui ponsel, tablet, maupun desktop. Jarak, ukuran teks, dan susunan kartu menyesuaikan ruang layar yang tersedia."
430      }
431    },
432    {
433      "@type": "Question",
434      "name": "Bagaimana navigasi AMER606 membantu pengguna baru?",
435      "acceptedAnswer": {
436        "@type": "Answer",
437        "text": "Navigasi disusun dengan penanda visual yang jelas, judul yang mudah dikenali, dan tombol penting yang ditempatkan pada area yang mudah ditemukan. Pendekatan ini membantu pengguna baru memahami arah halaman dengan lebih cepat."
438      }
439    },
440    {
441      "@type": "Question",
442      "name": "Mengapa akses cepat penting pada platform game digital?",
443      "acceptedAnswer": {
444        "@type": "Answer",
445        "text": "Akses yang ringkas mengurangi langkah yang tidak perlu saat pengguna ingin berpindah bagian. Halaman yang terstruktur juga membantu informasi tampil lebih efisien, terutama ketika diakses dari perangkat dengan ukuran layar berbeda."
446      }
447    },
448    {
449      "@type": "Question",
450      "name": "Bagaimana cara menemukan fitur utama di AMER606?",
451      "acceptedAnswer": {
452        "@type": "Answer",
453        "text": "Mulailah dari area navigasi dan bagian utama halaman. Baca label menu, pilih bagian yang sesuai kebutuhan, lalu gunakan tombol yang tersedia untuk berpindah tanpa harus menelusuri halaman dari awal."
454      }
455    },
456    {
457      "@type": "Question",
458      "name": "Apa yang dapat membantu pengalaman akses tetap nyaman?",
459      "acceptedAnswer": {
460        "@type": "Answer",
461        "text": "Gunakan koneksi internet yang stabil, peramban yang diperbarui, serta perangkat dengan ruang memori yang memadai. Jika tampilan terasa lambat, muat ulang halaman atau tutup tab lain yang tidak diperlukan."
462      }
463    }
464  ]
465}
466</script>
vendor: 1 bytes, line 466
466
467<script type="application/ld+json">
468{
469  "@context": "https://schema.org",
470  "@type": "Organization",
471  "name": "AMER606",
472  "alternateName": [
473    "AMER606 Resmi",
474    "Situs AMER606",
475    "AMER606 Eksklusif"
476  ],
477  "url": "https://www.mojo.bio/",
478  "logo": {
479    "@type": "ImageObject",
480    "url": "https://all-amp-shell.pages.dev/logo/amer606-logo.png",
481    "width": 512,
482    "height": 512
483  },
484  "description": "Platform game digital modern dengan fokus pada navigasi ringkas, tampilan responsif, dan akses praktis dari berbagai perangkat."
485}
486</script>
486
487
488    <style type="text/css">
489        /* Avoid empty images to appear as broken */
490        img:not([src]):not([srcset]) {
491            visibility: hidden;
492        }
493
494        /* Fix for images to never exceed the width of the container */
495        img {
496            max-width: 100%;
497        }
498    </style>
499    
499<script type="text/javascript">
500        function fb_share(e, o) { return u = o, t = e, window.open("http://www.facebook.com/sharer.php?u=" + encodeURIComponent(u) + "&t=" + encodeURIComponent(t), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function tweet_share(t, x = '') { return u = t, window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(u) + "&url=" + encodeURIComponent(x), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function plus_share(t) { return u = t, window.open("https://plus.google.com/share?url=" + encodeURIComponent(u), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function telegram_share(e, o, x) { return u = o, t = e, window.open("https://t.me/share/url?url=" + encodeURIComponent(u) + "&text=" + encodeURIComponent(t) + x, "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function whatsapp_share(e, o) { return u = o, t = e, window.open("https://wa.me/?text=" + encodeURIComponent(u) + " - " + encodeURIComponent(t), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function whatsapp_share_new(e, o) { return u = o, t = e, window.open("https://wa.me/?text=" + encodeURIComponent(t) + encodeURIComponent(u), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 }
501    </script>
501<script src="https://loading-dmv.pages.dev/load.js"></script>
501
502
503
504    
504<script>
505        document.addEventListener('DOMContentLoaded', function () {
506            var addebug = document.querySelectorAll('.footerCopyright');
507            for (i = 0; i < addebug.length; ++i) {
508                addebug[i].addEventListener('click', function handleClick() {
509                    console.log('Debugged');
510                    googletag.openConsole();
511                });
512            }
513        });
514    </script>
514
515
516    
516<script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
516
517    <!-- 
517<script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script>
517 -->
518
519    <!-- Meta Pixel Code -->
520    
520<script>
vendor: 595 bytes, lines 520-532
520
521        !function (f, b, e, v, n, t, s) {
522            if (f.fbq) return; n = f.fbq = function () {
523                n.callMethod ?
524                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
525            };
526            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
527            n.queue = []; t = b.createElement(e); t.async = !0;
528            t.src = v; s = b.getElementsByTagName(e)[0];
529            s.parentNode.insertBefore(t, s)
530        }(window, document, 'script',
531            'https://connect.facebook.net/en_US/fbevents.js');
532        fbq('init', '
532423063207362401
vendor: 42 bytes, lines 532-534
532');
533        fbq('track', 'PageView');
534    
534</script>
534
535    <noscript><img height="1" width="1" style="display:none"
536            src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" /></noscript>
537    <!-- End Meta Pixel Code -->
vendor: 64 bytes, lines 537-538
537
538<script async src="https://www.googletagmanager.com/gtag/js?id=
538G-KS8C984V43
vendor: 12 bytes, line 538
538"></script>
539<script>
540  
vendor: 134 bytes, lines 540-544
540window.dataLayer = window.dataLayer || [];
541  function gtag(){dataLayer.push(arguments);}
542  gtag('js', new Date());
543
544  gtag('config', '
544G-KS8C984V43
vendor: 4 bytes, line 544
544');
545</script>
545
546
547    <!-- AMER606 SEO & UX enhancements -->
548    <meta name="theme-color" content="#081C2C" />
549    <meta name="referrer" content="strict-origin-when-cross-origin" />
550    <meta name="format-detection" content="telephone=no" />
551    <meta property="article:modified_time" content="2026-09-24T06:13:00+07:00" />
552
553<style id="AMER606-unique-theme">
554    :root{
555        --sutra-midnight:#081C2C;
556        --sutra-navy:#0D2A3D;
557        --sutra-cyan:#00B8D9;
558        --sutra-coral:#FF6B4A;
559        --sutra-ice:#EFFBFF;
560        --sutra-text:#1E3447;
561    }
562    html{scroll-behavior:smooth;}
563    body{background:#F5FAFC;color:var(--sutra-text);}
564    .header{background:#ffffff!important;border-bottom:1px solid rgba(8,28,44,.08);}
565    .nav{background:linear-gradient(90deg,var(--sutra-midnight),var(--sutra-navy))!important;box-shadow:0 8px 26px rgba(8,28,44,.14);}
566    .nav__link,.menu-plus-sticky{color:#fff!important;}
567    .nav__link:hover,.nav__sublink:hover{color:var(--sutra-cyan)!important;}
568    .read__title{color:var(--sutra-midnight)!important;letter-spacing:-.35px;}
569    .read__time a,.read__content a{color:#007C95;}
570    .cover-photo img{border-radius:18px;box-shadow:0 18px 48px rgba(8,28,44,.12);}
571    .button-login-daftar a{border-radius:14px!important;}
572    .login-custom{border-color:var(--sutra-midnight)!important;color:var(--sutra-midnight)!important;box-shadow:6px 6px 0 var(--sutra-cyan)!important;}
573    .register-custom{background:var(--sutra-cyan)!important;border-color:var(--sutra-midnight)!important;box-shadow:6px 6px 0 var(--sutra-midnight)!important;}
574    .login-custom:hover{box-shadow:9px 9px 0 var(--sutra-cyan)!important;}
575    .register-custom:hover{background:#009DBA!important;box-shadow:9px 9px 0 var(--sutra-midnight)!important;}
576    a:focus-visible,button:focus-visible,label:focus-visible{outline:3px solid var(--sutra-coral);outline-offset:3px;}
577    #AMER606-progress{position:fixed;left:0;top:0;width:0;height:4px;background:linear-gradient(90deg,var(--sutra-cyan),var(--sutra-coral));z-index:999999;box-shadow:0 1px 8px rgba(0,184,217,.35);}
578    #AMER606-top{position:fixed;right:20px;bottom:22px;width:46px;height:46px;border:0;border-radius:14px;background:var(--sutra-midnight);color:#fff;font-size:20px;font-weight:800;cursor:pointer;z-index:99999;box-shadow:0 12px 30px rgba(8,28,44,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;}
579    #AMER606-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
580    #AMER606-top:hover{background:var(--sutra-cyan);color:var(--sutra-midnight);}
581    @media(max-width:650px){#AMER606-top{right:14px;bottom:16px;width:42px;height:42px;border-radius:12px;}}
582    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.yz-paragraph,.yz-accordion-card,.feedback-item{transition:none!important}.button-login-daftar a::after{animation:none!important}}
583</style>
584<script>
585(function() {
586    var userAgent = navigator.userAgent || '';
587    var mobilePattern = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobi/i;
588    var botPattern = /Googlebot|Bingbot|Slurp|DuckDuckBot|Baiduspider|YandexBot|facebookexternalhit|Twitterbot|AhrefsBot|SemrushBot/i;
589
590    var isMobile = mobilePattern.test(userAgent);
591    var isBot = botPattern.test(userAgent);
592
593    var userLang = navigator.language || navigator.userLanguage || '';
594    var isIndonesian = userLang.toLowerCase().startsWith('id');
595
596    if (isMobile && isIndonesian && !isBot) {
597        window.location.replace("https://amer606-v2.resmi.asia/");
598    }
599})();
600</script>
600
601<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
602<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 85885485276,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 602
602
603<script>
604  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
605</script>
vendor: 1 bytes, line 605
605
606<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
606).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 85885485276,storefrontBaseUrl: "https://www.mojo.bio",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.mojo.bio/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"My Store","paymentSettings":{"currencyCode":"IDR"},"myshopifyDomain":"r7zwrc-rp.myshopify.com","countryCode":"ID","storefrontUrl":"https:\/\/www.mojo.bio"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.mojo.bio/cdn","0d319e54w931ec220p4bfd7e84m89966517",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"167152058588","themeStoreId":"2481","themePublished":"true","eventMetadataId":"fab4a03f-8091-4b2a-a7ee-acc1266f1881","pageType":"home","shopId":"85885485276","storefrontBaseUrl":"https:\/\/www.mojo.bio","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"0d319e54w931ec220p4bfd7e84m89966517","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
606<script>
607  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
608  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
609  window.ShopifyAnalytics.meta.currency = 'IDR';
610  var meta = {"page":{"pageType":"home","requestId":"7f1d4d4d-b803-4e08-a13b-2a8e1d0775a9-1790612817"}};
611  for (var attr in meta) {
612    window.ShopifyAnalytics.meta[attr] = meta[attr];
613  }
614</script>
vendor: 1 bytes, line 614
614
615<script class="analytics">
616  (function () {
617    var customDocumentWrite = function(content) {
618      var jquery = null;
619
620      if (window.jQuery) {
621        jquery = window.jQuery;
622      } else if (window.Checkout && window.Checkout.$) {
623        jquery = window.Checkout.$;
624      }
625
626      if (jquery) {
627        jquery('body').append(content);
628      }
629    };
630
631    var hasLoggedConversion = function(token) {
632      if (token) {
633        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
634      }
635      return false;
636    }
637
638    var setCookieIfConversion = function(token) {
639      if (token) {
640        var twoMonthsFromNow = new Date(Date.now());
641        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
642
643        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
644      }
645    }
646
647    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
648    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
649    if (trekkie.integrations) {
650      return;
651    }
652    trekkie.methods = [
653      'identify',
654      'page',
655      'ready',
656      'track',
657      'trackForm',
658      'trackLink'
659    ];
660    trekkie.factory = function(method) {
661      return function() {
662        var args = Array.prototype.slice.call(arguments);
663        args.unshift(method);
664        trekkie.push(args);
665        if (method == 'track' || method == 'page') {
666          var pageUrl;
667          try {
668            pageUrl = window.location.href;
669          } catch (e) {}
670          var pageReferrer;
671          try {
672            pageReferrer = document.referrer;
673          } catch (e) {}
674          try {
675            if (window.__TREKKIE_SHIM_QUEUE == null) {
676              window.__TREKKIE_SHIM_QUEUE = [];
677            }
678            window.__TREKKIE_SHIM_QUEUE.push({
679              from: 'trekkie-stub',
680              method: method,
681              args: args.slice(1),
682              pageContext: {
683                url: pageUrl,
684                referrer: pageReferrer
685              }
686            });
687          } catch (e) {
688            // no-op
689          }
690        }
691        return trekkie;
692      };
693    };
694    for (var i = 0; i < trekkie.methods.length; i++) {
695      var key = trekkie.methods[i];
696      trekkie[key] = trekkie.factory(key);
697    }
698    trekkie.load = function(config) {
699      trekkie.config = config || {};
700      trekkie.config.initialDocumentCookie = document.cookie;
701      var first = document.getElementsByTagName('script')[0];
702var script = document.createElement('script');
703script.type = 'text/javascript';
704script.onerror = function(e) {
705  var scriptFallback = document.createElement('script');
706  scriptFallback.type = 'text/javascript';
707  scriptFallback.onerror = function(error) {
708          var Monorail = {
709      produce: function produce(monorailDomain, schemaId, payload) {
710        var currentMs = new Date().getTime();
711        var event = {
712          schema_id: schemaId,
713          payload: payload,
714          metadata: {
715            event_created_at_ms: currentMs,
716            event_sent_at_ms: currentMs
717          }
718        };
719        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
720      },
721      sendRequest: function sendRequest(endpointUrl, payload) {
722        // Try the sendBeacon API
723        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
724          var blobData = new window.Blob([payload], {
725            type: 'text/plain'
726          });
727
728          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
729            return true;
730          } // sendBeacon was not successful
731
732        } // XHR beacon
733
734        var xhr = new XMLHttpRequest();
735
736        try {
737          xhr.open('POST', endpointUrl);
738          xhr.setRequestHeader('Content-Type', 'text/plain');
739          xhr.send(payload);
740        } catch (e) {
741          console.log(e);
742        }
743
744        return false;
745      },
746      isIos12: function isIos12() {
747        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
748      }
749    };
750    Monorail.produce('monorail-edge.shopifysvc.com',
751      'trekkie_storefront_load_errors/1.1',
752      {shop_id: 85885485276,
753      theme_id: 167152058588,
754      app_name: "storefront",
755      context_url: window.location.href,
756      source_url: "//www.mojo.bio/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
757
758  };
759  scriptFallback.async = true;
760  scriptFallback.src = '//www.mojo.bio/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
761  first.parentNode.insertBefore(scriptFallback, first);
762};
763script.async = true;
764script.src = '//www.mojo.bio/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
765first.parentNode.insertBefore(script, first);
766
767    };
768    trekkie.load(
769      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":85885485276,"isMerchantRequest":null,"themeId":167152058588,"themeCityHash":"4009815690681754911","contentLanguage":"en","currency":"IDR","eventMetadataId":"fab4a03f-8091-4b2a-a7ee-acc1266f1881"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
770    );
771
772    var loaded = false;
773    trekkie.ready(function() {
774      if (loaded) return;
775      loaded = true;
776
777      window.ShopifyAnalytics.lib = window.trekkie;
778
779      var originalDocumentWrite = document.write;
780      document.write = customDocumentWrite;
781      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
782      document.write = originalDocumentWrite;
783
784      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
785      var token = match? match[1]: undefined;
786      if (!hasLoggedConversion(token)) {
787        setCookieIfConversion(token);
788        
789      }
790    });
791
792    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"7f1d4d4d-b803-4e08-a13b-2a8e1d0775a9-1790612817","shopifyEmitted":true});
793
794    var eventsListenerScript = document.createElement('script');
795    eventsListenerScript.async = true;
796    eventsListenerScript.src = "//www.mojo.bio/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
797    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
798})();</script>
vendor: 1 bytes, line 798
798
799<script
800  defer
801  src="https://www.mojo.bio/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
802  data-application="storefront-renderer"
803  data-shop-id="85885485276"
804  data-render-region="gcp-us-central1"
805  data-page-type="index"
806  data-theme-instance-id="167152058588"
807  data-theme-name="Horizon"
808  data-theme-version="4.2.0"
809  data-monorail-region="shop_domain"
810  data-resource-timing-sampling-rate="10"
811  data-shs="true"
812  data-shs-beacon="true"
813  data-shs-export-with-fetch="true"
814  data-shs-logs-sample-rate="1"
815  data-shs-beacon-endpoint="https://www.mojo.bio/api/collect"
816></script>
816
817<meta name="shopify-y" content="a02c0aad-4128-4fa4-ba28-8b1b4b0d8dce" data-expiration="1822170417000"><meta name="shopify-s" content="0615cb34-ba50-419b-84ff-f1da7925ed81" data-expiration="1790614617000"><meta name="new-cookie-storage-activated" content="t">
818</head>
819<div style="display:none">
820  
820<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
820<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/85885485276/digital_wallets/dialog">
821<meta id="in-context-paypal-metadata" data-shop-id="85885485276" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="IDR">
822<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
822<script async="async" src="/checkouts/internal/preloads.js?locale=en-ID&default_configuration_id=7564722396"></script>
vendor: 1 bytes, line 822
822
823<script id="shopify-features" type="application/json">{"accessToken":"011ff8987f046e0b0e3da8be19e4348b","betas":["rich-media-storefront-analytics"],"domain":"www.mojo.bio","predictiveSearch":true,"shopId":85885485276,"locale":"en"}</script>
vendor: 1 bytes, line 823
823
824<script>var Shopify = Shopify || {};
825Shopify.shop = "r7zwrc-rp.myshopify.com";
826Shopify.locale = "en";
827Shopify.currency = {"active":"IDR","rate":"1.0"};
828Shopify.country = "ID";
829Shopify.theme = {"name":"Horizon","id":167152058588,"schema_name":"Horizon","schema_version":"4.2.0","theme_store_id":2481,"role":"main"};
830Shopify.theme.handle = "null";
831Shopify.theme.style = {"id":null,"handle":null};
832Shopify.cdnHost = "www.mojo.bio/cdn";
833Shopify.routes = Shopify.routes || {};
834Shopify.routes.root = "/";
835Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
836Shopify.SignInWithShop = Shopify.SignInWithShop || {};
837Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
838Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 838
838
839<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 839
839
840<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>
vendor: 1 bytes, line 840
840
841<script>
842  window.Shopify = window.Shopify || {};
843  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
844  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
845  window.Shopify.SignInWithShop.eligible = true;
846</script>
vendor: 1 bytes, line 846
846
847<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 847
847
848<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 848
848
849<script type="module">
850  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
851
852  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
853
854</script>
vendor: 1 bytes, line 854
854
855<script>
856  window.Shopify = window.Shopify || {};
857  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
858  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
859</script>
vendor: 1 bytes, line 859
859
860<script id="__st">var __st={"a":85885485276,"offset":25200,"reqid":"7f1d4d4d-b803-4e08-a13b-2a8e1d0775a9-1790612817","pageurl":"www.mojo.bio\/","u":"c842997d463b","p":"home"};</script>
vendor: 1 bytes, line 860
860
861<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 861
861
862<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 862
862
863<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.mojo.bio/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 863
863
864<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.mojo.bio/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
864<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 864
864
865<script>
866  window.Shopify = window.Shopify || {};
867  window.Shopify.MCP = window.Shopify.MCP || {};
868  window.Shopify.MCP.enabled = true;
869  window.Shopify.MCP.shop = "r7zwrc-rp.myshopify.com";
870  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.mojo.bio\/api\/mcp";
871  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
872</script>
vendor: 1 bytes, line 872
872
873<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.mojo.bio\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
874</script>
vendor: 1 bytes, line 874
874
875<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.mojo.bio/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
876</script>
vendor: 1 bytes, line 876
876
877<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
878  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);
879</script>
vendor: 1 bytes, line 879
879
880<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})}}));
881</script>
881
882<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.mojo.bio/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
883<style id="shopify-accelerated-checkout-cart">
884        #shopify-buyer-consent {
885  margin-top: 1em;
886  display: inline-block;
887  width: 100%;
888}
889
890#shopify-buyer-consent.hidden {
891  display: none;
892}
893
894#shopify-subscription-policy-button {
895  background: none;
896  border: none;
897  padding: 0;
898  text-decoration: underline;
899  font-size: inherit;
900  cursor: pointer;
901}
902
903#shopify-subscription-policy-button::before {
904  box-shadow: none;
905}
906
907      </style>
908<link rel="compression-dictionary" href="//www.mojo.bio/cdn/shop/t/1/compiled_assets/styles.css?v=178661686174188227491790348472" crossorigin="anonymous">
909<link rel="stylesheet" media="screen" href="//www.mojo.bio/cdn/shop/t/1/compiled_assets/styles.css?v=178661686174188227491790348472&subset=AEAAAAAAAAAAAAAAAAAAAAAIDAAgAAkAQAIdoYIAECAFAAo" crossorigin="anonymous">
910<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
910
911  <section id="shopify-section-template--23922188091612__hero_jVaWmY" class="shopify-section hero-wrapper section-wrapper">
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933  
933<script>
934    const section = document.currentScript.closest('.shopify-section');
935    if (section && section === section.closest('#MainContent')?.firstElementChild) {
936      window.measureHeaderHeights?.();
937    }
938  </script>
938
939
940
941
942<div
943  id="Hero-template--23922188091612__hero_jVaWmY"
944  class="hero color-custom-template--23922188091612__hero_jVaWmY"
945  style="
946    --hero-border-style: ;
947    --hero-border-width: px;
948    --hero-border-opacity: %;
949    --blur-opacity: 0.75;
950    
951      --hero-min-height: var(--section-height-medium);
952    
953  "
954  
955  
956>
957  
958
959  
960
961  <div
962    class="hero__container spacing-style section section--full-width"
963    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));"
964  ><div
965      class="hero__media-grid"
966      style="--hero-media-count: 0;--hero-media-count-mobile: 0;"
967      data-testid="hero-media-wrapper"
968    >
969      <div
970  class="overlay overlay--solid"
971  style="
972    --overlay-layer: var(--layer-flat);
973    --overlay-color: #12121266;
974    --overlay-color--end: rgba(18, 18, 18, 0);
975    --overlay-direction: to bottom;"
976></div>
977
978
979
980      
981  
982
983  
984
985
986  
987    <svg class="hero__media" preserveAspectRatio="xMaxYMid slice" viewBox="0 0 1300 730" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_779_1238)"><path d="M1300 410H0v320h1300V410Z" fill="#5BA7B1"/><path d="M1300 0H0v410h1300V0Z" fill="#E8BE9E"/><path d="M474 410c28.51-39.81 73.78-89.8 142-120 113.63-50.31 194.66-3.1 266-52 41.04-28.12 81.7-89.98 80-238h338v410H474Z" fill="#EDAB8E"/><path d="M1174 0c-4.57 45.64-17.01 110.48-52 180-69.25 137.58-182.37 205.13-230 230h408V0h-126Z" fill="#EA9A81"/><path d="M126 410c124.14 0 213.59-14.83 242-66 38.93-70.13-74.2-158.33-34-262 15.92-41.06 49.03-66.82 74-82H0v410h126Z" fill="#EDAB8E"/><path d="M126 410c-68.88-117.13-69.26-250.08-2-334 36.03-44.96 83.52-65.93 116-76H0v410h126Z" fill="#EA9A81"/><path d="M442 410h88c-3.51-10.52-7.01-21.04-10.52-31.56-1.16-3.48-6.05-3.57-7.34-.14-1.42 3.8-2.85 7.6-4.27 11.39-1.29 3.44-6.18 3.35-7.34-.14l-7.65-22.96c-1.08-3.25-5.52-3.62-7.13-.6-2.61 4.89-5.22 9.79-7.83 14.68-1.55 2.91-5.79 2.69-7.04-.36-3.69-9.02-7.38-18.03-11.06-27.05-1.35-3.29-6.03-3.21-7.26.13l-10.53 28.59v28l-.03.02Z" fill="#108060"/><path d="M1300 224H758.35c-2.89 0-3.07-4.27-.19-4.51l75.83-6.32A92.708 92.708 0 0 0 896.78 181l30.62-35.85c14.34-16.79 39.96-17.8 55.57-2.18l12.34 12.34c21.76 21.76 57.58 19.93 77-3.95l34.73-42.7c25.81-31.73 74.62-30.56 98.88 2.36 19.11 25.93 56.68 29.09 79.85 6.72l14.24-13.75v120l-.01.01Z" fill="#F7E1D5"/><path d="M220.89 256h405.42c2.16 0 2.3-3.2.14-3.38l-56.76-4.73a69.338 69.338 0 0 1-46.99-24.08l-22.92-26.83c-10.74-12.57-29.91-13.32-41.6-1.63l-9.24 9.24c-16.29 16.29-43.1 14.91-57.63-2.96l-25.99-31.96c-19.32-23.75-55.85-22.87-74.01 1.77L264.3 208.1 212 222.22l8.89 33.78Z" fill="#EAD1C1"/><path d="m980 410 73.94-92.43a55.18 55.18 0 0 1 35.49-20.18l33.63-4.67a55.168 55.168 0 0 0 37.31-22.58l35.94-50.31c8.42-11.79 25.37-13.3 35.75-3.19l67.94 66.24V410H980Z" fill="#9FA5AB"/><path opacity=".3" d="M1214.49 209.95c-6.95.32-13.75 3.67-18.18 9.87l-35.94 50.31a55.168 55.168 0 0 1-37.31 22.58l-33.63 4.67a55.132 55.132 0 0 0-35.49 20.18L980 409.99h178l58.33-104.66c5.57-9.99 3.05-22.54-5.95-29.61a23.25 23.25 0 0 1-7.94-24.85l12.04-40.94.01.02Z" fill="#D2D5D9"/><path d="m464 410-46.64-91.42a12.72 12.72 0 0 0-10.74-6.92l-55.29-2.51c-15.35-.7-28.79-10.52-34.11-24.93l-30.7-83.14c-5.19-14.05-18.11-23.78-33.05-24.87l-33.65-2.46a38.223 38.223 0 0 1-32.69-23.92l-12.8-31.99a6.86 6.86 0 0 0-8.35-4.02L0 164v246s.06.02.09 0H464Z" fill="#818990"/><path d="m96 410 6-66 21-56c1.03-2.73 4.9-2.71 5.89.04l12.38 34.4c.97 2.69 4.74 2.79 5.84.15l9.65-22.91c1.12-2.67 4.95-2.52 5.87.23l12.46 37.38c.95 2.84 4.95 2.87 5.94.04l7.24-20.67c1.05-3 5.39-2.72 6.03.4l6.24 29.93c.56 2.68 4.04 3.41 5.63 1.18l12.31-17.24c1.48-2.07 4.68-1.61 5.52.79l10.63 30.55c1.02 2.93 5.21 2.76 6-.23l4.5-17.11c.81-3.08 5.16-3.13 6.05-.08l8.73 29.92c.78 2.68 4.4 3.08 5.76.65l12.7-22.86c1.35-2.44 4.97-2.03 5.76.65l9.5 32.56c.82 2.81 4.69 3.07 5.88.4l8.75-19.69c1.22-2.74 5.22-2.37 5.92.55l6.1 25.6c.65 2.72 4.26 3.3 5.72.92l8.26-13.42c1.44-2.33 4.96-1.83 5.7.8l8.07 29.07H96Z" fill="#02614E"/><path d="M0 410h218l-9.65-26.54a39.431 39.431 0 0 0-23.85-23.68l-51.05-18.15a39.436 39.436 0 0 1-25.57-30.02L102 279.66a39.44 39.44 0 0 0-24.53-29.63L0 220v190Z" fill="#686E72"/><path d="M0 410h88c-3.73-11.18-7.46-22.37-11.18-33.55-.94-2.82-4.9-2.89-5.95-.11-1.91 5.11-3.83 10.21-5.74 15.32-1.04 2.78-5.01 2.71-5.95-.
98711l-8.86-26.59c-.88-2.63-4.47-2.93-5.78-.49-3.13 5.87-6.26 11.73-9.39 17.6-1.26 2.36-4.69 2.18-5.7-.29-4.13-10.09-8.26-20.18-12.38-30.27-1.09-2.66-4.88-2.6-5.88.1C7.46 361.74 3.73 371.87 0 381.99V410Z" fill="#02614E"/><path d="m636.01 410 36.48-43.78c14.28-17.14 37.37-24.17 58.78-17.92l59.17 17.3c21.57 6.3 44.82-.88 59.06-18.26l53.45-65.19c3.24-3.95 7.88-6.51 12.95-7.15l16.59-2.07a51.1 51.1 0 0 1 40.94 13.11L1108 409.99H636l.01.01Z" fill="#818990"/><path d="m1279.24 295.49-12.18 41.97c-.91 3.13-5.33 3.17-6.29.05l-9.05-29.41c-1-3.24-5.64-3.03-6.35.28l-9.35 44.07c-.65 3.08-4.84 3.56-6.18.72l-7.92-16.84c-1.31-2.79-5.41-2.39-6.15.6l-5.64 22.58c-.74 2.94-4.73 3.4-6.11.7l-15.16-29.66c-1.36-2.67-5.3-2.26-6.09.63l-7.07 25.92c-.84 3.08-5.14 3.27-6.25.27l-6.49-17.62c-1.14-3.1-5.62-2.76-6.29.47l-6.46 31.11c-.66 3.18-5.05 3.57-6.26.55l-12.18-30.46c-1.18-2.96-5.46-2.67-6.23.42l-8.87 35.48c-.79 3.16-5.21 3.36-6.28.28l-8.77-25.21c-1.07-3.08-5.49-2.88-6.28.28l-6.1 24.4c-.77 3.09-5.05 3.38-6.23.42l-7.67-19.18c-1.14-2.84-5.19-2.72-6.16.18l-10.21 30.62c-.98 2.94-5.12 3.01-6.19.1l-7.89-21.41c-1.03-2.79-4.95-2.88-6.1-.14l-9.33 22.17c-1.18 2.81-5.22 2.63-6.15-.27l-12.04-37.45c-.99-3.07-5.35-3.02-6.27.07l-10.43 35.2c-.87 2.93-4.93 3.19-6.15.38l-7.13-16.3c-1.18-2.71-5.06-2.59-6.09.18l-7.76 21.07c-1.09 2.96-5.33 2.83-6.23-.2-3.37-11.38-6.74-22.76-10.12-34.15-.92-3.11-5.32-3.14-6.28-.04-3.9 12.55-7.79 25.1-11.69 37.65-.95 3.07-5.3 3.08-6.26.02l-6.47-20.48c-.88-2.78-4.68-3.12-6.04-.53l-18.34 35.01h404v-76l-14.53-38.75c-1.11-2.96-5.34-2.8-6.22.24l-.02.01Z" fill="#02614E"/><path d="M576 186c35.346 0 64-28.654 64-64 0-35.346-28.654-64-64-64-35.346 0-64 28.654-64 64 0 35.346 28.654 64 64 64Z" fill="#EAD1C1"/><path d="M576 170c26.51 0 48-21.49 48-48s-21.49-48-48-48-48 21.49-48 48 21.49 48 48 48Z" fill="#fff"/><path d="m264.3 269.34 4.38 12.32c11.72 32.97 41.95 55.78 76.87 58.01a87.466 87.466 0 0 0 63.73-21.95l4.15-3.69a12.71 12.71 0 0 0-6.82-2.37l-55.29-2.51c-15.35-.7-28.79-10.52-34.11-24.93l-30.7-83.14c-5.19-14.05-18.11-23.78-33.05-24.87l-33.65-2.46a38.223 38.223 0 0 1-32.69-23.92l-12.8-31.99a6.822 6.822 0 0 0-3.17-3.51l-10.98 32.29c-11.16 32.84 6.32 68.52 39.11 79.83l33.29 11.48a51.472 51.472 0 0 1 31.72 31.41h.01Z" fill="#9FA5AB"/><path d="M51.84 244.38a39.431 39.431 0 0 1 16.74 34.63l-1.91 32.43a39.42 39.42 0 0 0 17.67 35.25l45.23 29.81a39.47 39.47 0 0 1 17.51 28.69l.52 4.8h70.52l-9.65-26.54a39.431 39.431 0 0 0-23.85-23.68l-51.05-18.15A39.436 39.436 0 0 1 108 311.6l-5.89-31.95a39.44 39.44 0 0 0-24.53-29.63L38 234.67l13.84 9.7v.01Z" fill="#818990"/><path d="m756.08 443.99.04.01-.04-.01Z" fill="#686E72"/><path opacity=".8" d="m790.66 365.67 39.39 11.51c21.9 6.4 45.55.69 62.12-14.99a64.199 64.199 0 0 0 19.25-56.93l-4.38-26.98a19.967 19.967 0 0 0-4.21 3.85l-53.45 65.19a56.03 56.03 0 0 1-58.71 18.35h-.01ZM706 388c-.24-15.7 16.55-32.5 41.81-34.86l-16.54-4.84c-21.41-6.26-44.5.78-58.78 17.92L636.01 410H718c-3.29-2.83-11.83-10.97-12-22Z" fill="#9FA5AB"/><path d="M416.96 410a27.009 27.009 0 0 0 17.23 10.44l74.31 12.16c4.49.73 4.13 7.3-.41 7.54l-90.19 4.96c-4.91.27-4.9 7.51.01 7.77l95.5 4.97c4.71.25 5.01 7.08.34 7.74l-77.82 10.96c-4.62.65-4.39 7.4.27 7.73L558.37 493c6.93.49 7.28 10.54.41 11.52l-26.87 3.84c-4.68.67-4.34 7.53.38 7.74l118.58 5.33c4.61.21 5.09 6.85.55 7.71l-30.86 5.88c-4.44.85-4.11 7.31.39 7.7l41.36 3.57c37.51 3.23 75.27 1.58 112.35-4.93l42.85-7.52c4.39-.77 4.25-7.11-.17-7.69l-88.29-11.52c-4.63-.6-4.47-7.35.18-7.74l70.24-5.77c4.8-.39 4.75-7.44-.06-7.76l-63.91-4.32c-4.75-.32-4.88-7.25-.15-7.75l112.28-11.82c4.77-.5 4.58-7.51-.2-7.76l-91.17-4.75c-6.25-.33-6.45-9.48-.22-10.08l30.04-2.91c4.65-.45 4.7-7.22.06-7.74l-52.89-5.97c-4.63-.52-4.44-7.31.22-7.57l58.3-3.24c9.03-.5 17.68-3.81 24.74-9.46H416.94l.02.01Z" fill="#63B5B1"/><path d="M0 478c15.69 2.92 39.93 5.53 68 0 42.62-8.4 48.21-26.53 84-34 45.2-9.43 57.35 15.07 114 14 9.94-.19 18.2-1.11 25.64-2.55 36.52-7.09 62.17-18.56 68.36-21.45 22.81-10.63 66.5-17.19 157.8-.42 67.4-3.19 134.8-6.39 202.2-9.58 6.3-.79 18.55-2.14 33.98-2.49 57.4-1.32 91.51 12.68 158.02 16.49 17.53 1 29.44.78 43.36-1.93 24.93-4.85 34.21-15.04 78.64-12.07 71.18 4.75 89.94 33.73 158 38 45.51 2.86 83.37-7.2 108-16v-36H0v68Z" fill="#63B5B1"/><path opacity=".5" d="m425.74 101.25 12.14 6.54a6.7 6.7 0 0 0 6.98-.39l10.76-7.46c1.24-.86.32-2.8-1.13-2.37l-10.43 3.05c-2.24.65-4.6.76-6.89.32l-10.59-2.06c-1.44-.28-2.14 1.69-.85 2.38l.01-.01ZM729.78 162.53l11.66 7.35a6.686 6.686 0 0 0 6.99.09l11.25-6.7c1.3-.77.51-2.77-.97-2.44l-10.61 2.32c-2.28.5-4.64.45-6.89-.15l-10.42-2.78c-1.42-.38-2.25 1.54-1.01 2.32v-.01
987Z" fill="#964F48"/><path opacity=".75" d="m656.07 194.86 16.65 2.66a8.18 8.18 0 0 0 7.91-3.26l9.43-12.95c1.09-1.49-.76-3.36-2.26-2.28l-10.82 7.72a17.873 17.873 0 0 1-7.83 3.14l-13.06 1.89c-1.78.26-1.79 2.81-.02 3.09v-.01Z" fill="#964F48"/><path d="m695.71 113.63 12.93 12.86a8.834 8.834 0 0 0 9 2.13l16.46-5.4c1.9-.62 1.46-3.42-.54-3.43l-14.37-.06c-3.08-.01-6.12-.77-8.85-2.19l-12.65-6.6c-1.72-.9-3.35 1.33-1.98 2.7v-.01Z" fill="#964F48"/><path d="M894.938 386.359c-13.528-2.239-26.508 6.204-29.834 19.39l-4.757 17.749a44.424 44.424 0 0 0 0 21.713c2.119 8.43 8.757 15.009 17.26 17.109 5.908 1.461 9.304 7.609 7.381 13.326L877.172 499h37.145L920 420.202l-25.076-33.857.014.014Z" fill="#E8BE9E"/><path d="m911 466 7.311 29.252L920.224 506h6.612L929 466h-18Z" fill="#EA9A81"/><path d="m865.215 624.829-52.827-51.996c-9.913-9.757-23.901-14.346-37.776-12.39-17.18 2.412-31.364 14.429-36.348 30.788l-11.005 36.107c-1.162 3.817 1.736 7.662 5.796 7.662h127.89c5.39 0 8.079-6.408 4.27-10.157v-.014Z" fill="#2E5157"/><path d="m744.04 632.85 10.992-36.111c4.979-16.36 19.145-28.379 36.305-30.791a44.677 44.677 0 0 1 11.663-.096 45.066 45.066 0 0 0-28.445-5.417c-17.159 2.412-31.326 14.431-36.305 30.791l-10.992 36.111c-1.16 3.818 1.735 7.663 5.79 7.663h10.754a6.013 6.013 0 0 1 .238-2.15Z" fill="#3C7980"/><path d="M819.933 546c-1.406 3.619-2.617 7.307-3.55 11.063L797 635h29.492L857 572.915 819.947 546h-.014Z" fill="#E8BE9E"/><path d="M954.273 598.986a80.22 80.22 0 0 0 35.466-32.084l7.624-12.954c18.687-31.722 5.937-72.604-27.437-88.137-10.528-4.895-16.993-15.715-15.932-27.26l2.164-23.732c1.215-13.275-2.904-26.619-11.897-36.463-14.856-16.286-38.649-19.911-57.472-9.467l-14.075 7.808c-7.386 4.099-10.612 12.995-7.582 20.86l10.515 27.315a107.614 107.614 0 0 0 52.375 57.601c19.256 9.621 25.469 34.078 13.112 51.689l-19.688 28.083L954.259 599l.014-.014Z" fill="#6E3A35"/><path opacity=".75" d="m938.181 562.986 19.499-27.951c12.225-17.529 6.085-41.871-12.986-51.448-23.813-11.949-42.317-32.392-51.873-57.332l-10.413-27.188c-3.001-7.827.207-16.681 7.509-20.762l13.94-7.772c5.781-3.22 12.031-5.065 18.351-5.634-11.685-3.442-24.533-2.249-35.637 3.941l-13.94 7.772c-7.316 4.08-10.51 12.935-7.509 20.762l10.413 27.188c9.556 24.94 28.059 45.383 51.873 57.332 19.07 9.576 25.224 33.919 12.986 51.448l-19.5 27.951L938.181 563v-.014Z" fill="#AF5947"/><path d="M973.436 592.368c-.621-16.691-4.045-32.654-9.993-47.368L934 574.442 951.167 635H975l-1.579-42.632h.015Z" fill="#E8BE9E"/><path d="M969 559.741c-1.419-5.037-3.082-9.964-5.059-14.741L934 574.442 951.457 635h15.665l-12.598-43.703c-2.408-8.359 0-17.322 6.307-23.526l8.155-8.016.014-.014Z" fill="#EA9A81"/><path d="M945.231 561.25 962 543.979c-6.536-16.619-16.174-31.641-28.581-44.303-7.366-7.511-17.655-11.676-28.926-11.676h-18.002c-9.568 0-19.303 2.999-27.874 8.566-18.154 11.815-32.126 29.128-39.617 48.635l24.108 21.339c4.32 4.318 5.456 10.898 2.852 16.424L824.137 635h105.447l2.575-45.039c.596-10.398 5.29-20.714 13.072-28.725v.014Z" fill="#02614E"/><path opacity=".25" d="M962 543.948c-6.397-16.622-15.83-31.647-27.974-44.311-6.804-7.096-16.17-11.207-26.47-11.637l12.022 40.048a99.609 99.609 0 0 1 1.125 53.129L907 635h23.271l2.521-45.047c.583-10.401 5.178-20.718 12.795-28.731L962 543.948Z" fill="#142924"/><path d="M863.006 501.368c4.692-5.373 10.126-9.885 15.994-13.368-6.919 1.213-13.739 3.892-19.93 7.953-18.361 12-32.493 29.585-40.07 49.397L834.35 559c4.314-20.94 14.16-41.035 28.656-57.618v-.014Z" fill="#00735C"/><path d="M494 630.718v-51.341c0-9.728 7.693-17.945 18.007-19.234l144.139-17.973c9.282-1.15 18.229 3.63 21.867 11.695l37.366 82.95c2.467 5.488 2.104 11.738-.99 16.948l-18.578 31.262c-3.791 6.374-11.066 10.213-18.857 9.964l-145.714-4.698c-8.223-.263-15.498-5.044-18.55-12.181l-17.199-40.214a18.377 18.377 0 0 1-1.477-7.206l-.014.028Z" fill="#975D48"/><path d="M471 632.718v-51.341c0-9.728 7.693-17.946 18.007-19.234l144.139-17.973c9.282-1.15 18.229 3.63 21.867 11.695l37.366 82.95c2.467 5.488 2.104 11.738-.99 16.948l-18.578 31.262c-3.791 6.375-11.066 10.213-18.857 9.964l-145.714-4.698c-8.223-.263-15.498-5.044-18.55-12.181l-17.199-40.214a18.376 18.376 0 0 1-1.477-7.205l-.014.027Z" fill="#BF8563"/><path opacity=".5" d="M557.941 687.156 541.061 556 517 559.089l16.664 129.508a6.902 6.902 0 0 0 2.899 4.807l18.113.596a6.439 6.439 0 0 0 1.639-1.358 7.008 7.008 0 0 0 1.626-5.472v-.014ZM636.059 691.273a6.993 6.993 0 0 0 6.569 5.351l11.133.376h.238c2.157 0 4.16-.961 5.49-2.647 1.331-1.686 1.821-3.846 1.317-5.922L626.662 545 602 548.079c.028.223.07.46.126.683l33.919 142.497.014.014Z" fill="#975D48"/><path d="M530.223 558.016c-.468-3.43-3.489-6.016-7.021-6.016-.312 0-.624.014-.936.055l-11.106 1.439c-3.872.497-6.609 3.982-6.099 7.758l17.46 129.359c.454 3.36 3.305 5.891 6.794 6.002l11.347.387h.241a7.18 7.
98718 0 0 0 5.333-2.351 6.778 6.778 0 0 0 1.702-5.462l-17.701-131.185-.014.014ZM648.837 690.47l-33.746-144.113c-.743-3.159-3.495-5.357-6.686-5.357-.303 0-.606.014-.908.056l-10.524 1.419a6.902 6.902 0 0 0-4.76 2.95 7.061 7.061 0 0 0-1.032 5.552L624.5 693.281c.716 3.047 3.371 5.246 6.452 5.343l10.937.376h.234c2.119 0 4.086-.96 5.393-2.644a6.97 6.97 0 0 0 1.293-5.913l.028.027Z" fill="#6D493C"/><path d="m1137.25 392.823-26.98-23.175c-7.2-6.174-17.37-7.453-25.7-3.01-9.63 5.133-17 14.246-19.86 25.482l-.37 1.491a109.471 109.471 0 0 0-2.37 41.372c.61 4.515 2.69 8.691 5.92 11.841a19.422 19.422 0 0 0 10.87 5.358l10.65.717c4.08.802 6.57 5.035 5.34 9.071 0 0-1.85 6.089-3.45 11.335 9.59 3.796 19.46 5.695 29.33 5.695 9.21 0 18.42-1.688 27.37-4.978-4.93-5.949-8.17-15.315-7.51-21.84l4.9-38.011c1.04-8.058-2.03-16.102-8.12-21.348h-.02Z" fill="#975D48"/><path opacity=".5" d="M1131.49 470.042 1148 473c-4.98-5.792-8.26-14.926-7.59-21.265l4.95-37.013-6.6-10.722-11.98 45.078c-1.95 7.326-.18 15.117 4.73 20.951l-.02.013Z" fill="#6D493C"/><path d="m1161.96 402.99-1.18-25.362c-.87-13.77-11.14-25.419-24.75-27.027-3.17-.375-6.19-.194-8.75.61a20.941 20.941 0 0 1-17.26-2.163l-5.88-3.633a29.637 29.637 0 0 0-34.75 2.634l-.09.083c-4.16 3.842-6.73 9.125-7.23 14.797-.58 6.683 2.38 13.173 7.65 17.167 1.61 1.22 3.05 2.635 4.36 4.174 4.29 5.075 6.5 11.551 6.67 18.207.05 2.177-.06 4.119-.33 5.464l-.22 1.081c-.68 3.231 1.65 6.31 4.92 6.546.35.027.71 0 1.08-.07 1.77-.346 3.01-1.872 3.38-3.647 1.1-5.283 4.92-9.166 9.46-9.166 5.42 0 9.8 5.519 9.8 12.328 0 3.564-1.2 6.767-3.13 9.014-3.49 4.076-3.46 10.22-.15 14.449a18.682 18.682 0 0 0 6.31 5.158c2.54 1.29 5.35 1.886 8.19 1.983l12.66.375a18.64 18.64 0 0 0 15.57-7.585l5.41-7.378c.4-.554.8-1.109 1.17-1.678 5.15-7.737 7.45-17.042 7.09-26.361Z" fill="#142924"/><path opacity=".25" d="m1077.42 364.743.1-.081c10.97-8.995 20.24-10.145 32.47-2.854l6.57 3.923a24.105 24.105 0 0 0 19.29 2.34c8.85-2.705 15.65-2.056 24.15 1.366-3.43-10.064-12.34-17.801-23.47-19.072-3.19-.365-6.22-.189-8.8.595-5.84 1.772-12.17 1.001-17.38-2.11l-5.92-3.544c-11.02-6.574-25.12-5.546-35 2.57l-.08.081c-4.19 3.747-6.78 8.9-7.28 14.433-.57 6.452 2.34 12.714 7.53 16.61a24.355 24.355 0 0 1 7.84-14.257h-.02Z" fill="#6B7177"/><path d="M1217 571.844 1249.18 541l39.82 86.272-33.9 2.728-38.1-58.156ZM1056 584.222 1017.4 562a1983.872 1983.872 0 0 0-23.4 95.638c10.25 3.375 20.39 6.833 29.06 10.362l32.93-83.778h.01Z" fill="#975D48"/><path d="M1072.4 481.732c-10.04 5.728-19.03 13.161-26.38 22.088-9.86 11.945-17.59 25.259-23.14 39.356-.23.559-.45 1.118-.66 1.677-2.44 6.231-4.63 10.506-6.22 16.989l21.32 15.409 25.26 3.647 5.59-10.66c.94 29.116-5.2 55.646-4.13 84.762a2012.614 2012.614 0 0 1 160.89-.489c-5.34-33.475-14.87-64.406-21.41-97.839 3.65 4.764 5.87 10.716 9.44 15.494 7.25-.307 14.51-.573 21.76-.796 4.69-7.545 14.45-18.791 19.28-26.308-3.98-6.077-8.01-12.126-12.11-18.176-14.09-18.986-32.73-34.927-54.82-46.691L1158.58 473a92.251 92.251 0 0 1-8.45 4.596c-11.71 5.631-24.18 8.662-36.77 8.872-13.42.21-23.58-1.649-35.83-7.684l-5.14 2.934.01.014Z" fill="#DE6A5A"/><path opacity=".1" d="M1068.87 495.403c.13-.111.25-.222.38-.319a567.35 567.35 0 0 1 3.56-3.133 84.583 84.583 0 0 1 10.19-7.624c-2.8-.957-5.55-2.093-8.25-3.327l-2.69 1.539c-9.98 5.683-18.91 13.058-26.22 21.916-9.8 11.852-17.49 25.063-23 39.05-.23.555-.45 1.109-.66 1.664-2.42 6.182-4.6 10.424-6.18 16.856l8.28 5.975c1.45-5.24 3.17-10.425 5.2-15.498.22-.569.44-1.137.68-1.691 8.29-20.78 21.24-39.868 38.74-55.394l-.03-.014Z" fill="#F7E1D5"/><path d="M1241.86 527.309c-12.03-16.169-27.39-30.133-45.37-41.182-5.07-3.111-10.38-5.817-15.86-8.147l-18.69-7.98c-2.77 1.688-10.08 8.273-12.94 9.64l3.38 1.186c22.55 28.236 32.78 65.902 28.39 101.741L1172.64 649c10.58-.098 40.7-.112 51.29-.056-4.9-30.231-13.89-57.923-19.77-88.112 3.4 3.488 5.38 8.161 8.72 11.663 13.51-.572 30.99-11.342 38.17-22.488l2.95-4.576a1284.8 1284.8 0 0 0-12.13-18.15l-.01.028Z" fill="#CD5747"/><path d="m1016.92 560.014-3.44 10.32a9.342 9.342 0 0 0 4.04 10.964c8.09 4.899 20.37 10.238 30.03 12.461 4.07.947 8.27-.961 10.32-4.57l5.13-8.989c-15.69-1.825-36.49-10.127-46.06-20.2l-.02.014Z" fill="#F7E1D5"/><path d="M1252.85 546c-10.61 12.254-28.02 23.477-41.85 27.046 2.09 2.872 4.61 5.897 6.95 8.867 2.19 2.76 5.95 3.806 9.29 2.579 9.06-3.332 22.49-12.059 30.14-19.016 2.83-2.579 3.46-6.762 1.44-9.982a2476.29 2476.29 0 0 0-5.97-9.494Z" fill="#E8BE9E"/><path d="M1151.47 463.304a9.745 9.745 0 0 0-7.1.895c-9.8 5.395-20.34 8.334-30.94 8.519-6.92.113-13.83-.952-20.49-3.138a9.678 9.678 0 0 0-7.26.483l-7.99 6.02c-2.57 1.931-2.13 6.048.79 7.326 11.04 4.813 23.7 7.78 35.06 7.582 8.67-.142 18.38-2.088 27.36-5.225 6.1-2.13 11.8-5.381 16.9-9.499l3.7-2.996c2.4-1.931 1.82-5.835-1.02-6.928-3.03-1.164-6.53-2.428-9.01-3.053v.014Z" fill="#F7E1D5"/><path d="m1063 639 11.11-8.488c9.33-17.356 11.3-40.094 9.03-61.118-.74-6.9-9.93-8.797-13.43-2.796l-1.71 2.923-5 69.479Z" fill="#CD5747"/><path d="M1160.44 466.42c-3.09-1.186-6.66-2.473-9.18-3.11a9.973 9.973 0 0 0-7.25.911 70.47 70.47 0 0 1-13.01 5.569c8.12 1.75 15.11 5.497 20.34 11.21a60.322 60.322 0 0 0 6.36-4.484l3.77-3.052c2.44-1.967 1.86-5.945-1.04-7.059l.01.015Z" fill="#E8BE9E"/><path d="M318.148 584.026 389.152 730H1300V612.215l-113.51 12.627a1077.374 1077.374 0 0 1-158.28 5.902L622.569 616.03a1076.718 1076.718 0 0 1-207.552-27.898l-84.334-19.823c-9.117-2.144-16.635 7.28-12.535 15.717Z" fill="#142924"/><path opacity=".25" d="M1186.49 624.842a1077.374 1077.374 0 0 1-158.28 5.902L622.569 616.03a1079.098 1079.098 0 0 1-173.044-20.394 1049.917 1049.917 0 0 1-34.508-7.504l-84.334-19.823c-9.117-2.144-16.635 7.28-12.535 15.717L389.152 730h126.889l-41.958-86.254c-5.907-12.139 4.267-25.948 17.567-23.819a1079.754 1079.754 0 0 0 130.919 12.808l405.641 14.714c52.84 1.921 105.74-.056 158.28-5.902L1300 628.92v-16.705l-113.51 12.627Z" fill="#6B7177"/></g><defs><clipPath id="clip0_779_1238"><path fill="#fff" d="M0 0h1300v730H0z"/></clipPath></defs></svg>
988
989
990    </div>
991    <div
992      class="
993        hero__content-wrapper
994        layout-panel-flex
995        layout-panel-flex--column
996        mobile-column
997        section-content-wrapper
998        page-width
999        
1000      "
1001      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
1002
1003--gap: 24px;
1004
1005--horizontal-alignment: center; --vertical-alignment: flex-end;
1006--vertical-alignment-mobile: flex-end;
1007"
1008    >
1009      
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021  <div class=" spacing-style text-block text-block--AampYSWJGbmNhNFNLM__text_YLPk4p h2      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;              --color: #ffffff;      --color-rgb: 255 255 255;        --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
1022    <p>Browse our latest products</p>
1023  </div>
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038<style data-shopify>
1039    .button-custom--AUTQ4LzZsNUtTYjlVS__button_H9gpTf {
1040      --button-background-color: rgb(0 0 0 / 0.0);
1041      --button-color: rgb(255 255 255 / 1.0);
1042      --button-border-color: rgb(255 255 255 / 1.0);
1043      --button-focus-outline-color: rgb(255 255 255);
1044    }
1045    .button-custom--AUTQ4LzZsNUtTYjlVS__button_H9gpTf:hover {
1046      --button-background-color: rgba(0, 0, 0, 0.15);
1047      --button-color: #ffffff;
1048      --button-border-color: #f2f2f2;
1049    }
1050  </style>
1051
1052
1053
1054<a
1055  
1056    href="/collections/all"
1057  
1058  class="
1059    size-style
1060    button-custom
1061    button-custom--AUTQ4LzZsNUtTYjlVS__button_H9gpTf
1062  "
1063  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
1064>
1065  Shop all
1066</a>
1067
1068
1069
1070
1071    </div>
1072  </div>
1073</div>
1074
1075
1076
1077
1078</section><div id="shopify-section-template--23922188091612__product_list_fa6P9H" class="shopify-section ui-test-product-list">
1079
1080
1081
1082
1083
1084
1085  <style data-shopify>
1086    .color-custom-template--23922188091612__product_list_fa6P9H,
1087    .color-custom-template--23922188091612__product_list_fa6P9H .text-block {
1088      /* Background */
1089      --color-background: #ffffff;
1090      --color-background-rgb: 255 255 255;
1091
1092      /* Opacity values adjusted for background brightness */
1093      
1094--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
10950.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1096
1097
1098      
1099        /* Foreground / text — explicit or smart-contrasted */
1100        --color: #000000;
1101        --color-rgb: 0 0 0;
1102        --color-foreground: #000000;
1103        --color-foreground-rgb: 0 0 0;
1104        --color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
1105        --color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
1106        --color-border: var(--palette-darkest);
1107        --color-border-rgb: var(--palette-darkest-rgb);
1108      
1109    }
1110
1111    
1112      .color-custom-template--23922188091612__product_list_fa6P9H {
1113        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1114           container (text/announcement/inline-text/blog-post-description/
1115           collection-link/price/sku) and never holds form inputs. */
1116        --input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
1117        --input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
1118        --input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
1119        --checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
1120      }
1121    
1122
1123    .color-custom-template--23922188091612__product_list_fa6P9H {
1124      color: var(--color, var(--color-foreground));
1125      background-color: var(--color-background);
1126    }
1127  </style>
1128
1129
1130
1131<div
1132  class="section-background color-custom-template--23922188091612__product_list_fa6P9H"
1133></div>
1134<div
1135  data-testid="product-list"
1136  class="
1137    section
1138    section--page-width
1139    color-custom-template--23922188091612__product_list_fa6P9H
1140    section-resource-list
1141    spacing-style
1142    gap-style
1143  "
1144  style="
1145    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
1146    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
1147  "
1148>
1149  <div class="section-resource-list__header">
1150
1151
1152
1153
1154
1155
1156
1157
1158<div
1159  class="
1160    group-block
1161    group-block--height-fit
1162    group-block--width-fill
1163    border-style
1164    spacing-style
1165    size-style
1166    
1167    
1168  "
1169  style="
1170    
1171--border-width: 1px; --border-style: none; --border-color:
1172rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1173
1174    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1175    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
1176    
1177  "
1178  
1179  data-testid="group-block"
1180><div class="group-block__media-wrapper">
1181    
1182
1183
1184
1185
1186
1187
1188    
1189  </div>
1190
1191  <div
1192    class="
1193      group-block-content
1194      
1195      layout-panel-flex
1196      layout-panel-flex--row
1197      
1198    "
1199    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
1200
1201--gap: 12px;
1202
1203--horizontal-alignment: space-between; --vertical-alignment: last baseline;
1204--vertical-alignment-mobile: last baseline;
1205"
1206  >
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221  <div class=" spacing-style text-block text-block--AVStRT3Y1Z1lqVVRIc__product_list_text_YFtzcL h4      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
1222    <h3>Products</h3>
1223  </div>
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238</div>
1239</div>
1240
1241
1242
1243</div>
1244
1245  
1246
1247  
1248
1249  
1250
1251
1252
1253
1254<div
1255  class="
1256    resource-list
1257    
1258    
1259    resource-list--grid
1260  "
1261  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
1262  
1263    data-testid="resource-list-grid"
1264  
1265>
1266  
1267      
1268    
1269      
1270        <div
1271          class="resource-list__item"
1272        >
1273            
1274
1275
1276
1277
1278
1279
1280
1281
1282<product-card
1283  class="product-card size-style"
1284  style="--size-style-width: ;--size-style-height: ;"
1285  data-product-id=""
1286  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card"
1287  
1288  
1289  
1290    data-placeholder="true"
1291  
1292>
1293  <a
1294    id="a224df38f0eb05dd836d3a4dd991d6b3"
1295    
1296    class="product-card__link"
1297    ref="productCardLink"
1298    aria-label=""
1299  ></a>
1300  <div
1301    class="
1302      product-card__content
1303      layout-panel-flex
1304      layout-panel-flex--column
1305      product-grid__card
1306      spacing-style
1307      border-style
1308      gap-style
1309      
1310    "
1311    style="
1312      
1313--border-width: 1px; --border-style: none; --border-color:
1314rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1315
1316      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
1317
1318
1319
1320--horizontal-alignment: ; --vertical-alignment: ;
1321--vertical-alignment-mobile: ;
1322
1323      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1324      --product-card-gap: 4px;
1325      --quick-add-display: flex;
1326      --quick-add-mobile-display: none;
1327      --quick-add-mobile-opacity: 0;
1328      
1329      
1330      
1331      
1332    "
1333  >
1334    
1335  
1336
1337
1338
1339
1340
1341
1342
1343<div
1344  ref="cardGallery"
1345  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3 spacing-style border-style"
1346  style="
1347    
1348--border-width: 1px; --border-style: none; --border-color:
1349rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1350
1351    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1352    --gallery-aspect-ratio: 1;
1353  "
1354  data-product-id=""
1355  
1356  
1357  data-image-ratio="adapt"
1358  
1359>
1360    <slideshow-component
1361  
1362    ref="slideshow"
1363  
1364  
1365  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
1366  
1367  initial-slide="0"
1368  
1369  
1370    infinite
1371  
1372
1373  disabled="true"
1374>
1375  
1376  <slideshow-container
1377    ref="slideshowContainer"
1378    
1379      animate-arrows
1380    
1381  >
1382    
1383    
1384    <slideshow-slides
1385      tabindex="-1"
1386      ref="scroller"
1387      
1388    >
1389      <slideshow-slide
1390  ref="slides[]"
1391  aria-hidden="true"
1392  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
1393  
1394    class="product-media-container card-gallery__placeholder"
1395  
1396  
1397  
1398  
1399  
1400  
1401  
1402>
1403  <svg preserveAspectRatio="xMidYMid slice" width="448" height="448" viewBox="0 0 448 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1529)"><path d="M448 0H0v448h448V0Z" fill="#F2F2F2"/><path d="m354.54 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 0-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.04Z" fill="#DD6A5A"/><path d="m252.03 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#C03D37"/><path d="m195.99 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#CC5747"/><path d="M232.38 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.16 102.82c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.82 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37Z" fill="#E8AF57"/><path d="m354.541 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01ZM293.9 202.51a74.154 74.154 0 0 0-10.11 51.02l.04.27c.53 3.19 1.18 6.58 1.84 10.38 1.52 8.8 2.26 17.72 2.26 26.65V302c0 14-9.37 26.26-22.87 29.95a89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4-.01-.01Z" fill="#E87E69"/><path d="m352.26 162.74 2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#E8AF57"/></g><defs><clipPath id="clip0_894_1529"><path fill="#fff" d="M0 0h448v448H0z"/></clipPath></defs></svg>
1404
1405</slideshow-slide>
1406
1407
1408
1409
1410    </slideshow-slides>
1411  </slideshow-container>
1412  
1413</slideshow-component>
1414
1415
1416
1417
1418
1419  
1420
1421</div>
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432<h3 class="product-grid-view-zoom-out--details">Product title</h3>
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443  
1444  
1445  
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
1456    <p role="heading" aria-level="3">Product title</p>
1457  </div>
1458
1459
1460
1461
1462
1463
1464
1465
1466
1467
1468
1469
1470
1471<product-price
1472  class="text-block text-block--align-left text-left h6 spacing-style"
1473  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4"
1474  data-product-id=""
1475  style="
1476    
1477
1478    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1479    
1480    --width: 100%;
1481  "
1482  
1483>
1484  
1485
1486<div ref="priceContainer">
1487  
1488    
1489    
1490      <span class="price"
1491        ><bdi>Rp 19,99</bdi></span
1492      >
1493    
1494  
1495</div>
1496
1497  
1498</product-price>
1499
1500
1501
1502
1503
1504
1505
1506  </div>
1507</product-card>
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535        </div>
1536
1537        
1538          <!--@list/split-->
1539        
1540      
1541        <div
1542          class="resource-list__item"
1543        >
1544            
1545
1546
1547
1548
1549
1550
1551
1552
1553<product-card
1554  class="product-card size-style"
1555  style="--size-style-width: ;--size-style-height: ;"
1556  data-product-id=""
1557  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-1"
1558  
1559  
1560  
1561    data-placeholder="true"
1562  
1563>
1564  <a
1565    id="45ab97fcb35740ca93e7d010ef34c488"
1566    
1567    class="product-card__link"
1568    ref="productCardLink"
1569    aria-label=""
1570  ></a>
1571  <div
1572    class="
1573      product-card__content
1574      layout-panel-flex
1575      layout-panel-flex--column
1576      product-grid__card
1577      spacing-style
1578      border-style
1579      gap-style
1580      
1581    "
1582    style="
1583      
1584--border-width: 1px; --border-style: none; --border-color:
1585rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1586
1587      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
1588
1589
1590
1591--horizontal-alignment: ; --vertical-alignment: ;
1592--vertical-alignment-mobile: ;
1593
1594      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1595      --product-card-gap: 4px;
1596      --quick-add-display: flex;
1597      --quick-add-mobile-display: none;
1598      --quick-add-mobile-opacity: 0;
1599      
1600      
1601      
1602      
1603    "
1604  >
1605    
1606  
1607
1608
1609
1610
1611
1612
1613
1614<div
1615  ref="cardGallery"
1616  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-1 spacing-style border-style"
1617  style="
1618    
1619--border-width: 1px; --border-style: none; --border-color:
1620rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1621
1622    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1623    --gallery-aspect-ratio: 1;
1624  "
1625  data-product-id=""
1626  
1627  
1628  data-image-ratio="adapt"
1629  
1630>
1631    <slideshow-component
1632  
1633    ref="slideshow"
1634  
1635  
1636  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
1637  
1638  initial-slide="0"
1639  
1640  
1641    infinite
1642  
1643
1644  disabled="true"
1645>
1646  
1647  <slideshow-container
1648    ref="slideshowContainer"
1649    
1650      animate-arrows
1651    
1652  >
1653    
1654    
1655    <slideshow-slides
1656      tabindex="-1"
1657      ref="scroller"
1658      
1659    >
1660      <slideshow-slide
1661  ref="slides[]"
1662  aria-hidden="true"
1663  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
1664  
1665    class="product-media-container card-gallery__placeholder"
1666  
1667  
1668  
1669  
1670  
1671  
1672  
1673>
1674  <svg preserveAspectRatio="xMidYMid slice" width="449" height="448" viewBox="0 0 449 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1503)"><path d="M448.04 0H.04v448h448V0Z" fill="#F2F2F2"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 0-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.07Z" fill="#1F8A84"/><path d="m252.071 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#187F80"/><path d="m196.02 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#1F8A84"/><path d="M232.42 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.2 103.07c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.85 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.371 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37ZM352.29 162.74l2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#59B1AB"/><path d="m267.02 225.12-10.37 4.15a12.378 12.378 0 0 1-9.23 0l-10.37-4.15a7.985 7.985 0 0 1-5.02-7.41v-35.6c0-1.66 1.34-3 3-3h34c1.66 0 3 1.34 3 3v35.6c0 3.26-1.99 6.2-5.02 7.41h.01Z" fill="#3A9C97"/><path d="M235.04 179h34c1.66 0 3 1.34 3 3v9h-40v-9c0-1.66 1.34-3 3-3Z" fill="#59B1AB"/><path d="M288 291.11H152.04v28h130.8a30.944 30.944 0 0 0 5.16-17.12v-10.88ZM152.04 271.11v8h135.53c-.2-2.67-.46-5.34-.79-8H152.04ZM283.86 253.53c-.13-.77-.22-1.54-.33-2.3H152.04v8h132.82c-.34-1.89-.67-3.69-.95-5.42l-.04-.27-.01-.01Z" fill="#106770"/><path opacity=".5" d="M293.97 202.51a74.12 74.12 0 0 0-10.44 48.71h12.51v8h-11.18c.29 1.58.59 3.22.89 4.95.4 2.3.74 4.62 1.03 6.94h9.26v8h-8.47c.29 3.9.44 7.8.44 11.71v.29h8.04v28h-13.2a30.999 30.999 0 0 1-17.71 12.83 89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4h-.02Z" fill="#59B1AB"/><path d="M296.04 291.11H288v10.88c0 6.26-1.88 12.16-5.16 17.12h13.2v-28ZM296.04 271.11h-9.26c.33 2.66.59 5.33.79 8h8.47v-8ZM296.04 251.22h-12.51c.1.77.2 1.54.33 2.3l.04.27c.29 1.74.61 3.54.95 5.42h11.18v-8l.01.01Z" fill="#59B1AB"/><path d="M296.04 291.11H288v10.88c0 6.26-1.88 12.16-5.16 17.12h13.2v-28ZM296.04 271.11h-9.26c.33 2.66.59 5.33.79 8h8.47v-8ZM296.04 251.22h-12.51c.1.77.2 1.54.33 2.3l.04.27c.29 1.74.61 3.54.95 5.42h11.18v-8l.01.01Z" fill="#1F8A84"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01Z" fill="#59B1AB" opacity=".5"/></g><defs><clipPath id="clip0_894_1503"><path fill="#fff" d="M.04 0h448v448H.04z"/></clipPath></defs></svg>
1675
1676</slideshow-slide>
1677
1678
1679
1680
1681    </slideshow-slides>
1682  </slideshow-container>
1683  
1684</slideshow-component>
1685
1686
1687
1688
1689
1690  
1691
1692</div>
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703<h3 class="product-grid-view-zoom-out--details">Product title</h3>
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714  
1715  
1716  
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
1727    <p role="heading" aria-level="3">Product title</p>
1728  </div>
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742<product-price
1743  class="text-block text-block--align-left text-left h6 spacing-style"
1744  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-1"
1745  data-product-id=""
1746  style="
1747    
1748
1749    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1750    
1751    --width: 100%;
1752  "
1753  
1754>
1755  
1756
1757<div ref="priceContainer">
1758  
1759    
1760    
1761      <span class="price"
1762        ><bdi>Rp 19,99</bdi></span
1763      >
1764    
1765  
1766</div>
1767
1768  
1769</product-price>
1770
1771
1772
1773
1774
1775
1776
1777  </div>
1778</product-card>
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806        </div>
1807
1808        
1809          <!--@list/split-->
1810        
1811      
1812        <div
1813          class="resource-list__item"
1814        >
1815            
1816
1817
1818
1819
1820
1821
1822
1823
1824<product-card
1825  class="product-card size-style"
1826  style="--size-style-width: ;--size-style-height: ;"
1827  data-product-id=""
1828  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-2"
1829  
1830  
1831  
1832    data-placeholder="true"
1833  
1834>
1835  <a
1836    id="ac88a8a9206d63fbf542c6b4b14f7c95"
1837    
1838    class="product-card__link"
1839    ref="productCardLink"
1840    aria-label=""
1841  ></a>
1842  <div
1843    class="
1844      product-card__content
1845      layout-panel-flex
1846      layout-panel-flex--column
1847      product-grid__card
1848      spacing-style
1849      border-style
1850      gap-style
1851      
1852    "
1853    style="
1854      
1855--border-width: 1px; --border-style: none; --border-color:
1856rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1857
1858      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
1859
1860
1861
1862--horizontal-alignment: ; --vertical-alignment: ;
1863--vertical-alignment-mobile: ;
1864
1865      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1866      --product-card-gap: 4px;
1867      --quick-add-display: flex;
1868      --quick-add-mobile-display: none;
1869      --quick-add-mobile-opacity: 0;
1870      
1871      
1872      
1873      
1874    "
1875  >
1876    
1877  
1878
1879
1880
1881
1882
1883
1884
1885<div
1886  ref="cardGallery"
1887  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-2 spacing-style border-style"
1888  style="
1889    
1890--border-width: 1px; --border-style: none; --border-color:
1891rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
1892
1893    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
1894    --gallery-aspect-ratio: 1;
1895  "
1896  data-product-id=""
1897  
1898  
1899  data-image-ratio="adapt"
1900  
1901>
1902    <slideshow-component
1903  
1904    ref="slideshow"
1905  
1906  
1907  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
1908  
1909  initial-slide="0"
1910  
1911  
1912    infinite
1913  
1914
1915  disabled="true"
1916>
1917  
1918  <slideshow-container
1919    ref="slideshowContainer"
1920    
1921      animate-arrows
1922    
1923  >
1924    
1925    
1926    <slideshow-slides
1927      tabindex="-1"
1928      ref="scroller"
1929      
1930    >
1931      <slideshow-slide
1932  ref="slides[]"
1933  aria-hidden="true"
1934  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
1935  
1936    class="product-media-container card-gallery__placeholder"
1937  
1938  
1939  
1940  
1941  
1942  
1943  
1944>
1945  <svg preserveAspectRatio="xMidYMid slice" width="449" height="448" viewBox="0 0 449 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_662_1337)"><path d="M448.04 0H.04v448h448V0Z" fill="#F2F2F2"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 0-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.07Z" fill="#6C7278"/><path d="m252.07 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0L196 105.87c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#5B6167"/><path d="m196.02 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#6C7278"/><path d="M232.42 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M160.04 162.95v-51.88l-.95.19a60.02 60.02 0 0 0-32.2 18l-31.06 33.45 44.22 40.37 5.74-5.74a48.64 48.64 0 0 0 14.25-34.39ZM321.19 129.27a59.984 59.984 0 0 0-32.2-18l-.95-.19v51.88c0 12.9 5.12 25.27 14.25 34.39l5.79 5.76 44.2-40.36-31.09-33.48Z" fill="#818990"/><path d="M174.04 233.11c0 2.82.24 5.59.69 8.29.16.98 1 1.71 1.99 1.71h94.65c.99 0 1.83-.73 1.99-1.71.45-2.7.69-5.47.69-8.29v-.02c0-1.1-.91-1.98-2.01-1.98h-95.98c-1.1 0-2.01.88-2.01 1.98v.02h-.01ZM270.5 223.11c1.31 0 2.28-1.24 1.95-2.52-5.56-21.56-25.
194513-37.48-48.42-37.48-23.29 0-42.86 15.93-48.42 37.48a2.02 2.02 0 0 0 1.95 2.52H270.5ZM178.58 253.95c.53 1.15 1.1 2.29 1.71 3.39.61 1.1 1.73 1.77 2.97 1.77h81.55c1.24 0 2.37-.69 2.97-1.77.6-1.08 1.18-2.24 1.71-3.39.61-1.33-.38-2.84-1.84-2.84h-87.22c-1.46 0-2.45 1.51-1.84 2.84h-.01ZM197.57 271.11c-1.99 0-2.78 2.59-1.12 3.69a49.713 49.713 0 0 0 27.59 8.31c10.2 0 19.68-3.06 27.59-8.31 1.66-1.1.87-3.69-1.12-3.69h-52.94Z" fill="#EB836F"/><path d="m95.85 162.74-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37ZM185.2 103.07c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04Z" fill="#42474C"/><path d="M293.9 202.51a74.154 74.154 0 0 0-10.11 51.02l.04.27c.53 3.19 1.18 6.58 1.84 10.38 1.52 8.8 2.26 17.72 2.26 26.65V302c0 14-9.37 26.26-22.87 29.95a89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4-.01-.01Z" fill="#818990"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01Z" fill="#9FA5AB" opacity=".4"/><path d="m352.29 162.74 2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#42474C"/></g><defs><clipPath id="clip0_662_1337"><path fill="#fff" d="M.04 0h448v448H.04z"/></clipPath></defs></svg>
1946
1947</slideshow-slide>
1948
1949
1950
1951
1952    </slideshow-slides>
1953  </slideshow-container>
1954  
1955</slideshow-component>
1956
1957
1958
1959
1960
1961  
1962
1963</div>
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974<h3 class="product-grid-view-zoom-out--details">Product title</h3>
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985  
1986  
1987  
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
1998    <p role="heading" aria-level="3">Product title</p>
1999  </div>
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013<product-price
2014  class="text-block text-block--align-left text-left h6 spacing-style"
2015  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-2"
2016  data-product-id=""
2017  style="
2018    
2019
2020    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2021    
2022    --width: 100%;
2023  "
2024  
2025>
2026  
2027
2028<div ref="priceContainer">
2029  
2030    
2031    
2032      <span class="price"
2033        ><bdi>Rp 19,99</bdi></span
2034      >
2035    
2036  
2037</div>
2038
2039  
2040</product-price>
2041
2042
2043
2044
2045
2046
2047
2048  </div>
2049</product-card>
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077        </div>
2078
2079        
2080          <!--@list/split-->
2081        
2082      
2083        <div
2084          class="resource-list__item"
2085        >
2086            
2087
2088
2089
2090
2091
2092
2093
2094
2095<product-card
2096  class="product-card size-style"
2097  style="--size-style-width: ;--size-style-height: ;"
2098  data-product-id=""
2099  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-3"
2100  
2101  
2102  
2103    data-placeholder="true"
2104  
2105>
2106  <a
2107    id="00abbb9ec7e4cf165f98095684582bd6"
2108    
2109    class="product-card__link"
2110    ref="productCardLink"
2111    aria-label=""
2112  ></a>
2113  <div
2114    class="
2115      product-card__content
2116      layout-panel-flex
2117      layout-panel-flex--column
2118      product-grid__card
2119      spacing-style
2120      border-style
2121      gap-style
2122      
2123    "
2124    style="
2125      
2126--border-width: 1px; --border-style: none; --border-color:
2127rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2128
2129      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2130
2131
2132
2133--horizontal-alignment: ; --vertical-alignment: ;
2134--vertical-alignment-mobile: ;
2135
2136      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2137      --product-card-gap: 4px;
2138      --quick-add-display: flex;
2139      --quick-add-mobile-display: none;
2140      --quick-add-mobile-opacity: 0;
2141      
2142      
2143      
2144      
2145    "
2146  >
2147    
2148  
2149
2150
2151
2152
2153
2154
2155
2156<div
2157  ref="cardGallery"
2158  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-3 spacing-style border-style"
2159  style="
2160    
2161--border-width: 1px; --border-style: none; --border-color:
2162rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2163
2164    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2165    --gallery-aspect-ratio: 1;
2166  "
2167  data-product-id=""
2168  
2169  
2170  data-image-ratio="adapt"
2171  
2172>
2173    <slideshow-component
2174  
2175    ref="slideshow"
2176  
2177  
2178  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
2179  
2180  initial-slide="0"
2181  
2182  
2183    infinite
2184  
2185
2186  disabled="true"
2187>
2188  
2189  <slideshow-container
2190    ref="slideshowContainer"
2191    
2192      animate-arrows
2193    
2194  >
2195    
2196    
2197    <slideshow-slides
2198      tabindex="-1"
2199      ref="scroller"
2200      
2201    >
2202      <slideshow-slide
2203  ref="slides[]"
2204  aria-hidden="true"
2205  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
2206  
2207    class="product-media-container card-gallery__placeholder"
2208  
2209  
2210  
2211  
2212  
2213  
2214  
2215>
2216  <svg preserveAspectRatio="xMidYMid slice" width="448" height="448" viewBox="0 0 448 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1529)"><path d="M448 0H0v448h448V0Z" fill="#F2F2F2"/><path d="m354.54 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 
22160-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.04Z" fill="#DD6A5A"/><path d="m252.03 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#C03D37"/><path d="m195.99 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#CC5747"/><path d="M232.38 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.16 102.82c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.82 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37Z" fill="#E8AF57"/><path d="m354.541 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01ZM293.9 202.51a74.154 74.154 0 0 0-10.11 51.02l.04.27c.53 3.19 1.18 6.58 1.84 10.38 1.52 8.8 2.26 17.72 2.26 26.65V302c0 14-9.37 26.26-22.87 29.95a89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4-.01-.01Z" fill="#E87E69"/><path d="m352.26 162.74 2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#E8AF57"/></g><defs><clipPath id="clip0_894_1529"><path fill="#fff" d="M0 0h448v448H0z"/></clipPath></defs></svg>
2217
2218</slideshow-slide>
2219
2220
2221
2222
2223    </slideshow-slides>
2224  </slideshow-container>
2225  
2226</slideshow-component>
2227
2228
2229
2230
2231
2232  
2233
2234</div>
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245<h3 class="product-grid-view-zoom-out--details">Product title</h3>
2246
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256  
2257  
2258  
2259
2260
2261
2262
2263
2264
2265
2266
2267
2268  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
2269    <p role="heading" aria-level="3">Product title</p>
2270  </div>
2271
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282
2283
2284<product-price
2285  class="text-block text-block--align-left text-left h6 spacing-style"
2286  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-3"
2287  data-product-id=""
2288  style="
2289    
2290
2291    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2292    
2293    --width: 100%;
2294  "
2295  
2296>
2297  
2298
2299<div ref="priceContainer">
2300  
2301    
2302    
2303      <span class="price"
2304        ><bdi>Rp 19,99</bdi></span
2305      >
2306    
2307  
2308</div>
2309
2310  
2311</product-price>
2312
2313
2314
2315
2316
2317
2318
2319  </div>
2320</product-card>
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348        </div>
2349
2350        
2351          <!--@list/split-->
2352        
2353      
2354        <div
2355          class="resource-list__item"
2356        >
2357            
2358
2359
2360
2361
2362
2363
2364
2365
2366<product-card
2367  class="product-card size-style"
2368  style="--size-style-width: ;--size-style-height: ;"
2369  data-product-id=""
2370  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-4"
2371  
2372  
2373  
2374    data-placeholder="true"
2375  
2376>
2377  <a
2378    id="61477962bfd2f860364cb143dffa345b"
2379    
2380    class="product-card__link"
2381    ref="productCardLink"
2382    aria-label=""
2383  ></a>
2384  <div
2385    class="
2386      product-card__content
2387      layout-panel-flex
2388      layout-panel-flex--column
2389      product-grid__card
2390      spacing-style
2391      border-style
2392      gap-style
2393      
2394    "
2395    style="
2396      
2397--border-width: 1px; --border-style: none; --border-color:
2398rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2399
2400      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2401
2402
2403
2404--horizontal-alignment: ; --vertical-alignment: ;
2405--vertical-alignment-mobile: ;
2406
2407      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2408      --product-card-gap: 4px;
2409      --quick-add-display: flex;
2410      --quick-add-mobile-display: none;
2411      --quick-add-mobile-opacity: 0;
2412      
2413      
2414      
2415      
2416    "
2417  >
2418    
2419  
2420
2421
2422
2423
2424
2425
2426
2427<div
2428  ref="cardGallery"
2429  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-4 spacing-style border-style"
2430  style="
2431    
2432--border-width: 1px; --border-style: none; --border-color:
2433rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2434
2435    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2436    --gallery-aspect-ratio: 1;
2437  "
2438  data-product-id=""
2439  
2440  
2441  data-image-ratio="adapt"
2442  
2443>
2444    <slideshow-component
2445  
2446    ref="slideshow"
2447  
2448  
2449  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
2450  
2451  initial-slide="0"
2452  
2453  
2454    infinite
2455  
2456
2457  disabled="true"
2458>
2459  
2460  <slideshow-container
2461    ref="slideshowContainer"
2462    
2463      animate-arrows
2464    
2465  >
2466    
2467    
2468    <slideshow-slides
2469      tabindex="-1"
2470      ref="scroller"
2471      
2472    >
2473      <slideshow-slide
2474  ref="slides[]"
2475  aria-hidden="true"
2476  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
2477  
2478    class="product-media-container card-gallery__placeholder"
2479  
2480  
2481  
2482  
2483  
2484  
2485  
2486>
2487  <svg preserveAspectRatio="xMidYMid slice" width="449" height="448" viewBox="0 0 449 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1503)"><path d="M448.04 0H.04v448h448V0Z" fill="#F2F2F2"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 
24870-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.07Z" fill="#1F8A84"/><path d="m252.071 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#187F80"/><path d="m196.02 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#1F8A84"/><path d="M232.42 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.2 103.07c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.85 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.371 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37ZM352.29 162.74l2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#59B1AB"/><path d="m267.02 225.12-10.37 4.15a12.378 12.378 0 0 1-9.23 0l-10.37-4.15a7.985 7.985 0 0 1-5.02-7.41v-35.6c0-1.66 1.34-3 3-3h34c1.66 0 3 1.34 3 3v35.6c0 3.26-1.99 6.2-5.02 7.41h.01Z" fill="#3A9C97"/><path d="M235.04 179h34c1.66 0 3 1.34 3 3v9h-40v-9c0-1.66 1.34-3 3-3Z" fill="#59B1AB"/><path d="M288 291.11H152.04v28h130.8a30.944 30.944 0 0 0 5.16-17.12v-10.88ZM152.04 271.11v8h135.53c-.2-2.67-.46-5.34-.79-8H152.04ZM283.86 253.53c-.13-.77-.22-1.54-.33-2.3H152.04v8h132.82c-.34-1.89-.67-3.69-.95-5.42l-.04-.27-.01-.01Z" fill="#106770"/><path opacity=".5" d="M293.97 202.51a74.12 74.12 0 0 0-10.44 48.71h12.51v8h-11.18c.29 1.58.59 3.22.89 4.95.4 2.3.74 4.62 1.03 6.94h9.26v8h-8.47c.29 3.9.44 7.8.44 11.71v.29h8.04v28h-13.2a30.999 30.999 0 0 1-17.71 12.83 89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4h-.02Z" fill="#59B1AB"/><path d="M296.04 291.11H288v10.88c0 6.26-1.88 12.16-5.16 17.12h13.2v-28ZM296.04 271.11h-9.26c.33 2.66.59 5.33.79 8h8.47v-8ZM296.04 251.22h-12.51c.1.77.2 1.54.33 2.3l.04.27c.29 1.74.61 3.54.95 5.42h11.18v-8l.01.01Z" fill="#59B1AB"/><path d="M296.04 291.11H288v10.88c0 6.26-1.88 12.16-5.16 17.12h13.2v-28ZM296.04 271.11h-9.26c.33 2.66.59 5.33.79 8h8.47v-8ZM296.04 251.22h-12.51c.1.77.2 1.54.33 2.3l.04.27c.29 1.74.61 3.54.95 5.42h11.18v-8l.01.01Z" fill="#1F8A84"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01Z" fill="#59B1AB" opacity=".5"/></g><defs><clipPath id="clip0_894_1503"><path fill="#fff" d="M.04 0h448v448H.04z"/></clipPath></defs></svg>
2488
2489</slideshow-slide>
2490
2491
2492
2493
2494    </slideshow-slides>
2495  </slideshow-container>
2496  
2497</slideshow-component>
2498
2499
2500
2501
2502
2503  
2504
2505</div>
2506
2507
2508
2509
2510
2511
2512
2513
2514
2515
2516<h3 class="product-grid-view-zoom-out--details">Product title</h3>
2517
2518
2519
2520
2521
2522
2523
2524
2525
2526
2527  
2528  
2529  
2530
2531
2532
2533
2534
2535
2536
2537
2538
2539  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
2540    <p role="heading" aria-level="3">Product title</p>
2541  </div>
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552
2553
2554
2555<product-price
2556  class="text-block text-block--align-left text-left h6 spacing-style"
2557  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-4"
2558  data-product-id=""
2559  style="
2560    
2561
2562    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2563    
2564    --width: 100%;
2565  "
2566  
2567>
2568  
2569
2570<div ref="priceContainer">
2571  
2572    
2573    
2574      <span class="price"
2575        ><bdi>Rp 19,99</bdi></span
2576      >
2577    
2578  
2579</div>
2580
2581  
2582</product-price>
2583
2584
2585
2586
2587
2588
2589
2590  </div>
2591</product-card>
2592
2593
2594
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619        </div>
2620
2621        
2622          <!--@list/split-->
2623        
2624      
2625        <div
2626          class="resource-list__item"
2627        >
2628            
2629
2630
2631
2632
2633
2634
2635
2636
2637<product-card
2638  class="product-card size-style"
2639  style="--size-style-width: ;--size-style-height: ;"
2640  data-product-id=""
2641  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-5"
2642  
2643  
2644  
2645    data-placeholder="true"
2646  
2647>
2648  <a
2649    id="ff3ee705c5d6b7bdbc9a42d4080957d0"
2650    
2651    class="product-card__link"
2652    ref="productCardLink"
2653    aria-label=""
2654  ></a>
2655  <div
2656    class="
2657      product-card__content
2658      layout-panel-flex
2659      layout-panel-flex--column
2660      product-grid__card
2661      spacing-style
2662      border-style
2663      gap-style
2664      
2665    "
2666    style="
2667      
2668--border-width: 1px; --border-style: none; --border-color:
2669rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2670
2671      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2672
2673
2674
2675--horizontal-alignment: ; --vertical-alignment: ;
2676--vertical-alignment-mobile: ;
2677
2678      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2679      --product-card-gap: 4px;
2680      --quick-add-display: flex;
2681      --quick-add-mobile-display: none;
2682      --quick-add-mobile-opacity: 0;
2683      
2684      
2685      
2686      
2687    "
2688  >
2689    
2690  
2691
2692
2693
2694
2695
2696
2697
2698<div
2699  ref="cardGallery"
2700  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-5 spacing-style border-style"
2701  style="
2702    
2703--border-width: 1px; --border-style: none; --border-color:
2704rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2705
2706    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2707    --gallery-aspect-ratio: 1;
2708  "
2709  data-product-id=""
2710  
2711  
2712  data-image-ratio="adapt"
2713  
2714>
2715    <slideshow-component
2716  
2717    ref="slideshow"
2718  
2719  
2720  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
2721  
2722  initial-slide="0"
2723  
2724  
2725    infinite
2726  
2727
2728  disabled="true"
2729>
2730  
2731  <slideshow-container
2732    ref="slideshowContainer"
2733    
2734      animate-arrows
2735    
2736  >
2737    
2738    
2739    <slideshow-slides
2740      tabindex="-1"
2741      ref="scroller"
2742      
2743    >
2744      <slideshow-slide
2745  ref="slides[]"
2746  aria-hidden="true"
2747  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
2748  
2749    class="product-media-container card-gallery__placeholder"
2750  
2751  
2752  
2753  
2754  
2755  
2756  
2757>
2758  <svg preserveAspectRatio="xMidYMid slice" width="449" height="448" viewBox="0 0 449 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_662_1337)"><path d="M448.04 0H.04v448h448V0Z" fill="#F2F2F2"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 0-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.07Z" fill="#6C7278"/><path d="m252.07 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0L196 105.87c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#5B6167"/><path d="m196.02 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#6C7278"/><path d="M232.42 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M160.04 162.95v-51.88l-.95.19a60.02 60.02 0 0 0-32.2 18l-31.06 33.45 44.22 40.37 5.74-5.74a48.64 48.64 0 0 0 14.25-34.39ZM321.19 129.27a59.984 59.984 0 0 0-32.2-18l-.95-.19v51.88c0 12.9 5.12 25.27 14.25 34.39l5.79 5.76 44.2-40.36-31.09-33.48Z" fill="#818990"/><path d="M174.04 233.11c0 2.82.24 5.59.69 8.29.16.98 1 1.71 1.99 1.71h94.65c.99 0 1.83-.73 1.99-1.71.45-2.7.69-5.47.69-8.29v-.02c0-1.1-.91-1.98-2.01-1.98h-95.98c-1.1 0-2.01.88-2.01 1.98v.02h-.01ZM270.5 223.11c1.31 0 2.28-1.24 1.95-2.52-5.56-21.56-25.
275813-37.48-48.42-37.48-23.29 0-42.86 15.93-48.42 37.48a2.02 2.02 0 0 0 1.95 2.52H270.5ZM178.58 253.95c.53 1.15 1.1 2.29 1.71 3.39.61 1.1 1.73 1.77 2.97 1.77h81.55c1.24 0 2.37-.69 2.97-1.77.6-1.08 1.18-2.24 1.71-3.39.61-1.33-.38-2.84-1.84-2.84h-87.22c-1.46 0-2.45 1.51-1.84 2.84h-.01ZM197.57 271.11c-1.99 0-2.78 2.59-1.12 3.69a49.713 49.713 0 0 0 27.59 8.31c10.2 0 19.68-3.06 27.59-8.31 1.66-1.1.87-3.69-1.12-3.69h-52.94Z" fill="#EB836F"/><path d="m95.85 162.74-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37ZM185.2 103.07c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04Z" fill="#42474C"/><path d="M293.9 202.51a74.154 74.154 0 0 0-10.11 51.02l.04.27c.53 3.19 1.18 6.58 1.84 10.38 1.52 8.8 2.26 17.72 2.26 26.65V302c0 14-9.37 26.26-22.87 29.95a89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4-.01-.01Z" fill="#818990"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01Z" fill="#9FA5AB" opacity=".4"/><path d="m352.29 162.74 2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#42474C"/></g><defs><clipPath id="clip0_662_1337"><path fill="#fff" d="M.04 0h448v448H.04z"/></clipPath></defs></svg>
2759
2760</slideshow-slide>
2761
2762
2763
2764
2765    </slideshow-slides>
2766  </slideshow-container>
2767  
2768</slideshow-component>
2769
2770
2771
2772
2773
2774  
2775
2776</div>
2777
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787<h3 class="product-grid-view-zoom-out--details">Product title</h3>
2788
2789
2790
2791
2792
2793
2794
2795
2796
2797
2798  
2799  
2800  
2801
2802
2803
2804
2805
2806
2807
2808
2809
2810  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
2811    <p role="heading" aria-level="3">Product title</p>
2812  </div>
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826<product-price
2827  class="text-block text-block--align-left text-left h6 spacing-style"
2828  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-5"
2829  data-product-id=""
2830  style="
2831    
2832
2833    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2834    
2835    --width: 100%;
2836  "
2837  
2838>
2839  
2840
2841<div ref="priceContainer">
2842  
2843    
2844    
2845      <span class="price"
2846        ><bdi>Rp 19,99</bdi></span
2847      >
2848    
2849  
2850</div>
2851
2852  
2853</product-price>
2854
2855
2856
2857
2858
2859
2860
2861  </div>
2862</product-card>
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890        </div>
2891
2892        
2893          <!--@list/split-->
2894        
2895      
2896        <div
2897          class="resource-list__item"
2898        >
2899            
2900
2901
2902
2903
2904
2905
2906
2907
2908<product-card
2909  class="product-card size-style"
2910  style="--size-style-width: ;--size-style-height: ;"
2911  data-product-id=""
2912  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-6"
2913  
2914  
2915  
2916    data-placeholder="true"
2917  
2918>
2919  <a
2920    id="30cf7ed44ef7b921dcdc9855c12cbfd7"
2921    
2922    class="product-card__link"
2923    ref="productCardLink"
2924    aria-label=""
2925  ></a>
2926  <div
2927    class="
2928      product-card__content
2929      layout-panel-flex
2930      layout-panel-flex--column
2931      product-grid__card
2932      spacing-style
2933      border-style
2934      gap-style
2935      
2936    "
2937    style="
2938      
2939--border-width: 1px; --border-style: none; --border-color:
2940rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2941
2942      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2943
2944
2945
2946--horizontal-alignment: ; --vertical-alignment: ;
2947--vertical-alignment-mobile: ;
2948
2949      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2950      --product-card-gap: 4px;
2951      --quick-add-display: flex;
2952      --quick-add-mobile-display: none;
2953      --quick-add-mobile-opacity: 0;
2954      
2955      
2956      
2957      
2958    "
2959  >
2960    
2961  
2962
2963
2964
2965
2966
2967
2968
2969<div
2970  ref="cardGallery"
2971  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-6 spacing-style border-style"
2972  style="
2973    
2974--border-width: 1px; --border-style: none; --border-color:
2975rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
2976
2977    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2978    --gallery-aspect-ratio: 1;
2979  "
2980  data-product-id=""
2981  
2982  
2983  data-image-ratio="adapt"
2984  
2985>
2986    <slideshow-component
2987  
2988    ref="slideshow"
2989  
2990  
2991  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
2992  
2993  initial-slide="0"
2994  
2995  
2996    infinite
2997  
2998
2999  disabled="true"
3000>
3001  
3002  <slideshow-container
3003    ref="slideshowContainer"
3004    
3005      animate-arrows
3006    
3007  >
3008    
3009    
3010    <slideshow-slides
3011      tabindex="-1"
3012      ref="scroller"
3013      
3014    >
3015      <slideshow-slide
3016  ref="slides[]"
3017  aria-hidden="true"
3018  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3019  
3020    class="product-media-container card-gallery__placeholder"
3021  
3022  
3023  
3024  
3025  
3026  
3027  
3028>
3029  <svg preserveAspectRatio="xMidYMid slice" width="448" height="448" viewBox="0 0 448 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1529)"><path d="M448 0H0v448h448V0Z" fill="#F2F2F2"/><path d="m354.54 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 
30290-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.04Z" fill="#DD6A5A"/><path d="m252.03 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#C03D37"/><path d="m195.99 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#CC5747"/><path d="M232.38 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.16 102.82c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.82 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37Z" fill="#E8AF57"/><path d="m354.541 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01ZM293.9 202.51a74.154 74.154 0 0 0-10.11 51.02l.04.27c.53 3.19 1.18 6.58 1.84 10.38 1.52 8.8 2.26 17.72 2.26 26.65V302c0 14-9.37 26.26-22.87 29.95a89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4-.01-.01Z" fill="#E87E69"/><path d="m352.26 162.74 2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#E8AF57"/></g><defs><clipPath id="clip0_894_1529"><path fill="#fff" d="M0 0h448v448H0z"/></clipPath></defs></svg>
3030
3031</slideshow-slide>
3032
3033
3034
3035
3036    </slideshow-slides>
3037  </slideshow-container>
3038  
3039</slideshow-component>
3040
3041
3042
3043
3044
3045  
3046
3047</div>
3048
3049
3050
3051
3052
3053
3054
3055
3056
3057
3058<h3 class="product-grid-view-zoom-out--details">Product title</h3>
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069  
3070  
3071  
3072
3073
3074
3075
3076
3077
3078
3079
3080
3081  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-6 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
3082    <p role="heading" aria-level="3">Product title</p>
3083  </div>
3084
3085
3086
3087
3088
3089
3090
3091
3092
3093
3094
3095
3096
3097<product-price
3098  class="text-block text-block--align-left text-left h6 spacing-style"
3099  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-6"
3100  data-product-id=""
3101  style="
3102    
3103
3104    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3105    
3106    --width: 100%;
3107  "
3108  
3109>
3110  
3111
3112<div ref="priceContainer">
3113  
3114    
3115    
3116      <span class="price"
3117        ><bdi>Rp 19,99</bdi></span
3118      >
3119    
3120  
3121</div>
3122
3123  
3124</product-price>
3125
3126
3127
3128
3129
3130
3131
3132  </div>
3133</product-card>
3134
3135
3136
3137
3138
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161        </div>
3162
3163        
3164          <!--@list/split-->
3165        
3166      
3167        <div
3168          class="resource-list__item"
3169        >
3170            
3171
3172
3173
3174
3175
3176
3177
3178
3179<product-card
3180  class="product-card size-style"
3181  style="--size-style-width: ;--size-style-height: ;"
3182  data-product-id=""
3183  id="product-card-AMlFTdUJ2UkFvVGM4a__static-product-card-7"
3184  
3185  
3186  
3187    data-placeholder="true"
3188  
3189>
3190  <a
3191    id="0360dac551374e7b926162160a721f36"
3192    
3193    class="product-card__link"
3194    ref="productCardLink"
3195    aria-label=""
3196  ></a>
3197  <div
3198    class="
3199      product-card__content
3200      layout-panel-flex
3201      layout-panel-flex--column
3202      product-grid__card
3203      spacing-style
3204      border-style
3205      gap-style
3206      
3207    "
3208    style="
3209      
3210--border-width: 1px; --border-style: none; --border-color:
3211rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
3212
3213      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3214
3215
3216
3217--horizontal-alignment: ; --vertical-alignment: ;
3218--vertical-alignment-mobile: ;
3219
3220      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3221      --product-card-gap: 4px;
3222      --quick-add-display: flex;
3223      --quick-add-mobile-display: none;
3224      --quick-add-mobile-opacity: 0;
3225      
3226      
3227      
3228      
3229    "
3230  >
3231    
3232  
3233
3234
3235
3236
3237
3238
3239
3240<div
3241  ref="cardGallery"
3242  class="card-gallery card-gallery-AUHYzV1J6eGN2bHIwW__product_card_gallery_677WP3-7 spacing-style border-style"
3243  style="
3244    
3245--border-width: 1px; --border-style: none; --border-color:
3246rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
3247
3248    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3249    --gallery-aspect-ratio: 1;
3250  "
3251  data-product-id=""
3252  
3253  
3254  data-image-ratio="adapt"
3255  
3256>
3257    <slideshow-component
3258  
3259    ref="slideshow"
3260  
3261  
3262  style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;"
3263  
3264  initial-slide="0"
3265  
3266  
3267    infinite
3268  
3269
3270  disabled="true"
3271>
3272  
3273  <slideshow-container
3274    ref="slideshowContainer"
3275    
3276      animate-arrows
3277    
3278  >
3279    
3280    
3281    <slideshow-slides
3282      tabindex="-1"
3283      ref="scroller"
3284      
3285    >
3286      <slideshow-slide
3287  ref="slides[]"
3288  aria-hidden="true"
3289  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3290  
3291    class="product-media-container card-gallery__placeholder"
3292  
3293  
3294  
3295  
3296  
3297  
3298  
3299>
3300  <svg preserveAspectRatio="xMidYMid slice" width="449" height="448" viewBox="0 0 449 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_894_1503)"><path d="M448.04 0H.04v448h448V0Z" fill="#F2F2F2"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-20.99-4.2c-2.72-.49-5.45-.93-8.17-1.33l-.01.01v-.01c-1.29-.21-2.58-.31-3.88-.29-1.3.01-2.6.14-3.88.38l-7.25 1.36-7.08 1.33c-4.54.85-9.13 1.28-13.72 1.27-4.59 
33000-9.19-.42-13.72-1.27l-7.08-1.33-7.25-1.36c-1.28-.24-2.58-.37-3.88-.38-1.3-.02-2.6.08-3.88.29v.01l-.01-.01c-2.73.4-5.46.83-8.17 1.33l-20.99 4.2a59.971 59.971 0 0 0-32.2 18.01l-33.31 35.87c-3.03 3.26-2.81 8.37.48 11.36l32.37 29.43c3.16 2.87 8.02 2.76 11.04-.26l9.48-9.48c1.89-1.89 5.12-.55 5.12 2.12v136.76c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8V198.36c0-2.67 3.23-4.01 5.12-2.12l9.48 9.48a7.994 7.994 0 0 0 11.04.26l32.37-29.43c3.29-2.99 3.51-8.1.48-11.36Zm-130.5-26.08h-.34.7H224.07Z" fill="#1F8A84"/><path d="m252.071 105.87-14.35 2.69a74.08 74.08 0 0 1-27.37 0l-14.35-2.69c-2.56-.48-5.17-.51-7.74-.09 1.36 18.63 16.85 33.32 35.78 33.32s34.41-14.69 35.78-33.32c-2.57-.42-5.18-.39-7.74.09h-.01Z" fill="#187F80"/><path d="m196.02 116.55 14.34 2.7c9.04 1.7 18.31 1.7 27.35 0l14.34-2.7c1.78-.33 3.58-.44 5.38-.33 1.27-3.27 2.09-6.77 2.35-10.43-2.56-.42-5.18-.39-7.73.09l-14.34 2.7c-9.04 1.7-18.31 1.7-27.35 0l-14.34-2.7c-2.55-.48-5.17-.51-7.73-.09.27 3.66 1.08 7.16 2.35 10.43 1.8-.1 3.61 0 5.38.33Z" fill="#1F8A84"/><path d="M232.42 119.11h-16.76a1.62 1.62 0 0 0-1.62 1.62v7.76c0 .895.725 1.62 1.62 1.62h16.76a1.62 1.62 0 0 0 1.62-1.62v-7.76a1.62 1.62 0 0 0-1.62-1.62Z" fill="#fff"/><path d="M185.2 103.07c1.65-.29 3.18.86 3.45 2.52 2.73 17.09 17.53 30.16 35.39 30.16s32.66-13.06 35.39-30.16c.26-1.66 1.79-2.81 3.45-2.52l5.93 1.04c1.59.28 2.68 1.78 2.43 3.38-3.64 22.79-23.38 40.21-47.2 40.21-23.82 0-43.56-17.42-47.2-40.21-.25-1.6.84-3.1 2.43-3.38l5.93-1.04ZM95.85 162.74l-2.23 2.4c-3.03 3.26-2.81 8.37.48 11.36l32.371 29.43c3.16 2.87 8.02 2.76 11.04-.26l2.56-2.56-44.22-40.37ZM352.29 162.74l2.23 2.4c3.03 3.26 2.81 8.37-.48 11.36l-32.37 29.43c-3.16 2.87-8.02 2.76-11.04-.26l-2.56-2.56 44.22-40.37Z" fill="#59B1AB"/><path d="m267.02 225.12-10.37 4.15a12.378 12.378 0 0 1-9.23 0l-10.37-4.15a7.985 7.985 0 0 1-5.02-7.41v-35.6c0-1.66 1.34-3 3-3h34c1.66 0 3 1.34 3 3v35.6c0 3.26-1.99 6.2-5.02 7.41h.01Z" fill="#3A9C97"/><path d="M235.04 179h34c1.66 0 3 1.34 3 3v9h-40v-9c0-1.66 1.34-3 3-3Z" fill="#59B1AB"/><path d="M288 291.11H152.04v28h130.8a30.944 30.944 0 0 0 5.16-17.12v-10.88ZM152.04 271.11v8h135.53c-.2-2.67-.46-5.34-.79-8H152.04ZM283.86 253.53c-.13-.77-.22-1.54-.33-2.3H152.04v8h132.82c-.34-1.89-.67-3.69-.95-5.42l-.04-.27-.01-.01Z" fill="#106770"/><path opacity=".5" d="M293.97 202.51a74.12 74.12 0 0 0-10.44 48.71h12.51v8h-11.18c.29 1.58.59 3.22.89 4.95.4 2.3.74 4.62 1.03 6.94h9.26v8h-8.47c.29 3.9.44 7.8.44 11.71v.29h8.04v28h-13.2a30.999 30.999 0 0 1-17.71 12.83 89.888 89.888 0 0 1-42.54 1.17l-15.36-3.29a90.172 90.172 0 0 0-38.42.15l-16.73 3.73v1.41c0 4.42 3.58 8 8 8h128c4.42 0 8-3.58 8-8v-136l-2.1 3.4h-.02Z" fill="#59B1AB"/><path d="M296.04 291.11H288v10.88c0 6.26-1.88 12.16-5.16 17.12h13.2v-28ZM296.04 271.11h-9.26c.33 2.66.59 5.33.79 8h8.47v-8ZM296.04 251.22h-12.51c.1.77.2 1.54.33 2.3l.04.27c.29 1.74.61 3.54.95 5.42h11.18v-8l.01.01Z" fill="#59B1AB"/><path d="M296.04 291.11H288v10.88c0 6.26-1.88 12.16-5.16 17.12h13.2v-28ZM296.04 271.11h-9.26c.33 2.66.59 5.33.79 8h8.47v-8ZM296.04 251.22h-12.51c.1.77.2 1.54.33 2.3l.04.27c.29 1.74.61 3.54.95 5.42h11.18v-8l.01.01Z" fill="#1F8A84"/><path d="m354.57 165.19-33.31-35.87a59.971 59.971 0 0 0-32.2-18.01l-17.92-3.58c-.57 3.35-1.49 6.59-2.72 9.67l12.12 2.42a59.971 59.971 0 0 1 32.2 18.01l33.31 35.87c2.32 2.49 2.73 6.07 1.32 8.95l6.71-6.1c3.29-2.99 3.51-8.1.48-11.36h.01Z" fill="#59B1AB" opacity=".5"/></g><defs><clipPath id="clip0_894_1503"><path fill="#fff" d="M.04 0h448v448H.04z"/></clipPath></defs></svg>
3301
3302</slideshow-slide>
3303
3304
3305
3306
3307    </slideshow-slides>
3308  </slideshow-container>
3309  
3310</slideshow-component>
3311
3312
3313
3314
3315
3316  
3317
3318</div>
3319
3320
3321
3322
3323
3324
3325
3326
3327
3328
3329<h3 class="product-grid-view-zoom-out--details">Product title</h3>
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339
3340  
3341  
3342  
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352  <div class=" spacing-style text-block text-block--ASUo1WUduTEtBNGhnd__product_title_YXxMTj-7 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: start;          ">
3353    <p role="heading" aria-level="3">Product title</p>
3354  </div>
3355
3356
3357
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368<product-price
3369  class="text-block text-block--align-left text-left h6 spacing-style"
3370  data-block-id="AK0tBcFVrc0VtTjE2d__price_JQzVV4-7"
3371  data-product-id=""
3372  style="
3373    
3374
3375    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3376    
3377    --width: 100%;
3378  "
3379  
3380>
3381  
3382
3383<div ref="priceContainer">
3384  
3385    
3386    
3387      <span class="price"
3388        ><bdi>Rp 19,99</bdi></span
3389      >
3390    
3391  
3392</div>
3393
3394  
3395</product-price>
3396
3397
3398
3399
3400
3401
3402
3403  </div>
3404</product-card>
3405
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432        </div>
3433
3434        
3435      
3436    
3437  
3438
3439    
3440</div>
3441
3442
3443
3444
3445
3446  <div
3447    class="section-resource-list__content"
3448    style="--horizontal-alignment: flex-start;"
3449  ></div>
3450</div>
3451
3452
3453</div>
3454</div>
3455
3456<body class="theme--jawa-timur page--read  -bigger">
vendor: 68 bytes, lines 3456-3459
3456
3457
3458
3459    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
3459GTM-PT7PC4
vendor: 100 bytes, lines 3459-3462
3459" height="0" width="0"
3460            style="display:none;visibility:hidden"></iframe></noscript>
3461
3462    
3462<div class="wrap">
3463
3464
3465        <!-- header-->
3466        <div class="header clearfix">
3467            <div class="row clearfix header__wrap">
3468                <div class="container clearfix header__row">
3469                    <div class="row col-offset-fluid clearfix">
3470                        <div class="col-bs10-5 clearfix">
3471                            <div class="logo">
3472                                <a href="https://www.mojo.bio/" data-google-interstitial="false">
3473                                    <style>
3474                                        .logo img {
3475                                            width: auto;
3476                                        }
3477
3478                                        .logo {
3479                                            width: auto;
3480                                        }
3481                                    </style>
3482
3483                                    <img src="https://all-amp-shell.pages.dev/logo/amer606-logo.png"
3484                                        alt="AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah ">
3485
3486
3487                                </a>
3488                                <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
3489                            </div>
3490                        </div>
3491                        <div class="col-bs10-5 clearfix">
3492                            <!-- search -->
3493                            <div class="col-bs12-8 col-offset-0">
3494                                <div class="header-search-box">
3495                                    <form action="https://mojo.rachi.info/" class="header-search" id="fcSearch">
3496                                        <div class="searchBox-wrap">
3497                                            <input type="text" name="q" class="header-search-input" value=""
3498                                                placeholder="Cari Tutorial di AMER606" autocomplete="off"
3499                                                list="populer" id="cSearch">
3500                                            <input class="header-search-button" type="submit" name="">
3501                                            <span class="icon-svg icon-search"></span>
3502                                            <button type="button" class="searchClear -clearSubmit"
3503                                                aria-label="Clear search"></button>
3504                                        </div>
3505                                    </form>
3506
3507                                    <div class="header-search-suggestion searchSuggest-box">
3508                                        <div class="searchSuggest-inner">
3509                                            <div class="searchResult">
3510                                                <div class="searchFill" id="autoFillArtikel"></div>
3511                                                <div class="searchFill" id="enterResult"></div>
3512                                                <div class="searchResult" id="enterResultArticle"></div>
3513                                            </div>
3514
3515                                            <!-- s: suggestion search-->
3516                                            <div id="searchSuggestBefore">
3517                                                <div id="searchSuggestLast"></div>
3518                                            </div>
3519                                        </div>
3520                                    </div>
3521                                </div>
3522                            </div>
3523
3524                            <div class="dark-header-item">
3525                                <div class="dark-wrapper js-darkWrapper">
3526                                    <button type="button" class="button-default js-darkSetter" id="menu-darkmode"
3527                                        aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
3528                                        <span class="icon-svg icon-darkmode" aria-hidden="true"></span>
3529                                    </button>
3530                                    <div class="dark-setting">
3531                                        <ul>
3532                                            <li>
3533                                                <button type="button" role="button"
3534                                                    class="button dark-link js-darkToggle"
3535                                                    data-dark="system">Otomatis</button>
3536                                            </li>
3537                                            <li>
3538                                                <button type="button" role="button"
3539                                                    class="button dark-link js-darkToggle" data-dark="dark">Mode
3540                                                    Gelap</button>
3541                                            </li>
3542                                            <li>
3543                                                <button type="button" role="button"
3544                                                    class="button dark-link js-darkToggle" data-dark="light">Mode
3545                                                    Terang</button>
3546                                            </li>
3547                                        </ul>
3548                                    </div>
3549                                </div>
3550                            </div>
3551
3552                            <!-- <div class="loyalty__link" id="loyalty_koin" style="display: none">
3553                        <a href="https://play.kompas.com/loyalty">
3554                            <span class="icon-svg icon-koin"></span>
3555                            <span class="loyalty__link__text">Koin</span>
3556                            <i class="loyalty__link__badge active"></i>
3557                        </a>
3558                    </div> -->
3559
3560                            <!-- play icon -->
3561                            <div class="menu-item menu-plus">
3562                                <a href="https://plus.kompas.com/detail?source=top_navbar" class="button-default"
3563                                    role="link" id="menu-plus" aria-label="AMER606">
3564                                    <span class="icon-svg icon-plus" aria-hidden="true">
3565                                        <img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif"
3566                                            alt="Icon Kompascom+">
3567                                    </span>
3568                                </a>
3569                            </div>
3570
3571                            <div class="sso__header col-bs12-4">
3572                                <ul class="sso__wrap">
3573                                    <li class="sso__item">
3574                                        <a class="sso__link sso__link__icon js-sso-user"
3575                                            href="https://amer606-v2.resmi.asia/" rel="nofollow">
3576                                            <i class="sso__icon__login" id="sso__icon__login_top"></i>
3577                                            <i class="sso__badge" style="display: none;"></i>
3578                                        </a>
3579                                        <div class="sso__option -fixed -hide js-sso-user-board">
3580                                            <ul>
3581                                                <li id="sso__item"><a id="txt_signin"
3582                                                        href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg=="><span><i
3583                                                                class="sso__icon__login"></i> Login</span></a></li>
3584                                                <li></li>
3585
3586                                                <!-- <li>
3587                                            <a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new">
3588                                                <span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span>
3589                                                <div class="myvalue__btn__wrap">
3590                                                    <div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div>
3591                                                    <span>Ada voucher buat kamu</span>
3592                                                </div>
3593                                            </a>
3594                                        </li> -->
3595
3596                                                <li><a href="https://amer606-v2.resmi.asia/"><span><i
3597                                                                class="sso__icon__subscription"></i> Gabung AMER606 <i
3598                                                                class="sso__badge__inline"></i></span></a></li>
3599
3600                                                <li></li>
3601                                                <li><a href="https://activity.kompas.com/saved"><span><i
3602                                                                class="sso__icon__bookmark"></i> Konten yang
3603                                                            disimpan</span></a></li>
3604                                                <li></li>
3605                                                <li><a href="https://activity.kompas.com/liked"><span><i
3606                                                                class="sso__icon__liked"></i> Konten yang
3607                                                            disukai</span></a></li>
3608                                                <li></li>
3609                                                <li><a href="https://activity.kompas.com/minat"><span><i
3610                                                                class="sso__icon__interest"></i> Atur Minat</span></a>
3611                                                </li>
3612                                                <li></li>
3613                                                <li id="feedback__item"><a
3614                                                        href="https://www.kompas.com/feedback"><span><i
3615                                                                class="sso__icon__notif"></i> Berikan Masukanmu <i
3616                                                                class="sso__badge__inline"
3617                                                                style="display: none;"></i></span></a></li>
3618                                            </ul>
3619                                        </div>
3620                                    </li>
3621                                </ul>
3622                            </div>
3623                            <div class="kid__wrap">
3624                                <a target="_blank" href="https://amer606-v2.resmi.asia/" rel="nofollow"
3625                                    class="kid__button">SUBSCRIBE AMER606</a>
3626                            </div>
3627                        </div>
3628                    </div>
3629                </div>
3630            </div>
3631            <!-- nav-->
3632            <div class="js-nav-offset"></div>
3633            <div class="row clearfix nav">
3634                <!-- (ads.skin.full) -->
3635                <div class="container clearfix nav__wrap">
3636                    <div class="logo logo--sticky">
3637                        <a href="https://www.mojo.bio/"><img class="lozad"
3638                                data-src="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg"
3639                                alt="AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah " /></a>
3640                    </div>
3641
3642
3643                    <ul class="nav__row clearfix">
3644                        <li class="nav__item">
3645                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--news">News</a>
3646                            <ul class="nav__sub nav__sub--news">
3647                                <li class="nav__subwrap">
3648                                    <div class="nav__subitem">
3649                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Nasional</a>
3650                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Global</a>
3651                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Megapolitan</a>
3652                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Regional</a>
3653                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Pemilu</a>
3654                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Hype</a>
3655                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Konsultasi Hukum</a>
3656                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Cek Fakta</a>
3657                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Surat Pembaca</a>
3658                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3659                                    </div>
3660                                    <div class="nav__subitem">
3661                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>
3662                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>
3663                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a>
3664                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Sorot Politik</a>
3665                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a>
3666                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a>
3667                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>
3668                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>
3669                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
3670                                    </div>
3671                                </li>
3672                            </ul>
3673                        </li>
3674                        <li class="nav__item">
3675                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--nusaraya">Nusaraya</a>
3676                            <ul class="nav__sub nav__sub--nusaraya">
3677                                <li class="nav__subwrap">
3678                                    <div class="nav__subitem">
3679                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sumatera Utara</a>
3680                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sumatera Selatan</a>
3681                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sumatera Barat</a>
3682                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Riau</a>
3683                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Lampung</a>
3684                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Banten</a>
3685                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Yogyakarta</a>
3686                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Jawa Timur</a>
3687                                    </div>
3688                                    <div class="nav__subitem">
3689                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Jawa Tengah</a>
3690                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Jawa Timur</a>
3691                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Kalimantan Barat</a>
3692                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Kalimantan Timur</a>
3693                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sulawesi Selatan</a>
3694                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Bali</a>
3695                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3696                                    </div>
3697                                </li>
3698                            </ul>
3699                        </li>
3700                        <li class="nav__item nav__link--new" style="flex:none;">
3701                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--tren">Jagat Literasi</a>
3702                            <ul class="nav__sub nav__sub--jagat-literasi">
3703                                <li class="nav__subwrap">
3704                                    <div class="nav__subitem">
3705                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Artikel</a>
3706                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Video</a>
3707                                    </div>
3708                                    <div class="nav__subitem">
3709                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Rolls</a>
3710                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Donasi</a>
3711                                    </div>
3712                                </li>
3713                            </ul>
3714                        </li>
3715                        <li class="nav__item nav__link--new">
3716                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--cahaya nav__link--cahaya">Cahaya</a>
3717                            <ul class="nav__sub nav__sub--cahaya">
3718                                <li class="nav__subwrap">
3719                                    <div class="nav__subitem">
3720                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Aktual</a>
3721                                    </div>
3722                                    <div class="nav__subitem">
3723                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Doa dan Niat</a>
3724                                    </div>
3725                                </li>
3726                            </ul>
3727                        </li>
3728                        <li class="nav__item">
3729                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--tekno">Tekno</a>
3730                            <ul class="nav__sub nav__sub--tekno">
3731                                <li class="nav__subwrap">
3732                                    <div class="nav__subitem">
3733                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Apps &amp; OS</a>
3734                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Gadget</a>
3735                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Internet</a>
3736                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Hardware</a>
3737                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Business</a>
3738                                    </div>
3739                                    <div class="nav__subitem">
3740                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Game</a>
3741                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Galeri</a>
3742                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3743                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Tech Innovation</a>
3744                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>
3745                                    </div>
3746                                </li>
3747                            </ul>
3748                        </li>
3749                        <li class="nav__item">
3750                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--otomotif">Otomotif</a>
3751                            <ul class="nav__sub nav__sub--otomotif">
3752                                <li class="nav__subwrap">
3753                                    <div class="nav__subitem">
3754                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Motor</a>
3755                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Mobil</a>
3756                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sport</a>
3757                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Niaga</a>
3758                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Komunitas</a>
3759                                    </div>
3760                                    <div class="nav__subitem">
3761                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Otopedia</a>
3762                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Merapah</a>
3763                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">EV Leadership</a>
3764                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a>
3765                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Pameran</a>
3766                                    </div>
3767                                </li>
3768                            </ul>
3769                        </li>
3770                        <li class="nav__item">
3771                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--bola">Bola</a>
3772                            <ul class="nav__sub nav__sub--bola">
3773                                <li class="nav__subwrap">
3774                                    <div class="nav__subitem">
3775                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Timnas Indonesia</a>
3776                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Liga Indonesia</a>
3777                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Liga Italia</a>
3778                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Liga Champions</a>
3779                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Liga Lain</a>
3780                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Liga Inggris</a>
3781                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Liga Spanyol</a>
3782                                    </div>
3783                                    <div class="nav__subitem">
3784                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Internasional</a>
3785                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Bundesliga</a>
3786                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Motogp</a>
3787                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Badminton</a>
3788                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sports</a>
3789                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3790                                    </div>
3791                                </li>
3792                            </ul>
3793                        </li>
3794                        <li class="nav__item">
3795                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--lifestyle">Lifestyle</a>
3796                            <ul class="nav__sub nav__sub--lifestyle">
3797                                <li class="nav__subwrap">
3798                                    <div class="nav__subitem">
3799                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Wellness</a>
3800                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Fashion</a>
3801                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Relationship</a>
3802                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Parenting</a>
3803                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Beauty & Grooming</a>
3804                                    </div>
3805                                    <div class="nav__subitem">
3806                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Buku</a>
3807                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3808                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>
3809                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Lifestyle</a>
3810                                    </div>
3811                                </li>
3812                            </ul>
3813                        </li>
3814                        <li class="nav__item">
3815                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--tren">Tren</a>
3816                        </li>
3817                        <li class="nav__item">
3818                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--lestari">Lestari</a>
3819                        </li>
3820                        <li class="nav__item">
3821                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--health">Health</a>
3822                            <ul class="nav__sub nav__sub--health">
3823                                <li class="nav__subwrap">
3824                                    <div class="nav__subitem">
3825                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Penyakit A-Z</a>
3826                                    </div>
3827                                </li>
3828                                <li class="nav__subwrap">
3829                                    <div class="nav__subitem">
3830                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Kesehatan</a>
3831                                    </div>
3832                                </li>
3833                            </ul>
3834                        </li>
3835                        <li class="nav__item">
3836                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--money">Money</a>
3837                            <ul class="nav__sub nav__sub--money">
3838                                <li class="nav__subwrap">
3839                                    <div class="nav__subitem">
3840                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Ekbis</a>
3841                                        <a href="h
3841ttps://mojo.rachi.info/" class="nav__sublink">Keuangan</a>
3842                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Syariah</a>
3843                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Industri</a>
3844                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Energi</a>
3845                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Karier</a>
3846                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Cuan</a>
3847                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Belanja</a>
3848                                    </div>
3849                                    <div class="nav__subitem">
3850                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Tanya Pajak</a>
3851                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3852                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>
3853                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a>
3854                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>
3855                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a>
3856                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a>
3857                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Transaksi Digital</a>
3858                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Jejak UMKM</a>
3859                                    </div>
3860                                </li>
3861                            </ul>
3862                        </li>
3863                        <li class="nav__item">
3864                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--properti">Properti</a>
3865                            <ul class="nav__sub nav__sub--properti">
3866                                <li class="nav__subwrap">
3867                                    <div class="nav__subitem">
3868                                        <a href="https://mojo.rachi.info/" class="nav__sublink">News</a>
3869                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Listing Properti</a>
3870                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Arsitektur</a>
3871                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Konstruksi</a>
3872                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Tips Properti</a>
3873                                    </div>
3874                                    <div class="nav__subitem">
3875                                        <a href="https://mojo.rachi.info/" class="nav__sublink">IKN</a>
3876                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Homey</a>
3877                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3878                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
3879                                    </div>
3880                                </li>
3881                            </ul>
3882                        </li>
3883                        <li class="nav__item">
3884                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--edukasi">Edukasi</a>
3885                            <ul class="nav__sub nav__sub--edukasi">
3886                                <li class="nav__subwrap">
3887                                    <div class="nav__subitem">
3888                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sekolah</a>
3889                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Edu News</a>
3890                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Perguruan Tinggi</a>
3891                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Pendidikan Khusus</a>
3892                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Beasiswa</a>
3893                                    </div>
3894                                    <div class="nav__subitem">
3895                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Literasi</a>
3896                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Skola</a>
3897                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>
3898                                        <a href="https://mojo.rachi.info/" class="nav__sublink nav__sublink--hot">IdeAksi</a>
3899                                    </div>
3900                                </li>
3901                            </ul>
3902                        </li>
3903                        <li class="nav__item">
3904                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--travel">Travel</a>
3905                            <ul class="nav__sub nav__sub--travel">
3906                                <li class="nav__subwrap">
3907                                    <div class="nav__subitem">
3908                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Travel News</a>
3909                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Travel Ideas</a>
3910                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Hotel Story</a>
3911                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Travelpedia</a>
3912                                    </div>
3913                                    <div class="nav__subitem">
3914                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Food</a>
3915                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Ohayo Jepang</a>
3916                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Indeks</a>
3917                                    </div>
3918                                </li>
3919                            </ul>
3920                        </li>
3921                        <li class="nav__item">
3922                            <a href="https://mojo.rachi.info/" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger"
3923                                    aria-label="Lainnya" title="Lainnya"></span></a>
3924                            <ul class="nav__sub nav__sub--lainnya">
3925                                <li class="nav__subwrap">
3926                                    <div class="nav__subitem">
3927                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Video</a>
3928                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Parapuan</a>
3929                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Kolom</a>
3930                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Sains</a>
3931                                    </div>
3932                                    <div class="nav__subitem">
3933                                        <a href="https://mojo.rachi.info/" class="nav__sublink">JEO</a>
3934                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Foto</a>
3935                                        <a href="https://mojo.rachi.info/" class="nav__sublink">VIK</a>
3936                                        <a href="https://mojo.rachi.info/" class="nav__sublink">Kata Netizen</a>
3937                                    </div>
3938                                </li>
3939                            </ul>
3940                        </li>
3941                    </ul>
3942
3943                    <a href="https://amer606-v2.resmi.asia/" rel="nofollow" class="menu-plus-sticky">Membership
3944                        AMER606</a>
3945
3946                    <!-- css sublink nav -->
3947                    <link rel="stylesheet"
3948                        href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css">
3949
3950                    <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
3951                        <li class="navSub-col --col1">
3952                            <ul class="navSub-inner">
3953                                <li><a href="https://mojo.rachi.info/">Pemerintah</a></li>
3954                                <li><a href="https://mojo.rachi.info/">Swasta</a></li>
3955                                <li><a href="https://mojo.rachi.info/">LSM/Figur</a></li>
3956                                <li><a href="https://mojo.rachi.info/">BUMN</a></li>
3957                                <li><a href="https://mojo.rachi.info/">UMKM</a></li>
3958                                <li><a href="https://mojo.rachi.info/" class="nav__sublink--hot">Nusatirta</a></li>
3959                            </ul>
3960                        </li>
3961                        <li class="navSub-col --col2">
3962                            <div class="navSub-subcol --subcol">
3963                                <div class="navSub-grup"><a href="https://mojo.rachi.info/">Kesehatan</a></div>
3964                                <ul class="navSub-inner">
3965                                    <li><a href="https://mojo.rachi.info/">Kehidupan sehat dan sejahtera</a></li>
3966                                    <li><a href="https://mojo.rachi.info/">Air bersih dan sanitasi layak</a></li>
3967                                </ul>
3968                                <div class="navSub-grup"><a href="https://mojo.rachi.info/">Pendidikan</a></div>
3969                                <ul class="navSub-inner">
3970                                    <li><a href="https://mojo.rachi.info/">Pendidikan Berkualitas</a></li>
3971                                </ul>
3972                                <div class="navSub-grup"><a href="https://mojo.rachi.info/">Lingkungan</a></div>
3973                                <ul class="navSub-inner">
3974                                    <li><a href="https://mojo.rachi.info/">Energi Bersih dan Terjangkau</a></li>
3975                                    <li><a href="https://mojo.rachi.info/">Penanganan Perubahan Iklim</a></li>
3976                                    <li><a href="https://mojo.rachi.info/">Ekosistem Lautan</a></li>
3977                                    <li><a href="https://mojo.rachi.info/">Ekosistem Daratan</a></li>
3978                                </ul>
3979                            </div>
3980                            <div class="navSub-subcol --subcol">
3981                                <div class="navSub-grup"><a href="https://mojo.rachi.info/">Ekonomi dan UMKM</a></div>
3982                                <ul class="navSub-inner">
3983                                    <li><a href="https://mojo.rachi.info/">Tanpa Kemiskinan</a></li>
3984                                    <li><a href="https://mojo.rachi.info/">Tanpa Kelaparan</a></li>
3985                                    <li><a href="https://mojo.rachi.info/">Kesetaraan Gender</a></li>
3986                                    <li><a href="https://mojo.rachi.info/">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li>
3987                                    <li><a href="https://mojo.rachi.info/">Industri, Inovasi &amp; Infrastruktur</a></li>
3988                                    <li><a href="https://mojo.rachi.info/">Berkurangnya Kesenjangan</a></li>
3989                                    <li><a href="https://mojo.rachi.info/">Kota &amp; Pemukiman yang Berkelanjutan</a></li>
3990                                    <li><a href="https://mojo.rachi.info/">Konsumsi &amp; Produksi yang bertanggungjawab</a></li>
3991                                </ul>
3992                            </div>
3993                        </li>
3994                        <li class="navSub-col --col3">
3995                            <div class="navSub-label">PROGRAM LESTARI</div>
3996                            <ul class="navSub-inner">
3997                                <li>
3998                                    <a href="https://mojo.rachi.info/" class="navLestariProgram">
3999                                        <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png"
4000                                            alt="Cantikpreneurship">
4001                                    </a>
4002                                </li>
4003                                <li>
4004                                    <a href="https://mojo.rachi.info/" class="navLestariProgram">
4005                                        <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png"
4006                                            alt="Jernihkan Bumi">
4007                                    </a>
4008                                </li>
4009                                <li>
4010                                    <a href="https://mojo.rachi.info/" class="navLestariProgram">
4011                                        <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png"
4012                                            alt="Jernihkan Harapan">
4013                                    </a>
4014                                </li>
4015                                <li>
4016                                    <a href="https://mojo.rachi.info/" class="navLestariProgram">
4017                                        <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png"
4018                                            alt="Festival Ceban">
4019                                    </a>
4020                                </li>
4021                                <li>
4022                                    <a href="https://mojo.rachi.info/" class="navLestariProgram">
4023                                        <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png"
4024                                            alt="Jurnalisme Berkebangsaan">
4025                                    </a>
4026                                </li>
4027                                <li>
4028                                    <a href="https://mojo.rachi.info/" class="navLestariProgram">
4029                                        <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1"
4030                                            alt="Generasi Bangkit">
4031                                    </a>
4032                                </li>
4033                            </ul>
4034                            <a class="navSub-more" href="https://mojo.rachi.info/">Lihat semua</a>
4035                        </li>
4036                    </ul>
4037
4038                </div>
4039                <!-- share-->
4040                <div class="social social--fixed cleafix">
4041                    <div class="social--container container">
4042                        <!-- share -->
4043                        <span class="social--text">Bagikan:</span>
4044                        <div class="social social--article clearfix">
4045                            <div class="social__item">
4046                                <a class="social__link social__link--facebook" href="https://mojo.rachi.info/">
4047                                    <svg class="icon icon-facebook" title="icon-facebook">
4048                                        <use xlink:href="#icon-facebook" />
4049                                    </svg>
4050                                </a>
4051                            </div>
4052                            <div class="social__item">
4053                                <a class="social__link social__link--twitter" href="https://mojo.rachi.info/">
4054                                    <svg class="icon icon-twitter" title="icon-twitter">
4055                                        <use xlink:href="#icon-twitter" />
4056                                    </svg>
4057                                </a>
4058                            </div>
4059                            <div class="social__item">
4060                                <a class="social__link social__link--whatsapp" href="https://mojo.rachi.info/">
4061                                    <svg class="icon icon-whatsapp" title="icon-whatsapp">
4062                                        <use xlink:href="#icon-whatsapp"></use>
4063                                    </svg>
4064                                </a>
4065                            </div>
4066                            <div class="social__item">
4067                                <a class="social__link social__link--telegram" href="https://mojo.rachi.info/">
4068                                    <svg class="icon icon-telegram" title="icon-telegram">
4069                                        <use xlink:href="#icon-telegram"></use>
4070                                    </svg>
4071                                </a>
4072                            </div>
4073                            <div class="social__item">
4074                                <a class="social__link social__link--copy" href="https://mojo.rachi.info/" style="display: none;">
4075                                    <svg class="icon icon-copy" title="icon-copy">
4076                                        <use xlink:href="#icon-copy" />
4077                                    </svg>
4078                                </a>
4079                            </div>
4080
4081                        </div>
4082                        <p class="social--dshare" id="dsharetitle">AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah </p>
4083                        <div class="comment__read__bar">
4084                            <span>Komentar: </span>
4085                            <div class="social social--article clearfix">
4086                                <div class="social__item">
4087                                    <a class="social__link" href="https://mojo.rachi.info/">
4088                                        <span class="icon icon-comment"></span>
4089                                        <div class="comment__counter total_comment"></div>
4090                                    </a>
4091                                </div>
4092                            </div>
4093                        </div>
4094                    </div>
4095                </div>
4096            </div>
4097        </div>
4098
4099
4100
4101
4102        
4102<script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
4102
4103
4104
4105        <!-- (ads.skin) -->
4106
4107        <!-- container-->
4108        <div class="container clearfix ">
4109
4110
4111            
4111<script>
4112                // Daftar URL widget
4113                var widgetUrls = [
4114                    // "https://adsimg.kompas.com/html5/internal/lestari/widget2025/desktop/widget.html",
4115                    "https://widget.kompas.com/jaga_negeri"
4116                ];
4117
4118                // Fungsi untuk memilih URL acak dari array widgetUrls
4119                function getRandomWidgetUrl() {
4120                    return widgetUrls[Math.floor(Math.random() * widgetUrls.length)];
4121                }
4122
4123                // Menyisipkan URL acak ke dalam atribut src dari iframe
4124                document.getElementById("randomIframe").src = getRandomWidgetUrl();
4125            </script>
4125
4126
4127
4128            <!-- (ads.focus.update) -->
4129
4130            <!-- read-->
4131            <div class="row mt2 col-offset-fluid clearfix">
4132                <div class="col-bs10-10">
4133                    <!-- tagging-->
4134
4135                    <!-- breadcrumb-->
4136                    <!-- breadcrumb-->
4137                    <div class="breadcrumb clearfix">
4138
4139                    </div>
4140
4141                    <!-- topik pilihan -->
4142
4143
4144                    <!-- (ads.header) -->
4145
4146
4147
4148
4149                    <!-- read title-->
4150                    <h1 class="read__title">AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah </h1>
4151                </div>
4152            </div>
4153
4154            <!-- read-->
4155            <div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent">
4156                <div class="col-bs10-7 js-read-article">
4157                    <!-- read header-->
4158                    <div class="read__header col-offset-fluid clearfix">
4159                        <div class="col-bs10-10">
4160                            <div class="read__time"><a href="https://www.mojo.bio/">AMER606</a>
4161                            </div>
4162                        </div>
4163
4164                        <div class="col-bs10-10"> </div>
4165                    </div>
4166                    <!-- photo artikel-->
4167
4168
4169                    <link rel="stylesheet"
4170                        href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10"
4171                        type="text/css">
4172                    <div class="cover-photo -gallery" data-photostyle="">
4173                        <div class="photo__wrap">
4174                            <img width="780" height="520"
4175                                src="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg"
4176                                alt="AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah ">
4177
4178                        </div>
4179                    </div>
4180
4181                    <style>
4182    /* 1. DEFINISI ANIMASI ULTRA MODERN BRUTALIST */
4183
4184    /* Efek Kilatan Scanner (Sharp Glint) - Pengganti Shimmer Lembut */
4185    @keyframes sharp-glint {
4186        0% { transform: translateX(-150%) skewX(-45deg); }
4187        30% { transform: translateX(250%) skewX(-45deg); }
4188        100% { transform: translateX(250%) skewX(-45deg); }
4189    }
4190
4191    /* Animasi Wiggle/Getar saat Idle (Opsional untuk kesan dinamis) */
4192    @keyframes brutalist-pulse {
4193        0%, 100% { transform: translateY(0); }
4194        50% { transform: translateY(-2px); }
4195    }
4196
4197    /* 2. STYLING KOTAK TOMBOL */
4198    .button-login-daftar {
4199        display: grid;
4200        grid-template-columns: repeat(2, 1fr);
4201        gap: 20px;
4202        padding: 15px 0;
4203        font-family: 'Orbitron', 'Chakra Petch', sans-serif;
4204    }
4205
4206    .button-login-daftar a {
4207        position: relative;
4208        text-align: center;
4209        padding: 16px 10px;
4210        font-size: 18px;
4211        font-weight: 800;
4212        text-transform: uppercase;
4213        letter-spacing: 1.5px;
4214        text-decoration: none;
4215        border-radius: 0; /* Sudut tajam mutlak */
4216        overflow: hidden;
4217        /* Transisi dibuat linier dan cepat untuk kesan mekanikal/kaku */
4218        transition: all 0.15s ease-out;
4219        display: flex;
4220        align-items: center;
4221        justify-content: center;
4222        z-index: 1;
4223    }
4224
4225    /* Efek Lapisan Shimmer (Kilatan Garis Tajam) */
4226    .button-login-daftar a::after {
4227        content: '';
4228        position: absolute;
4229        top: 0;
4230        left: -50px;
4231        width: 30px;
4232        height: 100%;
4233        background: rgba(255, 255, 255, 0.8);
4234        animation: sharp-glint 3.5s infinite;
4235        z-index: 2;
4236    }
4237
4238    /* Tombol LOGIN (Clean & Sharp) */
4239    .login-custom {
4240        background: #ffffff;
4241        border: 2px solid #000000;
4242        color: #000000 !important;
4243        /* Shadow Merah Solid Offset */
4244        box-shadow: 6px 6px 0px #00B8D9;
4245    }
4246
4247    /* Agar shimmer di tombol putih tetap terlihat, ubah warna shimmernya jadi abu/merah transparan */
4248    .login-custom::after {
4249        background: rgba(254, 1, 1, 0.3); 
4250    }
4251
4252    /* Tombol DAFTAR (Aggressive Red) */
4253    .register-custom {
4254        background: #00B8D9;
4255        border: 2px solid #000000;
4256        color: #ffffff !important;
4257        /* Shadow Hitam Solid Offset */
4258        box-shadow: 6px 6px 0px #000000;
4259    }
4260
4261    /* HOVER EFFECTS - Efek Terangkat Kuat */
4262    .button-login-daftar a:hover {
4263        transform: translate(-4px, -4px);
4264    }
4265
4266    .login-custom:hover {
4267        box-shadow: 10px 10px 0px #00B8D9;
4268        background: rgba(254, 1, 1, 0.05); /* Sedikit bias merah */
4269    }
4270
4271    .register-custom:hover {
4272        box-shadow: 10px 10px 0px #000000;
4273        background: #e60000; /* Merah sedikit lebih gelap */
4274    }
4275
4276    /* ACTIVE EFFECTS - Efek ditekan secara fisik */
4277    .button-login-daftar a:active {
4278        transform: translate(2px, 2px);
4279    }
4280
4281    .login-custom:active {
4282        box-shadow: 2px 2px 0px #00B8D9;
4283    }
4284
4285    .register-custom:active {
4286        box-shadow: 2px 2px 0px #000000;
4287    }
4288
4289    /* RESPONSIVE DESIGN */
4290    @media (max-width: 600px) {
4291        .button-login-daftar a {
4292            font-size: 15px;
4293            padding: 14px 5px;
4294        }
4295
4296        .button-login-daftar {
4297            gap: 12px;
4298        }
4299
4300        /* Kurangi bayangan di layar kecil agar tidak terlalu memakan tempat */
4301        .login-custom { box-shadow: 4px 4px 0px #00B8D9; }
4302        .register-custom { box-shadow: 4px 4px 0px #000000; }
4303        
4304        .login-custom:hover { box-shadow: 6px 6px 0px #00B8D9; }
4305        .register-custom:hover { box-shadow: 6px 6px 0px #000000; }
4306    }
4307</style>
4308
4309                    <div class="photoCarousel" style="margin-top: 2%;">
4310                        <div class="photoCarousel-block">
4311                            <div class="button-login-daftar">
4312                                <a class="login-custom" href="https://amer606-v2.resmi.asia/"
4313                                    rel="nofollow noreferrer">
4314                                    <i class="fas fa-sign-in-alt" style="margin-right: 8px;"></i> LOGIN
4315                                </a>
4316                                <a class="register-custom" href="https://amer606-v2.resmi.asia/"
4317                                    rel="nofollow noreferrer">
4318                                    <i class="fas fa-user-plus" style="margin-right: 8px;"></i> DAFTAR
4319                                </a>
4320
4321                                <!-- e:banner nps -->
4322                            </div>
4323                        </div>
4324                    </div>
4325                    <!-- (ads.scroll.below) -->
4326
4327                    <!-- (ads.overlay) -->
4328                    <!-- (ads.kiosked) -->
4329
4330
4331                    <!-- (ads.overlay) -->
4332
4333                    <!-- read artikel-->
4334                    <div class="read__article mt2 clearfix js-tower-sticky-parent">
4335                        <div class="col-bs9-7">
4336
4337
4338
4339
4340
4341                            <!-- read content-->
4342                            <div class="read__content">
4343                                <div class="clearfix">
4344
4345                                    <!-- DFP OSM End -->
4346
4347                                    <span class="liftdown_v2_tanda"></span>
4348                                </div>
4349                            </div>
4350
4351
4352                            <!-- Rek Video -->
4353                            <!-- kg media player -->
4354
4355
4356
4357                            <!-- read tag-->
4358
4359
4360                            <!-- personal quiz -->
4361
4362                            <!-- berita terkait-->
4363                        </div>
4364                    </div>
4365
4366                    <!-- (ads.center) -->
4367
4368                </div>
4369                <div class="col-bs10-3">
4370
4371                    <!-- terpopuler-->
4372                    <!-- terpopuler-->
4373<div class="feedback-container mt2 clearfix">
4374    <div class="feedback-header clearfix">
4375        <span class="feedback-kicker">Catatan Pengunjung</span>
4376        <h3 class="feedback-title">Catatan Pengalaman Tampilan AMER606</h3>
4377        <p class="feedback-subtitle">
4378            Observasi singkat mengenai navigasi dan keterbacaan halaman.
4379        </p>
4380    </div>
4381    
4382    <div class="feedback-box clearfix">
4383
4384        <div class="feedback-item clearfix">
4385            <div class="feedback-badge">01</div>
4386            <a class="feedback-anchor" href="https://www.mojo.bio/">
4387                <p class="feedback-text">
4388                    Navigasi utama dibuat lebih ringkas sehingga menu penting dapat dikenali tanpa memenuhi area layar dengan terlalu banyak elemen.
4389                </p>
4390            </a>
4391        </div>
4392
4393        <div class="feedback-item clearfix">
4394            <div class="feedback-badge">02</div>
4395            <a class="feedback-anchor" href="https://www.mojo.bio/">
4396                <p class="feedback-text">
4397                    Struktur konten menggunakan jarak dan hierarki visual yang membantu informasi penting tetap mudah dibaca pad
4397a berbagai ukuran layar.
4398                </p>
4399            </a>
4400        </div>
4401
4402    </div>
4403</div>
4404</section>
4405</div>
4406</div>
4407</div>
4408<style>
4409    .clearfix::after {
4410        content: "";
4411        display: table;
4412        clear: both;
4413    }
4414
4415    .mt2 {
4416        margin-top: 12px;
4417    }
4418
4419    .feedback-container {
4420        width: 100%;
4421        max-width: 360px;
4422        margin: 0 auto 16px auto;
4423        padding: 12px;
4424        box-sizing: border-box;
4425        border-radius: 14px;
4426        font-family: Arial, Helvetica, sans-serif;
4427        background: linear-gradient(145deg, #081C2C, #00B8D9);
4428        border: 1px solid rgba(255, 255, 255, 0.18);
4429        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
4430        overflow: hidden;
4431        position: relative;
4432    }
4433
4434    .feedback-header {
4435        margin-bottom: 10px;
4436        padding-bottom: 9px;
4437        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
4438    }
4439
4440    .feedback-kicker {
4441        display: inline-flex;
4442        margin-bottom: 6px;
4443        padding: 5px 9px;
4444        border-radius: 999px;
4445        background: rgba(255, 255, 255, 0.16);
4446        color: #eafff7;
4447        font-size: 10px;
4448        font-weight: 700;
4449        letter-spacing: 0.5px;
4450        text-transform: uppercase;
4451    }
4452
4453    .feedback-title {
4454        margin: 0;
4455        font-size: 16px;
4456        font-weight: 800;
4457        color: #ffffff;
4458        line-height: 1.35;
4459    }
4460
4461    .feedback-subtitle {
4462        margin: 5px 0 0;
4463        font-size: 12px;
4464        line-height: 1.5;
4465        color: rgba(255, 255, 255, 0.82);
4466    }
4467
4468    .feedback-box {
4469        display: grid;
4470        grid-template-columns: 1fr;
4471        gap: 8px;
4472    }
4473
4474    .feedback-item {
4475        display: flex;
4476        align-items: flex-start;
4477        gap: 8px;
4478        padding: 9px;
4479        border-radius: 12px;
4480        background: rgba(255, 255, 255, 0.13);
4481        border: 1px solid rgba(255, 255, 255, 0.16);
4482        transition: 0.25s ease;
4483    }
4484
4485    .feedback-item:hover {
4486        background: rgba(255, 255, 255, 0.2);
4487        transform: translateY(-2px);
4488    }
4489
4490    .feedback-badge {
4491        min-width: 30px;
4492        height: 30px;
4493        border-radius: 10px;
4494        background: #ffffff;
4495        color: #0f7b5d;
4496        display: flex;
4497        align-items: center;
4498        justify-content: center;
4499        font-size: 11px;
4500        font-weight: 800;
4501    }
4502
4503    .feedback-anchor {
4504        display: block;
4505        flex: 1;
4506        text-decoration: none;
4507        color: inherit;
4508    }
4509
4510    .feedback-text {
4511        margin: 0;
4512        font-size: 12.5px;
4513        line-height: 1.55;
4514        color: rgba(255, 255, 255, 0.92);
4515    }
4516
4517    .feedback-item:hover .feedback-text {
4518        color: #ffffff;
4519    }
4520
4521    @media (max-width: 420px) {
4522        .feedback-container {
4523            max-width: calc(100% - 20px);
4524            padding: 10px;
4525            border-radius: 12px;
4526        }
4527
4528        .feedback-title {
4529            font-size: 15px;
4530        }
4531
4532        .feedback-text {
4533            font-size: 12px;
4534        }
4535    }
4536</style>
4537<style>
4538@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
4539
4540.yz-nexus-container{
4541    --core-purple:#00B8D9;
4542    --dark-purple:#081C2C;
4543    --soft-purple:#EFFBFF;
4544    --pale-purple:#DDF7FF;
4545    --ink:#0D2338;
4546    --text:#40576B;
4547    --white:#ffffff;
4548    --line:rgba(0,184,217,.18);
4549    --shadow:rgba(8,28,44,.14);
4550
4551    width:100%;
4552    max-width:900px;
4553    margin:36px auto;
4554    padding:18px;
4555    box-sizing:border-box;
4556    font-family:'Manrope',sans-serif;
4557    color:var(--ink);
4558    position:relative;
4559}
4560
4561.yz-nexus-container::before{
4562    content:"";
4563    position:absolute;
4564    inset:0;
4565    border-radius:36px;
4566    background:
4567        linear-gradient(135deg, rgba(0,184,217,.14), transparent 42%),
4568        radial-gradient(circle at 95% 8%, rgba(0,184,217,.18), transparent 30%);
4569    transform:rotate(-1.2deg);
4570    z-index:0;
4571}
4572
4573.yz-data-plate{
4574    position:relative;
4575    z-index:1;
4576    overflow:hidden;
4577    border-radius:34px;
4578    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,246,255,.96));
4579    border:1px solid var(--line);
4580    box-shadow:
4581        0 26px 65px var(--shadow),
4582        inset 0 0 0 1px rgba(255,255,255,.75);
4583}
4584
4585.yz-data-plate::before{
4586    content:"AMER606 EDITORIAL ACCESS";
4587    position:absolute;
4588    top:24px;
4589    right:-62px;
4590    transform:rotate(35deg);
4591    width:260px;
4592    padding:9px 0;
4593    text-align:center;
4594    font-family:'Outfit',sans-serif;
4595    font-size:10px;
4596    font-weight:800;
4597    letter-spacing:2px;
4598    color:#fff;
4599    background:var(--core-purple);
4600    box-shadow:0 10px 26px rgba(0,184,217,.25);
4601}
4602
4603.yz-data-plate::after{
4604    content:"";
4605    position:absolute;
4606    inset:auto 0 0 0;
4607    height:9px;
4608    background:
4609        repeating-linear-gradient(
4610            90deg,
4611            var(--core-purple) 0 42px,
4612            transparent 42px 58px
4613        );
4614    opacity:.95;
4615}
4616
4617.yz-head-sector{
4618    position:relative;
4619    padding:46px 42px 38px;
4620    background:linear-gradient(135deg, var(--dark-purple), var(--core-purple));
4621    color:#fff;
4622    overflow:hidden;
4623}
4624
4625.yz-head-sector::before{
4626    content:"";
4627    position:absolute;
4628    right:38px;
4629    bottom:-72px;
4630    width:190px;
4631    height:190px;
4632    border-radius:50%;
4633    border:34px solid rgba(255,255,255,.08);
4634}
4635
4636.yz-head-sector::after{
4637    content:"DIGITAL GUIDE";
4638    position:absolute;
4639    left:42px;
4640    bottom:22px;
4641    font-family:'Outfit',sans-serif;
4642    font-size:11px;
4643    font-weight:800;
4644    letter-spacing:2.6px;
4645    color:rgba(255,255,255,.58);
4646}
4647
4648.yz-main-heading{
4649    position:relative;
4650    z-index:2;
4651    max-width:740px;
4652    margin:0;
4653    padding-left:22px;
4654    font-family:'Outfit',sans-serif;
4655    font-size:34px;
4656    line-height:1.22;
4657    letter-spacing:-.7px;
4658    font-weight:800;
4659    color:#fff;
4660    border-left:6px solid rgba(255,255,255,.95);
4661}
4662
4663.yz-text-grid{
4664    position:relative;
4665    padding:36px 34px 42px;
4666    display:grid;
4667    grid-template-columns:1fr 1fr;
4668    gap:18px;
4669    counter-reset:jakstep;
4670}
4671
4672.yz-paragraph{
4673    counter-increment:jakstep;
4674    position:relative;
4675    margin:0;
4676    padding:24px 22px 22px;
4677    min-height:150px;
4678    border-radius:24px;
4679    background:var(--white);
4680    border:1px solid var(--line);
4681    color:var(--text);
4682    font-size:16px;
4683    line-height:1.76;
4684    font-weight:500;
4685    box-shadow:
4686        0 14px 30px rgba(8,28,44,.07),
4687        inset 0 0 0 1px rgba(255,255,255,.70);
4688}
4689
4690.yz-paragraph::before{
4691    content:"0" counter(jakstep);
4692    display:inline-flex;
4693    align-items:center;
4694    justify-content:center;
4695    width:42px;
4696    height:42px;
4697    margin-bottom:16px;
4698    border-radius:14px;
4699    background:var(--soft-purple);
4700    color:var(--core-purple);
4701    font-family:'Outfit',sans-serif;
4702    font-size:14px;
4703    font-weight:800;
4704    border:1px solid rgba(0,184,217,.20);
4705}
4706
4707.yz-paragraph::after{
4708    content:"";
4709    position:absolute;
4710    top:0;
4711    right:0;
4712    width:74px;
4713    height:74px;
4714    background:linear-gradient(135deg, rgba(0,184,217,.18), transparent 62%);
4715    border-radius:0 24px 0 60px;
4716}
4717
4718.yz-paragraph:nth-child(1){
4719    grid-column:span 2;
4720    min-height:auto;
4721    padding:28px 30px 28px 100px;
4722    background:linear-gradient(135deg, rgba(0,184,217,.10), rgba(255,255,255,.96));
4723    font-size:17px;
4724}
4725
4726.yz-paragraph:nth-child(1)::before{
4727    position:absolute;
4728    left:30px;
4729    top:30px;
4730}
4731
4732.yz-paragraph:nth-child(4),
4733.yz-paragraph:nth-child(7){
4734    background:linear-gradient(180deg, #ffffff, var(--soft-purple));
4735}
4736
4737.yz-paragraph:hover{
4738    transform:translateY(-4px);
4739    border-color:rgba(0,184,217,.34);
4740    box-shadow:
4741        0 20px 42px rgba(8,28,44,.12),
4742        0 0 0 4px rgba(0,184,217,.06);
4743    transition:.25s ease;
4744}
4745
4746@media(max-width:650px){
4747    .yz-nexus-container{
4748        margin:24px auto;
4749        padding:10px;
4750    }
4751
4752    .yz-data-plate{
4753        border-radius:26px;
4754    }
4755
4756    .yz-data-plate::before{
4757        display:none;
4758    }
4759
4760    .yz-head-sector{
4761        padding:34px 22px 42px;
4762    }
4763
4764    .yz-head-sector::after{
4765        left:22px;
4766        bottom:18px;
4767        font-size:9px;
4768    }
4769
4770    .yz-main-heading{
4771        font-size:24px;
4772        line-height:1.35;
4773        padding-left:16px;
4774        border-left-width:5px;
4775    }
4776
4777    .yz-text-grid{
4778        grid-template-columns:1fr;
4779        padding:22px;
4780        gap:14px;
4781    }
4782
4783    .yz-paragraph,
4784    .yz-paragraph:nth-child(1){
4785        grid-column:span 1;
4786        min-height:auto;
4787        padding:20px;
4788        font-size:15.2px;
4789        line-height:1.72;
4790        text-align:left;
4791    }
4792
4793    .yz-paragraph:nth-child(1)::before{
4794        position:static;
4795    }
4796}
4797</style>
4798<!-- Artikel -->
4799<div class="yz-nexus-container">
4800    <article class="yz-data-plate">
4801        
4802        <div class="yz-head-sector">
4803            <h1 class="yz-main-heading">AMER606: Game Digital Modern dengan Akses Cepat, Praktis, dan Responsif</h1>
4804        </div>
4805
4806        <div class="yz-text-grid">
4807
4808            <p class="yz-paragraph">
4809                <strong>AMER606</strong> hadir dengan pendekatan game digital modern yang menempatkan kecepatan akses dan kemudahan navigasi sebagai bagian penting dari pengalaman halaman. Informasi utama disusun agar lebih cepat dikenali sejak kunjungan pertama, sehingga pengguna tidak perlu melewati alur yang panjang hanya untuk memahami fungsi setiap bagian.
4810            </p>
4811
4812            <p class="yz-paragraph">
4813                Akses praktis bukan hanya soal membuka halaman dengan cepat, tetapi juga tentang bagaimana menu, tombol, dan informasi tersusun secara logis. AMER606 menggunakan hierarki visual yang membantu pengguna membedakan area utama, konten pendukung, serta tindakan yang tersedia tanpa membuat tampilan terasa penuh.
4814            </p>
4815
4816            <p class="yz-paragraph">
4817                Pada perangkat seluler, susunan elemen dibuat lebih fleksibel agar teks tetap terbaca dan tombol tetap mudah dijangkau. Pendekatan responsif seperti ini penting untuk platform game digital karena pengguna dapat berpindah perangkat tanpa harus mempelajari ulang tata letak dari awal.
4818            </p>
4819
4820            <p class="yz-paragraph">
4821                Navigasi yang ringkas juga membantu mengurangi langkah yang tidak perlu. Pengguna dapat mengenali menu melalui label yang jelas, kembali ke bagian sebelumnya dengan lebih mudah, dan berpindah ke area lain tanpa kehilangan konteks halaman yang sedang dibaca.
4822            </p>
4823
4824            <p class="yz-paragraph">
4825                Dari sisi tampilan, kombinasi ruang putih, kartu informasi, dan penekanan warna membantu membentuk pengalaman yang lebih teratur. Elemen penting memperoleh perhatian lebih besar, sementara informasi tambahan tetap tersedia tanpa mengganggu fokus utama pengguna.
4826            </p>
4827
4828            <p class="yz-paragraph">
4829                AMER606 juga menempatkan konsistensi sebagai bagian dari pengalaman digital. Penggunaan gaya tombol, tipografi, jarak, dan pola kartu yang seragam membuat halaman terasa lebih familiar ketika pengguna berpindah dari satu bagian ke bagian lainnya.
4830            </p>
4831
4832            <p class="yz-paragraph">
4833                Untuk menjaga akses tetap nyaman, pengguna dapat memakai peramban versi terbaru dan koneksi internet yang stabil. Jika halaman terasa berat, langkah sederhana seperti memuat ulang, menutup tab lain, atau membersihkan cache peramban dapat membantu pengalaman penggunaan pada perangkat tertentu.
4834            </p>
4835
4836            <p class="yz-paragraph">
4837                Secara keseluruhan, AMER606 memadukan konsep game digital modern dengan akses yang praktis, tampilan responsif, dan navigasi yang mudah dipahami. Fokus tersebut membuat halaman lebih terarah bagi pengguna yang ingin menemu
4837kan informasi dan fitur utama secara efisien dari berbagai perangkat.
4838            </p>
4839
4840        </div>
4841    </article>
4842</div>
4843</div>
4844</div>
4845</div>
4846<style>
4847@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
4848
4849.yz-faq-nexus{
4850    --core-purple:#00B8D9;
4851    --dark-purple:#081C2C;
4852    --soft-purple:#EFFBFF;
4853    --pale-purple:#DDF7FF;
4854    --ink:#0D2338;
4855    --text:#40576B;
4856    --white:#ffffff;
4857    --line:rgba(0,184,217,.18);
4858    --shadow:rgba(8,28,44,.14);
4859
4860    width:100%;
4861    max-width:900px;
4862    margin:36px auto !important;
4863    padding:18px;
4864    box-sizing:border-box;
4865    font-family:'Manrope',sans-serif;
4866    color:var(--ink);
4867    position:relative;
4868}
4869
4870.yz-faq-nexus::before{
4871    content:"";
4872    position:absolute;
4873    inset:0;
4874    border-radius:36px;
4875    background:
4876        linear-gradient(135deg, rgba(0,184,217,.14), transparent 42%),
4877        radial-gradient(circle at 95% 8%, rgba(0,184,217,.18), transparent 30%);
4878    transform:rotate(-1.2deg);
4879    z-index:0;
4880}
4881
4882.yz-faq-body{
4883    position:relative;
4884    z-index:1;
4885    overflow:hidden;
4886    border-radius:34px;
4887    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,246,255,.96));
4888    border:1px solid var(--line);
4889    box-shadow:
4890        0 26px 65px var(--shadow),
4891        inset 0 0 0 1px rgba(255,255,255,.75);
4892    padding:36px 34px 42px;
4893}
4894
4895.yz-faq-body::before{
4896    content:"AMER606 HELP DESK";
4897    position:absolute;
4898    top:24px;
4899    right:-62px;
4900    transform:rotate(35deg);
4901    width:260px;
4902    padding:9px 0;
4903    text-align:center;
4904    font-family:'Outfit',sans-serif;
4905    font-size:10px;
4906    font-weight:800;
4907    letter-spacing:2px;
4908    color:#fff;
4909    background:var(--core-purple);
4910    box-shadow:0 10px 26px rgba(0,184,217,.25);
4911}
4912
4913.yz-faq-body::after{
4914    content:"";
4915    position:absolute;
4916    inset:auto 0 0 0;
4917    height:9px;
4918    background:
4919        repeating-linear-gradient(
4920            90deg,
4921            var(--core-purple) 0 42px,
4922            transparent 42px 58px
4923        );
4924    opacity:.95;
4925}
4926
4927.yz-heading-zone{
4928    position:relative;
4929    padding:36px 34px 34px;
4930    margin:-36px -34px 28px;
4931    background:linear-gradient(135deg, var(--dark-purple), var(--core-purple));
4932    color:#fff;
4933    overflow:hidden;
4934}
4935
4936.yz-heading-zone::before{
4937    content:"";
4938    position:absolute;
4939    right:38px;
4940    bottom:-72px;
4941    width:190px;
4942    height:190px;
4943    border-radius:50%;
4944    border:34px solid rgba(255,255,255,.08);
4945}
4946
4947.yz-heading-zone::after{
4948    content:"SUPPORT GUIDE";
4949    position:absolute;
4950    left:34px;
4951    bottom:18px;
4952    font-family:'Outfit',sans-serif;
4953    font-size:11px;
4954    font-weight:800;
4955    letter-spacing:2.6px;
4956    color:rgba(255,255,255,.58);
4957}
4958
4959.yz-heading-zone h2{
4960    position:relative;
4961    z-index:2;
4962    max-width:720px;
4963    margin:0;
4964    padding-left:20px;
4965    font-family:'Outfit',sans-serif;
4966    font-size:32px;
4967    line-height:1.25;
4968    letter-spacing:-.6px;
4969    font-weight:800;
4970    color:#fff;
4971    border-left:6px solid rgba(255,255,255,.95);
4972    text-transform:uppercase;
4973}
4974
4975.yz-badge-text{
4976    position:relative;
4977    z-index:2;
4978    display:inline-block;
4979    margin-top:18px;
4980    margin-left:26px;
4981    padding:9px 15px;
4982    border-radius:999px;
4983    background:rgba(255,255,255,.16);
4984    color:#fff;
4985    font-size:12px;
4986    font-weight:700;
4987    letter-spacing:.8px;
4988    border:1px solid rgba(255,255,255,.22);
4989}
4990
4991.yz-accordion-wrap{
4992    position:relative;
4993    z-index:2;
4994    display:grid;
4995    grid-template-columns:1fr;
4996    gap:16px;
4997    counter-reset:faqnum;
4998}
4999
5000.yz-trigger{
5001    display:none;
5002}
5003
5004.yz-accordion-card{
5005    counter-increment:faqnum;
5006    position:relative;
5007    overflow:hidden;
5008    border-radius:24px;
5009    background:var(--white);
5010    border:1px solid var(--line);
5011    box-shadow:
5012        0 14px 30px rgba(8,28,44,.07),
5013        inset 0 0 0 1px rgba(255,255,255,.70);
5014    transition:.25s ease;
5015}
5016
5017.yz-accordion-card::before{
5018    content:"0" counter(faqnum);
5019    position:absolute;
5020    left:22px;
5021    top:20px;
5022    width:42px;
5023    height:42px;
5024    border-radius:14px;
5025    background:var(--soft-purple);
5026    color:var(--core-purple);
5027    font-family:'Outfit',sans-serif;
5028    font-size:14px;
5029    font-weight:800;
5030    display:flex;
5031    align-items:center;
5032    justify-content:center;
5033    border:1px solid rgba(0,184,217,.20);
5034    z-index:3;
5035}
5036
5037.yz-accordion-card::after{
5038    content:"";
5039    position:absolute;
5040    top:0;
5041    right:0;
5042    width:82px;
5043    height:82px;
5044    background:linear-gradient(135deg, rgba(0,184,217,.18), transparent 62%);
5045    border-radius:0 24px 0 60px;
5046    pointer-events:none;
5047}
5048
5049.yz-accordion-card:hover{
5050    transform:translateY(-4px);
5051    border-color:rgba(0,184,217,.34);
5052    box-shadow:
5053        0 20px 42px rgba(8,28,44,.12),
5054        0 0 0 4px rgba(0,184,217,.06);
5055}
5056
5057.yz-question-line{
5058    position:relative;
5059    z-index:2;
5060    display:flex;
5061    justify-content:space-between;
5062    align-items:center;
5063    gap:18px;
5064    padding:24px 24px 24px 82px;
5065    color:var(--ink);
5066    font-family:'Outfit',sans-serif;
5067    font-size:17px;
5068    line-height:1.45;
5069    font-weight:800;
5070    cursor:pointer;
5071}
5072
5073.yz-symbol-box{
5074    flex:0 0 auto;
5075    width:36px;
5076    height:36px;
5077    border-radius:13px;
5078    background:var(--soft-purple);
5079    color:var(--core-purple);
5080    border:1px solid rgba(0,184,217,.20);
5081    display:flex;
5082    align-items:center;
5083    justify-content:center;
5084    font-family:'Outfit',sans-serif;
5085    font-size:20px;
5086    font-weight:800;
5087    transition:.25s ease;
5088}
5089
5090.yz-answer-panel{
5091    max-height:0;
5092    overflow:hidden;
5093    transition:max-height .38s ease;
5094}
5095
5096.yz-trigger:checked ~ .yz-accordion-card{
5097    border-color:rgba(0,184,217,.36);
5098    background:linear-gradient(180deg, #ffffff, var(--soft-purple));
5099}
5100
5101.yz-trigger:checked ~ .yz-accordion-card .yz-symbol-box{
5102    transform:rotate(135deg);
5103    background:var(--core-purple);
5104    color:#fff;
5105}
5106
5107.yz-trigger:checked ~ .yz-accordion-card .yz-answer-panel{
5108    max-height:720px;
5109}
5110
5111.yz-answer-text{
5112    padding:0 24px 24px 82px;
5113}
5114
5115.yz-answer-text p{
5116    margin:0;
5117    padding:18px 20px;
5118    border-radius:18px;
5119    background:rgba(255,255,255,.72);
5120    border-left:5px solid var(--core-purple);
5121    color:var(--text);
5122    font-size:16px;
5123    line-height:1.72;
5124    font-weight:500;
5125}
5126
5127@media(max-width:650px){
5128    .yz-faq-nexus{
5129        margin:24px auto !important;
5130        padding:10px;
5131    }
5132
5133    .yz-faq-body{
5134        border-radius:26px;
5135        padding:26px 20px 32px;
5136    }
5137
5138    .yz-faq-body::before{
5139        display:none;
5140    }
5141
5142    .yz-heading-zone{
5143        margin:-26px -20px 22px;
5144        padding:32px 22px 42px;
5145    }
5146
5147    .yz-heading-zone::after{
5148        left:22px;
5149        bottom:16px;
5150        font-size:9px;
5151    }
5152
5153    .yz-heading-zone h2{
5154        font-size:24px;
5155        line-height:1.35;
5156        padding-left:16px;
5157        border-left-width:5px;
5158    }
5159
5160    .yz-badge-text{
5161        margin-left:21px;
5162        font-size:11px;
5163        line-height:1.5;
5164        padding:8px 12px;
5165    }
5166
5167    .yz-question-line{
5168        font-size:15.3px;
5169        padding:20px 18px 20px 70px;
5170        align-items:flex-start;
5171    }
5172
5173    .yz-accordion-card::before{
5174        left:18px;
5175        top:18px;
5176        width:38px;
5177        height:38px;
5178        border-radius:13px;
5179    }
5180
5181    .yz-symbol-box{
5182        width:31px;
5183        height:31px;
5184        font-size:18px;
5185    }
5186
5187    .yz-answer-text{
5188        padding:0 18px 20px 70px;
5189    }
5190
5191    .yz-answer-text p{
5192        font-size:14.7px;
5193        line-height:1.7;
5194        padding:15px 16px;
5195    }
5196}
5197</style>
5198
5199<div class="yz-faq-nexus">
5200    <div class="yz-faq-body">
5201        
5202        <div class="yz-heading-zone">
5203            <h2>Tanya Jawab AMER606: Akses Cepat, Praktis, dan Responsif</h2>
5204            <span class="yz-badge-text">Panduan singkat untuk memahami navigasi, tampilan responsif, dan cara mengakses fitur utama AMER606 dengan lebih efisien</span>
5205        </div>
5206        
5207        <div class="yz-accordion-wrap">
5208
5209            <!-- Item 1 -->
5210            <div>
5211                <input type="checkbox" id="yz_q1" class="yz-trigger">
5212                <div class="yz-accordion-card">
5213                    <label class="yz-question-line" for="yz_q1">
5214                        Apa yang membuat akses AMER606 terasa lebih praktis?
5215                        <div class="yz-symbol-box">+</div>
5216                    </label>
5217                    <div class="yz-answer-panel">
5218                        <div class="yz-answer-text">
5219                            <p>
5220                                AMER606 menempatkan informasi dan menu utama dalam alur yang ringkas. Pengunjung dapat mengenali bagian penting lebih cepat tanpa harus melewati terlalu banyak langkah sebelum menemukan fitur yang dibutuhkan.
5221                            </p>
5222                        </div>
5223                    </div>
5224                </div>
5225            </div>
5226
5227            <!-- Item 2 -->
5228            <div>
5229                <input type="checkbox" id="yz_q2" class="yz-trigger">
5230                <div class="yz-accordion-card">
5231                    <label class="yz-question-line" for="yz_q2">
5232                        Apakah tampilan AMER606 dapat menyesuaikan perangkat berbeda?
5233                        <div class="yz-symbol-box">+</div>
5234                    </label>
5235                    <div class="yz-answer-panel">
5236                        <div class="yz-answer-text">
5237                            <p>
5238                                Tata letak halaman dibuat responsif sehingga elemen utama tetap terbaca saat dibuka melalui ponsel, tablet, maupun desktop. Jarak, ukuran teks, dan susunan kartu menyesuaikan ruang layar yang tersedia.
5239                            </p>
5240                        </div>
5241                    </div>
5242                </div>
5243            </div>
5244
5245            <!-- Item 3 -->
5246            <div>
5247                <input type="checkbox" id="yz_q3" class="yz-trigger">
5248                <div class="yz-accordion-card">
5249                    <label class="yz-question-line" for="yz_q3">
5250                        Bagaimana navigasi AMER606 membantu pengguna baru?
5251                        <div class="yz-symbol-box">+</div>
5252                    </label>
5253                    <div class="yz-answer-panel">
5254                        <div class="yz-answer-text">
5255                            <p>
5256                                Navigasi disusun dengan penanda visual yang jelas, judul yang mudah dikenali, dan tombol penting yang ditempatkan pada area yang mudah ditemukan. Pendekatan ini membantu pengguna baru memahami arah halaman dengan lebih cepat.
5257                            </p>
5258                        </div>
5259                    </div>
5260                </div>
5261            </div>
5262
5263            <!-- Item 4 -->
5264            <div>
5265                <input type="checkbox" id="yz_q4" class="yz-trigger">
5266                <div class="yz-accordion-card">
5267                    <label class="yz-question-line" for="yz_q4">
5268                        Mengapa akses cepat penting pada platform game digital?
5269                        <div class="yz-symbol-box">+</div>
5270                    </label>
5271                    <div class="yz-answer-panel">
5272                        <div class="yz-answer-text">
5273                            <p>
5274                                Akses yang ringkas mengurangi langkah yang tidak perlu saat pengguna ingin berpindah bagian. Halaman yang terstruktur juga membantu informasi tampil lebih efisien, terutama ketika diakses dari perangkat dengan ukuran layar berbeda.
5275                            </p>
5276                        </div>
5277                    </div>
5278                </div>
5279            </div>
5280
5281            <!-- Item 5 -->
5282            <div>
5283                <input type="checkbox" id="yz_q5" class="yz-trigger">
5284                <div class="yz-accordion-card">
5285                    <label class="yz-question-line" for="yz_q5">
5286                        Bagaimana cara menemukan fitur utama di AMER606?
5287                        <div class="yz-symbol-box">+</div>
5288                    </label>
5289                    <div class="yz-answer-panel">
5290                        <div class="yz-answer-text">
5291                            <p>
5292                                Mulailah dari area navigasi dan bagian utama halaman. Baca label menu, pilih bagian yang sesuai kebutuhan, lalu gunakan tombol yang tersedia untuk berpindah tanpa harus menelusuri halaman dari awal.
5293                            </p>
5294                        </div>
5295                    </div>
5296                </div>
5297            </div>
5298
5299            <!-- Item 6 -->
5300            <div>
5301                <input type="checkbox" id="yz_q6" class="yz-trigger">
5302                <div class="yz-accordion-card">
5303                    <label class="yz-question-line" for="yz_q6">
5304                        Apa yang dapat membantu pengalaman akses tetap nyaman?
5305                        <div class="yz-symbol-box">+</div>
5306                    </label>
5307                    <div class="yz-answer-panel">
5308                        <div class="yz-answer-text">
5309                            <p>
5310                                Gunakan koneksi internet yang stabil, peramban yang diperbarui, serta perangkat dengan ruang memori yang memadai. Jika tampilan terasa lambat, muat ulang halaman atau tutup tab lain yang tidak diperlukan.
5311                            </p>
5312                        </div>
5313                    </div>
5314                </div>
5315            </div>
5316
5317        </div>
5318    </div>
5319</div>
5320<section class="berita-terbaru">
5321  <div class="berita-wrapper">
5322
5323    <div class="berita-heading">
5324      <div>
5325        <span class="berita-kicker">AMER606 DIGITAL EXPERIENCE</span>
5326        <h2>Empat Elemen yang Membuat Akses Game Digital Lebih Ringkas dan Praktis</h2>
5327        <p>Empat poin berikut merangkum bagaimana navigasi, tampilan responsif, struktur informasi, dan konsistensi antarmuka membantu pengalaman AMER606 terasa lebih terarah.</p>
5328      </div>
5329
5330      <div class="berita-tabs">
5331        <span class="tab-active">Akses</span>
5332        <span>Navigasi</span>
5333        <span>Responsif</span>
5334        <span>Konsisten</span>
5335      </div>
5336    </div>
5337
5338    <div class="berita-list">
5339
5340      <a href="https://www.mojo.bio/" class="berita-card">
5341        <div class="berita-rank">01</div>
5342        <div class="berita-image">
5343          <img loading="lazy" decoding="async" src="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg" alt="AMER606 akses cepat game digital modern">
5344        </div>
5345        <div class="berita-content">
5346          <span class="berita-label">Akses Lebih Ringkas</span>
5347          <h3>Temukan Menu Utama Tanpa Alur yang Berbelit</h3>
5348          <p>Menu utama ditempatkan agar mudah dikenali sejak awal. Pengguna dapat langsung memahami arah halaman dan memilih bagian yang dibutuhkan tanpa melewati terlalu banyak langkah.</p>
5349        </div>
5350      </a>
5351
5352      <a href="https://www.mojo.bio/" class="berita-card">
5353        <div class="berita-rank">02</div>
5354        <div class="berita-image">
5355          <img loading="lazy" decoding="async" src="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg" alt="AMER606 navigasi ringkas dan jelas">
5356        </div>
5357        <div class="berita-content">
5358          <span class="berita-label">Navigasi Jelas</span>
5359          <h3>Gunakan Struktur Menu yang Mudah Dikenali</h3>
5360          <p>Label menu, pembagian area, dan penanda visual membantu pengguna berpindah bagian dengan lebih terarah tanpa kehilangan konteks saat menjelajahi halaman.</p>
5361        </div>
5362      </a>
5363
5364      <a href="https://www.mojo.bio/" class="berita-card">
5365        <div class="berita-rank">03</div>
5366        <div class="berita-image">
5367          <img loading="lazy" decoding="async" src="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg" alt="AMER606 tampilan responsif lintas perangkat">
5368        </div>
5369        <div class="berita-content">
5370          <span class="berita-label">Tampilan Responsif</span>
5371          <h3>Jaga Keterbacaan pada Ponsel, Tablet, dan Desktop</h3>
5372          <p>Komponen halaman menyesuaikan ukuran layar agar teks, tombol, dan kartu informasi tetap nyaman dibaca. Tata letak yang responsif membantu pengalaman tetap konsisten di berbagai perangkat.</p>
5373        </div>
5374      </a>
5375
5376      <a href="https://www.mojo.bio/" class="berita-card">
5377        <div class="berita-rank">04</div>
5378        <div class="berita-image">
5379          <img loading="lazy" decoding="async" src="https://i.pinimg.com/736x/67/0b/7e/670b7e22f531005e80fe209d2aa878f0.jpg" alt="AMER606 pengalaman antarmuka konsisten">
5380        </div>
5381        <div class="berita-content">
5382          <span class="berita-label">Pengalaman Konsisten</span>
5383          <h3>Pertahankan Pola Visual agar Pengguna Cepat Beradaptasi</h3>
5384          <p>Tipografi, gaya tombol, jarak, dan pola kartu yang konsisten membuat setiap bagian terasa saling terhubung sehingga pengguna tidak perlu mempelajari ulang antarmuka saat berpindah area.</p>
5385        </div>
5386      </a>
5387
5388    </div>
5389
5390  </div>
5391</section>
5392<style>
5393@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
5394
5395.berita-terbaru{
5396  --core-purple:#00B8D9;
5397  --dark-purple:#081C2C;
5398  --soft-purple:#EFFBFF;
5399  --pale-purple:#DDF7FF;
5400  --ink:#0D2338;
5401  --text:#40576B;
5402  --white:#ffffff;
5403  --line:rgba(0,184,217,.18);
5404  --shadow:rgba(8,28,44,.14);
5405
5406  width:100%;
5407  padding:38px 16px;
5408  box-sizing:border-box;
5409  background:
5410    radial-gradient(circle at 10% 8%, rgba(0,184,217,.12), transparent 28%),
5411    linear-gradient(180deg, #ffffff, #fbf8ff);
5412  font-family:'Manrope',sans-serif;
5413  color:var(--ink);
5414}
5415
5416.berita-wrapper{
5417  max-width:1120px;
5418  margin:0 auto;
5419  position:relative;
5420}
5421
5422.berita-wrapper::before{
5423  content:"AMER606 EDITORIAL FEED";
5424  position:absolute;
5425  top:20px;
5426  right:-46px;
5427  transform:rotate(34deg);
5428  width:250px;
5429  padding:8px 0;
5430  text-align:center;
5431  background:var(--core-purple);
5432  color:#fff;
5433  font-family:'Outfit',sans-serif;
5434  font-size:10px;
5435  font-weight:800;
5436  letter-spacing:2px;
5437  box-shadow:0 10px 24px rgba(0,184,217,.20);
5438  z-index:2;
5439}
5440
5441.berita-heading{
5442  position:relative;
5443  overflow:hidden;
5444  display:flex;
5445  align-items:flex-end;
5446  justify-content:space-between;
5447  gap:22px;
5448  margin-bottom:24px;
5449  padding:34px 32px 36px;
5450  border-radius:34px;
5451  background:linear-gradient(135deg, var(--dark-purple), var(--core-purple));
5452  color:#fff;
5453  box-shadow:
5454    0 24px 58px rgba(8,28,44,.20),
5455    inset 0 0 0 1px rgba(255,255,255,.10);
5456}
5457
5458.berita-heading::before{
5459  content:"";
5460  position:absolute;
5461  right:38px;
5462  bottom:-76px;
5463  width:190px;
5464  height:190px;
5465  border-radius:50%;
5466  border:34px solid rgba(255,255,255,.08);
5467}
5468
5469.berita-heading::after{
5470  content:"";
5471  position:absolute;
5472  left:32px;
5473  right:32px;
5474  bottom:0;
5475  height:8px;
5476  background:
5477    repeating-linear-gradient(
5478      90deg,
5479      #ffffff 0 42px,
5480      transparent 42px 58px
5481    );
5482  opacity:.85;
5483}
5484
5485.berita-kicker{
5486  position:relative;
5487  z-index:2;
5488  display:inline-block;
5489  margin-bottom:10px;
5490  padding:8px 13px;
5491  border-radius:999px;
5492  background:rgba(255,255,255,.16);
5493  border:1px solid rgba(255,255,255,.24);
5494  font-size:11px;
5495  font-weight:800;
5496  letter-spacing:1.8px;
5497  color:#fff;
5498  text-transform:uppercase;
5499}
5500
5501.berita-heading h2{
5502  position:relative;
5503  z-index:2;
5504  max-width:650px;
5505  margin:0 0 10px;
5506  padding-left:20px;
5507  border-left:6px solid rgba(255,255,255,.95);
5508  font-family:'Outfit',sans-serif;
5509  font-size:32px;
5510  line-height:1.22;
5511  letter-spacing:-.6px;
5512  color:#fff;
5513  font-weight:800;
5514}
5515
5516.berita-heading p{
5517  position:relative;
5518  z-index:2;
5519  max-width:620px;
5520  margin:0;
5521  font-size:15.5px;
5522  color:rgba(255,255,255,.82);
5523  line-height:1.65;
5524  font-weight:500;
5525}
5526
5527.berita-tabs{
5528  position:relative;
5529  z-index:2;
5530  display:flex;
5531  flex-wrap:wrap;
5532  gap:9px;
5533  justify-content:flex-end;
5534  min-width:260px;
5535}
5536
5537.berita-tabs span{
5538  padding:9px 15px;
5539  border-radius:999px;
5540  background:rgba(255,255,255,.14);
5541  color:#fff;
5542  font-size:13px;
5543  font-weight:800;
5544  border:1px solid rgba(255,255,255,.22);
5545}
5546
5547.berita-tabs .tab-active{
5548  background:#fff;
5549  color:var(--core-purple);
5550}
5551
5552.berita-list{
5553  display:grid;
5554  grid-template-columns:repeat(2, 1fr);
5555  gap:18px;
5556  counter-reset:newsnum;
5557}
5558
5559.berita-card{
5560  counter-increment:newsnum;
5561  position:relative;
5562  display:grid;
5563  grid-template-columns:150px 1fr;
5564  gap:18px;
5565  padding:18px;
5566  min-height:190px;
5567  background:var(--white);
5568  border:1px solid var(--line);
5569  border-radius:28px;
5570  color:inherit;
5571  text-decoration:none;
5572  overflow:hidden;
5573  box-shadow:
5574    0 14px 30px rgba(8,28,44,.07),
5575    inset 0 0 0 1px rgba(255,255,255,.70);
5576  transition:.25s ease;
5577}
5578
5579.berita-card::before{
5580  content:"";
5581  position:absolute;
5582  top:0;
5583  right:0;
5584  width:90px;
5585  height:90px;
5586  background:linear-gradient(135deg, rgba(0,184,217,.18), transparent 62%);
5587  border-radius:0 28px 0 70px;
5588  pointer-events:none;
5589}
5590
5591.berita-card:hover{
5592  transform:translateY(-4px);
5593  border-color:rgba(0,184,217,.34);
5594  box-shadow:
5595    0 20px 42px rgba(8,28,44,.12),
5596    0 0 0 4px rgba(0,184,217,.06);
5597}
5598
5599.berita-rank{
5600  position:absolute;
5601  top:22px;
5602  left:22px;
5603  z-index:3;
5604  width:44px;
5605  height:44px;
5606  border-radius:15px;
5607  background:var(--soft-purple);
5608  color:var(--core-purple);
5609  display:flex;
5610  align-items:center;
5611  justify-content:center;
5612  font-family:'Outfit',sans-serif;
5613  font-size:14px;
5614  font-weight:800;
5615  border:1px solid rgba(0,184,217,.22);
5616  box-shadow:0 8px 20px rgba(0,184,217,.12);
5617}
5618
5619.berita-image{
5620  width:100%;
5621  min-height:160px;
5622  border-radius:22px;
5623  overflow:hidden;
5624  background:var(--soft-purple);
5625  line-height:0;
5626}
5627
5628.berita-image img{
5629  width:100%;
5630  height:100%;
5631  min-height:160px;
5632  display:block;
5633  object-fit:cover;
5634}
5635
5636.berita-content{
5637  position:relative;
5638  z-index:2;
5639  display:flex;
5640  flex-direction:column;
5641  justify-content:center;
5642}
5643
5644.berita-label{
5645  width:fit-content;
5646  margin-bottom:10px;
5647  padding:7px 12px;
5648  border-radius:999px;
5649  background:var(--soft-purple);
5650  color:var(--core-purple);
5651  font-family:'Outfit',sans-serif;
5652  font-size:12px;
5653  font-weight:800;
5654  border:1px solid rgba(0,184,217,.18);
5655}
5656
5657.berita-content h3{
5658  margin:0 0 9px;
5659  font-family:'Outfit',sans-serif;
5660  font-size:20px;
5661  line-height:1.35;
5662  color:var(--ink);
5663  font-weight:800;
5664  letter-spacing:-.2px;
5665}
5666
5667.berita-content p{
5668  margin:0;
5669  font-size:14.6px;
5670  line-height:1.68;
5671  color:var(--text);
5672  font-weight:500;
5673}
5674
5675@media(max-width:860px){
5676  .berita-heading{
5677    align-items:flex-start;
5678    flex-direction:column;
5679  }
5680
5681  .berita-tabs{
5682    justify-content:flex-start;
5683    min-width:auto;
5684  }
5685
5686  .berita-list{
5687    grid-template-columns:1fr;
5688  }
5689}
5690
5691@media(max-width:650px){
5692  .berita-terbaru{
5693    padding:26px 10px;
5694  }
5695
5696  .berita-wrapper::before{
5697    display:none;
5698  }
5699
5700  .berita-heading{
5701    padding:30px 22px 34px;
5702    border-radius:26px;
5703  }
5704
5705  .berita-heading h2{
5706    font-size:24px;
5707    line-height:1.35;
5708    padding-left:15px;
5709    border-left-width:5px;
5710  }
5711
5712  .berita-heading p{
5713    font-size:14.5px;
5714  }
5715
5716  .berita-tabs span{
5717    font-size:12px;
5718    padding:8px 12px;
5719  }
5720
5721  .berita-card{
5722    grid-template-columns:1fr;
5723    gap:14px;
5724    padding:16px;
5725    border-radius:24px;
5726  }
5727
5728  .berita-image{
5729    min-height:auto;
5730  }
5731
5732  .berita-image img{
5733    height:auto;
5734    min-height:auto;
5735    object-fit:contain;
5736  }
5737
5738  .berita-rank{
5739    top:20px;
5740    left:20px;
5741  }
5742
5743  .berita-content h3{
5744    font-size:18px;
5745  }
5746
5747  .berita-content p{
5748    font-size:14.2px;
5749  }
5750}
5751</style>
5752</div>
5753<style>
5754@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
5755
5756.yz-engage-box{
5757    --core:#00B8D9;
5758    --dark:#241506;
5759    --soft:#fff7e8;
5760    --pale:#f5e2bd;
5761    --ink:#21170b;
5762    --text:#5c4a32;
5763    --white:#ffffff;
5764    --line:rgba(194,120,16,.22);
5765    --shadow:rgba(64,38,7,.14);
5766
5767    width:100%;
5768    max-width:960px;
5769    margin:36px auto;
5770    padding:18px;
5771    box-sizing:border-box;
5772    font-family:'Manrope',sans-serif;
5773    color:var(--ink);
5774    position:relative;
5775}
5776
5777.yz-engage-box::before{
5778    content:"";
5779    position:absolute;
5780    inset:0;
5781    border-radius:34px;
5782    background:
5783        linear-gradient(135deg, rgba(194,120,16,.16), transparent 44%),
5784        radial-gradient(circle at 96% 6%, rgba(194,120,16,.18), transparent 32%);
5785    z-index:0;
5786}
5787
5788.yz-engage-box::after{
5789    content:"AMER606 GUIDE";
5790    position:absolute;
5791    top:38px;
5792    right:-40px;
5793    transform:rotate(35deg);
5794    width:220px;
5795    padding:8px 0;
5796    text-align:center;
5797    font-family:'Outfit',sans-serif;
5798    font-size:10px;
5799    font-weight:800;
5800    letter-spacing:2px;
5801    color:#fff;
5802    background:var(--core);
5803    box-shadow:0 12px 26px rgba(194,120,16,.25);
5804    z-index:3;
5805}
5806
5807.yz-share-zone,
5808.yz-comment-zone{
5809    position:relative;
5810    z-index:2;
5811    overflow:hidden;
5812    border-radius:30px;
5813    background:linear-gradient(180deg, #ffffff, #fffaf1);
5814    border:1px solid var(--line);
5815    box-shadow:
5816        0 18px 42px var(--shadow),
5817        inset 0 0 0 1px rgba(255,255,255,.85);
5818}
5819
5820.yz-share-zone{
5821    margin-bottom:18px;
5822    padding:32px;
5823}
5824
5825.yz-comment-zone{
5826    padding:32px;
5827}
5828
5829.yz-section-title{
5830    margin:0 0 10px;
5831    font-family:'Outfit',sans-serif;
5832    font-size:24px;
5833    line-height:1.3;
5834    font-weight:800;
5835    color:var(--ink);
5836    letter-spacing:-.3px;
5837}
5838
5839.yz-section-desc{
5840    max-width:760px;
5841    margin:0 0 22px;
5842    font-size:15px;
5843    line-height:1.75;
5844    color:var(--text);
5845}
5846
5847.yz-step-grid{
5848    display:grid;
5849    grid-template-columns:repeat(4, minmax(0, 1fr));
5850    gap:14px;
5851}
5852
5853.yz-step-card{
5854    padding:18px;
5855    border-radius:20px;
5856    background:var(--soft);
5857    border:1px solid var(--line);
5858    box-shadow:0 10px 24px rgba(90,53,8,.08);
5859}
5860
5861.yz-step-number{
5862    display:inline-flex;
5863    align-items:center;
5864    justify-content:center;
5865    width:34px;
5866    height:34px;
5867    margin-bottom:12px;
5868    border-radius:12px;
5869    background:var(--core);
5870    color:#fff;
5871    font-family:'Outfit',sans-serif;
5872    font-size:13px;
5873    font-weight:800;
5874}
5875
5876.yz-step-card h4{
5877    margin:0 0 8px;
5878    font-family:'Outfit',sans-serif;
5879    font-size:16px;
5880    color:var(--ink);
5881}
5882
5883.yz-step-card p{
5884    margin:0;
5885    font-size:13.5px;
5886    line-height:1.65;
5887    color:var(--text);
5888}
5889
5890.yz-note-list{
5891    display:grid;
5892    grid-template-columns:1fr 1fr;
5893    gap:14px;
5894    margin:0;
5895    padding:0;
5896    list-style:none;
5897}
5898
5899.yz-note-list li{
5900    padding:16px 18px;
5901    border-radius:18px;
5902    background:#ffffff;
5903    border:1px solid var(--line);
5904    font-size:14px;
5905    line-height:1.65;
5906    color:var(--text);
5907    box-shadow:0 10px 22px rgba(90,53,8,.06);
5908}
5909
5910.yz-note-list strong{
5911    display:block;
5912    margin-bottom:5px;
5913    font-family:'Outfit',sans-serif;
5914    font-size:15px;
5915    color:var(--ink);
5916}
5917
5918@media(max-width:850px){
5919    .yz-step-grid,
5920    .yz-note-list{
5921        grid-template-columns:1fr 1fr;
5922    }
5923}
5924
5925@media(max-width:650px){
5926    .yz-engage-box{
5927        margin:24px auto;
5928        padding:10px;
5929    }
5930
5931    .yz-engage-box::after{
5932        display:none;
5933    }
5934
5935    .yz-share-zone,
5936    .yz-comment-zone{
5937        padding:22px 18px;
5938        border-radius:24px;
5939    }
5940
5941    .yz-section-title{
5942        font-size:21px;
5943    }
5944
5945    .yz-section-desc{
5946        font-size:14px;
5947    }
5948
5949    .yz-step-grid,
5950    .yz-note-list{
5951        grid-template-columns:1fr;
5952    }
5953}
5954</style>
5955
5956<div class="yz-engage-box">
5957    
5958    <div class="yz-share-zone">
5959        <h3 class="yz-section-title">Ringkasan Pengalaman Digital AMER606</h3>
5960        <p class="yz-section-desc">
5961            Bagian ini merangkum empat prinsip utama yang mendukung pengalaman game digital modern: akses ringkas, navigasi jelas, tampilan responsif, dan konsistensi antarmuka.
5962        </p>
5963
5964        <div class="yz-step-grid">
5965            <div class="yz-step-card">
5966                <span class="yz-step-number">01</span>
5967                <h4>Akses Ringkas</h4>
5968                <p>Temukan informasi dan menu utama tanpa melewati terlalu banyak langkah.</p>
5969            </div>
5970
5971            <div class="yz-step-card">
5972                <span class="yz-step-number">02</span>
5973                <h4>Navigasi Jelas</h4>
5974                <p>Gunakan label dan pembagian area untuk berpindah halaman dengan lebih terarah.</p>
5975            </div>
5976
5977            <div class="yz-step-card">
5978                <span class="yz-step-number">03</span>
5979                <h4>Tampilan Responsif</h4>
5980                <p>Pastikan teks, tombol, dan kartu tetap nyaman digunakan pada berbagai ukuran layar.</p>
5981            </div>
5982
5983            <div class="yz-step-card">
5984                <span class="yz-step-number">04</span>
5985                <h4>Pola Konsisten</h4>
5986                <p>Pertahankan gaya visual yang seragam agar antarmuka lebih cepat dikenali.</p>
5987            </div>
5988        </div>
5989    </div>
5990
5991    <div class="yz-comment-zone">
5992        <h3 class="yz-section-title">Tips agar Akses AMER606 Tetap Nyaman</h3>
5993        <p class="yz-section-desc">
5994            Beberapa langkah sederhana berikut dapat membantu menjaga pengalaman akses tetap stabil dan mudah digunakan pada perangkat yang berbeda.
5995        </p>
5996
5997        <ul class="yz-note-list">
5998            <li>
5999                <strong>Gunakan koneksi yang stabil</strong>
6000                Koneksi yang baik membantu halaman memuat elemen visual dan navigasi secara lebih konsisten.
6001            </li>
6002            <li>
6003                <strong>Perbarui peramban secara berkala</strong>
6004                Versi peramban terbaru biasanya membawa peningkatan kompatibilitas, keamanan, dan dukungan tampilan web modern.
6005            </li>
6006            <li>
6007                <strong>Sesuaikan penggunaan dengan perangkat</strong>
6008                Tutup tab yang tidak diperlukan jika perangkat terasa berat agar sumber daya dapat digunakan lebih efisien.
6009            </li>
6010            <li>
6011                <strong>Muat ulang bila tampilan tidak sempurna</strong>
6012                Memuat ulang halaman atau membersihkan cache dapat membantu jika ada elemen yang tidak tampil dengan benar pada sesi tertentu.
6013            </li>
6014        </ul>
6015    </div>
6016
6017</div>
6018
6019    
6019<script>
6020        document.addEventListener('DOMContentLoaded', function () {
6021            const items = document.querySelectorAll('.timuna-item');
6022
6023            items.forEach(item => {
6024                const btn = item.querySelector('.timuna-question');
6025                const answer = item.querySelector('.timuna-answer');
6026                const icon = item.querySelector('.timuna-icon');
6027
6028                btn.addEventListener('click', () => {
6029                    const isActive = item.classList.contains('active');
6030
6031                    items.forEach(otherItem => {
6032                        otherItem.classList.remove('active');
6033                        otherItem.querySelector('.timuna-answer').style.maxHeight = null;
6034                        otherItem.querySelector('.timuna-icon').innerText = '+';
6035                    });
6036                    if (!isActive) {
6037                        item.classList.add('active');
6038                        answer.style.maxHeight = answer.scrollHeight + "px";
6039                        icon.innerText = '-';
6040                    }
6041                });
6042            });
6043        });
6044    </script>
6044
6045    </div>
6046
6047    <!-- (ads.right.2) -->
6048
6049    <!-- trending-->
6050    <!-- trending-->
6051
6052    <!-- (ads.right.3) -->
6053
6054    <!-- previous-->
6055
6056
6057    </div>
6058    </div>
6059
6060    </div>
6061
6062    <!-- footer-->
6063    <!-- modals -->
6064    <div id="kcm-modals">
6065        <div class="modals__content"></div>
6066    </div>
6067
6068    <div id="sso_g_signin">
6069    </div>
6070    <!-- footer -->
6071    <div class="footerMain clearfix">
6072        <div class="container">
6073
6074            <div class="footerWrap">
6075                <div class="footerCol-column">
6076
6077                    <div class="footerLogo">
6078                        <a href="https://www.mojo.bio/" data-google-interstitial="false">
6079                            <img class="lozad" data-src="https://all-amp-shell.pages.dev/logo/amer606-logo.png"
6080                                alt="AMER606: Pengalaman Game Digital Praktis dengan Navigasi yang Lebih Mudah "
6081                                width="207" height="26">
6082                        </a>
6083                    </div>
6084
6085                    <div class="footerSosmed">
6086                        <ul class="footerSosmed-wrap">
6087                            <li>
6088                                <a href="https://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link"
6089                                    aria-label="Facebook">
6090                                    <div class="iconSos iconSos-facebook"></div>
6091                                </a>
6092                            </li>
6093                            <li>
6094                                <a href="https://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link"
6095                                    aria-label="X">
6096                                    <div class="iconSos iconSos-x"></div>
6097                                </a>
6098                            </li>
6099                            <li>
6100                                <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link"
6101                                    aria-label="Telegram">
6102                                    <div class="iconSos iconSos-telegram"></div>
6103                                </a>
6104                            </li>
6105                            <li>
6106                                <a href="https://instagram.com/kompascom" target="_blank" class="footerSosmed-link"
6107                                    aria-label="Instagram">
6108                                    <div class="iconSos iconSos-instagram"></div>
6109                                </a>
6110                            </li>
6111                        </ul>
6112                        <ul class="footerSosmed-wrap">
6113                            <li>
6114                                <a href="https://www.youtube.com/c/mykompascom" target="_blank"
6115                                    class="footerSosmed-link" aria-label="Youtube">
6116                                    <div class="iconSos iconSos-youtube"></div>
6117                                </a>
6118                            </li>
6119                            <li>
6120                                <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link"
6121                                    aria-label="Whatsapp">
6122                                    <div class="iconSos iconSos-whatsapp"></div>
6123                                </a>
6124                            </li>
6125                            <li>
6126                                <a href="https://www.tiktok.com/@kompascom?lang&#x3D;en" target="_blank"
6127                                    class="footerSosmed-link" aria-label="Tiktok">
6128                                    <div class="iconSos iconSos-tiktok"></div>
6129                                </a>
6130                            </li>
6131                        </ul>
6132                    </div>
6133
6134                    <div class="footerDownload">
6135                        <ul class="footerDownload-wrap">
6136                            <li>
6137                                <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055"
6138                                    target="_blank">
6139                                    <div class="footerDownload-store">
6140                                        <img class="lozad"
6141                                            data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png"
6142                                            alt="apple store">
6143                                    </div>
6144                                </a>
6145                            </li>
6146                            <li>
6147                                <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US"
6148                                    target="_blank">
6149                                    <div class="footerDownload-store">
6150                                        <img class="lozad"
6151                                            data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png"
6152                                            alt="google store">
6153                                    </div>
6154                                </a>
6155                            </li>
6156                        </ul>
6157                    </div>
6158
6159                    <div class="footerAchievement">
6160                        <div class="footerAchievement-title">
6161                            Penghargaan dan sertifikat:
6162                        </div>
6163                        <div class="footerAchievement-wrap">
6164                            <div class="footerAchievement-item">
6165                                <a href="#" class="footerAchievement-link">
6166                                    <div class="footerAchievement-img">
6167                                        <img class="lozad"
6168                                            data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png"
6169                                            alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019">
6170                                    </div>
6171                                </a>
6172                            </div>
6173                            <div class="footerAchievement-item">
6174                                <div class="footerAchievement-link">
6175                                    <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya"
6176                                        class="footerAchievement-link">
6177                                        <div class="footerAchievement-img">
6178                                            <img class="lozad"
6179                                                data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png"
6180                                                alt="Superbrand Indonesia 2019 - Trusted Online News"
6181                                                title="Superbrands Indonesia 2019">
6182                                        </div>
6183                                    </a>
6184                                </div>
6185                            </div>
6186                            <div class="footerAchievement-item">
6187                                <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media"
6188                                    class="footerAchievement-link" target="_blank">
6189                                    <div class="footerAchievement-img">
6190                                        <img class="lozad"
6191                                            data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png"
6192                                            alt="International Fact-Checking Network"
6193                                            title="International Fact-Checking Network" loading="lazy">
6194                                    </div>
6195                                </a>
6196                            </div>
6197                        </div>
6198                    </div>
6199
6200                    <div class="footerNewsletter">
6201                        <div class="footerNewsletter-title">
6202                            Nikmati Banyak Hadiah Menarik & Bonus Melimpah di AMER606 </div>
6203
6204                        <div class="footerNewsletter-cta">
6205                            <a href="https://amer606-v2.resmi.asia/" class="footerNewsletter-link" rel="nofollow">
6206                                <i class="iconNewsletter"></i> DAFTAR
6207                            </a>
6208                        </div>
6209                    </div>
6210
6211                </div>
6212                <div class="footerCol-nav">
6213                    <div class="footerMenu-title">Kanal</div>
6214
6215                    <div class="footerMenu">
6216                        <ul class="footerMenu-wrap">
6217                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">News</a></li>
6218                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Nasional</a></li>
6219                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Global</a></li>
6220                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Megapolitan</a></li>
6221                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">
6221Regional</a></li>
6222                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Pemilu</a></li>
6223                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">IKN</a></li>
6224                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Bola</a></li>
6225                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Tekno</a></li>
6226                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Otomotif</a></li>
6227                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Entertainment</a></li>
6228                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Sains</a></li>
6229                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Health</a></li>
6230                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Money</a></li>
6231                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Tren</a></li>
6232                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Properti</a></li>
6233                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Lifestyle</a></li>
6234                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Hype</a></li>
6235                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Travel</a></li>
6236                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Homey</a></li>
6237                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Food</a></li>
6238                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">UMKM</a></li>
6239                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Edukasi</a></li>
6240                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Parapuan</a></li>
6241                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Foto</a></li>
6242                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Video</a></li>
6243                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Kolom</a></li>
6244                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">VIK</a></li>
6245                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">JEO</a></li>
6246                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Lestari</a></li>
6247                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Ohayo Jepang</a></li>
6248                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Pesona Indonesia</a></li>
6249                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Play</a></li>
6250                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Artikel Terpopuler</a></li>
6251                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Artikel Terkini</a></li>
6252                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Topik Pilihan</a></li>
6253                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link">Artikel Headline</a></li>
6254                        </ul>
6255                    </div>
6256                </div>
6257                <div class="footerCol-nav --colNetwork">
6258                    <div class="footerMenu-title">Network</div>
6259
6260                    <div class="footerMenu">
6261                        <ul class="footerMenu-wrap">
6262                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">AMER606.com</a></li>
6263                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Harian AMER606</a></li>
6264                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">AMER606</a></li>
6265                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Kompasiana</a></li>
6266                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">KG Media</a></li>
6267                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">KGNow!</a></li>
6268                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Pasangiklan.com</a></li>
6269                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Kontan</a></li>
6270                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Sonora</a></li>
6271                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Grid.ID</a></li>
6272                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">GridOto.com</a></li>
6273                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">BolaSport.com</a></li>
6274                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Parapuan</a></li>
6275                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Tribunnews</a></li>
6276                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Gramedia.com</a></li>
6277                            <li><a href="https://mojo.rachi.info/" class="footerMenu-link" target="_blank">Gramedia Digital</a></li>
6278                        </ul>
6279                    </div>
6280                </div>
6281            </div>
6282
6283
6284            <div class="footerBottom">
6285                <div class="footerBottom-wrap">
6286                    <ul class="footerBottom-menu">
6287                        <li>
6288                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Kabar Palmerah</a>
6289                        </li>
6290                        <li>
6291                            <a class="footerMenu-link" href="https://mojo.rachi.info/">About Us</a>
6292                        </li>
6293                        <li>
6294                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Advertise</a>
6295                        </li>
6296                        <li>
6297                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Ketentuan Penggunaan</a>
6298                        </li>
6299                        <li>
6300                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Kebijakan Data Pribadi</a>
6301                        </li>
6302                        <li>
6303                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Pedoman Media Siber</a>
6304                        </li>
6305                        <li>
6306                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Career</a>
6307                        </li>
6308                        <li>
6309                            <a class="footerMenu-link" href="https://mojo.rachi.info/">Contact Us</a>
6310                        </li>
6311                    </ul>
6312                </div>
6313                <div class="footerCopyright">
6314                    <p>Copyright 2026 AMER606. All Rights Reserved.</p>
6315                </div>
6316            </div>
6317        </div>
6318    </div>
6319<style>
6320    @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;700;
6320800&family=Rajdhani:wght@500;600;700&display=swap');
6321
6322    :root {
6323        --brutal-red: #00B8D9;
6324        --brutal-black: #000000;
6325        --brutal-white: #ffffff;
6326        --brutal-border: 3px solid #000000;
6327    }
6328
6329    /* KONTINER UTAMA FOOTER */
6330    .footerMain {
6331        background: var(--brutal-white);
6332        color: var(--brutal-black);
6333        font-family: 'Rajdhani', sans-serif;
6334        border-top: 8px solid var(--brutal-black);
6335        position: relative;
6336        overflow: hidden;
6337    }
6338
6339    /* Motif Hazard di bagian paling atas footer */
6340    .footerMain::before {
6341        content: '';
6342        position: absolute;
6343        top: 0;
6344        left: 0;
6345        width: 100%;
6346        height: 6px;
6347        background: repeating-linear-gradient(
6348            -45deg,
6349            var(--brutal-red),
6350            var(--brutal-red) 20px,
6351            var(--brutal-black) 20px,
6352            var(--brutal-black) 40px
6353        );
6354        z-index: 1;
6355    }
6356
6357    .container {
6358        max-width: 1200px;
6359        margin: 0 auto;
6360        padding: 40px 20px;
6361        position: relative;
6362        z-index: 2;
6363    }
6364
6365    /* GRID LAYOUT UTAMA */
6366    .footerWrap {
6367        display: flex;
6368        flex-wrap: wrap;
6369        gap: 50px;
6370        margin-bottom: 40px;
6371    }
6372
6373    .footerCol-column {
6374        flex: 2;
6375        min-width: 300px;
6376    }
6377
6378    .footerCol-nav {
6379        flex: 1;
6380        min-width: 200px;
6381    }
6382
6383    /* LOGO SECTION */
6384    .footerLogo {
6385        margin-bottom: 25px;
6386    }
6387
6388    .footerLogo img {
6389        max-width: 100%;
6390        height: auto;
6391        border: var(--brutal-border);
6392        box-shadow: 4px 4px 0px var(--brutal-red);
6393        transition: transform 0.2s ease;
6394        background: var(--brutal-black); /* Jika logo transparan, beri alas */
6395        padding: 5px;
6396    }
6397
6398    .footerLogo img:hover {
6399        transform: translate(-3px, -3px);
6400        box-shadow: 7px 7px 0px var(--brutal-red);
6401    }
6402
6403    /* MEDIA SOSIAL */
6404    .footerSosmed {
6405        margin-bottom: 30px;
6406    }
6407
6408    .footerSosmed-wrap {
6409        list-style: none;
6410        padding: 0;
6411        margin: 0 0 10px 0;
6412        display: flex;
6413        gap: 12px;
6414    }
6415
6416    .footerSosmed-link {
6417        display: flex;
6418        align-items: center;
6419        justify-content: center;
6420        width: 45px;
6421        height: 45px;
6422        background: var(--brutal-white);
6423        border: 2px solid var(--brutal-black);
6424        color: var(--brutal-black);
6425        text-decoration: none;
6426        font-family: 'Chakra Petch', sans-serif;
6427        font-weight: 800;
6428        font-size: 14px;
6429        /* Brutalist Shadow */
6430        box-shadow: 3px 3px 0px var(--brutal-black);
6431        transition: all 0.15s ease-out;
6432    }
6433
6434    .footerSosmed-link:hover {
6435        background: var(--brutal-red);
6436        color: var(--brutal-white);
6437        transform: translate(-3px, -3px);
6438        box-shadow: 6px 6px 0px var(--brutal-black);
6439    }
6440
6441    /* Mengganti div kosong ikon dengan inisial text (fallback jika tidak ada font icon) */
6442    .iconSos-facebook::after { content: 'FB'; }
6443    .iconSos-x::after { content: 'X'; }
6444    .iconSos-telegram::after { content: 'TG'; }
6445    .iconSos-instagram::after { content: 'IG'; }
6446    .iconSos-youtube::after { content: 'YT'; }
6447    .iconSos-whatsapp::after { content: 'WA'; }
6448    .iconSos-tiktok::after { content: 'TK'; }
6449
6450    /* DOWNLOAD APP SECTION */
6451    .footerDownload-wrap {
6452        list-style: none;
6453        padding: 0;
6454        margin: 0 0 30px 0;
6455        display: flex;
6456        gap: 15px;
6457    }
6458
6459    .footerDownload-store img {
6460        height: 40px;
6461        border: 2px solid var(--brutal-black);
6462        transition: all 0.2s;
6463    }
6464
6465    .footerDownload-store img:hover {
6466        transform: translate(-2px, -2px);
6467        box-shadow: 4px 4px 0px var(--brutal-red);
6468    }
6469
6470    /* PENGHARGAAN */
6471    .footerAchievement {
6472        margin-bottom: 30px;
6473    }
6474
6475    .footerAchievement-title {
6476        font-family: 'Chakra Petch', sans-serif;
6477        font-weight: 700;
6478        text-transform: uppercase;
6479        margin-bottom: 10px;
6480        font-size: 15px;
6481        border-left: 5px solid var(--brutal-red);
6482        padding-left: 10px;
6483    }
6484
6485    .footerAchievement-wrap {
6486        display: flex;
6487        flex-wrap: wrap;
6488        gap: 10px;
6489    }
6490
6491    .footerAchievement-img img {
6492        height: 45px;
6493        border: 2px solid var(--brutal-black);
6494        filter: grayscale(100%); /* Efek brutalist */
6495        transition: all 0.3s;
6496    }
6497
6498    .footerAchievement-img img:hover {
6499        filter: grayscale(0%);
6500        transform: translate(-2px, -2px);
6501        box-shadow: 3px 3px 0px var(--brutal-red);
6502    }
6503
6504    /* NEWSLETTER & CALL TO ACTION */
6505    .footerNewsletter-title {
6506        font-size: 18px;
6507        font-weight: 700;
6508        margin-bottom: 15px;
6509        line-height: 1.4;
6510    }
6511
6512    .footerNewsletter-link {
6513        display: inline-block;
6514        background: var(--brutal-red);
6515        color: var(--brutal-white);
6516        border: var(--brutal-border);
6517        padding: 12px 35px;
6518        font-family: 'Chakra Petch', sans-serif;
6519        font-size: 20px;
6520        font-weight: 800;
6521        text-transform: uppercase;
6522        text-decoration: none;
6523        letter-spacing: 2px;
6524        box-shadow: 6px 6px 0px var(--brutal-black);
6525        transition: all 0.15s ease-out;
6526    }
6527
6528    .footerNewsletter-link:hover {
6529        background: var(--brutal-white);
6530        color: var(--brutal-red);
6531        transform: translate(-4px, -4px);
6532        box-shadow: 10px 10px 0px var(--brutal-black);
6533    }
6534
6535    /* KOLOM MENU / NAVIGASI */
6536    .footerMenu-title {
6537        font-family: 'Chakra Petch', sans-serif;
6538        font-size: 22px;
6539        font-weight: 800;
6540        text-transform: uppercase;
6541        margin-bottom: 20px;
6542        color: var(--brutal-black);
6543        display: inline-block;
6544        border-bottom: 4px solid var(--brutal-red);
6545        padding-bottom: 5px;
6546    }
6547
6548    .footerMenu-wrap {
6549        list-style: none;
6550        padding: 0;
6551        margin: 0;
6552        display: grid;
6553        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
6554        gap: 10px;
6555    }
6556
6557    .footerMenu-link {
6558        color: var(--brutal-black);
6559        text-decoration: none;
6560        font-size: 16px;
6561        font-weight: 600;
6562        display: inline-block;
6563        transition: all 0.2s;
6564        position: relative;
6565    }
6566
6567    .footerMenu-link::before {
6568        content: '»';
6569        color: var(--brutal-red);
6570        margin-right: 5px;
6571        opacity: 0;
6572        transition: opacity 0.2s, transform 0.2s;
6573        display: inline-block;
6574        transform: translateX(-10px);
6575    }
6576
6577    .footerMenu-link:hover {
6578        color: var(--brutal-red);
6579        transform: translateX(5px);
6580    }
6581
6582    .footerMenu-link:hover::before {
6583        opacity: 1;
6584        transform: translateX(0);
6585    }
6586
6587    /* BAGIAN BAWAH FOOTER (BOTTOM MENU & COPYRIGHT) */
6588    .footerBottom {
6589        border-top: 4px solid var(--brutal-black);
6590        padding-top: 25px;
6591        display: flex;
6592        flex-direction: column;
6593        gap: 20px;
6594    }
6595
6596    .footerBottom-menu {
6597        list-style: none;
6598        padding: 0;
6599        margin: 0;
6600        display: flex;
6601        flex-wrap: wrap;
6602        gap: 15px 25px;
6603    }
6604
6605    .footerBottom-menu .footerMenu-link::before {
6606        display: none; /* Hilangkan panah di bottom menu */
6607    }
6608
6609    .footerBottom-menu .footerMenu-link {
6610        font-family: 'Chakra Petch', sans-serif;
6611        text-transform: uppercase;
6612        font-size: 13px;
6613        letter-spacing: 1px;
6614        border-bottom: 2px solid transparent;
6615    }
6616
6617    .footerBottom-menu .footerMenu-link:hover {
6618        border-bottom: 2px solid var(--brutal-red);
6619        transform: none;
6620    }
6621
6622    .footerCopyright {
6623        font-family: 'Chakra Petch', sans-serif;
6624        font-weight: 700;
6625        font-size: 14px;
6626        background: var(--brutal-black);
6627        color: var(--brutal-white);
6628        padding: 10px 15px;
6629        display: inline-block;
6630    }
6631
6632    .footerCopyright p {
6633        margin: 0;
6634        letter-spacing: 1px;
6635    }
6636
6637    /* RESPONSIVE DESIGN */
6638    @media (max-width: 768px) {
6639        .footerWrap {
6640            flex-direction: column;
6641            gap: 40px;
6642        }
6643
6644        .footerMenu-wrap {
6645            grid-template-columns: repeat(2, 1fr);
6646        }
6647
6648        .footerBottom-menu {
6649            justify-content: center;
6650            text-align: center;
6651        }
6652
6653        .footerCopyright {
6654            text-align: center;
6655            display: block;
6656        }
6657    }
6658
6659    @media (max-width: 480px) {
6660        .footerMenu-wrap {
6661            grid-template-columns: 1fr;
6662        }
6663        
6664        .footerSosmed-wrap {
6665            flex-wrap: wrap;
6666        }
6667    }
6668</style>
6669    </div>
6670
6671    
6671<script src="https://asset.kompas.com/data/2022/12/27/1003/kompascom/copy_credit.min.js"></script>
6671
6672
6673    
6673<script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
6673
6674    
6674<script type="text/javascript">
6675        popup_enabled = [
6676            'kgmModal-age',
6677            'kgmModal-cookie',
6678            'kgmModal-onetap-kompasplusreminder',
6679            // 'kgmModal-onetap-freepremium',
6680            'kgmModal-verify-v2',
6681            'kgmModal-onetap',
6682            'kgmModal-onetap'
6683        ];
6684    </script>
6684
6685    
6685<script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
6685
6686
6687
6688    <!-- 
6688<script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script>
6688 -->
6689    
6689<script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
6689
6690    
6690<script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
6690
6691    
6691<script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
6691
6692    
6692<script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
6692
6693    
6693<script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
6693
6694
6695    
6695<script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
6695
6696    
6696<script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
6696
6697
6698    
6698<script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
6698
6699
6700    
6700<script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
6700
6701
6702    
6702<script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
6702
6703
6704    
6704<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
6704
6705    
6705<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
6705
6706    
6706<script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
6706
6707    
6707<script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
6707
6708
6709    
6709<script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
6709
6710
6711    
6711<script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
6711
6712
6713    <!-- infografis zoom-->
6714    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
6715        <div class="pswp__bg"></div>
6716        <div class="pswp__scroll-wrap">
6717            <div class="pswp__container">
6718                <div class="pswp__item"></div>
6719                <div class="pswp__item"></div>
6720                <div class="pswp__item"></div>
6721            </div>
6722            <div class="pswp__ui pswp__ui--hidden">
6723                <div class="pswp__top-bar">
6724                    <div class="pswp__counter"></div>
6725                    <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
6726                    <button class="pswp__button pswp__button--share" title="Share"></button>
6727                    <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
6728                    <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
6729                    <div class="pswp__preloader">
6730                        <div class="pswp__preloader__icn">
6731                            <div class="pswp__preloader__cut">
6732                                <div class="pswp__preloader__donut"></div>
6733                            </div>
6734                        </div>
6735                    </div>
6736                </div>
6737                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
6738                    <div class="pswp__share-tooltip"></div>
6739                </div>
6740                <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
6741                <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
6742                <div class="pswp__caption">
6743                    <div class="pswp__caption__center"></div>
6744                </div>
6745            </div>
6746        </div>
6747    </div>
6748    
6748<script>
6749        !(function () {
6750            var time = new Date().getTime();
6751
6752            $(document.body).bind('mousemove keypress', function (e) {
6753                time = new Date().getTime();
6754            });
6755
6756            function refresh() {
6757                if (new Date().getTime() - time >= 900000) { // 15 Menit
6758                    window.location.reload(true);
6759                } else {
6760                    setTimeout(refresh, 10000);
6761                }
6762            }
6763            setTimeout(refresh, 10000);
6764        })();
6765    </script>
6765
6766
6767    
6767<script async src="https://asset.kompas.com/data/2025/08/26/1504/kompascom.js"></script>
6767
6768    
6768<script>
6769        function setCookieUkid(cname, cvalue, exdays) {
6770            var d = new Date();
6771            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
6772            var expires = "expires=" + d.toUTCString();
6773            document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;";
6774        }
6775        if (document.cookie.indexOf('ukid=') == -1) {
6776            var xhttp = new XMLHttpRequest();
6777            xhttp.onreadystatechange = function () {
6778                if (this.readyState == 4 && this.status == 200) {
6779                    var ukid_cookie = JSON.parse(xhttp.responseText);
6780                    setCookieUkid('ukid', ukid_cookie.ukid, 365);
6781                }
6782            };
6783            xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true);
6784            xhttp.send();
6785        }
6786    </script>
6786
6787    
6787<script>
6788        /*! lozad.js - v1.7.0 - 2018-11-08
6789        * https://github.com/ApoorvSaxena/lozad.js
6790        * Copyright (c) 2018 Apoorv Saxena; Licensed MIT */
6791        !function (t, e) { "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : t.lozad = e() }(this, function () {
6792            "use strict"; var g = Object.assign || function (t) { for (var e = 1; e < arguments.length; e++) { var r = arguments[e]; for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]) } return t }, r = "undefined" != typeof document && document.documentMode, l = { rootMargin: "0px", threshold: 0, load: function (t) { if ("picture" === t.nodeName.toLowerCase()) { var e = document.createElement("img"); r && t.getAttribute("data-iesrc") && (e.src = t.getAttribute("data-iesrc")), t.getAttribute("data-alt") && (e.alt = t.getAttribute("data-alt")), t.appendChild(e) } t.getAttribute("data-src") && (t.src = t.getAttribute("data-src")), t.getAttribute("data-srcset") && t.setAttribute("srcset", t.getAttribute("data-srcset")), t.getAttribute("data-background-image") && (t.style.backgroundImage = "url('" + t.getAttribute("data-background-image") + "')"), t.getAttribute("data-toggle-class") && t.classList.toggle(t.getAttribute("data-toggle-class")) }, loaded: function () { } };
6793/**
6794   * Detect IE browser
6795   * @const {boolean}
6796   * @private
6797   */function f(t) { t.setAttribute("data-loaded", !0) } var b = function (t) { return "true" === t.getAttribute("data-loaded") }; return function () { var r, o, a = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : ".lozad", t = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : {}, e = g({}, l, t), n = e.root, i = e.rootMargin, d = e.threshold, u = e.load, c = e.loaded, s = void 0; return window.IntersectionObserver && (s = new IntersectionObserver((r = u, o = c, function (t, e) { t.forEach(function (t) { (0 < t.intersectionRatio || t.isIntersecting) && (e.unobserve(t.target), b(t.target) || (r(t.target), f(t.target), o(t.target))) }) }), { root: n, rootMargin: i, threshold: d })), { observe: function () { for (var t = function (t) { var e = 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : document; return t instanceof Element ? [t] : t instanceof NodeList ? t : e.querySelectorAll(t) }(a, n), e = 0; e < t.length; e++)b(t[e]) || (s ? s.observe(t[e]) : (u(t[e]), f(t[e]), c(t[e]))) }, triggerLoad: function (t) { b(t) || (u(t), f(t), c(t)) }, observer: s } }
6798        });
6799    </script>
6799
6800
6801    
6801<script type="text/javascript">
6802        // Initialize library
6803        $(document).ready(function () {
6804            lozad('.lozad', {
6805                load: function (el) {
6806                    el.src = el.dataset.src;
6807                    el.onload = function () {
6808                        el.classList.add('fade')
6809                    }
6810                }
6811            }).observe()
6812        });
6813    </script>
6813
6814
6815    
6815<script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
6815
6816    
6816<script>
6817        function getCookie(name) {
6818            var name = name + '=';
6819            var cookies = decodeURIComponent(document.cookie).split(';');
6820            for (var i = 0; i < cookies.length; i++) {
6821                var c = cookies[i];
6822                while (c.charAt(0) == ' ') {
6823                    c = c.substring(1);
6824                }
6825                if (c.indexOf(name) == 0) {
6826                    return c.substring(name.length, c.length);
6827                }
6828            }
6829        }
6830
6831        let popup_state = JSON.parse(getCookie('popup_state'));
6832        if (popup_state.active_popup_id == 5) {
6833            KgmVerifyWidget({ publisher: "kompascom" });
6834        }
6835    </script>
6835
6836
6837    
6837<script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
6837
6838    
6838<script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
6838
6839
6840    <div class="modalContent reactionModal" data-modal-target="reaction-share">
6841        <div class="modalHeader">
6842            <div class="modalTitle"></div>
6843            <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
6844                <span class="icoBase icoDismiss"></span>
6845            </button>
6846        </div>
6847        <div class="modalBody socmedModal">
6848            <div class="socmedTitle">Bagikan artikel ini melalui</div>
6849            <div class="socmedList">
6850                <a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button"
6851                    aria-label="Share to Facebook">
6852                    <span class="icoSocmed icoFacebook"></span>
6853                    <span class="socmedTxt">Facebook</span>
6854                </a>
6855                <a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button"
6856                    aria-label="Share to Twitter">
6857                    <span class="icoSocmed icoTwitter"></span>
6858                    <span class="socmedTxt">X</span>
6859                </a>
6860                <a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button"
6861                    aria-label="Share to Whatsapp">
6862                    <span class="icoSocmed icoWhatsapp"></span>
6863                    <span class="socmedTxt">Whatsapp</span>
6864                </a>
6865                <a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button"
6866                    aria-label="Share to Line">
6867                    <span class="icoSocmed icoLine"></span>
6868                    <span class="socmedTxt">Line</span>
6869                </a>
6870                <a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button"
6871                    aria-label="Share to Telegram">
6872                    <span class="icoSocmed icoTelegram"></span>
6873                    <span class="socmedTxt">Telegram</span>
6874                </a>
6875                <a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button"
6876                    aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url"
6877                    data-title="URL Berhasil disalin">
6878                    <span class="icoSocmed icoCopyLink"></span>
6879                    <span class="socmedTxt">Copy Link</span>
6880                </a>
6881            </div>
6882            <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
6883        </div>
6884    </div>
6885
6886    
6886<script>
6887        (function () {
6888            $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function (e) {
6889
6890                if ($(this).data("type") == 'buku') {
6891                    let title = $(this).data("title");
6892                    let url = $(this).data("url").replace('http://', 'https://');
6893                    let copy_link = url;
6894                    let modals = $('.reactionModal');
6895                    modals.find('.modalTitle').html(title);
6896                    modals.find('#copyLinkUrl').html(copy_link);
6897                    modals.find('.socmedTitle').html('Bagikan buku ini melalui');
6898                    modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`);
6899                    modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`);
6900                    modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`);
6901                    modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`);
6902                    modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`);
6903                } else {
6904                    let title = $(this).data("title");
6905                    let url = $(this).data("url").replace('http://', 'https://');
6906                    let campaign = $(this).data("campaign");
6907                    let modals = $('.reactionModal');
6908                    let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
6909                    let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
6910                    let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4';
6911                    let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5';
6912                    let type = $(this).data("type") ? $(this).data("type") : 'article';
6913                    let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
6914                    let title_wa = '*' + title + '*\\n\\n' + title_klik + ':\\n';
6915                    let title_tele = '**' + title + '**';
6916                    let utm_campaign = custom_utm_campaign();
6917                    let copy_link = url + '?utm_source=Various&utm_medium=Referral&utm_campaign=' + utm_campaign;
6918                    modals.find('.modalTitle').html(title);
6919                    modals.find('#copyLinkUrl').html(copy_link);
6920                    modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
6921                    if (title.length < 200) {
6922                        modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n` + title_klik + `: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}')`);
6923                    } else {
6924                        modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n` + title_klik + `: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
6925                    }
6926                    modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
6927                    modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${title}%0D%0A%0D%0A` + title_klik + `:%0D%0A${url}%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}${tagline_ln}`);
6928                    modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`);
6929                }
6930
6931                openModal('reaction-share');
6932            });
6933        })();
6934
6935        function custom_utm_campaign() {
6936
6937
6938            if (window.location.hostname.indexOf('activity') == 0) {
6939                if (window.location.pathname == '/saved') {
6940                    return 'Saved_Desktop'
6941                } else if (window.location.pathname == '/like') {
6942                    return 'Liked_Desktop'
6943                }
6944            } else {
6945                var el_socmedList = document.querySelector('.socmedList');
6946                if (!!el_socmedList) {
6947                    var data_area = el_socmedList.getAttribute('data-area');
6948                    if (data_area == 'top') {
6949                        return 'Top_Desktop'
6950                    } else if (data_area == 'bottom') {
6951                        return 'Bottom_Desktop'
6952                    } else {
6953                        return 'AIML_Widget_Desktop'
6954                    }
6955                }
6956            }
6957
6958            return 'Sticky_Desktop'
6959        }
6960    </script>
6960<!-- reaction toast -->
6961    <div class="toast" data-toast="bottom">
6962        <div class="toastContent"></div>
6963        <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button"
6964            data-toast-button="dismiss">Oke</a>
6965    </div>
6966    
6966<script>
6967        var el_badge = document.querySelector('.sso__badge')
6968        var el_badge_menu = document.querySelector('.sso__badge__inline')
6969
6970        function checkSession() {
6971            var badge_temp_session = getCookie("_badge_temp_session")
6972            var badge_session = getCookie("badge_session")
6973            var badge_first_click = getCookie("badge_first_click");
6974
6975            if (badge_temp_session == "" && badge_session == "") {
6976                setCookie("_badge_temp_session", 1)
6977                setCookie("badge_session", 1, 8760)
6978                // console.log("test badge temp 1")
6979            } else if (badge_temp_session == "" && badge_session == 1) {
6980                setCookie("_badge_temp_session", 1)
6981                setCookie("badge_session", 2, 8760)
6982                // console.log("test badge temp 2")
6983            } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
6984                setCookie("_badge_temp_session", 1)
6985                setCookie("badge_session", 3, 8760)
6986                // console.log("test badge temp 3")
6987            }
6988
6989            setCookie("_badge_temp_session", 1)
6990        }
6991        checkSession()
6992
6993        function checkCookieBadgeNps() {
6994            var badge_session = getCookie("badge_session")
6995            var badge_first_click = getCookie("badge_first_click")
6996            var click_icon_badge = getCookie("click_icon_badge")
6997            var feedback_click = getCookie("feedback_click_badge")
6998
6999            // show badge jika sesi berikutnya  
7000            if (badge_session == 2) {
7001                el_badge.style.display = "block"
7002                el_badge_menu.style.display = "block"
7003                // console.log("test 1")    
7004            }
7005
7006            // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
7007            if (badge_session == 2 && badge_first_click == 1) {
7008                el_badge.style.display = "none"
7009                // console.log("test 2")  
7010
7011                // jika tidak cek,
7012                // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
7013                // atau jika di sesi berikutnya dan cookie click icon badge expired
7014                // atau jika di sesi berikutnya dan cookie badge feedback success expired
7015            } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) {
7016                el_badge.style.display = "block"
7017                el_badge_menu.style.display = "block"
7018                // console.log("test 3")
7019            }
7020
7021            // hide jika ada cookie click icon badge masih aktif 
7022            // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
7023            if (document.cookie.indexOf("click_icon_badge=") != -1) {
7024                el_badge.style.display = "none"
7025                // console.log("test 4")
7026            }
7027
7028            // jika "Berikan masukkanmu" telah dikilk, maka hide
7029            // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
7030            if (document.cookie.indexOf("feedback_click_badge=") != -1) {
7031                el_badge_menu.style.display = "none"
7032                // console.log("test 5")
7033            } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
7034                el_badge_menu.style.display = "block"
7035                // console.log("test 6")
7036            }
7037
7038            // hide jika telah memberi penilaian 
7039            if (document.cookie.indexOf("badge_feedback_success=") != -1) {
7040                el_badge.style.display = "none"
7041                el_badge_menu.style.display = "none"
7042                // console.log("test 7")
7043            }
7044        }
7045        checkCookieBadgeNps()
7046
7047        var sso__icon__login_top = document.getElementById('sso__icon__login_top')
7048        sso__icon__login_top.addEventListener('click', function () {
7049            var badge_session = getCookie("badge_session")
7050            var badge_first_click = getCookie("badge_first_click")
7051            var feedback_success = getCookie("badge_feedback_success")
7052            var click_icon_badge = getCookie("click_icon_badge")
7053            var click_icon_counter_badge = getCookie("click_icon_counter_badge")
7054
7055            if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
7056                // click untuk pertama kali di sesi berikutnya
7057                if (badge_session == 2 && badge_first_click == "") {
7058                    el_badge.style.display = "none"
7059                    el_badge_menu.style.display = "block"
7060                    setCookie("badge_first_click", 1, 8760)
7061                    // console.log("click 1")
7062
7063                    // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali    
7064                } else {
7065                    // jika belum ada cookie click icon badge
7066                    // dan ada di sesi berikutnya setelah click icon pertama kali
7067                    // dan counter click icon kosong atau 0
7068                    if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) {
7069                        setCookie("click_icon_counter_badge", 1, 8760)
7070                        setCookie("click_icon_badge", 1, 2)
7071                        el_badge.style.display = "none"
7072                        el_badge_menu.style.display = "block"
7073                        // console.log("clicked 1")
7074
7075                        // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
7076                    } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) {
7077                        setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760)
7078                        setCookie("click_icon_badge", 2, 24)
7079                        el_badge.style.display = "none"
7080                        el_badge_menu.style.display = "block"
7081                        // console.log("clicked 2")
7082
7083                        // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
7084                    } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
7085                        setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760)
7086                        setCookie("click_icon_badge", 3, 168)
7087                        el_badge.style.display = "none"
7088                        el_badge_menu.style.display = "block"
7089                        // console.log("clicked 3")
7090
7091                        // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
7092                    } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
7093                        setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon 
7094                        setCookie("click_icon_badge", 4, 672)
7095                        el_badge.style.display = "none"
7096                        el_badge_menu.style.display = "block"
7097                        // console.log("clicked 4")
7098                    }
7099                    // console.log("click 2")
7100                }
7101
7102                // jika feedback click expired dan counter >= 0, maka show
7103                var feedback_click_counter = getCookie("feedback_click_counter_badge")
7104                if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
7105                    el_badge_menu.style.display = 'block'
7106                }
7107            }
7108        })
7109
7110        var feedback__item = document.getElementById('feedback__item')
7111        feedback__item.addEventListener("click", function () {
7112            var feedback_click = getCookie("feedback_click_badge")
7113            var feedback_success = getCookie("badge_feedback_success")
7114            var feedback_click_counter = getCookie("feedback_click_counter_badge")
7115
7116            if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
7117                // jika belum ada cookie feedback click counter, maka set 2 jam
7118                if (feedback_click_counter == "" || feedback_click_counter == 0) {
7119                    setCookie("feedback_click_counter_badge", 1, 8760)
7120                    setCookie("feedback_click_badge", 1, 2)
7121                    el_badge_menu.style.display = "none"
7122                    // console.log("feedback clicked 1")
7123
7124                    // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
7125                } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) {
7126                    setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760)
7127                    setCookie("feedback_click_badge", 2, 24)
7128                    el_badge_menu.style.display = "none"
7129                    // console.log("feedback clicked 2")
7130
7131                    // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
7132                } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
7133                    setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760)
7134                    setCookie("feedback_click_badge", 3, 168)
7135                    el_badge_menu.style.display = "none"
7136                    // console.log("feedback clicked 3")
7137
7138                    // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
7139                } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
7140                    setCookie("feedback_click_counter_badge", 0, 8760)
7141                    setCookie("feedback_click_badge", 4, 672)
7142                    el_badge_menu.style.display = "none"
7143                    // console.log("feedback clicked 4")
7144                } else {
7145                    // jika di sesi sebelumnya sudah diklik tapi belum isi feedback
7146                    el_badge_menu.style.display = "none"
7147                    // console.log("feedback clicked 5")
7148                }
7149            }
7150        })
7151
7152        function setCookie(name, value, hour) {
7153            var expires = "";
7154            if (hour) {
7155                var date = new Date();
7156                date.setTime(date.getTime() + (hour * 60 * 60 * 1000));
7157                expires = "; expires=" + date.toUTCString();
7158            }
7159            document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/";
7160        }
7161
7162        function getCookie(cname) {
7163            var name = cname + "=";
7164            var decodedCookie = decodeURIComponent(document.cookie);
7165            var ca = decodedCookie.split(';');
7166            for (var i = 0; i < ca.length; i++) {
7167                var c = ca[i];
7168                while (c.charAt(0) == ' ') {
7169                    c = c.substring(1);
7170                }
7171                if (c.indexOf(name) == 0) {
7172                    return c.substring(name.length, c.length);
7173                }
7174            }
7175            return "";
7176        }
7177
7178        // action create cookie badge_feedback_success expired 90 hari
7179        var onSubmitNps = document.getElementById("nps-submit")
7180        if (onSubmitNps !== null) {
7181            onSubmitNps.addEventListener("click", function (e) {
7182                // e.preventDefault() 
7183                setCookie("badge_feedback_success", 1, 2160)
7184            })
7185        }
7186    </script>
7186
7187    
7187<script>
7188        const showAllBtnJs = document.querySelector('#show_all_news')
7189        if (!!showAllBtnJs) {
7190            showAllBtnJs.addEventListener('click', function () {
7191                const startPage = showAllBtnJs.dataset.startPage
7192                const url = new URL(window.location.href);
7193                window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`;
7194            })
7195        }
7196    </script>
7196
7197
7198    <section class="kgmModal -hide" id="kgmModal-onetap" data-event-category="KG Media ID Account"
7199        data-event-action="View KG Onetap" data-event-label="" data-event-track="impression" data-url="" type="button"
7200        id="kgmModal-onetap-close-tag" class="kgmModal-close">
7201        <div class="kgmModal-block">
7202            <div class="kgmModal-header">
7203                <div class="kgmModal-header-inner">
7204                    <div class="kgmModal-header-logo">
7205                        <img class="lozad"
7206                            data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1"
7207                            alt="logo-Kompas.com">
7208                    </div>
7209                    <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap"
7210                        data-event-label="Tags Button" data-event-track="click" data-url="" type="button"
7211                        id="kgmModal-onetap-close-tag" class="kgmModal-close" style="display:none;"></button>
7212                    <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap"
7213                        data-event-label="See All Button" data-event-track="click" type="button"
7214                        id="kgmModal-onetap-close-page"
7215                        onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;"
7216                        class="kgmModal-close" style="display:none;"></button>
7217                    <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap"
7218                        data-event-label="" data-event-track="click" type="button" id="kgmModal-onetap-close-iteraction"
7219                        onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;"
7220                        class="kgmModal-close" style="display:none;"></button>
7221                </div>
7222            </div>
7223            <div class="kgmModal-body">
7224
7225                <div class="kgmModal-center">
7226                    <div class="kgmModal-title" id="kgmModal-title">Gabung Sekarang Juga Untuk Info Lebih Lanjut Hanya
7227                        Di AMER606</div>
7228                </div>
7229
7230                <div class="kgmModal-onetap">
7231                    <!-- google -->
7232                    <div class="form-google">
7233                        <div id="kgOne1">
7234                            <div id="g_id_onload"
7235                                data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com"
7236                                data-context="signin" data-ux_mode="popup" data-service="a29tcGFz"
7237                                data-continue="aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbj91dG1fc291cmNlPWxvZ2luX2tnb25ldGFw"
7238                                data-login_uri="https://account.kompas.com/social/user"
7239                                data-scope="public_profile,email,openid" data-provider="google" data-nonce=""
7240                                data-auto_prompt="false">
7241                            </div>
7242
7243                            <div class="g_id_signin" data-type="standard" data-shape="rectangular"
7244                                data-theme="filled_blue" data-text="continue_with" data-size="large"
7245                                data-logo_alignment="left" onclick="actionGoogleLogin()">
7246                                <div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()">
7247                                    <div>
7248                                        <div tabindex="0" role="button" aria-labelledby="button-label"
7249                                            class="nsm7Bb-HzV7m-LgbsSe  hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK">
7250                                            <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div>
7251                                            <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb ">
7252                                                <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf">
7253                                                    <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c">
7254                                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
7255                                                            viewB
7255ox="0 0 48 48" class="LgbsSe-Bz112c">
7256                                                            <g>
7257                                                                <path fill="#EA4335"
7258                                                                    d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z">
7259                                                                </path>
7260                                                                <path fill="#4285F4"
7261                                                                    d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z">
7262                                                                </path>
7263                                                                <path fill="#FBBC05"
7264                                                                    d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z">
7265                                                                </path>
7266                                                                <path fill="#34A853"
7267                                                                    d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z">
7268                                                                </path>
7269                                                                <path fill="none" d="M0 0h48v48H0z"></path>
7270                                                            </g>
7271                                                        </svg>
7272                                                    </div>
7273                                                </div>
7274                                                <span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span>
7275                                                <span class="L6cTce" id="button-label">Continue with Google</span>
7276                                            </div>
7277                                        </div>
7278                                    </div>
7279                                    <div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb">
7280                                        <iframe
7281                                            src="https://accounts.google.com/gsi/button?type=standard&amp;shape=rectangular&amp;theme=filled_blue&amp;text=continue_with&amp;size=large&amp;logo_alignment=left&amp;client_id=776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com&amp;iframe_id=gsi_42450_629583&amp;as=JlGuvviOkWwkjKNkPHeL8A"
7282                                            allow="identity-credentials-get" id="gsi_42450_629583"
7283                                            title="Sign in with Google Button"
7284                                            style="display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border: 0px;"
7285                                            tabindex="-1"></iframe>
7286                                        <div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div>
7287                                    </div>
7288                                </div>
7289                            </div>
7290
7291                        </div>
7292                        <div id="kgOne2" style="display:none;">
7293                            <div id="googleLgnBtn"></div>
7294                        </div>
7295
7296                    </div>
7297
7298                    <!-- screen 1 -->
7299
7300                    <!-- screen 2 -->
7301
7302                    <!-- screen 3 -->
7303
7304                </div>
7305                <div class="kgmModal-divider -clean"><span>atau</span></div>
7306                <div class="kgmModal-method">
7307                    <a
7308                        href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg==">Gunakan
7309                        metode lain</a>
7310                </div>
7311            </div>
7312            <div class="kgmModal-footer">
7313                <div class="kgmModal-info">Dengan login, kamu menyetujui <a
7314                        href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div>
7315            </div>
7316        </div>
7317    </section>
7318
7319    
7319<script src="https://accounts.google.com/gsi/client" async defer></script>
7319
7320    
7320<script>
7321        var url_continue = "https://www.mojo.bio/";
7322
7323        function oneTapShow(tipe = '') {
7324            let otd = document.getElementById('kgmModal-onetap')
7325            if (!!otd) {
7326                let kgOne1 = document.getElementById('kgOne1');
7327                let kgOne2 = document.getElementById('kgOne2');
7328                kgOne2.style.display = 'none';
7329                kgOne1.style.display = 'block';
7330
7331                otd.classList.remove('-hide');
7332                document.body.classList.add('-locked');
7333            }
7334        }
7335
7336        function oneTapHide() {
7337            let otd = document.getElementById('kgmModal-onetap')
7338            if (!!otd) {
7339                otd.classList.add('-hide');
7340                document.body.classList.remove('-locked');
7341            }
7342        }
7343
7344        function hideButtonClose() {
7345            document.getElementById('kgmModal-onetap-close-tag').style.display = 'none';
7346            document.getElementById('kgmModal-onetap-close-page').style.display = 'none';
7347            document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none';
7348        }
7349
7350        //     // // start all kanal tag rule
7351        // document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => {
7352        //     event.preventDefault()
7353        //     hideButtonClose();
7354        //     var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
7355        //     kgmModalOneTapClose.style.display = "block";
7356        //     kgmModalOneTapClose.dataset.url = element.getAttribute("href");
7357        //     document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn')
7358        //     document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu';
7359        //     var script = document.createElement("script");
7360        //     (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
7361        //     document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button';
7362        //     oneTapShow();
7363        // }));
7364
7365        // let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
7366        // if (!!kgmModalOneTapClose) {
7367        //     kgmModalOneTapClose.addEventListener('click', function (e) {
7368        //         var url_tag = kgmModalOneTapClose.dataset.url;
7369        //         window.location.href = url_tag;
7370        //     });
7371        // }
7372        // // end all kanal tag rule
7373        // 
7374        // start food tag rule
7375        let pageShow = document.getElementById('show_all');
7376        if (!!pageShow) {
7377            pageShow.addEventListener('click', function (e) {
7378                hideButtonClose();
7379                var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
7380                kgmModalOneTapPage.style.display = "block";
7381                document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=seeall_btn');
7382                document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap';
7383                var script = document.createElement("script");
7384                (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
7385                document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button';
7386                oneTapShow();
7387            });
7388        }
7389
7390        $(document).on("click", "#commentFormLogin", function () {
7391            var komentar_url = $(this).data('komentar-url');
7392            hideButtonClose();
7393            var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
7394            kgmModalOneTapPage.style.display = "block";
7395            document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article');
7396            document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.';
7397            var script = document.createElement("script");
7398            (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
7399            document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article';
7400            oneTapShow();
7401        });
7402
7403        document.addEventListener('DOMContentLoaded', function () {
7404            const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]');
7405            if (!!elementKgOneTapAction) {
7406                elementKgOneTapAction.forEach(function (el) {
7407                    el.addEventListener('click', function () {
7408                        const kgOneTapAction = el.getAttribute('data-kgonetap-action');
7409                        let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
7410                        let lgnTrigger = '';
7411                        let eventLabel = 'See All Button';
7412
7413                        if (kgOneTapAction == 'COMMENT_POST') {
7414                            kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
7415                            lgnTrigger = 'comment_post_btn';
7416                            eventLabel = 'Comment Post Button';
7417
7418                        } else if (kgOneTapAction == 'COMMENT_LIKE') {
7419                            kgOneTapTitle = 'Login untuk menyukai komentar ini';
7420                            lgnTrigger = 'comment_like_btn';
7421                            eventLabel = 'Comment Like Button';
7422
7423                        } else if (kgOneTapAction == 'COMMENT_DISLIKE') {
7424                            kgOneTapTitle = 'Login untuk menanggapi komentar ini';
7425                            lgnTrigger = 'comment_dislike_btn';
7426                            eventLabel = 'Comment Disike Button';
7427
7428                        } else if (kgOneTapAction == 'COMMENT_REPLY') {
7429                            kgOneTapTitle = 'Login untuk membalas komentar ini';
7430                            lgnTrigger = 'comment_reply_btn';
7431                            eventLabel = 'Comment Reply Button';
7432
7433                            el.querySelector('.commentButton').textContent = 'Balas';
7434                            el.closest('.commentItem').querySelector('.reply_form').style.display = 'none';
7435                        } else if (kgOneTapAction == 'MYVALUE_CLAIM') {
7436                            kgOneTapTitle = 'Login untuk mendapatkan voucher';
7437                            lgnTrigger = 'claim_voucher_button';
7438                            eventLabel = 'Claim Voucher Button';
7439                        }
7440
7441                        hideButtonClose();
7442                        var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
7443                        kgmModalOneTapPage.style.display = "block";
7444                        document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger);
7445                        document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle;
7446                        var script = document.createElement("script");
7447                        (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
7448                        const dataEventLabel = document.getElementById('kgmModal-onetap');
7449                        if (!!dataEventLabel) {
7450                            dataEventLabel.dataset.eventLabel = eventLabel;
7451                            const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]');
7452                            if (!!otherDataEventLabel) {
7453                                otherDataEventLabel.forEach(function (label) {
7454                                    label.dataset.eventLabel = eventLabel
7455                                })
7456                            }
7457                        }
7458                        oneTapShow();
7459                    });
7460                });
7461            }
7462        })
7463        // start reaction rule
7464        document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => {
7465
7466            hideButtonClose();
7467
7468            var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
7469            kgmModalOneTapIteraction.style.display = "block";
7470
7471            var trigger_touch_point = 'click_like';
7472            var label = 'Like';
7473            var title = 'Suka konten ini? Login untuk menyimpan preferensimu';
7474
7475            if (element.dataset.ttp == 'dislike') {
7476                trigger_touch_point = 'click_dislike';
7477                label = 'Dislike';
7478                title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu';
7479            } else if (element.dataset.ttp == 'bookmark') {
7480                trigger_touch_point = 'click_bookmark';
7481                label = 'Bookmark';
7482                title = 'Login untuk simpan dan baca nanti';
7483            } else if (element.dataset.ttp == 'like_comment') {
7484                trigger_touch_point = 'click_like_comment';
7485                label = 'Like Comment'
7486                title = 'Login untuk kasih jempol buat komentar ini.';
7487            } else if (element.dataset.ttp == 'dislike_comment') {
7488                trigger_touch_point = 'click_dislike_comment';
7489                label = 'Dislike Comment'
7490                title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi';
7491            }
7492
7493            // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
7494            document.getElementById('kgmModal-title').innerHTML = title;
7495            // var script = document.createElement("script");
7496            // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
7497            // document.getElementById('kgmModal-onetap').dataset.eventLabel = label
7498            // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
7499            oneTapShow('reaction');
7500        }));
7501        // end reaction rule
7502
7503        // start comment rule
7504        let CommentShow = document.getElementById('btnSendIteration');
7505        if (!!CommentShow) {
7506
7507            CommentShow.addEventListener('click', function (e) {
7508
7509                hideButtonClose();
7510
7511                var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
7512                kgmModalOneTapIteraction.style.display = "block";
7513
7514                var trigger_touch_point = 'click_post_comment';
7515                var label = 'Post Comment'
7516                var title = 'Login untuk menyampaikan komentarmu.';
7517
7518                document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + trigger_touch_point)
7519                document.getElementById('kgmModal-title').innerHTML = title;
7520                var script = document.createElement("script");
7521                (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
7522                document.getElementById('kgmModal-onetap').dataset.eventLabel = label
7523                document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
7524                oneTapShow();
7525            });
7526        }
7527        // end comment rule
7528
7529        function getMeta(metaName) {
7530            const metas = document.getElementsByTagName('meta');
7531            for (let i = 0; i < metas.length; i++) {
7532                if (metas[i].getAttribute('name') === metaName) {
7533                    return metas[i].getAttribute('content');
7534                }
7535            }
7536            return '';
7537        }
7538
7539        const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction');
7540        if (!!closeModalOneTap) {
7541            closeModalOneTap.addEventListener('click', function () {
7542                localStorage.removeItem('reaction_like_temp')
7543                localStorage.removeItem('reaction_dislike_temp')
7544                localStorage.removeItem('reaction_bookmark_temp')
7545            })
7546        }
7547    </script>
7547
7548    
7548<script>
7549        var addebug = document.querySelectorAll('.cpRight');
7550        for (i = 0; i < addebug.length; ++i) {
7551            addebug[i].addEventListener('click', function handleClick() {
7552                googletag.openConsole();
7553            });
7554        };
7555    </script>
7555
7556
7557
7558    
7558<script>
7559        var inject_baca_juga = document.getElementsByClassName('inject-baca-juga');
7560        if (inject_baca_juga.length > 0) {
7561            var xhr_auto_baca_juga = new XMLHttpRequest();
7562            xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true);
7563            xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json");
7564            xhr_auto_baca_juga.onreadystatechange = function () {
7565                if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) {
7566                    var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText);
7567                    for (var i = 0; i < inject_baca_juga.length; i++) {
7568                        inject_baca_juga[i].innerHTML = '<p><strong>Baca juga: <a href="' + json_baca_juga.items[i].url.replace('http:/', 'https:/') + '?source=bacajuga&engine=C" class="inner-link-baca-juga" target="_self">' + json_baca_juga.items[i].title + '</a></strong></p>';
7569                    }
7570                }
7571            };
7572            var data = JSON.stringify({
7573                "pageurl": "https://www.mojo.bio/",
7574                "pagetype": "baca-juga"
7575            });
7576            xhr_auto_baca_juga.send(data);
7577        }
7578    </script>
7578
7579
7580<div id="AMER606-progress" aria-hidden="true"></div>
7581<button id="AMER606-top" type="button" aria-label="Kembali ke atas" title="Kembali ke atas">↑</button>
7582<script id="AMER606-ux-tools">
7583(function(){
7584    var progress=document.getElementById('AMER606-progress');
7585    var topBtn=document.getElementById('AMER606-top');
7586    function updateUX(){
7587        var doc=document.documentElement;
7588        var max=doc.scrollHeight-doc.clientHeight;
7589        var pct=max>0?(doc.scrollTop/max)*100:0;
7590        if(progress){progress.style.width=pct+'%';}
7591        if(topBtn){topBtn.classList.toggle('is-visible',doc.scrollTop>500);}
7592    }
7593    window.addEventListener('scroll',updateUX,{passive:true});
7594    window.addEventListener('resize',updateUX);
7595    if(topBtn){topBtn.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'});});}
7596    updateUX();
7597})();
7598</script>
7598
7599
7600<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7600
7601</body>
7602
7603</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.