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*(&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 & 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 & Infrastruktur</a></li> 3988 <li><a href="https://mojo.rachi.info/">Berkurangnya Kesenjangan</a></li> 3989 <li><a href="https://mojo.rachi.info/">Kota & Pemukiman yang Berkelanjutan</a></li> 3990 <li><a href="https://mojo.rachi.info/">Konsumsi & 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=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&shape=rectangular&theme=filled_blue&text=continue_with&size=large&logo_alignment=left&client_id=776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com&iframe_id=gsi_42450_629583&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.