1 2 3 4 5 6 <!DOCTYPE html> 7 <html lang="id"> 8 <head> 9 <meta charset="UTF-8"> 10 <title>DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!</title> 11 <meta name="description" content="Daftar Mulantogel dengan proses yang praktis melalui metode pembayaran yang tersedia, termasuk e-wallet atau bank. Ikuti panduan pendaftaran dengan langkah sederhana dan mudah dipahami.."> 12 <meta name="robots" content="index,follow"> 13 <link rel="canonical" href="https://www.awesometeefashion.com/"> 14 <link rel="amphtml" href="https://daftarkuy.masukmulan.work/"> 15 <link rel="alternate" hreflang="id-id" href="https://daftarkuy.masukmulan.work/"/> 16 <link rel="alternate" href="https://daftarkuy.masukmulan.work/"/> 17 <link rel="alternate" hreflang="id" href="https://daftarkuy.masukmulan.work/"/> 18 <link rel="alternate" hreflang="en" href="https://daftarkuy.masukmulan.work/"/> 19 <link rel="alternate" hreflang="x-default" href="https://daftarkuy.masukmulan.work/"/> 20 <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
vendor: 68 bytes, lines 20-21
20 21 <script async src="https://www.googletagmanager.com/gtag/js?id=
21G-0LSM1YJSPZ
vendor: 49 bytes, lines 21-22
21" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script> 22
22<meta name="google-site-verification" content="jJpQdMZLsd6LKxPL896WsxfPTeb8v2793Jql_r5PyWY" /> 23
23<script nonce="se3iyzEHMc9FQEB4wSyd0w==">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"granted",wait_for_update:500});gtag("js",new Date);gtag("config","G-0LSM1YJSPZ",{send_page_view:!0,linker:{domains:["plazait.co.id","www.plazait.co.id"]}});window.ga4Ecomm={viewItem:function(e){if(!window.gtag)return;try{gtag("event","view_item",{currency:e.currency||"IDR",value:e.value||0,items:[{item_id:e.item_id||"",item_name:e.item_name||"",item_brand:e.item_brand||"",item_category:e.item_category||"",price:e.price||0,quantity:1}]})}catch(t){}},addToCart:function(e){if(!window.gtag)return;try{gtag("event","add_to_cart",{currency:e.currency||"IDR",value:(e.price||0)*(e.quantity||1),items:[{item_id:e.item_id||"",item_name:e.item_name||"",item_brand:e.item_brand||"",item_category:e.item_category||"",price:e.price||0,quantity:e.quantity||1}]})}catch(t){}}};</script>
23 24 <meta property="og:locale" content="id_ID"> 25 <meta property="og:site_name" content="Plaza IT"> 26 <meta property="og:type" content="product"> 27 <meta property="og:title" content="DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!"> 28 <meta property="og:description" content="Daftar Mulantogel dengan proses yang praktis melalui metode pembayaran yang tersedia, termasuk e-wallet atau bank. Ikuti panduan pendaftaran dengan langkah sederhana dan mudah dipahami.."> 29 <meta property="og:url" content="https://www.awesometeefashion.com/"> 30 <meta property="og:image" content="https://i.imgur.com/nEjmIao.jpeg"> 31 <meta property="og:image:alt" content="DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!"> 32 <meta property="product:price:amount" content="5000"> 33 <meta property="product:price:currency" content="IDR"> 34 <meta property="product:availability" content="out of stock"> 35 <meta name="twitter:card" content="summary_large_image"> 36 <meta name="twitter:title" content="DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!"> 37 <meta name="twitter:description" content="Daftar Mulantogel dengan proses yang praktis melalui metode pembayaran y
37ang tersedia, termasuk e-wallet atau bank. Ikuti panduan pendaftaran dengan langkah sederhana dan mudah dipahami.."> 38 <meta name="twitter:image" content="https://i.imgur.com/nEjmIao.jpeg"> 39 40
40<script type="application/ld+json"> 41 { 42 "@context": "https://schema.org", 43 "@type": "WebSite", 44 "@id": "/#website", 45 "url": "https://www.awesometeefashion.com/", 46 "name": "MULANTOGEL", 47 "inLanguage": "id", 48 "potentialAction": { 49 "@type": "SearchAction", 50 "target": "https://www.awesometeefashion.com/", 51 "query-input": "required name=search_term_string" 52 } 53 } 54 </script>
54 55 56
56<script type="application/ld+json"> 57 { 58 "@context": "https://schema.org", 59 "@type": "Organization", 60 "@id": "/#organization", 61 "name": "MULANTOGEL", 62 "url": "https://www.awesometeefashion.com/", 63 "logo": "https://cdnstatic.augipt.com/webroot/instances/smb/omu/mulantogel.augipt.com/html/logo.png" 64 } 65 </script>
65 66 67
67<script type="application/ld+json"> 68 { 69 "@context": "https://schema.org", 70 "@type": "Product", 71 "name": "DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!", 72 "sku": "8S89G1554EGB", 73 "image": [ 74 "https://i.imgur.com/nEjmIao.jpeg" 75 ], 76 "url": "https://www.awesometeefashion.com/", 77 "description": "Daftar Mulantogel dengan proses yang praktis melalui metode pembayaran yang tersedia, termasuk e-wallet atau bank. Ikuti panduan pendaftaran dengan langkah sederhana dan mudah dipahami.. ", 78 "category": "MULANTOGEL", 79 "brand": { 80 "@type": "Brand", 81 "name": "MULANTOGEL" 82 }, 83 "offers": { 84 "@type": "Offer", 85 "url": "https://www.awesometeefashion.com/", 86 "priceCurrency": "IDR", 87 "price": "5000", 88 "priceValidUntil": "2027-03-01", 89 "availability": "https://schema.org/OutOfStock", 90 "itemCondition": "https://schema.org/NewCondition", 91 "seller": { 92 "@type": "Organization", 93 "name": "MULANTOGEL", 94 "url": "https://www.awesometeefashion.com/" 95 } 96 }, 97 "aggregateRating": { 98 "@type": "AggregateRating", 99 "ratingValue": "4.9", 100 "reviewCount": "808", 101 "bestRating": "5", 102 "worstRating": "1" 103 } 104 } 105 </script>
105 106 107
107<script type="application/ld+json"> 108 { 109 "@context": "https://schema.org", 110 "@type": "BreadcrumbList", 111 "itemListElement": [ 112 { 113 "@type": "ListItem", 114 "position": 1, 115 "name": "MULANTOGEL", 116 "item": "https://www.awesometeefashion.com/" 117 }, 118 { 119 "@type": "ListItem", 120 "position": 2, 121 "name": "MULANTOGEL LOGIN", 122 "item": "https://www.awesometeefashion.com/" 123 } 124 ] 125 } 126 </script>
126 127 128
128<script type="application/ld+json"> 129 { 130 "@context": "https://schema.org", 131 "@type": "FAQPage", 132 "mainEntity": [ 133 { 134 "@type": "Question", 135 "name": "Apakah pendaftaran Mulantogel dapat dilakukan menggunakan e-wallet atau bank apa saja?", 136 "acceptedAnswer": { 137 "@type": "Answer", 138 "text": "Ketersediaan metode pembayaran bergantung pada e-wallet, bank, dan ketentuan layanan yang didukung platform. Karena itu, klaim âbank apa sajaâ sebaiknya diperiksa melalui halaman resmi sebelum digunakan. Pengguna perlu melihat daftar metode yang tersedia, batas transaksi, kemungkinan biaya, serta waktu pemrosesan agar tidak terjadi kesalahpahaman saat melakukan pembayaran.." 139 } 140 }, 141 { 142 "@type": "Question", 143 "name": "Apa maksud fitur daftar akun gratis?", 144 "acceptedAnswer": { 145 "@type": "Answer", 146 "text": "Istilah âgratisâ biasanya dapat merujuk pada tidak adanya biaya pembuatan akun, tetapi tidak otomatis berarti semua transaksi bebas biaya. Bank, e-wallet, atau penyedia pembayaran dapat menerapkan biaya sendiri sesuai kebijakan masing-masing. Baca syarat pendaftaran dan informasi transaksi secara teliti, lalu pastikan nominal serta nama penerima sudah sesuai sebelum menyelesaikan pembayaran.." 147 } 148 }, 149 { 150 "@type": "Question", 151 "name": "Bagaimana cara mendaftar dengan aman melalui e-wallet atau bank?", 152 "acceptedAnswer": { 153 "@type": "Answer", 154 "text": "Gunakan halaman pendaftaran dari sumber resmi, isi data yang benar, dan pilih metode pembayaran y
154ang memang tertera pada platform. Periksa nama penerima serta nominal sebelum melakukan transaksi. Jangan mengirim PIN, kata sandi, atau kode OTP kepada siapa pun. Setelah pembayaran selesai, simpan bukti transaksi dan hubungi kanal bantuan resmi jika akun atau saldo belum tercatat.." 155 } 156 }, 157 { 158 "@type": "Question", 159 "name": "Apa yang harus dilakukan jika pendaftaran atau pembayaran mengalami kendala?", 160 "acceptedAnswer": { 161 "@type": "Answer", 162 "text": "Periksa koneksi internet, data yang dimasukkan, status transaksi, serta informasi pada aplikasi bank atau e-wallet. Hindari melakukan pembayaran ulang sebelum status transaksi pertama jelas. Simpan bukti pembayaran dan catat waktu kejadian, kemudian hubungi dukungan resmi melalui kontak yang dapat diverifikasi. Jangan mengirim data rahasia kepada akun pribadi yang mengaku sebagai petugas.." 163 } 164 }, 165 { 166 "@type": "Question", 167 "name": "Apakah pendaftaran dan deposit menjamin kemenangan dalam permainan?", 168 "acceptedAnswer": { 169 "@type": "Answer", 170 "text": "Tidak. Pendaftaran maupun metode pembayaran hanya berkaitan dengan akses dan transaksi, bukan hasil permainan. Permainan berbasis peluang memiliki hasil yang tidak dapat dipastikan. Gunakan layanan sebagai hiburan, tetapkan anggaran yang rela dikeluarkan, jangan memakai uang kebutuhan utama atau pinjaman, dan hindari mengejar kerugian dengan menambah dana.." 171 } 172 }, 173 { 174 "@type": "Question", 175 "name": "Apakah MULANTOGEL memiliki tampilan mobile friendly?", 176 "acceptedAnswer": { 177 "@type": "Answer", 178 "text": "Ya, MULANTOGEL dirancang dengan tampilan mobile friendly agar tetap ringan, rapi, dan mudah digunakan saat dibuka melalui perangkat seluler." 179 } 180 } 181 ] 182 } 183 </script>
183 184 <!-- User Session Data --> 185 <meta name="csrf-token" content="9ce6e4a17f7cc189893df9e47789b13e98829450d516a0cae5ca7b5f43e5dadc"> 186 <meta name="user-logged-in" content="false"> 187 <meta name="user-id" content="0"> 188 189 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 190 191 <link rel="shortcut icon" href="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" type="image/x-icon"> 192 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/style.css"> 193 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/bottom-nav.css"> 194 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/search-suggest.css"> 195 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/product-detail.css"> 196 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/product-grid.css"> 197 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/site-notice.css"> 198 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/benchmark.css"> 199 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/product-filters.css"> 200 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/mega-menu-tiles.css"> 201 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/product-compare.css"> 202 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/product-card-actions.css"> 203 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/modal.css"> 204 205 <link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/reviews-points.css"> 206 207 </head> 208 <body> 209 <header class="topbar"> 210 <div class="container topbar-inner"> 211 <div class="topbar-left"> 212 DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis! 213 </div> 214 <div class="topbar-right"> 215 <a href="https://www.awesometeefashion.com/">MULANTOGEL</a> 216 <a href="https://www.awesometeefashion.com/">Promo</a> 217 <a href="https://daftarkuy.masukmulan.work/">Daftar</a> 218 <a href="https://daftarkuy.masukmulan.work/">Masuk</a> 219 </div> 220 </div> 221 </header> 222 <nav class="navbar"> 223 <nav class="navbar-logo" style="width: 100%;"> 224 <div class="container nav-inner" style="justify-items: center; justify-content: center;"> 225 <a href="https://www.awesometeefashion.com/" class="logo-mobile"> 226 <img src="https://cdnstatic.augipt.com/webroot/instances/smb/omu/mulantogel.augipt.com/html/logo.png" alt="MULANTOGEL" height="100"> 227 </a> 228 </div> 229 </nav> 230 <div class="container nav-inner"> 231 <a href="https://www.awesometeefashion.com/" class="logo"> 232 <img src="https://cdnstatic.augipt.com/webroot/instances/smb/omu/mulantogel.augipt.com/html/logo.png" alt="MULANTOGEL" height="100"> 233 </a> 234 235 236 <form class="search" method="get" action="#"> 237 <input type="hidden" name="page" value="produk"> 238 239 <!-- Search Icon (Desktop) --> 240 <button type="submit" class="search-icon-btn" id="searchBtn" aria-label="Cari"> 241 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 242 <circle cx="11" cy="11" r="8"/> 243 <path d="m21 21-4.35-4.35"/> 244 </svg> 245 </button> 246 247 <input type="text" name="q" id="searchInput" placeholder="Cari MULANTOGEL" 248 value="" autocomplete="off"> 249 250 <div class="search-suggest" id="searchSuggest" hidden></div> 251 </form> 252 253 <div class="nav-actions"> 254 <!--<button class="icon-btn" id="notifBtn" title="Notifikasi">ð</button>--> 255 <button class="icon-btn cart-indicator" id="cartBtn" title="Keranjang"> 256 ð <span id="cartCount" class="badge" data-role="cart-badge" aria-live="polite">0</span> 257 </button> 258 259 260 <span id="compareCount" class="badge" data-role="compare-badge" aria-live="polite">0</span> 261 </button> 262 263 <!-- Dynamic login/logout button --> 264 <button class="login-btn" id="loginBtn" aria-label="Masuk">
265 <span class="login-text">Masuk</span> 266 <span class="login-ico" aria-hidden="true">ð</span> 267 </button> 268 </div> 269 </div> 270 271 <div class="container" style="display: flex; align-items: center;"> 272 273 274 <div class="mega-cats-wrapper"> 275 <div class="mega-cats container" id="megaCatsScroll" style="padding-left: 5px !important;"> 276 <a class="" href="https://www.awesometeefashion.com/"> 277 MULANTOGEL </a> 278 <a class="" href="https://www.awesometeefashion.com/"> 279 MULANTOGEL LOGIN </a> 280 <a class="" href="https://www.awesometeefashion.com/"> 281 MULANTOGEL ALTERNATIF </a> 282 <a class="" href="https://www.awesometeefashion.com/"> 283 SITUS MULANTOGEL </a> 284 <a class="" href="https://www.awesometeefashion.com/"> 285 MULANTOGEL VIP </a> 286 <a class="" href="https://www.awesometeefashion.com/"> 287 MULAN TOGEL </a> 288 <a class="" href="https://www.awesometeefashion.com/"> 289 LINK MULANTOGEL </a> 290 </div> 291 <div class="mega-cats-fade" id="megaCatsFade"></div> 292 </div> 293 </div> 294 </nav> 295 296 <!-- Panel Mega Menu - Outside navbar for full-screen --> 297 <div class="mm2-panel" data-mm2="panel" role="dialog" aria-label="Kategori"> 298 <div class="mm2-view is-active" data-mm2="top"></div> 299 <div class="mm2-view" data-mm2="detail"></div> 300 </div> 301 302 <!-- Backdrop - Outside navbar for full-screen --> 303 <div class="mm2-backdrop" data-mm2="backdrop"></div> 304 305 <!-- Mobile Bottom Navigation --> 306 <nav class="bottom-nav"> 307 <div class="bottom-nav-inner"> 308 <!-- Home --> 309 <a href="https://www.awesometeefashion.com/" class="bottom-nav-item" id="bottomHomeBtn" data-page="home"> 310 <div class="bottom-nav-item-icon"> 311 <!-- Outlined icon (default) --> 312 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 313 <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/> 314 <polyline points="9 22 9 12 15 12 15 22"/> 315 </svg> 316 <!-- Filled icon (active) --> 317 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 318 <path d="M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 010 1.06l-.03.03a.75.75 0 01-1.06 0l-8.16-8.16-8.16 8.16a.75.75 0 01-1.06 0l-.03-.03a.75.75 0 010-1.06l8.69-8.69z"/> 319 <path d="M12 5.5l-7.5 7.5v8.25c0 .414.336.75.75.75h3.75v-6h6v6h3.75a.75.75 0 00.75-.75V13l-7.5-7.5z"/> 320 </svg> 321 </div> 322 <span class="bottom-nav-item-label">Home</span> 323 </a> 324 325 <!-- Kategori --> 326 <button class="bottom-nav-item" id="bottomCategoryBtn" data-mm2="trigger" aria-label="Kategori"> 327 <div class="bottom-nav-item-icon"> 328 <!-- Outlined icon (default) --> 329 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 330 <line x1="3" y1="12" x2="21" y2="12"/> 331 <line x1="3" y1="6" x2="21" y2="6"/> 332 <line x1="3" y1="18" x2="21" y2="18"/> 333 </svg> 334 <!-- Filled icon (active) --> 335 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 336 <path d="M3 5.25A.75.75 0 013.75 4.5h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 5.25zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 6.75a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z"/> 337 </svg> 338 </div> 339 <span class="bottom-nav-item-label">Kategori</span> 340 </button> 341 342 <!-- Keranjang --> 343 <button class="bottom-nav-item" id="bottomCartBtn"> 344 <div class="bottom-nav-item-icon"> 345 <!-- Outlined icon (default) -->
346 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 347 <circle cx="9" cy="21" r="1"/> 348 <circle cx="20" cy="21" r="1"/> 349 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/> 350 </svg> 351 <!-- Filled icon (active) --> 352 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 353 <path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"/> 354 </svg> 355 <span class="bottom-nav-item-badge" id="bottomCartCount">0</span> 356 </div> 357 <span class="bottom-nav-item-label">Keranjang</span> 358 </button> 359 360 <!-- Compare --> 361 <button class="bottom-nav-item" id="bottomCompareBtn"> 362 <div class="bottom-nav-item-icon"> 363 <!-- Outlined icon (default) --> 364 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 365 <polyline points="17 11 21 7 17 3"/> 366 <path d="M21 7H9"/> 367 <polyline points="7 21 3 17 7 13"/> 368 <path d="M15 17H3"/> 369 </svg> 370 <!-- Filled icon (active) --> 371 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 372 <path d="M21.75 6.75a.75.75 0 00-.75-.75H9a.75.75 0 000 1.5h10.19L15.22 11.47a.75.75 0 001.06 1.06l4.5-4.5a.75.75 0 00.22-.53.75.75 0 00-.22-.53l-.03-.03zM8.78 12.47L4.28 16.97a.75.75 0 000 1.06l4.5 4.5a.75.75 0 001.06-1.06L6.06 18H15a.75.75 0 000-1.5H4.81l3.97-3.97a.75.75 0 00-1.06-1.06z"/> 373 </svg> 374 <span class="bottom-nav-item-badge" id="bottomCompareCount" style="display:none;">0</span> 375 </div> 376 <span class="bottom-nav-item-label">Compare</span> 377 </button> 378 379 <!-- Chat - Always show, check login in JavaScript --> 380 <button class="bottom-nav-item" id="bottomChatBtn" data-page="chat"> 381 <div class="bottom-nav-item-icon"> 382 <!-- Outlined icon (default) --> 383 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" opacity="0.85"> 384 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/> 385 </svg> 386 <!-- Filled icon (active) --> 387 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 388 <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/> 389 </svg> 390 <span class="bottom-nav-item-badge" id="bottomChatCount" style="display:none;">0</span> 391 </div> 392 <span class="bottom-nav-item-label">Chat</span> 393 </button> 394 395 <!-- Akun --> 396 <button class="bottom-nav-item" id="bottomLoginBtn"> 397 <div class="bottom-nav-item-icon"> 398 <!-- Outlined icon (default) --> 399 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 400 <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/> 401 <circle cx="12" cy="7" r="4"/> 402 </svg> 403 <!-- Filled icon (active) --> 404 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 405 <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/> 406 </svg> 407 </div> 408 <span class="bottom-nav-item-label">Login</span> 409 </button> 410 </svg> 411 </div> 412 </button> 413 </div> 414 </nav> 415 <!-- Mobile User Menu Bottom Sheet --> 416 417
417<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 418 (function(){ 419 const btn = document.getElementById('megaMoreBtn'); 420 const dd = document.getElementById('megaMoreDropdown'); 421 if(!btn || !dd) return; 422 423 function openDD(){ 424 dd.hidden = false; 425 btn.setAttribute('aria-expanded','true'); 426 document.addEventListener('click', outside, {capture:true}); 427 document.addEventListener('keydown', esc); 428 } 429 function closeDD(){ 430 if(dd.hidden) return; 431 dd.hidden = true; 432 btn.setAttribute('aria-expanded','false'); 433 document.removeEventListener('click', outside, {capture:true}); 434 document.removeEventListener('keydown', esc); 435 } 436 function toggle(){ dd.hidden ? openDD() : closeDD(); } 437 function outside(e){ 438 if(!dd.contains(e.target) && e.target !== btn){ 439 closeDD(); 440 } 441 } 442 function esc(e){ 443 if(e.key === 'Escape'){ 444 closeDD(); 445 btn.focus(); 446 } 447 } 448 btn.addEventListener('click', toggle); 449 })(); 450 451 // ========== HORIZONTAL SCROLL FADE INDICATOR ========== 452 (function(){ 453 const megaCats = document.getElementById('megaCatsScroll'); 454 const fade = document.getElementById('megaCatsFade'); 455 if (!megaCats || !fade) return; 456 457 function updateFade() { 458 const scrollLeft = megaCats.scrollLeft; 459 const scrollWidth = megaCats.scrollWidth; 460 const clientWidth = megaCats.clientWidth; 461 const maxScroll = scrollWidth - clientWidth; 462 463 // Hide fade when scrolled to end (within 10px tolerance) 464 if (maxScroll - scrollLeft <= 10) { 465 fade.style.opacity = '0'; 466 } else { 467 fade.style.opacity = '1'; 468 } 469 } 470 471 // Update on scroll 472 megaCats.addEventListener('scroll', updateFade, { passive: true }); 473 474 // Update on resize 475 window.addEventListener('resize', updateFade, { passive: true }); 476 477 // Initial check 478 setTimeout(updateFade, 100); 479 })(); 480 481 document.addEventListener('DOMContentLoaded', function () { 482 var input = document.getElementById('searchInput'); 483 if (!input) return; 484 input.addEventListener('keydown', function (e) { 485 if (e.key === 'Enter') { 486 e.preventDefault(); 487 var form = input.form; 488 if (!form) return; 489 if (typeof form.requestSubmit === 'function') form.requestSubmit(); 490 else form.submit(); 491 } 492 }); 493 }); 494 495 496 (function(){ 497 const cartBtn = document.getElementById('cartBtn'); 498 if (cartBtn) { 499 cartBtn.addEventListener('click', function(e) { 500 e.preventDefault(); 501 502 const checkLogin = () => { 503 return window.isUserLoggedIn ? window.isUserLoggedIn() : false; 504 }; 505 506 if (checkLogin()) { 507 window.location.href = '/keranjang'; 508 } else { 509 showCartLoginModal(); 510 } 511 }); 512 } 513 514 const loginBtn = document.getElementById('loginBtn'); 515 if (loginBtn) { 516 loginBtn.addEventListener('click', function(e) { 517 e.preventDefault(); 518 window.location.href = 'https://www.awesometeefashion.com/'; 519 }); 520 } 521 522 const userMenuBtn = document.getElementById('userMenuBtn'); 523 const userDropdown = document.getElementById('userDropdown'); 524 525 if (userMenuBtn && userDropdown) { 526 function openDropdown() { 527 userDropdown.hidden = false; 528 userMenuBtn.setAttribute('aria-expanded', 'true'); 529 document.addEventListener('click', closeOnOutside, { capture: true }); 530 document.addEventListener('keydown', closeOnEscape); 531 } 532 533 function closeDropdown() { 534 if (userDropdown.hidden) return; 535 userDropdown.hidden = true; 536 userMenuBtn.setAttribute('aria-expanded', 'false'); 537 document.removeEventListener('click', closeOnOutside, { capture: true }); 538 document.removeEventListener('keydown', closeOnEscape); 539 } 540 541 function closeOnOutside(e) { 542 if (!userDropdown.contains(e.target) && e.target !== userMenuBtn) { 543 closeDropdown(); 544 } 545 } 546 547 function closeOnEscape(e) { 548 if (e.key === 'Escape') { 549 closeDropdown(); 550 userMenuBtn.focus(); 551 } 552 } 553 554 userMenuBtn.addEventListener('click', function(e) { 555 e.preventDefault(); 556 userDropdown.hidden ? openDropdown() : closeDropdown(); 557 }); 558 559 // Close dropdown when clicking profile links 560 userDropdown.querySelectorAll('[data-close-dropdown]').forEach(link => { 561 link.addEventListener('click', function() { 562 closeDropdown(); 563 }); 564 }); 565 } 566 567 // Bottom nav profile button - toggle mobile bottom sheet 568 const bottomProfileBtn = document.getElementById('bottomProfileBtn'); 569 const mobileUserSheet = document.getElementById('mobileUserSheet'); 570 const mobileUserSheetBackdrop = document.getElementById('mobileUserSheetBackdrop'); 571 572 if (bottomProfileBtn && mobileUserSheet) { 573 function openMobileSheet() { 574 mobileUserSheet.hidden = false;
575 document.body.style.overflow = 'hidden'; 576 // Trigger animation 577 requestAnimationFrame(() => { 578 mobileUserSheet.classList.add('active'); 579 }); 580 } 581 582 function closeMobileSheet() { 583 mobileUserSheet.classList.remove('active'); 584 document.body.style.overflow = ''; 585 setTimeout(() => { 586 mobileUserSheet.hidden = true; 587 }, 300); 588 } 589 590 bottomProfileBtn.addEventListener('click', function(e) { 591 e.preventDefault(); 592 openMobileSheet(); 593 }); 594 595 if (mobileUserSheetBackdrop) { 596 mobileUserSheetBackdrop.addEventListener('click', closeMobileSheet); 597 } 598 599 // Close on escape key 600 document.addEventListener('keydown', function(e) { 601 if (e.key === 'Escape' && !mobileUserSheet.hidden) { 602 closeMobileSheet(); 603 } 604 }); 605 606 // Close sheet when clicking profile links 607 mobileUserSheet.querySelectorAll('[data-close-sheet]').forEach(link => { 608 link.addEventListener('click', function() { 609 closeMobileSheet(); 610 }); 611 }); 612 } 613 614 // Handle Google avatar error in bottom-nav (fallback to initials) 615 const bottomNavAvatar = document.querySelector('.bottom-nav-avatar-img'); 616 if (bottomNavAvatar) { 617 bottomNavAvatar.addEventListener('error', function() { 618 const initials = this.getAttribute('data-fallback-initials') || 'U'; 619 const initialsDiv = document.createElement('div'); 620 initialsDiv.className = 'bottom-nav-avatar-initials'; 621 initialsDiv.textContent = initials; 622 this.parentNode.replaceChild(initialsDiv, this); 623 }); 624 } 625 626 // Mobile logout button 627 const mobileLogoutBtn = document.getElementById('mobileLogoutBtn'); 628 if (mobileLogoutBtn) { 629 mobileLogoutBtn.addEventListener('click', async function(e) { 630 e.preventDefault(); 631 632 // Check push notification before logout 633 if (window.ChatNotification && typeof window.ChatNotification.confirmLogoutWithPushNotification === 'function') { 634 const confirmLogout = await window.ChatNotification.confirmLogoutWithPushNotification(); 635 if (!confirmLogout) { 636 return; // User cancelled logout 637 } 638 } 639 640 const getCsrfToken = () => document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''; 641 642 try { 643 const response = await fetch('/auth/logout', { 644 method: 'POST', 645 credentials: 'same-origin', 646 headers: { 647 'Content-Type': 'application/json', 648 'X-CSRF-Token': getCsrfToken() 649 }, 650 body: JSON.stringify({ 651 csrf_token: getCsrfToken() 652 }) 653 }); 654 655 if (response.ok) { 656 if (window.guestCart && typeof window.guestCart.clear === 'function') { 657 window.guestCart.clear(); 658 } 659 window.location.href = '/login?logged_out=1'; 660 } else { 661 console.error('Logout failed'); 662 window.location.href = '/logout'; 663 } 664 } catch (error) { 665 console.error('Logout error:', error); 666 window.location.href = '/logout'; 667 } 668 }); 669 } 670 671 const logoutBtn = document.getElementById('logoutBtn'); 672 if (logoutBtn) { 673 logoutBtn.addEventListener('click', async function(e) { 674 e.preventDefault(); 675 676 // Check push notification before logout 677 if (window.ChatNotification && typeof window.ChatNotification.confirmLogoutWithPushNotification === 'function') { 678 const confirmLogout = await window.ChatNotification.confirmLogoutWithPushNotification(); 679 if (!confirmLogout) { 680 return; // User cancelled logout 681 } 682 } 683 684 const getCsrfToken = () => document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''; 685 686 try { 687 const response = await fetch('/auth/logout', { 688 method: 'POST', 689 credentials: 'same-origin', 690 headers: { 691 'Content-Type': 'application/json', 692 'X-CSRF-Token': getCsrfToken() 693 }, 694 body: JSON.stringify({ 695 csrf_token: getCsrfToken() 696 }) 697 }); 698 699 if (response.ok) { 700 if (window.guestCart && typeof window.guestCart.clear === 'function') { 701 window.guestCart.clear(); 702 } 703 704 window.location.href = '/login?logged_out=1'; 705 } else { 706 console.error('Logout failed'); 707 window.location.href = '/logout'; 708 } 709 } catch (error) { 710 console.error('Logout error:', error); 711 window.location.href = '/logout'; 712 } 713 }); 714 } 715 716 const wishlistBtn = document.getElementById('wishlistBtn'); 717 const notifBtn = document.getElementById('notifBtn'); 718 719 if (wishlistBtn) { 720 wishlistBtn.addEventListener('click', function(e) { 721 e.preventDefault(); 722 alert('Fitur wishlist akan segera tersedia!'); 723 }); 724 } 725 726 if (notifBtn) { 727 notifBtn.addEventListener('click', function(e) { 728 e.preventDefault(); 729 alert('Fitur notifikasi akan segera tersedia!'); 730 }); 731 } 732 })(); 733 734 // ========== MOBILE BOTTOM NAVIGATION ========== 735 (function initBottomNav() { 736 // Sync cart badge with bottom nav 737 function syncBottomCartBadge() { 738 const mainBadge = document.getElementById('cartCount'); 739 const bottomBadge = document.getElementById('bottomCartCount'); 740 if (mainBadge && bottomBadge) { 741 const count = mainBadge.textContent; 742 bottomBadge.textContent = count; 743 bottomBadge.style.display = parseInt(count) > 0 ? 'flex' : 'none'; 744 } 745 } 746 747 // Sync compare badge with bottom nav 748 function syncBottomCompareBadge() { 749 const mainBadge = document.getElementById('compareCount'); 750 const bottomBadge = document.getElementById('bottomCompareCount'); 751 if (mainBadge && bottomBadge) { 752 const count = mainBadge.textContent; 753 bottomBadge.textContent = count; 754 bottomBadge.style.display = parseInt(count) > 0 ? 'flex' : 'none'; 755 } 756 } 757 758 // Initial sync 759 syncBottomCartBadge(); 760 syncBottomCompareBadge(); 761 762 // Observe badge changes 763 const observer = new MutationObserver(function() { 764 syncBottomCartBadge(); 765 syncBottomCompareBadge(); 766 }); 767 768 const cartBadge = document.getElementById('cartCount'); 769 const compareBadge = document.getElementById('compareCount'); 770 771 if (cartBadge) observer.observe(cartBadge, { childList: true, characterData: true, subtree: true }); 772 if (compareBadge) observer.observe(compareBadge, { childList: true, characterData: true, subtree: true }); 773 774 // Bottom Cart Button 775 const bottomCartBtn = document.getElementById('bottomCartBtn'); 776 if (bottomCartBtn) { 777 bottomCartBtn.addEventListener('click', function(e) { 778 e.preventDefault(); 779 780 const checkLogin = () => { 781 return window.isUserLoggedIn ? window.isUserLoggedIn() : false;
782 }; 783 784 if (checkLogin()) { 785 window.location.href = '/keranjang'; 786 } else { 787 showCartLoginModal(); 788 } 789 }); 790 } 791 792 // Bottom Compare Button 793 const bottomCompareBtn = document.getElementById('bottomCompareBtn'); 794 if (bottomCompareBtn) { 795 bottomCompareBtn.addEventListener('click', function(e) { 796 e.preventDefault(); 797 798 // Close chat widget if open 799 if (window.plazaChat && window.plazaChat.isWidgetOpen) { 800 window.plazaChat.closeWidget(); 801 } 802 803 const mainCompareBtn = document.getElementById('compareBtn'); 804 if (mainCompareBtn) { 805 mainCompareBtn.click(); 806 } 807 }); 808 } 809 810 // Bottom Category Button - triggers mega menu 811 const bottomCategoryBtn = document.getElementById('bottomCategoryBtn'); 812 if (bottomCategoryBtn) { 813 bottomCategoryBtn.addEventListener('click', function(e) { 814 e.preventDefault(); 815 // Trigger desktop mega menu 816 const desktopTrigger = document.querySelector('.mm2-trigger:not(#bottomCategoryBtn)'); 817 if (desktopTrigger) { 818 desktopTrigger.click(); 819 } 820 }); 821 } 822 823 // Bottom Login Button 824 const bottomLoginBtn = document.getElementById('bottomLoginBtn'); 825 if (bottomLoginBtn) { 826 bottomLoginBtn.addEventListener('click', function(e) { 827 e.preventDefault(); 828 window.location.href = '/login'; 829 }); 830 } 831 832 // Bottom Chat Button 833 const bottomChatBtn = document.getElementById('bottomChatBtn'); 834 if (bottomChatBtn) { 835 bottomChatBtn.addEventListener('click', function(e) { 836 e.preventDefault(); 837 838 // Trigger chat widget (try multiple times if needed) 839 const triggerChat = () => { 840 const chatToggle = document.getElementById('chat-toggle-btn'); 841 if (chatToggle) { 842 chatToggle.click(); 843 return true; 844 } 845 return false; 846 }; 847 848 // Immediate attempt 849 if (!triggerChat()) { 850 // Retry after 100ms if not found 851 setTimeout(() => { 852 if (!triggerChat()) { 853 // Last resort: manually show popup 854 const popup = document.getElementById('chat-popup'); 855 if (popup) { 856 popup.style.display = 'block'; 857 } 858 } 859 }, 100); 860 } 861 }); 862 } 863 864 // Sync chat unread badge 865 function syncBottomChatBadge() { 866 const chatBadge = document.getElementById('chat-unread-badge'); 867 const bottomChatBadge = document.getElementById('bottomChatCount'); 868 if (chatBadge && bottomChatBadge) { 869 const count = chatBadge.textContent; 870 bottomChatBadge.textContent = count; 871 bottomChatBadge.style.display = chatBadge.style.display; 872 } 873 } 874 875 // Observe chat badge changes 876 const chatBadge = document.getElementById('chat-unread-badge'); 877 if (chatBadge) { 878 observer.observe(chatBadge, { attributes: true, childList: true, characterData: true, subtree: true }); 879 syncBottomChatBadge(); 880 } 881 882 // Active state management based on current page 883 function updateActiveState() { 884 const currentPath = window.location.pathname; 885 const bottomNavItems = document.querySelectorAll('.bottom-nav-item'); 886 887 bottomNavItems.forEach(item => { 888 item.classList.remove('active'); 889 890 const itemId = item.id; 891 const page = item.getAttribute('data-page'); 892 const href = item.getAttribute('href'); 893 894 // Check by ID for specific pages 895 if (itemId === 'bottomHomeBtn' && currentPath === '/') { 896 item.classList.add('active'); 897 } else if (itemId === 'bottomCartBtn' && (currentPath === '/keranjang' || currentPath === '/cart')) { 898 item.classList.add('active'); 899 } else if (itemId === 'bottomProfileBtn' && currentPath.startsWith('/profile')) { 900 item.classList.add('active'); 901 } else if (itemId === 'bottomCategoryBtn' && currentPath.startsWith('/kategori')) { 902 item.classList.add('active'); 903 } else if (itemId === 'bottomCompareBtn' && currentPath === '/compare') { 904 item.classList.add('active'); 905 } else if (itemId === 'bottomChatBtn' && currentPath === '/chat') { 906 item.classList.add('active'); 907 } 908 // Fallback: check by data-page attribute 909 else if (page === 'home' && currentPath === '/') { 910 item.classList.add('active'); 911 } else if (page === 'profile' && currentPath.startsWith('/profile')) { 912 item.classList.add('active'); 913 } 914 // Fallback: check by href 915 else if (href && currentPath === href) { 916 item.classList.add('active'); 917 } 918 }); 919 } 920 921 // Update active state on load 922 updateActiveState(); 923 924 // Bottom nav always visible - auto-hide disabled for better UX 925 // const bottomNav = document.querySelector('.bottom-nav'); 926 // if (bottomNav && window.innerWidth <= 640) { 927 // // Auto-hide feature disabled 928 // } 929 })(); 930 // Cart Login Modal Handler (Global scope) 931 function showCartLoginModal() { 932 const modal = document.getElementById('cartLoginModal'); 933 if (!modal) return; 934 935 modal.classList.add('show'); 936 937 const confirmBtn = document.getElementById('cartLoginConfirm'); 938 const registerBtn = document.getElementById('cartRegisterBtn'); 939 const cancelBtn = document.getElementById('cartLoginCancel'); 940 941 const handleLogin = () => { 942 window.location.href = '/login?return=' + encodeURIComponent('/keranjang'); 943 }; 944 945 const handleRegister = () => { 946 window.location.href = '/register?return=' + encodeURIComponent('/keranjang'); 947 }; 948 949 const handleCancel = () => { 950 modal.classList.remove('show'); 951 confirmBtn.removeEventListener('click', handleLogin); 952 registerBtn.removeEventListener('click', handleRegister); 953 cancelBtn.removeEventListener('click', handleCancel); 954 }; 955 956 confirmBtn.removeEventListener('click', handleLogin); 957 registerBtn.removeEventListener('click', handleRegister); 958 cancelBtn.removeEventListener('click', handleCancel); 959 960 confirmBtn.addEventListener('click', handleLogin); 961 registerBtn.addEventListener('click', handleRegister); 962 cancelBtn.addEventListener('click', handleCancel); 963 964 modal.addEventListener('click', (e) => { 965 if (e.target === modal) { 966 handleCancel(); 967 } 968 }); 969 } 970 </script>
970 971 972 <!-- Product Compare Sidebar --> 973 <div class="compare-sidebar" id="compareSidebar"> 974 <div class="compare-header"> 975 <h4 class="compare-title"> 976 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 977 <path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/> 978 </svg> 979 Bandingkan Produk 980 <span class="compare-count" id="compareCountSidebar">(0)</span> 981 </h4> 982 <button class="compare-close" id="compareClose" aria-label="Tutup"> 983 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 984 <path d="M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 0 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z"/> 985 </svg> 986 </button> 987 </div> 988 989 <div class="compare-content"> 990 <div class="compare-empty" id="compareEmpty"> 991 <div class="empty-icon"> 992 <svg width="48" height="48" viewBox="0 0 24 24" fill="currentColor" opacity="0.3"> 993 <path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/> 994 </svg> 995 </div> 996 <h5>Belum ada produk dipilih</h5> 997 <p>Pilih produk yang ingin dibandingkan dengan klik tombol "Bandingkan Produk" di halaman produk.</p> 998 </div> 999 1000 <div class="compare-list" id="compareList"> 1001 <!-- Products will be populated here --> 1002 </div> 1003 </div> 1004 1005 <div class="compare-actions" id="compareActions"> 1006 <button class="btn btn-outline-danger btn-sm" id="compareClearAll"> 1007 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 1008 <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/> 1009 </svg> 1010 Hapus Semua 1011 </button> 1012 <button class="btn btn-primary btn-sm" id="compareAnalyze" disabled> 1013 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 1014 <path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z"/> 1015 </svg> 1016 Analisis AI 1017 </button> 1018 </div> 1019 1020 <!-- AI Disclaimer in Sidebar --> 1021 <div class="compare-disclaimer"> 1022 <div class="ai-disclaimer"> 1023 <div class="disclaimer-text"> 1024 <strong>ð¡ Catatan:</strong> Dengan berbagai pilihan yang tersedia, pengguna memiliki kebebasan untuk menentukan jenis permainan yang paling sesuai dengan preferensi masing-masing. 1025 </div> 1026 </div> 1027 </div> 1028 </div><link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/pd-lightbox.css"> 1029 <style>.paylater-promo{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#141815 0,#131614 100%);border:1px solid #d30000;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.4;margin:8px 0}.paylater-promo-sm{padding:6px 10px;font-size:11px;gap:6px}.paylater-promo-md{padding:8px 12px;font-size:13px;gap:8px}.paylater-promo-lg{padding:10px 16px;font-size:14px;gap:10px}.paylater-icon{font-size:1.2em;flex-shrink:0}.paylater-text{display:flex;flex-direction:column;gap:2px}.paylater-text strong{color:#d30000;font-weight:600}.paylater-text small{color:#d30000;font-size:.85em;opacity:.9}.paylater-desktop-only{display:none}.paylater-mobile-only{display:flex}@media (min-width:641px){.paylater-desktop-only{display:flex}.paylater-mobile-only{display:none}}@media (max-width:640px){.paylater-promo{font-size:12px;padding:7px 10px}.paylater-promo-lg{font-size:13px;padding:8px 12px}}@media print{.paylater-promo{display:none!important}}.paylater-compact{display:inline-block;font-size:11px;font-weight:600;color:#d30000;background:#d1fae5;padding:3px 8px;border-radius:4px;margin:6px 0 4px;line-height:1.3}@media (max-width:640px){.paylater-compact{font-size:10px;padding:2px 6px;margin:5px 0 3px}}@media print{.paylater-compact{display:none!important}}</style><style nonce="se3iyzEHMc9FQEB4wSyd0w==">.pd-voucher-minimal{margin:10px 0;display:flex;flex-direction:column;gap:6px}.pdv-min-item{display:flex;align-items:center;gap:8px;padding:0;height:32px;transition:all .2s ease}.pdv-min-hidden{display:none}.pdv-min-disabled{opacity:.5}.pdv-badge-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;border-radius:8px;padding:3px;
1029cursor:pointer;transition:all .2s ease;width:auto}.pdv-badge-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.pdv-badge-btn:disabled{opacity:.6;cursor:not-allowed}.pdv-badge-icon{color:#fff;flex-shrink:0}.pdv-badge-text{font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.pdv-badge-code{font-family:'Courier New',monospace;font-size:13px;font-weight:700;color:#fff;background:rgba(255,255,255,.2);padding:4px 8px;border-radius:4px;border:none;white-space:nowrap}.pdv-min-copy,.pdv-min-more{padding:4px 12px;font-size:12px;font-weight:600;border-radius:5px;border:1px solid #e2e8f0;background:#fff;color:#667eea;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pdv-min-copy:hover:not(:disabled),.pdv-min-more:hover{background:#667eea;color:#fff;border-color:#667eea}.pdv-min-copy:disabled{opacity:.4;cursor:not-allowed}.pdv-min-copy.copied{background:#c52222;color:#fff;border-color:#c52222}.pdv-min-more{margin-left:auto}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#64748b;padding:4px;transition:color .2s ease}.modal-close:hover{color:#1e293b}.modal-body{margin-bottom:8px}.voucher-modal-content{text-align:center}.voucher-modal-badge{display:inline-flex;flex-direction:row;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:10px;padding:8px 16px;margin-bottom:12px}.vmb-value{font-size:18px;font-weight:700;color:#fff;line-height:1}.vmb-label{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.voucher-modal-code{font-family:'Courier New',monospace;font-size:14px;font-weight:700;color:#667eea;background:rgba(102,126,234,.1);padding:6px 12px;border-radius:6px;border:2px dashed rgba(102,126,234,.3);display:inline-block;margin-bottom:10px}.voucher-modal-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:16px}.voucher-modal-details{text-align:left;background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:16px}.vmd-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;color:#64748b;border-bottom:1px solid #e2e8f0}.vmd-item:last-child{border-bottom:none}.vmd-item svg{color:#667eea;flex-shrink:0;margin-top:2px}.vmd-item strong{color:#1e293b}.modal-actions{padding:20px}.modal-btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.modal-btn-primary:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:640px){.pdv-min-item{gap:6px}.pdv-badge-btn{padding:3px;gap:6px}.pdv-badge-text{font-size:13px}.pdv-badge-code{font-size:12px;padding:3px 6px}.pdv-min-copy,.pdv-min-more{padding:3px 10px;font-size:11px}.modal-dialog{max-width:95%;margin:20px}.vmb-value{font-size:16px}.vmb-label{font-size:16px}.voucher-modal-code{font-size:13px;padding:5px 10px}}</style><style nonce="se3iyzEHMc9FQEB4wSyd0w==">.promo-endyear-mini-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(242,140,26,.2);border-radius:12px;margin:16px 0;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease}.promo-endyear-mini-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12);border-color:rgba(242,140,26,.4)}.pey-icon{font-size:32px;line-height:1;flex-shrink:0}.pey-content{flex:1;min-width:0}.pey-content strong{display:block;font-size:14px;font-weight:700;color:#F28C1A;margin-bottom:2px}.pey-content span{display:block;font-size:13px;color:#64748b;line-height:1.4}.pey-link{flex-shrink:0;padding:8px 16px;background:linear-gradient(135deg,#F28C1A,#FFB84D);color:#fff;text-decoration:none;font-size:13px;font-weight:700;border-radius:8px;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px rgba(242,140,26,.25)}.pey-link:hover{transform:translateX(2px);box-shadow:0 4px 12px rgba(242,140,26,.35)}@media(max-width:640px){.promo-endyear-mini-banner{flex-wrap:wrap;gap:8px;padding:10px 12px}.pey-icon{font-size:28px;align-self:flex-start}.pey-content{flex:1;min-width:0}.pey-content strong{font-size:12px}.pey-content span{font-size:11px;line-height:1.3}.pey-link{width:100%;flex-basis:100%;font-size:11px;padding:6px 12px;text-align:center}}@media print{.promo-endyear-mini-banner{display:none!important}}</style> 1030 <style nonce="se3iyzEHMc9FQEB4wSyd0w=="> 1031 .pd-title-row{position:relative;margin-bottom:12px;padding-right:52px}.pd-title{margin:0!important}.pd-share-btn{position:absolute;top:0;right:0;width:40px;height:40px;
1031display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.pd-share-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.pd-share-btn:active{transform:translateY(0)}.pd-share-btn svg{display:block} 1032 1033 .pd-share-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.75);backdrop-filter:blur(4px);z-index:99999;display:none;align-items:center;justify-content:center;padding:0;animation:fadeIn .2s ease}.pd-share-modal-overlay.show{display:flex}.pd-share-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:480px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}} 1034 1035 .pd-share-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.pd-share-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.pd-share-close{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pd-share-close:hover{background:#f1f5f9;color:#0f172a}.pd-share-body{padding:24px;overflow-y:auto} 1036 1037 .pd-share-preview{display:flex;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.pd-share-preview-img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #e2e8f0}.pd-share-preview-info{flex:1;min-width:0}.pd-share-preview-name{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pd-share-preview-price{font-size:16px;font-weight:700;color:#d30000;margin:0} 1038 1039 .pd-share-label{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px 0;text-transform:uppercase;letter-spacing:.5px}.pd-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.pd-share-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.pd-share-option:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-2px)}.pd-share-option:active{transform:translateY(0)} 1040 1041 .pd-share-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative}.pd-share-icon svg{width:24px;height:24px;display:block}.pd-share-icon-whatsapp{background:linear-gradient(135deg,#d30000 0%,#3c3300 100%);color:#fff}.pd-share-icon-facebook{background:linear-gradient(135deg,#1877F2 0%,#0c63d4 100%);color:#fff}.pd-share-icon-twitter{background:linear-gradient(135deg,#1DA1F2 0%,#0d8bd9 100%);color:#fff}.pd-share-icon-telegram{background:linear-gradient(135deg,#0088cc 0%,#0077b3 100%);color:#fff}.pd-share-icon-email{background:linear-gradient(135deg,#EA4335 0%,#c5331f 100%);color:#fff}.pd-share-icon-copy{background:linear-gradient(135deg,#f1db63 0%,#e5d146 100%);color:#fff}.pd-share-icon-pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.pd-share-name{font-size:12px;font-weight:600;color:#475569;text-align:center} 1042 1043 .pd-share-copy-section{background:#f8fafc;padding:16px;border-radius:12px}.pd-share-copy-input-wrap{display:flex;gap:8px}.pd-share-copy-input{flex:1;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;font-family:'Segoe UI',system-ui,sans-serif}.pd-share-copy-input:focus{outline:0;border-color:#d30000;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.pd-share-copy-btn{padding:12px 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#e90e0e 0%,#0284c7 100%);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.pd-share-copy-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.3)}
1043.pd-share-copy-btn:active{transform:translateY(0)}.pd-share-copy-btn svg{width:16px;height:16px}.pd-share-copy-btn.copied{background:linear-gradient(135deg,#c52222 0%,#a31616 100%);pointer-events:none} 1044 1045 @media(max-width:640px){.pd-share-modal{border-radius:20px 20px 0 0;margin-top:auto;max-height:85vh}.pd-share-grid{grid-template-columns:repeat(3,1fr)}.pd-share-header{padding:16px 20px}.pd-share-body{padding:20px}.pd-share-btn{width:36px;height:36px}.pd-share-btn svg{width:18px;height:18px}}@media(max-width:480px){.pd-share-grid{grid-template-columns:repeat(3,1fr);gap:10px}.pd-share-option{padding:12px 6px}.pd-share-icon{width:36px;height:36px}.pd-share-icon svg{width:20px;height:20px}.pd-share-name{font-size:11px}} 1046 1047 .mf-share{background:#fff;color:#fb923c;border:2px solid #fb923c;display:inline-flex;align-items:center;justify-content:center}.mf-share:active{transform:scale(.95)}.mf-share svg{display:block} 1048 1049 @media(max-width:640px){.pd-share-btn{display:none!important}} 1050 1051 .stock-badge.in{background:#e6f9ec;color:#801515;border-radius:999px;padding:4px 10px;font-weight:700}.stock-badge.out{background:#fee2e2;color:#b91c1c;border-radius:999px;padding:4px 10px;font-weight:700} 1052 1053 .stock-info-btn{--c:#e90e0e;--b:#bae6fd;--bg:#f0f9ff;--bg-h:#e0f2fe;--b-h:#e90e0e;margin-left:0;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:4px 10px;border-radius:999px;border:1.5px solid var(--b);background:var(--bg);color:var(--c);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.stock-info-btn:hover{background:var(--bg-h);border-color:var(--b-h);color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 8px rgba(14,165,233,.15)}.stock-info-btn:active{transform:translateY(0)}.stock-info-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(14,165,233,.2)}.stock-info-btn svg{width:14px;height:14px;flex-shrink:0}.stock-info-btn .btn-text{white-space:nowrap} 1054 1055 .stock-popover{position:absolute;z-index:9999;min-width:280px;max-width:92vw;background:#0b1220;color:#eef3ff;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 40px rgba(12,12,20,.45);padding:12px 12px 8px;display:none}.stock-popover.show{display:block}.stock-popover::before{content:"";position:absolute;top:-8px;left:24px;width:14px;height:14px;background:#0b1220;border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}.sp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sp-title{font-weight:800;font-size:14px}.sp-close{background:transparent;border:0;color:#98a2b3;cursor:pointer} 1056 1057 .sp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sp-item{display:grid;grid-template-columns:1fr auto 32px;column-gap:12px;align-items:center;padding:10px 10px;min-height:44px;border-radius:10px;background:rgba(255,255,255,.03)}.sp-left{display:flex;align-items:center;gap:10px}.sp-dot{width:10px;height:10px;border-radius:999px;background:var(--dot,#60a5fa);display:inline-block}.sp-label{font-weight:600;font-size:13px} 1058 1059 1060 .sp-qty{grid-column:2;justify-self:end;min-width:40px;text-align:right;font-weight:800;font-size:13px;color:#cfe4ff;font-vaRian Kurniawan, 29 tahun â Jakartat-numeric:tabular-nums} 1061 1062 .sp-wa{ 1063 grid-column:3; justify-self:end; 1064 width:32px; height:32px; min-width:32px; min-height:32px; 1065 box-sizing:border-box; 1066 padding:0; line-height:0; text-decoration:none; outline:0; 1067 display:inline-flex; align-items:center; justify-content:center; 1068 border-radius:999px; border:1px solid rgba(211, 37, 37, 0.6); /* 1px untuk hasil âcrispâ */ 1069 background:rgba(37,211,102,.08); color:#d32525; 1070 transition:background-color .15s ease, border-color .15s ease, transform .05s ease; 1071 -webkit-tap-highlight-color:transparent; 1072 } 1073 .sp-wa:hover{background:rgba(37,211,102,.16);border-color:rgba(37,211,102,.75)} 1074 .sp-wa:active{transform:translateY(.5px) scale(.98)} 1075 1076 .sp-wa svg{width:18px;height:18px;display:block;vertical-align:middle} 1077 .stock-popover a{text-decoration:none} 1078
1079 #deskripsi img{max-width:200px!important;height:unset!important}@media(max-width:640px){.stock-popover{position:fixed;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom,12px));margin:0 10px;padding:14px 12px 10px;border-radius:16px}.stock-popover::before{display:none}.stock-info-btn{padding:4px 8px;gap:4px;border:0;background:transparent}.stock-info-btn:hover{background:transparent;box-shadow:none;transform:none}.stock-info-btn .btn-text{display:none}.stock-info-btn svg{width:16px;height:16px}.sp-item{grid-template-columns:1fr auto 36px}.sp-wa{width:36px;height:36px;min-width:36px;min-height:36px}.sp-wa svg{width:19px;height:19px}} 1080 1081 .stock-dot{position:absolute;bottom:8px;right:8px;width:8px;height:8px;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.4);z-index:2;cursor:help}.stock-dot.ready{background:#10b981}.stock-dot.low{background:#f59e0b}.stock-dot.out{background:#ef4444}.stock-dot:hover{transform:scale(1.2);transition:transform 0.2s ease}@media(max-width:640px){.stock-dot{width:7px;height:7px;bottom:6px;right:6px}} 1082 1083 .pd-related-card .spec-chips{font-size:11px;color:#64748b;margin:4px 0 6px 0;line-height:1.3;font-weight:500}.pd-related-card .spec-chips .spec-divider{margin:0 4px;opacity:0.6}@media(max-width:640px){.pd-related-card .spec-chips{font-size:10px;margin:3px 0 5px 0}#deskripsi img{max-width:300px!important;height:unset!important;justify-self:center!important}} 1084 1085 .pwp-trigger-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 4px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#78350f;border-radius:6px;font-size:.65rem;font-weight:600;border:0}.pwp-trigger-badge svg{flex-shrink:0;width:12px;height:12px} 1086 .pwp-deals-section{margin:0;padding:12px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;border:2px solid #fbbf24}.pwp-deals-header{display:flex;gap:10px;margin-bottom:10px}.pwp-icon{flex-shrink:0;color:#f59e0b;width:18px;height:18px}.pwp-text .pwp-title{margin:0 0 2px 0;font-size:14px;font-weight:700;color:#78350f}.pwp-text .pwp-subtitle{margin:0;font-size:11px;color:#92400e;opacity:0.9}.pwp-deals-loading{text-align:center;padding:40px 0;color:#92400e}.pwp-spinner{width:40px;height:40px;border:3px solid #fbbf24;border-top-color:#f59e0b;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}} 1087 .pwp-deals-grid{display:flex;flex-direction:column;gap:6px}.pwp-deal-card{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #fbbf24;display:flex;align-items:center;padding:8px;gap:10px}.pwp-deal-card:hover{background:#fef3c7}.pwp-deal-thumb{flex-shrink:0;width:50px;height:50px;background:#f8fafc;overflow:hidden;border-radius:4px}.pwp-deal-thumb img{width:100%;height:100%;object-fit:cover}.pwp-deal-badge{background:#dc2626;color:#fff;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:700;margin-left:auto}.pwp-deal-info{flex:1;display:flex;flex-direction:column;gap:4px}.pwp-deal-name{font-size:12px;font-weight:600;color:#0f172a;margin:0;line-height:1.2}.pwp-deal-prices{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pwp-deal-price{font-size:14px;font-weight:800;color:#dc2626;white-space:nowrap}.pwp-deal-original{font-size:11px;color:#64748b;text-decoration:line-through;white-space:nowrap}.pwp-cart-note{margin-top:8px;padding:6px 10px;background:#e0f2fe;border-left:2px solid#e90e0e;font-size:11px;color:#0c4a6e;border-radius:4px} 1088 @media(max-width:640px){.pwp-deals-section{margin:12px 0;padding:10px;border-radius:10px}.pwp-deals-header{gap:8px}.pwp-text .pwp-title{font-size:13px}.pwp-text .pwp-subtitle{font-size:10px}.pwp-deal-card{padding:6px;gap:8px}.pwp-deal-thumb{width:45px;height:45px}.pwp-deal-name{font-size:11px}.pwp-deal-price{font-size:13px}.pwp-deal-original{font-size:10px}} 1089 1090 .preorder-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border-radius:8px;font-size:13px;font-weight:700;border:0;box-shadow:0 2px 8px rgba(139,92,246,.25)}.preorder-badge svg{width:16px;height:16px;flex-shrink:0}.preorder-info{margin:12px 0;padding:14px;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1.5px solid #c4b5fd;border-radius:12px}.preorder-info-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.preorder-info-icon{width:20px;height:20px;color:#7c3aed;flex-shrink:0}.preorder-info-title{font-size:14px;font-weight:700;color:#5b21b6;margin:0}.preorder-info-items{display:flex;flex-direction:column;gap:8px}.preorder-info-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.preorder-info-label{color:#6b21a8;font-weight:600}.preorder-info-value{color:#5b21b6;font-weight:700}.preorder-info-value.highlight{color:#dc2626;font-size:14px}.preorder-info-note{margin-top:10px;padding:8px 10px;background:#fef3c7;border-left:2px solid #f59e0b;font-size:12px;color:#78350f;border-radius:6px;line-height:1.4}@media(max-width:640px){.preorder-badge{font-size:12px;padding:5px 10px}.preorder-info{margin:10px 0;padding:12px}.preorder-info-title{font-size:13px}.preorder-info-row{font-size:12px}.preorder-info-note{font-size:11px;padding:6px 8px}} 1091 </style> 1092 1093 <div class="pd-sticky-header" id="pd-sticky-header"><div class="pd-sticky-header-container"><div class="pd-sticky-thumb"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" id="pd-sticky-thumb-img"></div><div class="pd-sticky-info"><h2 class="pd-sticky-title" id="pd-sticky-title">DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!</h2><div class="pd-sticky-price-row"><span class="pd-sticky-price" id="pd-sticky-price">Rp 10.000,-</span><span class="pd-sticky-price-original" id="pd-sticky-price-original">Rp 1.000.000</span><span class="pd-sticky-discount" id="pd-sticky-discount">-99.5%</span></div></div><div class="pd-sticky-actions"><button type="button" class="pd-sticky-share-btn" id="pd-sticky-share-btn" aria-label="Bagikan produk" title="Bagikan"><svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true">
1093<path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg></button><button type="button" class="pd-sticky-btn pd-sticky-btn-chat" id="pd-sticky-chat"><svg viewBox="0 0 640 640" fill="currentColor" aria-hidden="true"><path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/></svg>Tanya</button><button type="button" class="pd-sticky-btn pd-sticky-btn-cart" id="pd-sticky-add-cart" disabled>+ Keranjang</button><button type="button" class="pd-sticky-btn pd-sticky-btn-buy" id="pd-sticky-buy" disabled>Beli Sekarang</button></div></div></div> 1094 1095 <main class="product-single product-single--v3"><nav class="pd-breadcrumb" aria-label="breadcrumb"><a href="https://daftarkuy.masukmulan.work/">MULANTOGEL</a><span>/</span><a href="https://www.awesometeefashion.com/">MULANTOGEL LOGIN</a><span>/</span><a href="https://www.awesometeefashion.com/">MULANTOGEL ALTERNATIF</a><span>/</span><a href="https://www.awesometeefashion.com/">SITUS MULANTOGEL</a><span>/</span><a href="https://www.awesometeefashion.com/">MULANTOGEL VIP </a><span>/</span><span class="current">DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis! 1096 1097 </span></nav> 1098 1099 <div class="pd-top-layout"><section class="pd-media-card"><figure class="pd-main-image" id="pd-main-figure"><img id="pd-main-img" src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" data-slug="" loading="eager"> 1100 </figure> 1101 1102 <div class="pd-mobile-slider-wrapper"> 1103 <div class="pd-mobile-slider" id="pd-mobile-slider" aria-label="Galeri gambar (geser)"><div class="pd-mslide"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="eager"></div><div class="pd-mslide"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></div><div class="pd-mslide"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></div><div class="pd-mslide"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></div><div class="pd-mslide"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></div><div class="pd-mslide"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></div></div><div class="pd-gallery-counter" id="pd-gallery-counter">1/6</div></div> 1104 <div class="pd-thumb-gallery" id="pd-thumb-gallery" aria-label="Galeri gambar produk"><button type="button" class="pd-thumb-btn active" data-full="https://i.imgur.com/nEjmIao.jpeg" data-alt="MULANTOGEL" data-slug="" aria-label="Gambar 1"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://i.imgur.com/nEjmIao.jpeg" data-alt="MULANTOGEL" data-slug="https://i.imgur.com/nEjmIao.jpeg" aria-label="Gambar 2"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://i.imgur.com/nEjmIao.jpeg" data-alt="MULANTOGEL" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-223.webp" aria-label="Gambar 3"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://i.imgur.com/nEjmIao.jpeg" data-alt
1104="MULANTOGEL" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-776.webp" aria-label="Gambar 4"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://i.imgur.com/nEjmIao.jpeg" data-alt="MULANTOGEL" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-634.webp" aria-label="Gambar 5"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://i.imgur.com/nEjmIao.jpeg" data-alt="MULANTOGEL" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-892.webp" aria-label="Gambar 6"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" loading="lazy"></button></div></section><section class="pd-info-card"><div id="pd-vaRian Kurniawan, 29 tahun â Jakartat-combined" class="pd-vaRian Kurniawan, 29 tahun â Jakartat-combined" hidden></div><div class="pd-title-row"> 1105 <h1 class="pd-title" id="pd-title">DAFTAR MULANTOGEL ð Fitur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!</h1><button type="button" class="pd-share-btn" id="pd-share-btn" aria-label="Bagikan produk" title="Bagikan"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg></button></div> 1106 <div id="pd-price-anchor"> 1107 </div> 1108 <div class="pd-price-qr-container"> 1109 <div class="pd-price-block" id="pd-price-block"> 1110 <div class="pd-price-row"> 1111 <span class="pd-price-current" id="pd-price-current" >Rp 10.000</span> 1112 <span class="pd-price-original" id="pd-price-original">Rp 50.000</span> 1113 <span class="pd-discount-badge" id="pd-discount-badge">-90%</span></div> 1114 <div class="pd-meta-row"> 1115 <span class="sold-inline" id="pd-sold-inline" data-role="sold-chip">Terjual Terjual 2K</span> 1116 <span class="pwp-trigger-badge" id="pwp-trigger-badge" hidden> 1117 <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"> 1118 <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></svg>Bisa PWP</span></div> 1119 <div class="pd-meta-inline"><span class="stock-badge out" id="pd-stock-badge">MULANTOGEL</span> 1120 <span class="sku">SKU: <span id="pd-sku">8S89G1554EGB</span></span></div> 1121 <div class="paylater-promo paylater-promo-sm paylater-mobile-only"> 1122 <span class="paylater-icon">ð³</span> 1123 <span class="paylater-text"> 1124 <strong>MULANTOGEL</strong> 1125 <small>MULANTOGEL LOGIN</small> 1126 </span> 1127 </div> 1128 1129 <div class="stock-popover" id="pd-stock-popover" role="dialog" aria-hidden="true" aria-label="Informasi stok cabang"><div class="sp-head"><div class="sp-title">Stok Cabang</div><button type="button" class="sp-close" id="pd-stock-popover-close" aria-label="Tutup"><svg width="18" height="18" viewBox="0 0 24 24"><path fill="currentColor" d="M18.3 5.71L12 12.01l-6.3-6.3-1.4 1.41 6.3 6.3-6.3 6.3 1.4 1.41 6.3-6.3 6.3 6.3 1.41-1.41-6.3-6.3 6.3-6.3z"/></svg></button></div><ul class="sp-list"> 1130 <li class="sp-item"><div class="sp-left"><span class="sp-dot" style="--dot:#60a5fa;"></span><span class="sp-label">Asia Mega Mas</span></div><span class="sp-qty" id="sp-qty-meg">0</span><a class="sp-wa" href="https://wa.me/6281380009898?text=Halo%2C%20saya%20ingin%20tanya%20stok%20di%20Asia%20Mega%20Mas%20untuk%20produk%20https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8as
1130p2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black" target="_blank" rel="noopener" aria-label="WhatsApp Asia Mega Mas"><svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/></svg></a></li> 1131 1132 <li class="sp-item"> 1133 <div class="sp-left"> 1134 <span class="sp-dot" style="--dot:#d33434;"></span> 1135 <span class="sp-label">Medan Fair</span> 1136 </div> 1137 <span class="sp-qty" id="sp-qty-mdf">0</span> 1138 <a class="sp-wa" 1139 href="https://wa.me/6285388992009?text=Halo%2C%20saya%20ingin%20tanya%20stok%20di%20Medan%20Fair%20untuk%20produk%20https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black" 1140 target="_blank" rel="noopener" aria-label="WhatsApp Medan Fair"> 1141 <svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 1142 <path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/> 1143 </svg> 1144 </a> 1145 </li> 1146 1147 <li class="sp-item"> 1148 <div class="sp-left"> 1149 <span class="sp-dot" style="--dot:#f59e0b;"></span> 1150 <span class="sp-label">Banda Aceh</span> 1151 </div> 1152 <span class="sp-qty" id="sp-qty-bda">0</span> 1153 <a class="sp-wa" 1154 href="https://wa.me/628116833411?text=Halo%2C%20saya%20ingin%20tanya%20stok%20di%20Banda%20Aceh%20untuk%20produk%20https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black" 1155 target="_blank" rel="noopener" aria-label="WhatsApp Banda Aceh"> 1156 <svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
1157 <path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/> 1158 </svg> 1159 </a> 1160 </li> 1161 </ul> 1162 </div> 1163 1164 </div> 1165 <div class="pd-qr-print" style="display:none;"><div class="pd-qr-label">Scan untuk lihat produk:</div><img src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black" alt="QR Code" class="pd-qr-image"></div> 1166 </div> 1167 <div id="pd-vaRian Kurniawan, 29 tahun â Jakartats-anchor"></div> 1168 1169 1170 1171 <div class="pd-compare-section"> 1172 <button type="button" class="pd-compare-btn" id="pd-compare-btn" data-product-id="325"> 1173 <svg class="compare-icon" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 1174 <path d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"/> 1175 </svg> 1176 <span class="compare-text">Bandingkan Produk</span> 1177 <span class="compare-remove" hidden> 1178 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 1179 <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/> 1180 </svg> 1181 Hapus dari Perbandingan 1182 </span> 1183 </button> 1184 <div class="pd-compare-info"> 1185 <small class="compare-note" id="compare-note">Bandingkan hingga 5 produk dengan bantuan AI</small> 1186 </div> 1187 </div> 1188 1189 <div class="pd-short-desc"><p><strong>Informasi MULANTOGEL :</strong></p><ul><li>Minimal Deposit: Rp.10.000,-</li><li>Jenis Permainan: SITUS MULANTOGEL, MULANTOGEL ALTERNATIF</li><li>Metode Pembayaran: Bank, QRIS, E-Wallet, USDT</li><li>Mata Uang: IDR (Indonesian Rupiah)</li><li>Jam Operasional: 24 Jam Nonstop</li><li>Total Rating: 69.999.999</li><li>Rating: âââââ</li><li>Daftar Sekarang: <a href="https://daftarkuy.masukmulan.work/">Klik Disini</a></li></ul></div> 1190 <div id="golden-slot-standalone-v3"> 1191 1192 <div class="pwp-deals-section" id="pwp-deals-section" hidden data-product-id="325" data-vaRian Kurniawan, 29 tahun â Jakartat-id="0" data-category-path="Komputer & Laptop/Laptop/Gaming"><div class="pwp-deals-header"><svg class="pwp-icon" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></svg><div class="pwp-text"><h3 class="pwp-title">Penawaran Spesial PWP (Purchase with Purchase)</h3><p class="pwp-subtitle">
1192Beli produk ini dan dapatkan produk pilihan dengan harga spesial</p></div></div><div class="pwp-deals-loading"><div class="pwp-spinner"></div><p>Memuat penawaran...</p></div><div class="pwp-deals-grid" id="pwp-deals-grid"></div><p class="pwp-cart-note">ð¡ Produk PWP dapat ditambahkan di halaman keranjang setelah produk ini dimasukkan</p></div> 1193 </section> 1194 1195 <aside class="pd-sidebar"> 1196 <div class="pd-side-card pd-buy-card"> 1197 <form class="pd-buy-form" id="pd-buy-form" data-pid="325"> 1198 <input type="hidden" name="vaRian Kurniawan, 29 tahun â Jakartat_id" id="pd-vaRian Kurniawan, 29 tahun â Jakartat-id" value="0"> 1199 <div> 1200 <label for="qty" class="qty-label">Qty</label> 1201 <input type="number" id="qty" name="qty" value="0" min="1" 1202 max="0" 1203 disabled> 1204 </div> 1205 <div class="pd-actions"> 1206 <button type="submit" class="btn-add-cart" id="btn-add-cart" disabled>+ Keranjang</button> 1207 <button type="button" class="btn-buy" id="btn-buy" data-id="278426" disabled >Beli</button> 1208 <button type="button" class="btn-chat-icon" id="btn-chat-icon" aria-label="Tanya Produk" title="Tanya Produk"><svg viewBox="0 0 640 640" fill="currentColor"><path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/></svg></button> 1209 </div> 1210 </form> 1211 <div class="paylater-promo paylater-promo-md paylater-desktop-only"> 1212 <span class="paylater-icon">ð³</span> 1213 <span class="paylater-text"> 1214 <strong>MULANTOGEL</strong> 1215 <small>MULANTOGEL LOGIN</small> 1216 </span> 1217 </div> </div> 1218 1219 1220 <div class="pd-side-card qoala-banner-card"> 1221 <div class="qoala-banner"> 1222 <div class="qoala-banner-content"> 1223 <div class="qoala-icon"> 1224 <center><img src="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" alt="MULANTOGEL" class="qoala-shield-img"></center> 1225 </div> 1226 <div class="qoala-text"> 1227 <div class="qoala-title">Login MULANTOGEL</div> 1228 <div class="qoala-subtitle">Verified</div> 1229 </div> 1230 </div> 1231 <a href="https://www.awesometeefashion.com/" class="qoala-cta" 1232 data-ga-event="qoala_banner_click" 1233 data-product-id="325" 1234 data-product-name="MULANTOGEL" 1235 data-category-path="Komputer & Laptop/Laptop/Gaming" target="_blank">Info</a> 1236 </div> 1237 <style>.qoala-banner-card{padding:0;overflow:hidden}.qoala-banner{background:linear-gradient(135deg, #210000 0%, #c50606 100%);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:white;text-decoration:none;min-height:60px}.qoala-banner-content{display:flex;align-items:center;gap:12px}.qoala-icon{display:flex;align-items:center;justify-content:center}.qoala-shield-img{width:36px;height:36px;object-fit:contain;opacity:0.9}.qoala-title{font-weight:600;font-size:14px;line-height:1.2}.qoala-subtitle{font-size:12px;opacity:0.9;line-height:1.2}.qoala-cta{background:rgba(255,255,255,0.2);color:white;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:background 0.2s ease;border:1px solid rgba(255,255,255,0.3)}.qoala-cta:hover{background:rgba(255,255,255,0.3);color:white}@media(max-width:768px){.qoala-banner{padding:10px 12px}.qoala-title{font-size:17px}.qoala-subtitle{font-size:11px}}</style> 1238 </div> 1239 1240 <div class="pd-side-card pd-installment-card2" 1241 id="inst-card" 1242 data-base-price="20789000" 1243 data-zero-smart="0"> 1244 <div class="inst-head"> 1245 <h3>Promo & Fitur MULANTOGEL</h3> 1246 </div> 1247 1248 <div class="inst-bank-tabs" role="tablist" aria-label="Bank"> 1249 <button type="button" class="bank-tab active" data-bank="Lucky Draw" aria-selected="true">Lucky Draw</button> 1250 <button type="button" class="bank-tab" data-bank="Lomba Panjat Tur
1250nover" aria-selected="false">Lomba Panjat Turnover</button> 1251 <button type="button" class="bank-tab" data-bank="Rtp Slot Gacor" aria-selected="false">Rtp Slot Gacor</button> 1252 </div> 1253 1254 <ul class="inst-month-list" id="inst-month-list" aria-label="Daftar cicilan per bulan"></ul> 1255 <div class="inst-note" id="inst-zero-note" style="display:none;">0% Cicilan khusus bank terpilih*</div> 1256 <div class="inst-disclaimer">Angka estimasi. Bisa ber https://daftarkuy.masukmulan.work/ sesuai kebijakan bank / penyedia.</div> 1257 </div> 1258 1259 <!-- MECHA BLUE FINAL BOSS REVIEW SLIDER --> 1260 <div class="tnt-review-mecha"> 1261 1262 </div> 1263 </div> 1264 </div> 1265 1266 1267 <style> 1268 /* CONTAINER */ 1269 .article-pro { 1270 max-width: 1000px; 1271 margin: 40px auto; 1272 padding: 30px 25px; 1273 background: #ffffff; /* ð¥ UBAH JADI PUTIH */ 1274 border-radius: 18px; 1275 border: 2px solid #d30000; 1276 box-shadow: 0 0 20px rgba(178, 32, 32, 0.2); 1277 font-family: "Poppins", sans-serif; 1278 color: #000000; /* ð¥ TEKS JADI HITAM */ 1279 line-height: 1.8; 1280 position: relative; 1281 overflow: hidden; 1282 } 1283 1284 /* ⨠CAHAYA GERAK */ 1285 .article-pro::before { 1286 content: ""; 1287 position: absolute; 1288 top: 0; 1289 left: -150%; 1290 width: 50%; 1291 height: 100%; 1292 background: linear-gradient( 1293 120deg, 1294 transparent, 1295 rgba(255, 81, 81, 0.49), 1296 transparent 1297 ); 1298 transform: skewX(-20deg); 1299 animation: shineMove 4s linear infinite; 1300 } 1301 1302 /* ⨠GLOW DALAM */ 1303 .article-pro::after { 1304 content: ""; 1305 position: absolute; 1306 inset: 0; 1307 border-radius: 18px; 1308 box-shadow: inset 0 0 15px rgba(178, 32, 32, 0.15); 1309 pointer-events: none; 1310 } 1311 1312 /* ANIMASI */ 1313 @keyframes shineMove { 1314 0% { left: -150%; } 1315 100% { left: 150%; } 1316 } 1317 1318 /* PARAGRAF */ 1319 .article-pro p { 1320 font-size: 15px; 1321 margin-bottom: 18px; 1322 text-align: justify; 1323 color: #1e293b; /* ð¥ warna teks gelap biar enak dibaca */ 1324 position: relative; 1325 z-index: 2; 1326 } 1327 1328 /* HOVER PARAGRAF */ 1329 .article-pro p:hover { 1330 color: #000000; 1331 text-shadow: 0 0 6px rgba(178, 32, 32, 0.4); 1332 transition: 0.3s; 1333 } 1334 1335 /* LINK */ 1336 .article-pro a { 1337 color: #d30000; 1338 text-decoration: none; 1339 font-weight: 600; 1340 } 1341 1342 .article-pro a:hover { 1343 text-shadow: 0 0 8px #d30000; 1344 } 1345 1346 /* RESPONSIVE */ 1347 @media(max-width:600px){ 1348 .article-pro{ 1349 padding:20px 15px; 1350 } 1351 } 1352 </style> 1353 1354 <div class="article-pro"> 1355 1356 <p class="isSelectedEnd"><b><a href="https://www.awesometeefashion.com/">MULANTOGEL</a></b> Proses pendaftaran yang praktis dapat membantu pengguna memahami layanan digital dengan lebih nyaman sejak awal. <a href="https://www.awesometeefashion.com/">Mulantogel</a> diperkenalkan dengan fitur pendaftaran yang mendukung metode pembayaran digital, termasuk e-wallet atau transfer bank apabila opsi tersebut tersedia sesuai ketentuan layanan. Dengan langkah yang sederhana dan informasi yang mudah dipahami, pengguna dapat mengikuti proses pembuatan akun melalui perangkat mobile maupun desktop..</p> 1357 1358 <p class="isSelectedEnd">Sebelum mendaftar, pengguna sebaiknya menyiapkan data yang diperlukan dan memastikan seluruh informasi diisi dengan benar. Gunakan alamat situs yang berasal dari sumber resmi, periksa nama domain, dan hindari tautan yang dikirim oleh akun tidak dikenal. Pendaftaran melalui halaman tiruan dapat menimbulkan risiko pencuRian Kurniawan, 29 tahun â Jakarta data, terutama apabila pengguna memasukkan kata sandi, nomor telepon, atau informasi pembayaran tanpa melakukan verifikasi..</p> 1359 1360 <p class="isSelectedEnd">Metode e-wallet dan bank dapat memberikan kemudahan dalam proses transaksi, tetapi ketersediaan, batas minimum, biaya, dan waktu pemrosesan dapat berbeda-beda. Istilah âgratisâ juga perlu dipahami berdasarkan syarat dan ketentuan. Bisa jadi tidak ada biaya pendaftaran, tetapi transaksi melalui bank atau e-wallet tetap dapat mengikuti kebijakan penyedia masing-masing. Pengguna sebaiknya membaca detail biaya sebelum menyelesaikan proses..</p> 1361 1362 <p class="isSelectedEnd">Keamanan akun perlu diperhatikan setelah pendaftaran berhasil. Buat kata sandi yang unik, jangan menggunakan kombinasi yang sama dengan akun penting lainnya, dan aktifkan verifikasi tambahan jika tersedia. PIN, kode OTP, dan kode pemulihan tidak boleh dibagikan kepada siapa pun, termasuk pihak yang mengaku sebagai petugas bantuan. Simpan bukti transaksi dan gunakan kanal resmi apabila menemu
1362kan kendala..</p> 1363 1364 <p class="isSelectedEnd">Jika layanan digunakan untuk permainan berbasis peluang, pengguna perlu memahami bahwa pendaftaran maupun metode pembayaran tidak menjamin kemenangan atau keuntungan. Gunakan layanan hanya sebagai hiburan, tetapkan batas anggaran dan waktu, serta jangan memakai dana kebutuhan pokok, pinjaman, atau dana darurat. Pastikan pula telah memenuhi batas usia dan bahwa penggunaan layanan sesuai dengan peraturan di wilayah Anda..</p> 1365 1366 </div> 1367 <style> 1368 body{ 1369 background:#ffffff; 1370 font-family:'Segoe UI',sans-serif; 1371 margin:0; 1372 } 1373 1374 /* WRAP */ 1375 .sgt-wrap{ 1376 max-width:1100px; 1377 margin:60px auto; 1378 padding:0 20px; 1379 } 1380 1381 /* ========================= 1382 MAIN BOX + GLOW ANIMATION 1383 ========================= */ 1384 .sgt-box{ 1385 background:#ffffff; 1386 border-radius:20px; 1387 padding:40px; 1388 border:1px solid rgba(178, 32, 32, 0.35); 1389 position:relative; 1390 overflow:hidden; 1391 1392 box-shadow:0 0 15px rgba(255, 81, 81, 0.15); 1393 animation: boxGlow 2.8s infinite ease-in-out; 1394 } 1395 1396 /* glow pulse */ 1397 @keyframes boxGlow{ 1398 0%{ 1399 box-shadow:0 0 10px rgba(178, 32, 32, 0.15), 1400 0 0 0px rgba(178, 163, 32, 0); 1401 } 1402 50%{ 1403 box-shadow:0 0 25px rgba(178, 32, 32, 0.55), 1404 0 0 60px rgba(178, 32, 32, 0.25); 1405 } 1406 100%{ 1407 box-shadow:0 0 10px rgba(178, 32, 32, 0.15), 1408 0 0 0px rgba(178, 32, 32, 0); 1409 } 1410 } 1411 1412 /* SHINE EFFECT DI BOX */ 1413 .sgt-box::after{ 1414 content:""; 1415 position:absolute; 1416 top:0; 1417 left:-75%; 1418 width:50%; 1419 height:100%; 1420 background:linear-gradient( 1421 120deg, 1422 transparent, 1423 rgba(255, 106, 106, 0.25), 1424 transparent 1425 ); 1426 animation: shine 3.5s infinite; 1427 } 1428 1429 @keyframes shine{ 1430 0%{ left:-75%; } 1431 100%{ left:125%; } 1432 } 1433 1434 /* TITLE */ 1435 .sgt-title{ 1436 text-align:center; 1437 font-size:26px; 1438 font-weight:700; 1439 color:#ff3434; 1440 margin-bottom:25px; 1441 } 1442 1443 /* ========================= 1444 FAQ CARD + GLOW 1445 ========================= */ 1446 .sgt-faq{ 1447 background:#f8fafc; 1448 border-radius:14px; 1449 margin-bottom:14px; 1450 cursor:pointer; 1451 border:1px solid rgba(178, 32, 32, 0.25); 1452 transition:0.3s; 1453 position:relative; 1454 overflow:hidden; 1455 } 1456 1457 /* glow subtle tiap kotak */ 1458 .sgt-faq::after{ 1459 content:""; 1460 position:absolute; 1461 inset:0; 1462 background:radial-gradient(circle at top left, 1463 rgba(255, 238, 0, 0.398), 1464 transparent 60%); 1465 opacity:0; 1466 transition:0.3s; 1467 } 1468 1469 .sgt-faq:hover::after{ 1470 opacity:1; 1471 } 1472 1473 .sgt-faq:hover{ 1474 transform:translateY(-3px); 1475 box-shadow:0 0 20px rgba(0, 0, 0, 0.25); 1476 border-color:#ef4444; 1477 } 1478 1479 /* QUESTION */ 1480 .sgt-question{ 1481 padding:18px 20px; 1482 display:flex; 1483 justify-content:space-between; 1484 font-weight:600; 1485 font-size:16px; 1486 color:#0f172a; 1487 } 1488 1489 .sgt-icon{ 1490 color:#ef4444; 1491 } 1492 1493 /* ANSWER */ 1494 .sgt-answer{ 1495 max-height:0; 1496 overflow:hidden; 1497 padding:0 20px; 1498 font-size:15px; 1499 color:#475569; 1500 transition:0.3s; 1501 } 1502 1503 .sgt-faq.active .sgt-answer{ 1504 max-height:250px; 1505 padding:15px 20px; 1506 } 1507 1508 /* ========================= 1509 REVIEW CARD + GLOW 1510 ========================= */ 1511 .sgt-review{ 1512 background:#f8fafc; 1513 padding:18px; 1514 border-radius:14px; 1515 margin-top:12px; 1516 border:1px solid rgba(32,178,170,0.25); 1517 color:#334155; 1518 position:relative; 1519 overflow:hidden; 1520 transition:0.3s; 1521 } 1522 1523 /* glow sweep review */ 1524 .sgt-review::after{ 1525 content:""; 1526 position:absolute; 1527 top:0; 1528 left:-80%; 1529 width:50%; 1530 height:100%; 1531 background:linear-gradient( 1532 120deg, 1533 transparent, 1534 rgba(255, 81, 81, 0.25), 1535 transparent 1536 ); 1537 animation: shine 4s infinite; 1538 } 1539 1540 .sgt-review:hover{ 1541 transform:translateY(-3px); 1542 box-shadow:0 0 20px rgba(178, 32, 32, 0.25); 1543 border-color:#d30000; 1544 } 1545 1546 .sgt-name{ 1547 color:#d80000; 1548 font-weight:700; 1549 margin-bottom:6px; 1550 position:relative; 1551 z-index:2; 1552 } 1553 1554 /* FOOTER */ 1555 .sgt-footer{ 1556 margin-top:30px; 1557 padding-top:18px; 1558 border-top:1px solid rgba(255, 81, 81, 0.2); 1559 text-align:center; 1560 font-size:14px; 1561 color:#e50000; 1562 } 1563 1564 /* RESPONSIVE */ 1565 @media(max-width:768px){ 1566 .sgt-box{ 1567 padding:25px; 1568 } 1569 .sgt-title{ 1570 font-size:20px; 1571 } 1572 } 1573 </style> 1574 1575<style id="dark-purple-theme-override"> 1576:root{--purple950:#160522;--purple900:#210833;--purple800:#351052;--purple700:#4b176f;--purple600:#64238f;--purple300:#bd8be3;--purple100:#efe1fa} 1577html,body{background:#160522!important;color:#f5eefe!important} 1578body.color-scheme-light{--color-interactive-primary:#64238f;--color-interactive-primary-hover:#7b32aa;--color-interactive-secondary-hover:#210833;--color-interactive-tertiary-hover:#efe1fa;--color-interactive-control:#351052;--color-interactive-control-hover:#64238f;--color-surface-primary:#210833;--color-surface-accent:#351052;--color-surface-inverse:#160522;--color-surface-brand-accent:#4b176f;--color-surface-elevated:#351052;--color-content-brand:#efe1fa;--color-content-brand-accent:#bd8be3;--color-content-primary:#f5eefe;--color-content-secondary:#d9c8e6;--color-border-primary:#64238f;--color-border-secondary:#7b5595;--color-border-tertiary:#4b176f} 1579.page,.page__off-canvas--left,.site-content,main{background-color:#210833!important} 1580.header-site,.site-header,header,.off-canvas-left__top,.off-canvas-left__current-site{background-color:#160522!important} 1581a{color:#d9b8f2}a:hover{color:#fff} 1582button,.brand-neue-button,input[type=submit]{background:#64238f!important;color:#fff!important;border-color:#a56bd6!important} 1583.sgt-footer,.sgt-title,.section-title{background-color:#351052!important;color:#fff!important} 1584.sgt-faq,.sgt-review,.faq-item,.review-item{background-color:#2b0b42!important;border-color:#64238f!important;color:#f5eefe!important} 1585</style> 1586</head> 1587 1588 <body> 1589 1590 <div class="sgt-wrap">
1591 <div class="sgt-box"> 1592 1593 <h3 class="sgt-title">FAQ TENTANG MULANTOGEL</h3> 1594 1595 <div class="sgt-faq"> 1596 <div class="sgt-question">Apakah pendaftaran Mulantogel dapat dilakukan menggunakan e-wallet atau bank apa saja?<span class="sgt-icon">â¼</span></div> 1597 <div class="sgt-answer">Ketersediaan metode pembayaran bergantung pada e-wallet, bank, dan ketentuan layanan yang didukung platform. Karena itu, klaim âbank apa sajaâ sebaiknya diperiksa melalui halaman resmi sebelum digunakan. Pengguna perlu melihat daftar metode yang tersedia, batas transaksi, kemungkinan biaya, serta waktu pemrosesan agar tidak terjadi kesalahpahaman saat melakukan pembayaran..</div> 1598 </div> 1599 1600 <div class="sgt-faq"> 1601 <div class="sgt-question">Apa maksud fitur daftar akun gratis?<span class="sgt-icon">â¼</span></div> 1602 <div class="sgt-answer">Istilah âgratisâ biasanya dapat merujuk pada tidak adanya biaya pembuatan akun, tetapi tidak otomatis berarti semua transaksi bebas biaya. Bank, e-wallet, atau penyedia pembayaran dapat menerapkan biaya sendiri sesuai kebijakan masing-masing. Baca syarat pendaftaran dan informasi transaksi secara teliti, lalu pastikan nominal serta nama penerima sudah sesuai sebelum menyelesaikan pembayaran..</div> 1603 </div> 1604 1605 <div class="sgt-faq"> 1606 <div class="sgt-question">Bagaimana cara mendaftar dengan aman melalui e-wallet atau bank?<span class="sgt-icon">â¼</span></div> 1607 <div class="sgt-answer">Gunakan halaman pendaftaran dari sumber resmi, isi data yang benar, dan pilih metode pembayaran y
1607ang memang tertera pada platform. Periksa nama penerima serta nominal sebelum melakukan transaksi. Jangan mengirim PIN, kata sandi, atau kode OTP kepada siapa pun. Setelah pembayaran selesai, simpan bukti transaksi dan hubungi kanal bantuan resmi jika akun atau saldo belum tercatat..</div> 1608 </div> 1609 1610 <div class="sgt-faq"> 1611 <div class="sgt-question">Apa yang harus dilakukan jika pendaftaran atau pembayaran mengalami kendala?<span class="sgt-icon">â¼</span></div> 1612 <div class="sgt-answer">Periksa koneksi internet, data yang dimasukkan, status transaksi, serta informasi pada aplikasi bank atau e-wallet. Hindari melakukan pembayaran ulang sebelum status transaksi pertama jelas. Simpan bukti pembayaran dan catat waktu kejadian, kemudian hubungi dukungan resmi melalui kontak yang dapat diverifikasi. Jangan mengirim data rahasia kepada akun pribadi yang mengaku sebagai petugas..</div> 1613 </div> 1614 1615 <div class="sgt-faq"> 1616 <div class="sgt-question">Apakah pendaftaran dan deposit menjamin kemenangan dalam permainan?<span class="sgt-icon">â¼</span></div> 1617 <div class="sgt-answer">Tidak. Pendaftaran maupun metode pembayaran hanya berkaitan dengan akses dan transaksi, bukan hasil permainan. Permainan berbasis peluang memiliki hasil yang tidak dapat dipastikan. Gunakan layanan sebagai hiburan, tetapkan anggaran yang rela dikeluarkan, jangan memakai uang kebutuhan utama atau pinjaman, dan hindari mengejar kerugian dengan menambah dana..</div> 1618 </div> 1619 1620 <div class="sgt-faq"> 1621 <div class="sgt-question">Apakah MULANTOGEL memiliki tampilan mobile friendly?<span class="sgt-icon">â¼</span></div> 1622 <div class="sgt-answer">Ya, MULANTOGEL dirancang dengan tampilan mobile friendly agar tetap ringan, rapi, dan mudah digunakan saat dibuka melalui perangkat seluler.</div> 1623 </div> 1624 1625 <h3 class="sgt-title">REVIEW PEMAIN MULANTOGEL</h3> 1626 1627 <div class="sgt-review"><div class="sgt-name">Rian Kurniawan, 29 tahun â Jakarta</div>Saya mencoba mengikuti proses pendaftaran melalui e-wallet karena langkahnya terlihat praktis. Sebelum melakukan pembayaran, saya memeriksa nama penerima dan menyimpan bukti transaksi. Menurut saya, pengecekan tetap penting meskipun nominalnya kecil.</div> 1628 1629 <div class="sgt-review"><div class="sgt-name">Bagas Hidayat, 41 tahun â Medan Anggraini, 32 tahun â Bandung</div>Panduan pendaftarannya cukup mudah dipahami melalui ponsel. Saya tetap membaca ketentuan biaya dan memastikan metode bank yang digunakan memang tersedia. Saya juga tidak pernah membagikan kode OTP kepada pihak lain.</div> 1630 1631 <div class="sgt-review"><div class="sgt-name">Fahmi Prasetyo, 36 tahun â Surabaya</div>Saya menyukai pilihan pembayaran digital yang praktis, tetapi tidak langsung percaya pada klaim gratis sebelum membaca syaratnya. Jika transaksi tertunda, saya memilih menghubungi kanal resmi daripada membayar ulang secara terburu-buru.</div> 1632 1633 <div class="sgt-review"><div class="sgt-name">Nia Maharani, 27 tahun â Yogyakarta</div>Proses membuat akun terasa lebih sederhana ketika data sudah disiapkan sebelumnya. Saya memastikan alamat situs benar dan menggunakan kata sandi khusus agar akun tidak mudah disalahgunakan.</div> 1634 1635 <div class="sgt-review"><div class="sgt-name">Bagas Hidayat, 41 tahun â Medan</div>Bagi saya, kemudahan daftar harus disertai informasi yang transparan tentang biaya, metode pembayaran, dan keamanan data. Saya menggunakan layanan secara terbatas dan tidak menganggap pendaftaran sebagai jaminan hasil permainan.</div> 1636 1637 <div class="sgt-review"><div class="sgt-name">ICHA</div>Pengalaman saya menggunakan MULANTOGEL cukup lancar. Struktur situsnya jelas, desainnya rapi, dan terasa ringan saat dibuka.</div> 1638 1639 <div class="sgt-footer"> 1640 ©2026 MULANTOGEL 1641 </div> 1642 1643 </div> 1644 </div> 1645 1646
1646<script> 1647 const faq = document.querySelectorAll(".sgt-faq"); 1648 1649 faq.forEach(item=>{ 1650 item.addEventListener("click", ()=>{ 1651 faq.forEach(el=>{ 1652 if(el !== item) el.classList.remove("active"); 1653 }); 1654 item.classList.toggle("active"); 1655 }); 1656 }); 1657 </script>
1657 1658 1659 1660 1661 <section class="pd-related-full"> 1662 <h2 class="pd-related-title">Produk Terkait</h2> 1663 <div class="pd-related-grid pd-related-grid--full"> 1664 <a class="pd-related-card" href="//hokisel.com"> 1665 <div class="thumb"> 1666 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL"> 1667 <span class="mini-disc">-2%</span> </div> 1668 <div class="info"> 1669 <h3>MULANTOGEL</h3> 1670 <div class="spec-chips">I5 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX3050</div> <span class="price"> 1671 <span class="final">Rp 10.500.000</span> 1672 <span class="ori">Rp 12.799.000</span> 1673 </span> 1674 <span class="sold">Terjual 200+</span> <span class="stock-dot low" title="Stok Terbatas"></span> 1675 </div> 1676 </a> 1677 <a class="pd-related-card" href="//hokisel.com/"> 1678 <div class="thumb"> 1679 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL"> 1680 <span class="mini-disc">-1%</span> </div> 1681 <div class="info"> 1682 <h3>MULANTOGEL LOGIN</h3> 1683 <div class="spec-chips">I7 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX5050</div> <span class="price"> 1684 <span class="final">Rp 23.887.000</span> 1685 <span class="ori">Rp 21.999.000</span> 1686 </span> 1687 <span class="sold">Terjual 20+</span> <span class="stock-dot out" title="Habis"></span> 1688 </div> 1689 </a> 1690 <a class="pd-related-card" href="https://www.awesometeefashion.com/"> 1691 <div class="thumb"> 1692 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL ALTERNATIF"> 1693 <span class="mini-disc">-1%</span> </div> 1694 <div class="info"> 1695 <h3>MULANTOGEL ALTERNATIF</h3> 1696 <div class="spec-chips">R7AI <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 1TB <span class="spec-divider">|</span> RTX5060</div> <span class="price"> 1697 <span class="final">Rp 24.600.000</span> 1698 <span class="ori">Rp 21.399.000</span> 1699 </span> 1700 <span class="sold">Terjual 6</span> <span class="stock-dot ready" title="Ready"></span> 1701 </div> 1702 </a> 1703 <a class="pd-related-card" href="https://www.awesometeefashion.com/"> 1704 <div class="thumb"> 1705 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="SITUS MULANTOGEL"> 1706 <span class="mini-disc">-1%</span> </div> 1707 <div class="info"> 1708 <h3>SITUS MULANTOGEL</h3> 1709 <div class="spec-chips">R5AI <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 1TB <span class="spec-divider">|</span> RTX5060</div> <span class="price"> 1710 <span class="final">
1710Rp 16.800.000</span> 1711 <span class="ori">Rp 19.799.000</span> 1712 </span> 1713 <span class="sold">Terjual 5</span> <span class="stock-dot ready" title="Ready"></span> 1714 </div> 1715 </a> 1716 <a class="pd-related-card" href="https://www.awesometeefashion.com/"> 1717 <div class="thumb"> 1718 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL VIP"> 1719 <span class="mini-disc">-1%</span> </div> 1720 <div class="info"> 1721 <h3>MULANTOGEL VIP</h3> 1722 <div class="spec-chips">I7 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX5050</div> <span class="price"> 1723 <span class="final">Rp 28.600.080</span> 1724 <span class="ori">Rp 27.999.000</span> 1725 </span> 1726 <span class="sold">Terjual 6</span> <span class="stock-dot low" title="Stok Terbatas"></span> 1727 </div> 1728 </a> 1729 <a class="pd-related-card" href="https://www.awesometeefashion.com/"> 1730 <div class="thumb"> 1731 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="BANDAR SLOT"> 1732 <span class="mini-disc">-1%</span> </div> 1733 <div class="info"> 1734 <h3>BANDAR SLOT</h3> 1735 <div class="spec-chips">CORE5 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX4050</div> <span class="price"> 1736 <span class="final">Rp 17.888.000</span> 1737 <span class="ori">Rp 18.499.000</span> 1738 </span> 1739 <span class="stock-dot low" title="Stok Terbatas"></span> 1740 </div> 1741 </a> 1742 1743 </div> 1744 </section> 1745 1746 <div class="pd-mobile-fab" id="pd-mobile-fab" data-pid="325" data-price="20789000" data-voucher-code="" data-voucher-value="0"><div class="mf-actions"><button type="button" class="mf-btn mf-share" id="mf-share" aria-label="Bagikan"><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg></button><button type="button" class="mf-btn mf-chat" id="mf-chat" aria-label="Tanya Produk"><svg viewBox="0 0 640 640" fill="currentColor"><path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/></svg></button><button type="button" class="mf-btn mf-cart" id="mf-cart" disabled aria-label="Tambah ke keranjang"><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path fill="currentColor" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg></button><button type="button" class="mf-btn mf-buy" id="mf-buy" disabled><span class="mf-buy-text">Beli Sekarang</span><span class="mf-buy-price">Rp 20.789.000</span></button></div></div> 1747 1748 <button type="button" 1749 class="pd-scroll-top" 1750 id="pd-scroll-top" 1751 aria-label="Kembali ke atas" 1752 title="Kembali ke atas"> 1753 <svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
1754 <path fill="currentColor" d="M7.41 14.59 12 10l4.59 4.59L18 13.17l-6-6-6 6z"/> 1755 </svg> 1756 </button> 1757
1757<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"0e3b36ed99ac47ee9ac3185ab30c2f2c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1757
1757
1758<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"46aba85fffd14c36b386c8af64e95ffe","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1758
1758
1759<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ee0335b691c3428492654ea99a61a52a","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1759
1759
1760<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"24dd7ec7190f4473aaf856b0aba8b5b5","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1760
1760
1761<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d455ef2b5f594d75aaa7e47b8961bab4","r":1,"spa":2}' crossorigin="anonymous"></script>
1761 1762</main> 1763 1764 <div class="pd-share-modal-overlay" id="pd-share-modal-overlay"><div class="pd-share-modal"><div class="pd-share-header"><h2 class="pd-share-title">Bagikan Produk</h2><button type="button" class="pd-share-close" id="pd-share-close" aria-label="Tutup"><svg width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button></div><div class="pd-share-body"><div class="pd-share-preview"><img src="https://i.imgur.com/nEjmIao.jpeg" alt="MULANTOGEL" class="pd-share-preview-img"><div class="pd-share-preview-info"><h3 class="pd-share-preview-name">MULANTOGEL</h3><p class="pd-share-preview-price">Rp 20.789.000</p></div></div><p class="pd-share-label">Bagikan ke</p><div class="pd-share-grid"><a href="#" class="pd-share-option" data-share="whatsapp" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-whatsapp"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/></svg></span><span class="pd-share-name">WhatsApp</span></a><a href="#" class="pd-share-option" data-share="facebook" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-facebook"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></span><span class="pd-share-name">Facebook</span></a><a href="#" class="pd-share-option" data-share="twitter" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-twitter"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg></span><span class="pd-share-name">Twitter</span></a><a href="#" class="pd-share-option" data-share="telegram" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-telegram"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg></span><span class="pd-share-name">Telegram</span></a><a href="#" class="pd-share-option" data-share="email"><span class="pd-share-icon pd-share-icon-email"><svg viewBox="0 0 24 24">
1764<path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg></span><span class="pd-share-name">Email</span></a><button type="button" class="pd-share-option" data-share="copy"><span class="pd-share-icon pd-share-icon-copy"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></span><span class="pd-share-name">Salin Link</span></button><button type="button" class="pd-share-option" data-share="pdf"><span class="pd-share-icon pd-share-icon-pdf"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.5h1.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4zm6 0h1c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2h-1v6zm-4.5-1.5H8v-1h1.5v1zM14 13h1v1h-1v-1z"/></svg></span><span class="pd-share-name">Export PDF</span></button></div><div class="pd-share-copy-section"><div class="pd-share-copy-input-wrap"><input type="text" class="pd-share-copy-input" id="pd-share-url-input" value="https://www.awesometeefashion.com/" readonly><button type="button" class="pd-share-copy-btn" id="pd-share-copy-url-btn"><svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg><span class="pd-share-copy-text">Salin</span></button></div></div></div></div></div> 1765 1766 <style>.toast-root{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;z-index:99999;pointer-events:none;max-width:min(92vw,540px)}.toast{display:grid;grid-template-columns:28px 1fr auto;gap:12px;background:#0b1220;color:#eef3ff;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:12px;box-shadow:0 10px 30px rgba(10,10,20,.35);pointer-events:auto;overflow:hidden}.toast .ico{align-self:start;margin-top:2px}.toast .ttl{font-weight:700;line-height:1.25;font-size:14px;margin-bottom:4px}.toast .msg{opacity:.95;line-height:1.45;font-size:13px}.toast .actions{display:flex;gap:8px;align-self:center}.toast .btn{background:#e90e0e;color:#fff;border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.toast .btn.alt{background:transparent;color:#8fb5ff;border:1px solid rgba(143,181,255,.35)}.toast .close{background:transparent;border:0;color:#98a2b3;cursor:pointer;padding:4px;margin-left:6px}.toast.success{border-left:4px solid #c52222}.toast.info{border-left:4px solid #e90e0e}.toast.warn{border-left:4px solid #f59e0b}.toast .progress{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#60a5fa,#c52222);width:100%;transform-origin:left;animation:toastBar linear forwards}@keyframes toastBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:640px){.toast{grid-template-columns:24px 1fr auto;padding:12px}.toast .btn{padding:7px 10px}}</style> 1767 <style> 1768 .toast .msg { word-break: break-word; overflow-wrap: anywhere; } 1769 1770 .toast-root { bottom: max(12px, env(safe-area-inset-bottom, 12px)); } 1771 1772 @media (max-width: 540px) { 1773 .toast-root { 1774 left: 0; right: 0; transform: none; 1775 padding: 0 12px; 1776 bottom: calc(max(12px, env(safe-area-inset-bottom, 12px)) + var(--fab-offset, 72px)); 1777 max-width: none; 1778 } 1779 .toast { 1780 grid-template-columns: 1fr; /* 1 kolom */ 1781 position: relative; 1782 padding: 14px 14px 12px 14px; 1783 border-radius: 16px; 1784 } 1785 .toast .ico { 1786 position: absolute; left: 14px; top: 14px; 1787 margin: 0; transform: translateY(1px); 1788 } 1789 .toast .cnt { padding-left: 34px; } 1790 .toast .ttl { font-size: 15px; margin-bottom: 6px; } 1791 .toast .msg { font-size: 13px; opacity: .96; } 1792 .toast .actions { 1793 margin-top: 12px; gap: 10px; width: 100%; 1794 display: grid; grid-template-columns: 1fr 1fr; 1795 } 1796 .toast .btn { width: 100%; min-width: 0; padding: 10px 0; } 1797 .toast .close { position: absolute; right: 6px; top: 6px; } 1798 } 1799 </style> 1800 1801
1801<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 1802 (function adjustToastFabOffset(){ 1803 const root = document.getElementById('toastRoot'); 1804 if (!root) return; 1805 1806 function isVisible(el){ 1807 if (!el) return false; 1808 const cs = getComputedStyle(el); 1809 if (cs.display === 'none' || cs.visibility === 'hidden' || cs.opacity === '0') return false; 1810 const r = el.getBoundingClientRect(); 1811 return r.width > 0 && r.height > 0; 1812 } 1813 1814 function update(){ 1815 const fab = document.getElementById('pd-mobile-fab'); 1816 let extra = 16; 1817 if (isVisible(fab)) { 1818 const h = Math.round(fab.getBoundingClientRect().height) || 56; 1819 extra = h + 16; // FAB height + margin 1820 } 1821 root.style.setProperty('--fab-offset', extra + 'px'); 1822 } 1823 1824 window.addEventListener('resize', update, { passive: true }); 1825 const fab = document.getElementById('pd-mobile-fab'); 1826 if (window.ResizeObserver && fab) { 1827 const ro = new ResizeObserver(update); 1828 ro.observe(fab); 1829 } 1830 1831 update(); 1832 })(); 1833 </script>
1833 1834 <div class="toast-root" id="toastRoot" aria-live="polite" aria-atomic="true"></div> 1835 1836
1836<script nonce="se3iyzEHMc9FQEB4wSyd0w==">(function(){const root=document.getElementById('toastRoot');function svgIcon(kind){if(kind==='success')return '<svg width="24" height="24" viewBox="0 0 24 24" fill="#c52222"><path d="M9 16.2l-3.5-3.5 1.4-1.4L9 13.4l7.7-7.7 1.4 1.4z"/></svg>';if(kind==='warn')return '<svg width="24" height="24" viewBox="0 0 24 24" fill="#f59e0b"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>';return '<svg width="24" height="24" viewBox="0 0 24 24" fill="#e90e0e"><path d="M11 7h2v2h-2zm0 4h2v6h-2z"/><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" fill="none" stroke="#e90e0e"/></svg>'} 1837 window.showToast=function(opts){const o=Object.assign({title:'',message:'',type:'info',duration:4000,actions:[]},opts||{});const el=document.createElement('div');el.className='toast '+(o.type||'info');el.setAttribute('role','status');el.style.position='relative';const acts=(o.actions||[]).map(a=>{const lab=a.label||'OK';const cls='btn'+(a.vaRian Kurniawan, 29 tahun â Jakartat==='alt'?' alt':'');return `<button type="button" class="${cls}" data-act="${lab}">${lab}</button>`}).join('');el.innerHTML=`<div class="ico" aria-hidden="true">${svgIcon(o.type)}</div><div class="cnt">${o.title?`<div class="ttl">${o.title}</div>`:''}${o.message?`<div class="msg">${o.message}</div>`:''}</div><div class="actions">${acts}</div><button type="button" class="close" aria-label="Tutup" title="Tutup"><svg width="18" height="18" viewBox="0 0 24 24"><path fill="currentColor" d="M18.3 5.71L12 12.01l-6.3-6.3-1.4 1.41 6.3 6.3-6.3 6.3 1.4 1.41 6.3-6.3 6.3 6.3 1.41-1.41-6.3-6.3 6.3-6.3z"/></svg></button><div class="progress" style="animation-duration:${Math.max(1500,o.duration)}ms"></div>`; 1838 1839 const close = ()=> { 1840 if (!el.parentNode) return; 1841 el.style.transition = 'transform .2s ease, opacity .2s ease'; 1842 el.style.opacity = '0'; el.style.transform = 'translateY(10px)'; 1843 setTimeout(()=>{ if (el.parentNode) el.parentNode.removeChild(el); }, 220); 1844 }; 1845 1846 el.querySelector('.close').addEventListener('click', close); 1847 el.querySelectorAll('.actions .btn').forEach(btn=>{ 1848 btn.addEventListener('click', ()=>{ 1849 const lab = btn.getAttribute('data-act'); 1850 try { 1851 (o.actions||[]).forEach(a=>{ if (a.label===lab && typeof a.onClick==='function') a.onClick(); }); 1852 } catch(_){} 1853 close(); 1854 }); 1855 }); 1856 1857 root.appendChild(el); 1858 setTimeout(close, o.duration); 1859 return el; 1860 }; 1861 })(); 1862 1863 const _0x1a2b=[{"url":"https://i.imgur.com/nEjmIao.jpeg","alt":"Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Win 11 Home/Eclipse Black/3Y","slug":""},{"url":"https://i.imgur.com/nEjmIao.jpeg","alt":"Lenovo Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Wi...","slug":"https://i.imgur.com/nEjmIao.jpeg"},{"url":"https://i.imgur.com/nEjmIao.jpeg","alt":"Lenovo Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Wi...","slug":"lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-223.webp"},{"url":"https://i.imgur.com/nEjmIao.jpeg","alt":"Lenovo Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Wi...","slug":"lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-776.webp"},{"url":"https://i.imgur.com/nEjmIao.jpeg","alt":"Lenovo Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Wi...","slug":"lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-634.webp"},{"url":"https://i.imgur.com/nEjmIao.jpeg","alt":"Lenovo Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Wi...","slug":"lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-892.webp"}],_0x3c4d="Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Win 11 Home/Eclipse Black/3Y",_0x5e6f="8S89G1554EGB";function getVaRian Kurniawan, 29 tahun â JakartatSummaryText(){const a=document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-summary');if(!a)return '';const b=Array.from(a.querySelectorAll('.vs-item strong')).map(c=>
1863c.textContent.trim()).filter(Boolean);return b.length?b.join(' / '):''} 1864 function encodeVaRian Kurniawan, 29 tahun â JakartatHash(id){if(!id||id<=0)return '';const xor=id^0x4A5D;return xor.toString(36)} 1865 function decodeVaRian Kurniawan, 29 tahun â JakartatHash(hash){if(!hash)return 0;const xor=parseInt(hash,36);return isNaN(xor)?0:xor^0x4A5D} 1866 1867 function showSuccessToast(productId,qty,vaRian Kurniawan, 29 tahun â JakartatId){const vaRian Kurniawan, 29 tahun â JakartatText=getVaRian Kurniawan, 29 tahun â JakartatSummaryText();const skuText=(function(){const el=document.getElementById('pd-sku');return el?el.textContent.trim():PD_SKU})();showToast({type:'warn',title:'Fitur Segera Hadir',message:`<strong>${escapeHtml(PD_NAME)}</strong>${vaRian Kurniawan, 29 tahun â JakartatText?` · <em>${escapeHtml(vaRian Kurniawan, 29 tahun â JakartatText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: ${qty}`,duration:5000,actions:[{label:'Lihat Keranjang',onClick:()=>{}},{label:'Lanjut Belanja',vaRian Kurniawan, 29 tahun â Jakartat:'alt',onClick:()=>{}}]});try{if(window.ga4Ecomm){const qtySend=qty||1;window.ga4Ecomm.addToCart({currency:'IDR',price:20789000,quantity:qtySend,item_id:"8S89G1554EGB",item_name:"Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Win 11 Home/Eclipse Black/3Y",item_brand:"Lenovo ",item_category:(["Komputer & Laptop","Laptop","Gaming"]||[]).join(' / ')})}}catch(_){}return false}function showErrorToast(){showToast({type:'error',title:'Gagal Menambah ke Keranjang',message:'Terjadi kesalahan saat memproses permintaan. Silakan coba lagi.',duration:5000})} 1868 1869 function executeBuyNowLegacy(id,vaRian Kurniawan, 29 tahun â JakartatId){const a=getVaRian Kurniawan, 29 tahun â JakartatSummaryText(),b=(function(){const c=document.getElementById('pd-sku');return c?c.textContent.trim():_0x5e6f})(); 1870 1871 let willRedirect = false; 1872 try { 1873 if (window.addToCart) { 1874 window.addToCart(id, 1, vaRian Kurniawan, 29 tahun â JakartatId); 1875 willRedirect = false; 1876 } 1877 } catch(_){} 1878 1879 if (willRedirect) { 1880 showToast({ 1881 type: 'info', 1882 title: 'Menuju Keranjang', 1883 message: `<strong>${escapeHtml(PD_NAME)}</strong>${vaRian Kurniawan, 29 tahun â JakartatText?` · <em>${escapeHtml(vaRian Kurniawan, 29 tahun â JakartatText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: 1`, 1884 duration: 1800 1885 }); 1886 setTimeout(()=>{ window.location.href='/keranjang'; }, 1200); 1887 } else { 1888 showToast({ 1889 type: 'warn', 1890 title: 'Fitur Beli Langsung Segera Hadir', 1891 message: `Sementara ini Anda bisa menambahkan produk ke keranjang terlebih dahulu.<br><strong>${escapeHtml(PD_NAME)}</strong>${vaRian Kurniawan, 29 tahun â JakartatText?` · <em>${escapeHtml(vaRian Kurniawan, 29 tahun â JakartatText)}</em>`:''}`, 1892 duration: 6000, 1893 actions: [ 1894 { label: '+ Keranjang', onClick: ()=> { try{ if (window.addToCart) window.addToCart(id,1,vaRian Kurniawan, 29 tahun â JakartatId); }catch(_){} } }, 1895 { label: 'Hubungi CS', vaRian Kurniawan, 29 tahun â Jakartat: 'alt', onClick: ()=> { window.open('https://wa.me/6281380009898','_blank'); } } 1896 ] 1897 }); 1898 } 1899 } 1900 1901 document.addEventListener('DOMContentLoaded',function(){var a=document.getElementById('pd-buy-form');if(a){a.addEventListener('submit',function(e){var b=parseInt(a.getAttribute('data-pid'),10)||0;if(window.addToCartSubmit){return window.addToCartSubmit(e,b)}})}});document.addEventListener('DOMContentLoaded',function(){var a=document.getElementById('btn-buy');if(a){a.addEventListener('click',function(){var b=a.getAttribute('data-id');buyNow(b)})}}); 1902 1903 function _0x2m3n(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]))} 1904 1905 (function initGallery(){const mainImg=document.getElementById('pd-main-img');const gallery=document.getElementById('pd-thumb-gallery');if(!mainImg||!gallery)return;gallery.addEventListener('click',function(ev){const btn=ev.target.closest('.pd-thumb-btn');if(!btn)return;const full=btn.getAttribute('data-full');if(full){mainImg.src=full;const alt=btn.getAttribute('data-alt')||'';if(alt)mainImg.alt=alt;const slug=btn.getAttribute('data-slug')||'';if(slug)mainImg.dataset.slug=slug;gallery.querySelectorAll('.pd-thumb-btn').forEach(b=>b.classList.remove('active'));btn.classList.add('active')}})})(); 1906 1907 (function initMobileSliderCounter(){const slider=document.getElementById('pd-mobile-slider');const counter=document.getElementById('pd-gallery-counter');if(!slider||!counter)return;let ticking=false;slider.addEventListener('scroll',function(){if(!ticking){window.requestAnimationFrame(function(){const slides=slider.querySelectorAll('.pd-mslide');if(!slides.length)return;const containerRect=slider.getBoundingClientRect();const containerCenter=containerRect.left+containerRect.width/2;let currentIdx=0;let minDist=Infinity;
1907slides.forEach((slide,idx)=>{const slideRect=slide.getBoundingClientRect();const slideCenter=slideRect.left+slideRect.width/2;const dist=Math.abs(slideCenter-containerCenter);if(dist<minDist){minDist=dist;currentIdx=idx}});counter.textContent=(currentIdx+1)+'/'+slides.length;ticking=false});ticking=true}},{passive:true})})(); 1908 1909 /* ================= Simulasi Cicilan ================= */ 1910 (function initInstallmentList(){const card=document.getElementById('inst-card');if(!card)return;function getBasePrice(){return parseInt(card.getAttribute('data-base-price')||'0',10)||0}function setBasePrice(v){card.setAttribute('data-base-price',String(parseInt(v||'0',10)||0))}const zeroEligible=card.getAttribute('data-zero-smart')==='1';window.initMobile=zeroEligible;const listEl=document.getElementById('inst-month-list');const zeroNote=document.getElementById('inst-zero-note');const tenors=[3,6,12];const rates={BRI:{3:0.975,6:0.975,12:0.975},Mandiri:{3:0.984,6:0.9725,12:0.96},BCA:{3:0.97,6:0.94,12:0.91}};function formatRupiah(num){return 'Rp '+(Math.round(num)).toString().replace(/\B(?=(\d{3})+(?!\d))/g,'.')}function activeBank(){const tab=card.querySelector('.bank-tab.active');return tab?tab.dataset.bank:'BRI'} 1911 1912 function _0x4o5p(bank){const a=getBasePrice();listEl.innerHTML='';const b=rates[bank]||{};let c=false;tenors.forEach(m=>{let d=b[m]??1;if(zeroEligible&&(bank==='BRI'||bank==='Mandiri')){d=1;c=true}const e=a/d;const f=m>0?Math.ceil((e/m)/100)*100:0;const g=document.createElement('li');g.className='inst-month-item';g.innerHTML=`<span class="tenor-badge">${m}x</span><span class="amount">${formatRupiah(f)} / bln</span>${zeroEligible&&(bank==='BRI'||bank==='Mandiri')?'<span class="tag tag-zero">0%</span>':''}`;listEl.appendChild(g)});zeroNote.style.display=c?'block':'none'} 1913 1914 card.addEventListener('click',function(ev){const a=ev.target.closest('.bank-tab');if(!a)return;card.querySelectorAll('.bank-tab').forEach(b=>{b.classList.remove('active');b.setAttribute('aria-selected','false')});a.classList.add('active');a.setAttribute('aria-selected','true');_0x4o5p(a.dataset.bank)}); 1915 1916 window.instSetBasePrice=function(newPrice){setBasePrice(newPrice);_0x4o5p(activeBank())};_0x4o5p(activeBank()); 1917 })(); 1918 1919 /* ====== Fokus gambar vaRian Kurniawan, 29 tahun â Jakarta ====== */ 1920 function _0x6q7r(s){return String(s||'').toLowerCase().replace(/[^a-z0-9]+/g,'')}function _0x8s9t(u){try{return new URL(u,window.location.origin).pathname.split('/').pop().toLowerCase()}catch(e){try{return(u||'').split('/').pop().toLowerCase()}catch(_){return ''}}} 1921 function _0xau1v(url,altOpt){const a=document.getElementById('pd-main-img'),b=document.getElementById('pd-thumb-gallery'),c=document.getElementById('pd-mobile-slider');if(a&&url){a.src=url;if(altOpt)a.alt=altOpt}if(b){const d=_0x8s9t(url);let e=null;b.querySelectorAll('.pd-thumb-btn').forEach(btn=>{const f=btn.getAttribute('data-full')||'',g=_0x8s9t(f)===d;if(g)e=btn;btn.classList.toggle('active',g)});if(e){const h=e.getAttribute('data-alt')||'',i=e.getAttribute('data-slug')||'';if(h&&a)a.alt=h;if(i&&a)a.dataset.slug=i}} 1922 if (c){ 1923 const targetName = _0x8s9t(url); 1924 const slideImg = Array.from(c.querySelectorAll('img')).find(im => _0x8s9t(im.src) === targetName); 1925 if (slideImg){ 1926 1927 try { 1928 const container = c; 1929 const imgRect = slideImg.getBoundingClientRect(); 1930 const contRect = container.getBoundingClientRect(); 1931 const offsetLeft = slideImg.offsetLeft - container.offsetLeft; 1932 const center = offsetLeft - (container.clientWidth - slideImg.clientWidth) / 2; 1933 container.scrollTo({ left: Math.max(0, center), behavior: 'smooth' }); 1934 } catch(_){ 1935 1936 slideImg.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' }); 1937 } 1938 } 1939 } 1940 } 1941 function findImageForVaRian Kurniawan, 29 tahun â Jakartat(vaRian Kurniawan, 29 tahun â Jakartat){ 1942 if (!vaRian Kurniawan, 29 tahun â Jakartat || !vaRian Kurniawan, 29 tahun â Jakartat.attrs) return null; 1943 const tokens = []; 1944 try{ 1945 Object.values(vaRian Kurniawan, 29 tahun â Jakartat.attrs).forEac
1945h(v=>{ 1946 if (!v) return; 1947 const raw = String(v); 1948 tokens.push(raw); 1949 tokens.push(normalize(raw)); 1950 }); 1951 }catch(_){} 1952 if (vaRian Kurniawan, 29 tahun â Jakartat.sku){ 1953 tokens.push(String(vaRian Kurniawan, 29 tahun â Jakartat.sku)); 1954 tokens.push(normalize(String(vaRian Kurniawan, 29 tahun â Jakartat.sku))); 1955 } 1956 if (vaRian Kurniawan, 29 tahun â Jakartat.image_url) { 1957 tokens.push(String(vaRian Kurniawan, 29 tahun â Jakartat.image_url)); 1958 } 1959 let best = null; 1960 let bestScore = -1; 1961 1962 for (const g of (galleryData||[])){ 1963 const slugN = normalize(g.slug||''); 1964 const altN = normalize(g.alt||''); 1965 const file = _0x8s9t(g.url||''); 1966 const fileN = normalize(file); 1967 const imgU = g.url; 1968 1969 for (const t of tokens){ 1970 const tN = normalize(t); 1971 if (!tN) continue; 1972 1973 let score = -1; 1974 if (imgU === tN) score = 300; 1975 if (slugN && slugN === tN) score = 300; 1976 else if (fileN && fileN.includes(tN)) score = 200; 1977 else if (altN && altN.includes(tN)) score = 120; 1978 1979 if (score > bestScore){ 1980 bestScore = score; 1981 best = g; 1982 } 1983 if (bestScore >= 300) break; 1984 } 1985 if (bestScore >= 300) break; 1986 } 1987 return bestScore >= 120 ? best : null; 1988 } 1989 function _0xey3z(vaRian Kurniawan, 29 tahun â Jakartat){const a=_0xcw2x(vaRian Kurniawan, 29 tahun â Jakartat);if(a&&a.url){_0xau1v(a.url,a.alt||'')}} 1990 1991 /* ====== Layout mobile ====== */ 1992 (function _0xg04h(){const a=document.querySelector('.pd-media-card'),b=document.getElementById('pd-price-block'),c=document.getElementById('pd-price-anchor'),d=document.querySelector('.pd-info-card'),e=document.getElementById('pd-title'),f=document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-combined'),g=document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartats'),h=document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartats-anchor'),i=document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-summary'),j=document.getElementById('pd-summary-anchor'),titleRow=document.querySelector('.pd-title-row'),promoBanner=document.querySelector('.promo-endyear-mini-banner'),compareSection=document.querySelector('.pd-compare-section');if(!a||!b||!c||!d||!e)return; 1993 1994 let pricePlaced = false; 1995 let varPlaced = false; 1996 let titlePlaced = false; 1997 let promoPlaced = false; 1998 const mq = window.matchMedia('(max-width: 640px)'); 1999 2000 function apply(){ 2001 if (mq.matches) { 2002 if (!titlePlaced && a && titleRow && d.contains(titleRow)) { try{a.appendChild(titleRow);titlePlaced=true;}catch(_){} } 2003 if (!pricePlaced && a && b) { try{a.appendChild(b);pricePlaced=true;}catch(_){} } 2004 if (!varPlaced && f && d && e) { 2005 try{ 2006 f.hidden = false; 2007 if (i && !f.contains(i)) f.appendChild(i); 2008 if (g && !f.contains(g)) f.appendChild(g); 2009 if(d.contains(e))d.insertBefore(f, e); 2010 varPlaced = true; 2011 }catch(_){} 2012 } 2013 if (!promoPlaced && promoBanner && compareSection && compareSection.parentNode) { 2014 try{ 2015 compareSection.parentNode.insertBefore(promoBanner, compareSection); 2016 promoPlaced = true; 2017 }catch(_){} 2018 } 2019 } else { 2020 if (titlePlaced && titleRow && d) { 2021 try{ 2022 const vcombined = document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-combined'); 2023 if (vcombined && d.contains(vcombined)) { 2024 d.insertBefore(titleRow, vcombined); 2025 } else { 2026 d.insertBefore(titleRow, d.firstChild); 2027 } 2028 titlePlaced=false; 2029 }catch(_){} 2030 } 2031 if (pricePlaced && b && c && c.parentNode) { 2032 try{c.parentNode.insertBefore(b, c.nextSibling);pricePlaced=false;}catch(_){} 2033 } 2034 if (varPlaced) { 2035 try{ 2036 if (i && j && j.parentNode && !j.parentNode.contains(i)) j.parentNode.insertBefore(i, j.nextSibling); 2037 if (g && h && h.parentNode && !h.parentNode.contains(g)) h.parentNode.insertBefore(g, h.nextSibling); 2038 if (f) { f.hidden = true; f.innerHTML = ''; }
2039 varPlaced = false; 2040 }catch(_){} 2041 } 2042 if (promoPlaced && promoBanner && b) { 2043 try{ 2044 b.appendChild(promoBanner); 2045 promoPlaced = false; 2046 }catch(_){} 2047 } 2048 } 2049 } 2050 2051 mq.addEventListener ? mq.addEventListener('change', apply) : mq.addListener(apply); 2052 apply(); 2053 2054 const fab = document.getElementById('pd-mobile-fab'); 2055 if (fab) { 2056 const pid = parseInt(fab.getAttribute('data-pid')||'0',10) || 325; 2057 const btnCart = document.getElementById('mf-cart'); 2058 2059 if (btnCart) btnCart.addEventListener('click', function(){ 2060 const varInput = document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-id'); 2061 const vaRian Kurniawan, 29 tahun â JakartatId = varInput ? parseInt(varInput.value||'0',10) : 0; 2062 try { if (window.addToCart) addToCart(pid, 1, vaRian Kurniawan, 29 tahun â JakartatId); } catch(_){} 2063 const vaRian Kurniawan, 29 tahun â JakartatText = getVaRian Kurniawan, 29 tahun â JakartatSummaryText(); 2064 const skuText = (function(){ const el=document.getElementById('pd-sku'); return el?el.textContent.trim():PD_SKU; })(); 2065 showToast({ 2066 type: 'success', 2067 title: 'Berhasil ditambahkan ke Keranjang', 2068 message: `<strong>${escapeHtml(PD_NAME)}</strong>${vaRian Kurniawan, 29 tahun â JakartatText?` · <em>${escapeHtml(vaRian Kurniawan, 29 tahun â JakartatText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: 1`, 2069 duration: 5000, 2070 actions: [ 2071 { label: 'Lihat Keranjang', onClick: ()=> { window.location.href = '/keranjang'; } }, 2072 { label: 'Lanjut Belanja', vaRian Kurniawan, 29 tahun â Jakartat: 'alt', onClick: ()=>{} } 2073 ] 2074 }); 2075 }); 2076 } 2077 })(); 2078 2079 /* ====== Auto-hide installment banner if sidebar too tall (Desktop only) ====== */ 2080 (function(){ 2081 function adjustSidebarBanner() { 2082 if (window.innerWidth <= 768) return; 2083 const sidebar = document.querySelector('.pd-sidebar'); 2084 const infoCard = document.querySelector('.pd-info-card'); 2085 const banner = document.querySelector('.pd-side-card.inst-alt-banner.inst-alt-banner--compact'); 2086 if (!sidebar || !infoCard || !banner) return; 2087 const sidebarHeight = sidebar.offsetHeight; 2088 const infoCardHeight = infoCard.offsetHeight; 2089 if (sidebarHeight > infoCardHeight) { 2090 banner.style.display = 'none'; 2091 } else { 2092 banner.style.display = ''; 2093 } 2094 } 2095 if (document.readyState === 'loading') { 2096 document.addEventListener('DOMContentLoaded', adjustSidebarBanner); 2097 } else { 2098 adjustSidebarBanner(); 2099 } 2100 let resizeTimer; 2101 window.addEventListener('resize', function() { 2102 clearTimeout(resizeTimer); 2103 resizeTimer = setTimeout(adjustSidebarBanner, 250); 2104 }); 2105 const pwpSection = document.getElementById('pwp-deals-section'); 2106 if (pwpSection) { 2107 const observer = new MutationObserver(function(mutations) { 2108 let shouldRecheck = false; 2109 mutations.forEach(function(mutation) { 2110 if (mutation.type === 'attributes' && mutation.attributeName === 'hidden') { 2111 shouldRecheck = true; 2112 } else if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { 2113 shouldRecheck = true; 2114 } 2115 }); 2116 if (shouldRecheck) { 2117 setTimeout(adjustSidebarBanner, 100); 2118 } 2119 }); 2120 observer.observe(pwpSection, { 2121 attributes: true, 2122 childList: true, 2123 subtree: true 2124 }); 2125 } 2126 window.adjustSidebarBanner = adjustSidebarBanner; 2127 })(); 2128 2129 /* ====== Global constants ====== */ 2130 const IS_DIGITAL=false; 2131 const IS_PREORDER=false; 2132 2133 /* ====== VaRian Kurniawan, 29 tahun â Jakartats state (REVISED) ====== */ 2134 (function initVaRian Kurniawan, 29 tahun â Jakartats(){ 2135 const _0x7g8h=[];window.vaRian Kurniawan, 29 tahun â Jakartats=_0x7g8h; 2136 window.isPreorderProduct=false; 2137 const attrOrder = []; 2138 2139 if (!vaRian Kurniawan, 29 tahun â Jakartats.length || !attrOrder.length) return; 2140 2141 function comboKey(sel){ 2142 return attrOrder.map(a => a + '=' + (sel[a] ?? '')).join('|'); 2143 } 2144 2145 const vaRian Kurniawan, 29 tahun â JakartatMap = {};
2146 vaRian Kurniawan, 29 tahun â Jakartats.forEach(v=>{ 2147 const key = comboKey(v.attrs); 2148 vaRian Kurniawan, 29 tahun â JakartatMap[key] = v; 2149 }); 2150 2151 function readSelection(){ 2152 const sel = {}; 2153 attrOrder.forEach(a=>{ 2154 const r = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio]:checked`); 2155 sel[a] = r ? r.value : ''; 2156 }); 2157 return sel; 2158 } 2159 2160 function findVaRian Kurniawan, 29 tahun â Jakartat(sel){ 2161 return vaRian Kurniawan, 29 tahun â JakartatMap[comboKey(sel)] || null; 2162 } 2163 2164 function autoFillMissing(sel){ 2165 let changed = false; 2166 for (const a of attrOrder) { 2167 if (sel[a]) continue; 2168 const possible = []; 2169 const seen = new Set(); 2170 vaRian Kurniawan, 29 tahun â Jakartats.forEach(v=>{ 2171 let ok = true; 2172 for (const a2 of attrOrder) { 2173 if (a2 === a) continue; 2174 if (sel[a2] && v.attrs[a2] !== sel[a2]) { ok = false; break; } 2175 } 2176 if (ok) { 2177 const val = v.attrs[a]; 2178 if (!seen.has(val)) { seen.add(val); possible.push(val); } 2179 } 2180 }); 2181 if (possible.length === 1) { 2182 const val = possible[0]; 2183 const input = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio][value="${CSS.escape(val)}"]`); 2184 if (input && !input.checked) { input.checked = true; sel[a] = val; changed = true; } 2185 } 2186 } 2187 return changed; 2188 } 2189 2190 function rupiah(n){ 2191 n = parseInt(n||0,10)||0; 2192 return 'Rp ' + n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,'.'); 2193 } 2194 2195 function focusGalleryByUrl(imageUrl) { 2196 const isMobile = window.matchMedia && window.matchMedia('(max-width: 640px)').matches; 2197 if (isMobile) { 2198 _0xau1v(imageUrl); 2199 return; 2200 } 2201 2202 const gallery = document.getElementById('pd-thumb-gallery'); 2203 const targetName = _0x8s9t(imageUrl); 2204 2205 if (gallery) { 2206 const btns = Array.from(gallery.querySelectorAll('.pd-thumb-btn')); 2207 const btn = btns.find(b => _0x8s9t(b.getAttribute('data-full') || '') === targetName); 2208 if (btn) { btn.click(); return; } 2209 } 2210 2211 _0xau1v(imageUrl); 2212 } 2213 2214 2215 function formatStockLabel(n){n=parseInt(n||0,10)||0;return(n>10)?'10+':String(n)} 2216 function updateBranchPopover(v){try{if(!v)return;const a=document.getElementById('sp-qty-meg'),b=document.getElementById('sp-qty-mdf'),c=document.getElementById('sp-qty-bda');if(a)a.textContent=formatStockLabel(Math.max(0,v.smm|0));if(b)b.textContent=formatStockLabel(Math.max(0,v.smf|0));if(c)c.textContent=formatStockLabel(Math.max(0,v.sba|0))}catch(_){}} 2217 2218 function calcVoucherDisc(type,value,price,maxDisc){if(type==='PERCENTAGE'){let d=(price*value)/100;if(maxDisc>0&&d>maxDisc)d=maxDisc;return Math.round(d)}return Math.round(value)} 2219 2220 function applyVaRian Kurniawan, 29 tahun â Jakartat(v, focusImage = true){ 2221 const elCur = document.getElementById('pd-price-current'); 2222 const elOri = document.getElementById('pd-price-original'); 2223 const elDisc = document.getElementById('pd-discount-badge'); 2224 const elSku = document.getElementById('pd-sku'); 2225 const elStock= document.getElementById('pd-stock-badge'); 2226 const elQty = document.getElementById('qty'); 2227 const btnAdd = document.getElementById('btn-add-cart'); 2228 const btnBuy = document.getElementById('btn-buy'); 2229 const hidVar = document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-id'); 2230 2231 const mfCart= document.getElementById('mf-cart'); 2232 const mfBuy = document.getElementById('mf-buy'); 2233 const fab = document.getElementById('pd-mobile-fab'); 2234 2235 if (hidVar) hidVar.value = v ? v.id : 0; 2236 if (elCur) elCur.textContent = rupiah(v ? v.final : 0); 2237 if (elSku && v && v.sku) elSku.textContent = v.sku; 2238 2239 if (v && v.ori > v.final) { 2240 if (elOri) { elOri.style.display='inline'; elOri.textContent = rupiah(v.ori); } 2241 if (elDisc) { elDisc.style.display='inline'; elDisc.textContent = '-' + (v.disc||0) + '%'; } 2242 } else { 2243 if (elOri) elOri.style.display='none'; 2244 if (elDisc) elDisc.style.display='none'; 2245 } 2246 2247 const stock = v ? (parseInt(v.stock||0,10)||0) : 0; 2248 let effectiveStock = stock; 2249 let isActivePreorder = false;
2250 if (window.isPreorderProduct && v && 'preorder_remaining' in v && v.preorder_remaining !== null) { 2251 effectiveStock = parseInt(v.preorder_remaining, 10); 2252 if (isNaN(effectiveStock)) effectiveStock = 0; 2253 isActivePreorder = true; 2254 } 2255 if (elStock){ 2256 elStock.classList.remove('in','out'); 2257 if (effectiveStock>0){ 2258 elStock.classList.add('in'); 2259 elStock.textContent = IS_DIGITAL ? 'Tersedia' : (isActivePreorder ? 'Sisa Slot: ' + effectiveStock : 'Stok: ' + formatStockLabel(effectiveStock)); 2260 } else { 2261 elStock.classList.add('out'); 2262 elStock.textContent = 'Habis'; 2263 } 2264 } 2265 if (elQty){ 2266 elQty.max = String(effectiveStock>0?effectiveStock:0); 2267 if (effectiveStock<=0) { elQty.value = '0'; elQty.disabled = true; } 2268 else { if (parseInt(elQty.value||'1',10) < 1) elQty.value='1'; elQty.disabled=false; } 2269 } 2270 2271 const shouldDisable = !(v && effectiveStock>0); 2272 const updateButtons = () => { 2273 const btnAddCart = document.getElementById('btn-add-cart'); 2274 const btnBuyNow = document.getElementById('btn-buy'); 2275 const mobileCart = document.getElementById('mf-cart'); 2276 const mobileBuy = document.getElementById('mf-buy'); 2277 [btnAddCart, btnBuyNow, mobileCart, mobileBuy].forEach(btn => { 2278 if (!btn) return; 2279 if (shouldDisable) { 2280 btn.disabled = true; 2281 btn.setAttribute('disabled', 'disabled'); 2282 btn.classList.add('stock-disabled'); 2283 btn.setAttribute('data-stock-blocked', 'true'); 2284 btn.setAttribute('data-stock-reason', window.isPreorderProduct ? 'Pre-order habis' : 'Stok habis'); 2285 } else { 2286 btn.disabled = false; 2287 btn.removeAttribute('disabled'); 2288 btn.classList.remove('stock-disabled'); 2289 btn.removeAttribute('data-stock-blocked'); 2290 btn.removeAttribute('data-stock-reason'); 2291 } 2292 }); 2293 }; 2294 updateButtons(); 2295 setTimeout(updateButtons, 10); 2296 setTimeout(updateButtons, 50); 2297 setTimeout(updateButtons, 100); 2298 if (mfBuy && v) { 2299 const voucherBtn = document.getElementById('btn-buy-voucher'); 2300 const voucherCode = fab ? fab.dataset.voucherCode : ''; 2301 let voucherDiscount = 0; 2302 2303 if (voucherBtn && voucherCode) { 2304 const vType = voucherBtn.dataset.voucherType; 2305 const vValue = parseFloat(voucherBtn.dataset.voucherValue) || 0; 2306 const vMax = parseFloat(voucherBtn.dataset.voucherMax) || 0; 2307 const finalPrice = v.final || 0; 2308 if (vType && vValue > 0) { 2309 voucherDiscount = calcVoucherDisc(vType, vValue, finalPrice, vMax); 2310 if (fab) fab.dataset.voucherValue = voucherDiscount.toString(); 2311 } 2312 } 2313 2314 const finalPrice = v.final || 0; 2315 const textEl = mfBuy.querySelector('.mf-buy-text'); 2316 const priceEl = mfBuy.querySelector('.mf-buy-price'); 2317 2318 if (effectiveStock > 0) { 2319 if (IS_PREORDER) { 2320 if (textEl) textEl.textContent = 'Pre Order Sekarang'; 2321 if (priceEl) priceEl.textContent = rupiah(finalPrice); 2322 } else if (voucherCode && voucherDiscount > 0) { 2323 if (textEl) textEl.textContent = 'Beli dengan Voucher'; 2324 if (priceEl) priceEl.textContent = rupiah(Math.max(0, finalPrice - voucherDiscount)); 2325 } else { 2326 if (textEl) textEl.textContent = 'Beli Sekarang'; 2327 if (priceEl) priceEl.textContent = rupiah(finalPrice); 2328 } 2329 } else { 2330 if (textEl) textEl.textContent = 'Stok Habis'; 2331 if (priceEl) priceEl.textContent = rupiah(finalPrice); 2332 } 2333 } 2334 2335 const isMobile = window.initMobile ?? 0; 2336 if (window.instSetBasePrice) window.instSetBasePrice(v ? (isMobile == '1' ? v.ori : v.final) : 0); 2337 if (window.updateSoldBySku) window.updateSoldBySku(v.sku); 2338 updateBranchPopover(v); 2339 if (v && v.image_url && focusImage) focusGalleryByUrl(v.image_url); 2340 if (v) { 2341 window.dispatchEvent(new CustomEvent('pd-vaRian Kurniawan, 29 tahun â Jakartat-changed', { 2342 detail: { 2343 price: v.final,
2344 originalPrice: v.ori, 2345 discount: v.disc, 2346 stock: effectiveStock, 2347 sku: v.sku, 2348 vaRian Kurniawan, 29 tahun â Jakartat_id: v.id 2349 } 2350 })); 2351 2352 const encodedHash = encodeVaRian Kurniawan, 29 tahun â JakartatHash(v.id); 2353 if (encodedHash && window.history && window.history.replaceState) { 2354 const newHash = '#v=' + encodedHash; 2355 const newUrl = window.location.pathname + window.location.search + newHash; 2356 window.history.replaceState(null, '', newUrl); 2357 } 2358 } 2359 } 2360 2361 let sel = readSelection(); 2362 if (autoFillMissing(sel)) sel = readSelection(); 2363 2364 let v = findVaRian Kurniawan, 29 tahun â Jakartat(sel); 2365 if (!v) { 2366 const candidates = vaRian Kurniawan, 29 tahun â Jakartats.filter(vaRian Kurniawan, 29 tahun â Jakartat=>{ 2367 return attrOrder.every(a=>{ 2368 if (!sel[a]) return true; 2369 return vaRian Kurniawan, 29 tahun â Jakartat.attrs[a] === sel[a]; 2370 }); 2371 }); 2372 if (candidates.length >= 1) { 2373 v = candidates[0]; 2374 attrOrder.forEach(a=> sel[a] = v.attrs[a]); 2375 attrOrder.forEach(a=>{ 2376 const val = sel[a]; 2377 const input = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio][value="${CSS.escape(val)}"]`); 2378 if (input) input.checked = true; 2379 }); 2380 } 2381 } 2382 2383 const initSel = readSelection(); 2384 const initVar = findVaRian Kurniawan, 29 tahun â Jakartat(initSel) || vaRian Kurniawan, 29 tahun â Jakartats[0] || null; 2385 if (document.readyState === 'loading') { 2386 document.addEventListener('DOMContentLoaded', () => applyVaRian Kurniawan, 29 tahun â Jakartat(initVar, false)); 2387 } else { 2388 applyVaRian Kurniawan, 29 tahun â Jakartat(initVar, false); 2389 } 2390 2391 function updateSummary(sel){Object.entries(sel).forEach(([a,val])=>{const el=document.getElementById('vs-'+a);if(el)el.textContent=val||'-'})} 2392 function refreshOptions(sel){ 2393 attrOrder.forEach(a=>{ 2394 const group = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"]`); 2395 if (!group) return; 2396 const chips = group.querySelectorAll('.v-chip'); 2397 chips.forEach(ch=>{ 2398 const val = ch.getAttribute('data-value'); 2399 const possible = vaRian Kurniawan, 29 tahun â Jakartats.some(v=>{ 2400 if (v.attrs[a] !== val) return false; 2401 for (const a2 of attrOrder) { 2402 if (a2 === a) continue; 2403 if (sel[a2] && v.attrs[a2] !== sel[a2]) return false; 2404 } 2405 return true; 2406 }); 2407 const input = ch.querySelector('input[type=radio]'); 2408 const disabled = !possible; 2409 if (input) input.disabled = disabled; 2410 ch.classList.toggle('disabled', disabled); 2411 2412 let candidateVaRian Kurniawan, 29 tahun â Jakartat = null; 2413 if (possible) { 2414 candidateVaRian Kurniawan, 29 tahun â Jakartat = vaRian Kurniawan, 29 tahun â Jakartats.find(v=>{ 2415 if (v.attrs[a] !== val) return false; 2416 for (const a2 of attrOrder) { 2417 if (a2 === a) continue; 2418 if (sel[a2] && v.attrs[a2] !== sel[a2]) return false; 2419 } 2420 return true; 2421 }); 2422 } 2423 const outOfStock = candidateVaRian Kurniawan, 29 tahun â Jakartat ? (window.isPreorderProduct && candidateVaRian Kurniawan, 29 tahun â Jakartat.preorder_remaining !== null ? candidateVaRian Kurniawan, 29 tahun â Jakartat.preorder_remaining <= 0 : candidateVaRian Kurniawan, 29 tahun â Jakartat.stock <= 0) : false;
2424 ch.classList.toggle('out', !disabled && outOfStock); 2425 const badge = ch.querySelector('.chip-badge'); 2426 if (badge) badge.hidden = !(candidateVaRian Kurniawan, 29 tahun â Jakartat && outOfStock); 2427 }); 2428 group.querySelectorAll('.v-chip').forEach(ch=>{ 2429 const input = ch.querySelector('input[type=radio]'); 2430 ch.classList.toggle('selected', input && input.checked); 2431 }); 2432 }); 2433 } 2434 updateSummary(sel); 2435 refreshOptions(sel); 2436 document.querySelectorAll('.v-chip').forEach(chip=>{const input=chip.querySelector('input[type=radio]');if(input&&input.checked){chip.classList.add('selected');}}); 2437 2438 const container = document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartats'); 2439 container && container.addEventListener('change', function(ev){ 2440 const radio = ev.target.closest('input[type=radio]'); 2441 if (!radio) return; 2442 sel = readSelection(); 2443 if (autoFillMissing(sel)) sel = readSelection(); 2444 const chosen = findVaRian Kurniawan, 29 tahun â Jakartat(sel); 2445 applyVaRian Kurniawan, 29 tahun â Jakartat(chosen || null, true); 2446 2447 updateSummary(sel); 2448 refreshOptions(sel); 2449 }); 2450 2451 window.applyVaRian Kurniawan, 29 tahun â Jakartat=applyVaRian Kurniawan, 29 tahun â Jakartat; 2452 })(); 2453 2454 (function cleanBrokenDescImages(){ 2455 const containers = [ 2456 document.querySelector('.pd-full-desc-body'), 2457 document.querySelector('.pd-short-desc') 2458 ].filter(Boolean); 2459 2460 containers.forEach(root => { 2461 const imgs = root.querySelectorAll('img'); 2462 imgs.forEach(img => { 2463 if (img.complete && img.naturalWidth === 0) { 2464 img.remove(); 2465 return; 2466 } 2467 img.addEventListener('error', () => { 2468 img.remove(); 2469 }, { once:true }); 2470 }); 2471 }); 2472 })(); 2473 2474 /* ====== Scroll To Top ====== */ 2475 (function _0xi25j(){const a=document.getElementById('pd-scroll-top');if(!a)return;function b(){if(window.matchMedia('(max-width:640px)').matches){const d=document.querySelector('.bottom-nav'),e=document.querySelector('.pd-mobile-fab');if(!d&&!e){setTimeout(b,100);return}const f=d&&window.getComputedStyle(d).display!=='none'&&window.getComputedStyle(d).visibility!=='hidden',g=e&&window.getComputedStyle(e).display!=='none'&&window.getComputedStyle(e).visibility!=='hidden';let h;if(f&&g){h='calc(68px + 54px + env(safe-area-inset-bottom))'}else if(g){h='calc(68px + 8px + env(safe-area-inset-bottom))'}else if(f){h='calc(60px + env(safe-area-inset-bottom))'}else{h='calc(20px + env(safe-area-inset-bottom))'}a.style.setProperty('--scroll-top-bottom',h)}else{a.style.removeProperty('--scroll-top-bottom')}}function c(){const d=window.pageYOffset||document.documentElement.scrollTop||0,e=d>300;a.classList.toggle('visible',e);a.setAttribute('aria-hidden',e?'false':'true');b()}window.addEventListener('scroll',c,{passive:!0});window.addEventListener('resize',b,{passive:!0});setTimeout(b,100);c();a.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'})})})(); 2476 2477 /* Format stok 10+ */ 2478 function _0xk67l(n){n=parseInt(n||0,10)||0;return n>10?'10+':String(n)} 2479 2480 /* Toggle popover stok per cabang */ 2481 (function _0xm89n(){const a=document.getElementById('pd-stock-info-btn'),b=document.getElementById('pd-stock-popover'),c=document.getElementById('pd-stock-popover-close');if(!a||!b)return;function d(){if(window.matchMedia('(min-width: 641px)').matches){const e=document.getElementById('pd-stock-badge');if(!e)return;const f=e.getBoundingClientRect(),g=window.pageXOffset||document.documentElement.scrollLeft||0,h=window.pageYOffset||document.documentElement.scrollTop||0;b.style.left=(f.left+g-10)+'px';b.style.top=(f.bottom+h+10)+'px'}else{b.style.left='';b.style.top=''}} 2482 function e(){d();b.classList.add('show');a.setAttribute('aria-expanded','true');b.setAttribute('aria-hidden','false');document.addEventListener('click',g,{capture:true});window.addEventListener('resize',d,{passive:true});window.addEventListener('scroll',d,{passive:true})}function f(){b.classList.remove('show');a.setAttribute('aria-expanded','false');b.setAttribute('aria-hidden','true');document.removeEventListener('click',g,{capture:true});window.removeEventListener('resize',d);window.removeEventListener('scroll',d)}function g(h){if(b.contains(h.target)||a.contains(h.target))return;f()} 2483 a.addEventListener('click',function(h){h.preventDefault();b.classList.contains('show')?f():e()});if(c)c.addEventListener('click',f)})(); 2484 2485 /* ===== Share Product Modal ===== */ 2486 (function(){const a=document.getElementById('pd-share-btn'),z=document.getElementById('mf-share'),b=document.getElementById('pd-share-modal-overlay'),
2486c=document.getElementById('pd-share-close'),d=document.getElementById('pd-share-copy-url-btn'),e=document.getElementById('pd-share-url-input');if((!a&&!z)||!b)return;const f="https://www.awesometeefashion.com/",g="Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Win 11 Home/Eclipse Black/3Y",h="Rp 20.789.000";const discountPercent=1;let i='';if(discountPercent>0){i=`ð¥ Lagi Promo Nih! Diskon ${discountPercent}%\n\n⨠${g}\nð° Cuma ${h} aja!\n\nð Buruan cek sebelum kehabisan!\nð `}else{i=`⨠Ada barang bagus nih!\n\nð¦ ${g}\nð¸ Harga: ${h}\n\nðï¸ Yuk, langsung cek!\nð `}function j(){b.classList.add('show');document.body.style.overflow='hidden'}function k(){b.classList.remove('show');document.body.style.overflow=''}if(a)a.addEventListener('click',j);if(z)z.addEventListener('click',j);if(c)c.addEventListener('click',k);b.addEventListener('click',function(l){if(l.target===b)k()});document.addEventListener('keydown',function(l){if(l.key==='Escape'&&b.classList.contains('show'))k()});b.addEventListener('click',function(l){const m=l.target.closest('[data-share]');if(!m)return;const n=m.getAttribute('data-share'),o=encodeURIComponent(f),p=encodeURIComponent(i),q=encodeURIComponent(g);let r='';switch(n){case 'whatsapp':r=`https://wa.me/?text=${p}${o}`;break;case 'facebook':r=`https://www.facebook.com/sharer/sharer.php?u=${o}`;break;case 'twitter':r=`https://twitter.com/intent/tweet?text=${p}${o}`;break;case 'telegram':r=`https://t.me/share/url?url=${o}&text=${p}`;break;case 'email':r=`mailto:?subject=${encodeURIComponent('ð¥ Cek Produk Keren Ini!')}&body=${p}${o}`;window.location.href=r;k();return;case 'copy':s();return;case 'pdf':const ps=document.querySelector('.product-single');if(ps){ps.setAttribute('data-print-date',new Date().toLocaleDateString('id-ID',{year:'numeric',month:'long',day:'numeric'}))}k();setTimeout(function(){window.print();try{if(window.ga4Ecomm&&window.ga4Ecomm.trackEvent)window.ga4Ecomm.trackEvent('share',{method:'pdf_export',content_type:'product',item_id:"8S89G1554EGB"})}catch(_){}},300);return}if(r){window.open(r,'_blank','noopener,noreferrer');try{if(window.ga4Ecomm&&window.ga4Ecomm.trackEvent)window.ga4Ecomm.trackEvent('share',{method:n,content_type:'product',item_id:"8S89G1554EGB"})}catch(_){}}});function s(){if(!e)return;e.select();e.setSelectionRange(0,99999);try{if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(f).then(function(){t()}).catch(function(){document.execCommand('copy');t()})}else{document.execCommand('copy');t()}}catch(u){console.error('Failed to copy:',u)}}function t(){if(!d)return;const v=d.innerHTML;d.classList.add('copied');d.innerHTML='<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg><span class="pd-share-copy-text">Tersalin!</span>';if(window.showToast)showToast({type:'success',title:'⨠Link Tersalin!',message:'Link produk berhasil disalin. Yuk bagikan ke teman!',duration:3000});setTimeout(function(){d.classList.remove('copied');d.innerHTML=v},2000)}if(d)d.addEventListener('click',s);if(navigator.share){const shareHandler=function(w){w.preventDefault();navigator.share({title:g,text:i+f,url:f}).catch(function(x){console.log('Native share cancelled or failed:',x)})};if(a)a.addEventListener('dblclick',shareHandler);if(z)z.addEventListener('dblclick',shareHandler)}})(); 2487 2488 /* ===== Embedding vaRian Kurniawan, 29 tahun â Jakartats (server â client) ===== */ 2489 (function(){ 2490 window.__PD_VARian Kurniawan, 29 tahun â JakartaTS_WITH_BRANCH__ = []; 2491 })(); 2492 2493 /* ===== Helper: update angka popover ===== */ 2494 function updateStockPopoverForVaRian Kurniawan, 29 tahun â Jakartat(v){ 2495 try{ 2496 const elMeg = document.getElementById('sp-qty-meg'); 2497 const elMdf = document.getElementById('sp-qty-mdf'); 2498 const elBda = document.getElementById('sp-qty-bda'); 2499 2500 if (typeof v?.smm === 'number' && elMeg) elMeg.textContent = formatStockLabel(Math.max(0, v.smm|0)); 2501 if (typeof v?.smf === 'number' && elMdf) elMdf.textContent = formatStockLabel(Math.max(0, v.smf|0)); 2502 if (typeof v?.sba === 'number' && elBda) elBda.textContent = formatStockLabel(Math.max(0, v.sba|0)); 2503 }catch(_){} 2504 } 2505 2506 /* ===== applyVaRian Kurniawan, 29 tahun â Jakartat: 10+ dan update popover ===== */ 2507 (function patchApplyVaRian Kurniawan, 29 tahun â Jakartat(){ 2508 if (typeof applyVaRian Kurniawan, 29 tahun â Jakartat !== 'function') return; 2509 const original = applyVaRian Kurniawan, 29 tahun â Jakartat; 2510 window.applyVaRian Kurniawan, 29 tahun â Jakartat = function(v){ 2511 original(v); 2512
2513 try { 2514 const elStock = document.getElementById('pd-stock-badge'); 2515 if (elStock){ 2516 let txt = elStock.textContent || ''; 2517 let m = txt.match(/\d+/); 2518 if (m) { 2519 const n = parseInt(m[0]||'0',10)||0; 2520 elStock.textContent = (n>0) ? ('Stok: ' + formatStockLabel(n)) : 'Habis'; 2521 } 2522 } 2523 } catch(_){} 2524 if(window.__PD_VARian Kurniawan, 29 tahun â JakartaTS_WITH_BRANCH__&&v){const vv=window.__PD_VARian Kurniawan, 29 tahun â JakartaTS_WITH_BRANCH__.find(x=>x.id===v.id)||v;updateStockPopoverForVaRian Kurniawan, 29 tahun â Jakartat(vv)} 2525 }; 2526 })(); 2527 2528 (function initCurrentVaRian Kurniawan, 29 tahun â JakartatBranch(){ 2529 const list = window.__PD_VARian Kurniawan, 29 tahun â JakartaTS_WITH_BRANCH__ || []; 2530 if (!list.length) return; 2531 const hid = document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-id'); 2532 const vid = hid ? parseInt(hid.value||'0',10) : 0; 2533 const current = list.find(x => x.id === vid) || list[0] || null; 2534 if (current) updateStockPopoverForVaRian Kurniawan, 29 tahun â Jakartat(current); 2535 })(); 2536 2537 (function(){ 2538 if (!window.ga4Ecomm) return; 2539 const catSegs = ["Komputer & Laptop","Laptop","Gaming"]; 2540 window.ga4Ecomm.viewItem({ 2541 currency: 'IDR', 2542 value: 20789000, 2543 item_id: "8S89G1554EGB", 2544 item_name: "Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Win 11 Home/Eclipse Black/3Y", 2545 item_brand: "Lenovo ", 2546 item_category: catSegs && catSegs.length ? catSegs.join(' / ') : '' 2547 }); 2548 })(); 2549 2550 (function patchApplyVaRian Kurniawan, 29 tahun â JakartatFocus(){ 2551 if (typeof applyVaRian Kurniawan, 29 tahun â Jakartat !== 'function') return; 2552 const original = applyVaRian Kurniawan, 29 tahun â Jakartat; 2553 window.applyVaRian Kurniawan, 29 tahun â Jakartat = function(v, focusImage = true){ 2554 2555 original(v, focusImage); 2556 2557 if (focusImage && v && v.image_url) { 2558 _0xau1v(v.image_url); 2559 } 2560 }; 2561 })(); 2562 2563 (function() { 2564 var soldMap = []; 2565 var soldTotalLabel = "Terjual 2"; 2566 2567 function formatSoldLabel(qty) { 2568 if (qty >= 1000000) { 2569 var v = Math.floor((qty / 100000) ) / 10; 2570 return 'Terjual ' + (String(v).replace('.', ',')) + 'jt+'; 2571 } 2572 if (qty >= 1000) { 2573 var v2 = Math.floor((qty / 100) ) / 10; 2574 return 'Terjual ' + (String(v2).replace('.', ',')) + 'rb+'; 2575 } 2576 if (qty >= 100) { 2577 var v2 = Math.floor((qty / 100) ) * 100; 2578 return 'Terjual ' + (String(v2).replace('.', ',')) + '+'; 2579 } 2580 if (qty >= 10) { 2581 var v2 = Math.floor((qty / 10) ) * 10; 2582 return 'Terjual ' + (String(v2).replace('.', ',')) + '+'; 2583 } 2584 return 'Terjual ' + (qty.toLocaleString('id-ID')); 2585 } 2586 2587 function updateSoldLabel(labelText) { 2588 var el = document.querySelector('#pd-sold-inline, [data-role="sold-chip"]'); 2589 if (el) el.textContent = labelText; 2590 } 2591 2592 window.updateSoldBySku = function(sku) { 2593 if (!sku || typeof sku !== 'string') { 2594 updateSoldLabel(soldTotalLabel); 2595 return; 2596 } 2597 var qty = soldMap[sku] || 0; 2598 updateSoldLabel(formatSoldLabel(qty)); 2599 }; 2600 2601 updateSoldLabel(soldTotalLabel); 2602 })(); 2603 2604 (function(){const h=document.getElementById('pd-sticky-header');if(!h)return;const p=document.getElementById('pd-price-anchor');const ac=document.getElementById('pd-sticky-add-cart');const by=document.getElementById('pd-sticky-buy');let lt=window.scrollY;let tk=false;function u(){if(!p)return;const r=p.getBoundingClientRect();const s=window.scrollY;if(r.top<0){h.classList.add('visible')}else{h.classList.remove('visible')}lt=s;tk=false}function rt(){if(!tk){window.requestAnimationFrame(u);tk=true}}window.addEventListener('scroll',rt,{passive:true});u();function sy(){const ma=document.getElementById('btn-add-cart');const mb=document.getElementById('btn-buy');if(ac&&ma){ac.disabled=ma.disabled}if(by&&mb){by.disabled=mb.disabled}}sy();const ob=new MutationObserver(sy);const ma=document.getElementById('btn-add-cart');const mb=document.getElementById('btn-buy');if(ma)ob.observe(ma,{attributes:true,attributeFilter:['disabled']});if(mb)ob.observe(mb,{attributes:true,attributeFilter:['disabled']});const ss=document.getElementById('pd-sticky-share-btn');const ms=document.getElementById('pd-share-btn');if(ss&&ms){ss.addEventListener('click',function(e){e.preventDefault();ms.click()})}if(ac){ac.addEventListener('click',function(e){e.preventDefault();if(ac.disabled)return;
2604const m=document.getElementById('btn-add-cart');if(m&&!m.disabled){m.click()}})}if(by){by.addEventListener('click',function(e){e.preventDefault();if(by.disabled)return;const m=document.getElementById('btn-buy');if(m&&!m.disabled&&window.buyNow){window.buyNow(e)}})} 2605 function getChatProductData(){const varInput=document.getElementById('pd-vaRian Kurniawan, 29 tahun â Jakartat-id');const vaRian Kurniawan, 29 tahun â JakartatId=varInput?parseInt(varInput.value||'0',10):0;const vaRian Kurniawan, 29 tahun â JakartatSummary=getVaRian Kurniawan, 29 tahun â JakartatSummaryText();const priceEl=document.getElementById('pd-price-current');const currentPrice=priceEl?priceEl.textContent.trim():'Rp 20.789.000';const pd={id:325,name:"Lenovo Legion Go 8ASP2 - 83N0000RID \/AMD Ryzen Z2 Extreme\/32GB\/1TB SSD\/AMD Radeon Graphics\/8.8\" WUXGA OLED Touch\/Win 11 Home\/Eclipse Black\/3Y",price:currentPrice,image:"\/uploads\/products\/lenovo-legion-go-8asp2-83n0000rid.webp",url:window.location.href};if(vaRian Kurniawan, 29 tahun â JakartatId>0){pd.vaRian Kurniawan, 29 tahun â Jakartat_id=vaRian Kurniawan, 29 tahun â JakartatId}if(vaRian Kurniawan, 29 tahun â JakartatSummary){pd.vaRian Kurniawan, 29 tahun â Jakartat_summary=vaRian Kurniawan, 29 tahun â JakartatSummary}return pd} 2606 const ch=document.getElementById('pd-sticky-chat');if(ch){ch.addEventListener('click',function(e){e.preventDefault();if(!window.plazaChat){console.warn('Chat widget not loaded');return}window.plazaChat.attachProduct(getChatProductData());window.plazaChat.openWidget()})}const dch=document.getElementById('btn-chat-icon');if(dch){dch.addEventListener('click',function(e){e.preventDefault();if(!window.plazaChat){console.warn('Chat widget not loaded');return}window.plazaChat.attachProduct(getChatProductData());window.plazaChat.openWidget()})}const mch=document.getElementById('mf-chat');if(mch){mch.addEventListener('click',function(e){e.preventDefault();if(!window.plazaChat){console.warn('Chat widget not loaded');return}window.plazaChat.attachProduct(getChatProductData());window.plazaChat.openWidget()})}window.addEventListener('pd-vaRian Kurniawan, 29 tahun â Jakartat-changed',function(e){const d=e.detail||{};if(d.price!==undefined){const sp=document.getElementById('pd-sticky-price');if(sp){sp.textContent=formatRupiah(d.price)}}if(d.originalPrice!==undefined&&d.originalPrice>d.price){const so=document.getElementById('pd-sticky-price-original');if(so){so.textContent=formatRupiah(d.originalPrice);so.style.display=''}}else{const so=document.getElementById('pd-sticky-price-original');if(so){so.style.display='none'}}if(d.discount!==undefined&&d.discount>0){const sd=document.getElementById('pd-sticky-discount');if(sd){sd.textContent='-'+d.discount+'%';sd.style.display=''}}else{const sd=document.getElementById('pd-sticky-discount');if(sd){sd.style.display='none'}}const hs=d.stock>0;if(ac){ac.disabled=!hs}if(by){by.disabled=!hs}});function formatRupiah(n){return'Rp'+Math.floor(n).toLocaleString('id-ID')}})(); 2607 2608 (function(){const t=document.getElementById('pdv-toggle-btn');const v=document.getElementById('pd-voucher-section');if(t&&v){const h=v.querySelectorAll('.pdv-min-hidden');const n=h.length;t.addEventListener('click',function(){const e=t.classList.toggle('expanded');h.forEach(function(i){if(e){i.classList.remove('pdv-min-hidden')}else{i.classList.add('pdv-min-hidden')}});t.textContent=e?'Tutup':'+'+n})}
2608const m=document.getElementById('voucher-detail-modal');const mc=document.getElementById('voucher-modal-close');const ma=document.getElementById('voucher-modal-cancel');const mcp=document.getElementById('voucher-modal-copy');if(m){const bb=document.querySelectorAll('.pdv-badge-btn');bb.forEach(function(btn){btn.addEventListener('click',function(){if(btn.disabled)return;const c=btn.getAttribute('data-voucher-code');const nm=btn.getAttribute('data-voucher-name');const dl=btn.getAttribute('data-discount-label');const bl=btn.getAttribute('data-badge-label');const mp=parseInt(btn.getAttribute('data-min-purchase'));const md=parseInt(btn.getAttribute('data-max-discount'));const vu=btn.getAttribute('data-valid-until');document.getElementById('voucher-modal-badge').innerHTML='<span class="vmb-value">'+dl+'</span><span class="vmb-label">'+bl+'</span>';document.getElementById('voucher-modal-code').textContent=c;document.getElementById('voucher-modal-name').textContent=nm;const me=document.getElementById('voucher-modal-min');if(mp>0){me.style.display='';document.getElementById('voucher-modal-min-val').textContent=fr(mp)}else{me.style.display='none'}const xe=document.getElementById('voucher-modal-max');if(md>0){xe.style.display='';document.getElementById('voucher-modal-max-val').textContent=fr(md)}else{xe.style.display='none'}if(vu){const d=new Date(vu);const ft=d.toLocaleDateString('id-ID',{day:'numeric',month:'long',year:'numeric',hour:'2-digit',minute:'2-digit'});document.getElementById('voucher-modal-valid-val').textContent=ft}mcp.setAttribute('data-code',c);m.classList.add('show');document.body.style.overflow='hidden'})});function cm(){m.classList.remove('show');document.body.style.overflow=''}if(mc)mc.addEventListener('click',cm);if(ma)ma.addEventListener('click',cm);m.addEventListener('click',function(e){if(e.target===m)cm()});if(mcp){mcp.addEventListener('click',function(){const c=mcp.getAttribute('data-code');if(!c)return;if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(c).then(function(){smc()}).catch(function(err){fc(c)})}else{fc(c)}})}}const b=document.querySelectorAll('.pdv-min-copy');b.forEach(function(btn){btn.addEventListener('click',function(){if(btn.disabled)return;const code=btn.getAttribute('data-code');if(!code)return;if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(code).then(function(){sc(btn)}).catch(function(err){fc(code,btn)})}else{fc(code,btn)}})});function fc(text,btn){const tx=document.createElement('textarea');tx.value=text;tx.style.position='fixed';tx.style.opacity='0';document.body.appendChild(tx);tx.select();try{document.execCommand('copy');if(btn)sc(btn);else smc()}catch(err){}document.body.removeChild(tx)}function sc(btn){const o=btn.textContent;btn.classList.add('copied');btn.textContent='â Tersalin';setTimeout(function(){btn.classList.remove('copied');btn.textContent=o},2000)}function smc(){const o=mcp.textContent;mcp.textContent='â Kode Tersalin';mcp.style.background='#c52222';setTimeout(function(){mcp.textContent=o;mcp.style.background=''},2000)}function fr(a){return'Rp'+Math.floor(a).toLocaleString('id-ID')}})(); 2609 </script>
2609 2610
2610<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 2611 window.PD_ID=325;window.PD_NAME=_0x3c4d;window.PD_SKU=_0x5e6f;window.PD_CATEGORY_PATH="Komputer & Laptop/Laptop/Gaming";window.PD_BEST_VOUCHER=null; 2612 window.IS_DIGITAL=IS_DIGITAL; 2613 window.isPreorderProduct=false; 2614 window.PD_PREORDER_DATA=null; 2615 2616
2616<script nonce="se3iyzEHMc9FQEB4wSyd0w==">document.addEventListener('DOMContentLoaded',function(){if(typeof ProductReviews!=='undefined'){ProductReviews.init(325);}const r=document.getElementById('pd-rating-inline');if(r){r.addEventListener('click',function(e){e.preventDefault();const s=document.getElementById('reviews');if(s){s.scrollIntoView({behavior:'smooth',block:'start'});s.classList.add('highlight-flash');setTimeout(()=>{s.classList.remove('highlight-flash')},1500)}});}});</script>
2616 2617 2618
2618<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 2619 (function(){function _0x9i0j(el){if(typeof gtag==='function'){gtag('event','qoala_insurance_click',{event_category:'Insurance',event_label:'Qoala Banner Click - Product Detail',link_url:'/plazait-protect',page_location:window.location.href,product_id:parseInt(el.getAttribute('data-product-id'))||0,product_name:el.getAttribute('data-product-name')||'',category_path:el.getAttribute('data-category-path')||'',custom_map:{custom_parameter_1:'qoala_banner_product_detail'}})}} 2620 2621 function _0x1k2l(){var a=document.querySelector('.qoala-cta[data-ga-event="qoala_banner_click"]');if(a){a.addEventListener('click',function(e){_0x9i0j(this)})}}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',_0x1k2l)}else{_0x1k2l()}})(); 2622 2623 (function(){const pwpSection=document.getElementById('pwp-deals-section');const pwpBadge=document.getElementById('pwp-trigger-badge');if(!pwpSection)return;const productId=parseInt(pwpSection.getAttribute('data-product-id'))||0;const vaRian Kurniawan, 29 tahun â JakartatId=parseInt(pwpSection.getAttribute('data-vaRian Kurniawan, 29 tahun â Jakartat-id'))||0;const categoryPath=pwpSection.getAttribute('data-category-path')||'';if(!productId)return;function formatRupiah(n){return'Rp'+Math.floor(n).toLocaleString('id-ID')}function loadPWPDeals(){const url=`/api/pwp/get_by_product.php?product_id=${productId}${vaRian Kurniawan, 29 tahun â JakartatId?`&vaRian Kurniawan, 29 tahun â Jakartat_id=${vaRian Kurniawan, 29 tahun â JakartatId}`:''}${categoryPath?`&category_path=${encodeURIComponent(categoryPath)}`:''}`;fetch(url).then(r=>r.json()).then(data=>{if(data.success&&data.promotions&&data.promotions.length>0){renderPWPDeals(data.promotions);pwpSection.hidden=false;if(pwpBadge)pwpBadge.hidden=false;setTimeout(function(){if(typeof window.adjustSidebarBanner==='function'){window.adjustSidebarBanner()}},150)}else{pwpSection.hidden=true;if(pwpBadge)pwpBadge.hidden=true}}).catch(err=>{console.error('PWP load error:',err);pwpSection.hidden=true;if(pwpBadge)pwpBadge.hidden=true})}function renderPWPDeals(promotions){const loading=pwpSection.querySelector('.pwp-deals-loading');const grid=document.getElementById('pwp-deals-grid');if(loading)loading.hidden=true;if(!grid)return;grid.innerHTML='';promotions.forEach(promo=>{promo.bundled_products.forEach(product=>{const card=document.createElement('div');card.className='pwp-deal-card';const discount=product.discount>0?product.discount:0;const discountPercent=product.regular_price>0?Math.round((discount/product.regular_price)*100):0;const imgUrl=product.image_url?`/uploads/products/${product.image_url}`:'/assets/img/no-image.png';card.innerHTML=`<div class="pwp-deal-thumb"><img src="${imgUrl}" alt="${escapeHtml(product.name)}" loading="lazy"></div><div class="pwp-deal-info"><h4 class="pwp-deal-name">${escapeHtml(product.name)}</h4><div class="pwp-deal-prices"><span class="pwp-deal-price">${formatRupiah(product.pwp_price)}</span>${product.regular_price>product.pwp_price?`<span class="pwp-deal-original">${formatRupiah(product.regular_price)}</span>`:''}</div></div>${discountPercent>0?`<span class="pwp-deal-badge">-${discountPercent}%</span>`:''}`;grid.appendChild(card)})})}function escapeHtml(str){const div=document.createElement('div');div.textContent=str||'';return div.innerHTML}loadPWPDeals();window.addEventListener('pd-vaRian Kurniawan, 29 tahun â Jakartat-changed',function(e){const detail=e.detail||{};const newVid=detail.vaRian Kurniawan, 29 tahun â Jakartat_id||0;const currentVid=parseInt(pwpSection.getAttribute('data-vaRian Kurniawan, 29 tahun â Jakartat-id'))||0;if(newVid!==currentVid){pwpSection.setAttribute('data-vaRian Kurniawan, 29 tahun â Jakartat-id',newVid);loadPWPDeals()}})})(); 2624 </script>
2624<footer class="site-footer footer-compact vaRian Kurniawan, 29 tahun â Jakartat-stripes" role="contentinfo"> 2625 <div class="ft-top ft-collapsible" id="ftTop"> 2626 <div class="container ft-grid"> 2627 2628 <div class="ft-col ft-help"> 2629 <h4 class="ft-title">Butuh Bantuan?</h4> 2630 <p class="ft-desc">Hubungi kami melalui Official WhatsApp interaktif sekarang.</p> 2631 <a class="ft-wa-btn" href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noopener"> 2632 <span class="ico" aria-hidden="true"> 2633 <svg viewBox="0 0 24 24" width="18" height="18"><path fill="#d32525" d="M12.04 2c-5.52 0-10 4.43-10 9.9 0 1.75.47 3.45 1.38 4.94L2 22l5.3-1.38c1.43.78 3.05 1.19 4.7 1.19 5.52 0 10-4.43 10-9.9S17.56 2 12.04 2Zm5.86 13.9c-.25.7-1.23 1.28-1.7 1.33-.45.06-1.02.08-1.65-.1-.38-.12-.88-.29-1.52-.56-2.66-1.15-4.4-3.83-4.53-4.01-.13-.18-1.08-1.44-1.08-2.75 0-1.31.68-1.95.92-2.22.25-.27.54-.33.72-.33.18 0 .36.01.52.01.17 0 .39-.06.62.47.25.6.85 2.07.92 2.22.07.15.12.33.02.53-.1.2-.15.33-.3.5-.15.17-.32.39-.46.53-.15.15-.3.31-.13.6.18.3.8 1.31 1.73 2.12 1.19 1.03 2.17 1.36 2.48 1.5.31.14.49.12.67-.07.18-.18.77-.82.98-1.1.21-.27.42-.23.7-.14.27.09 1.72.81 2.02.95.3.14.5.22.58.35.08.13.08.72-.17 1.42Z"/></svg> 2634 </span> 2635 Kirim Pesan 2636 </a> 2637 2638 <p class="ft-desc sm-gap">Ikuti kami:</p> 2639 <div class="ft-social"> 2640 <a aria-label="Facebook" href="https://daftarkuy.masukmulan.work/"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M13.5 22v-8.2h2.7l.4-3.2h-3.1V8c0-.9.3-1.5 1.6-1.5H17V3.7c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.3-3.8 3.9v2.2H8v3.2h3v8.1h2.5Z"/></svg></a> 2641 <a aria-label="Instagram" href="https://daftarkuy.masukmulan.work/"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8
2641V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm9.9 1.7a1.1 1.1 0 1 1 0 2.3 1.1 1.1 0 0 1 0-2.3ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg></a> 2642 <a aria-label="TikTok" href="https://daftarkuy.masukmulan.work/"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M18.9 7.4a6.4 6.4 0 0 1-3.2-1.2v6.3a5.47 5.47 0 1 1-5.5-5.5c.2 0 .4 0 .6.02v2.37a2.92 2.92 0 0 0-.6-.07 2.8 2.8 0 1 0 2.8 2.8V2h2.3a4.6 4.6 0 0 0 4.5 4.1v2.3Z"/></svg></a> 2643 </div> 2644 </div> 2645 2646 <!-- Collapsible Content Wrapper (Non-Homepage Only) --> 2647 <div class="ft-collapsible-content" id="ftCollapsible"> 2648 2649 <div class="ft-col"> 2650 <h4 class="ft-title">Tentang MULANTOGEL</h4> 2651 <ul class="ft-links"> 2652 <li><a href="https://daftarkuy.masukmulan.work/">Tentang Kami</a></li> 2653 <li><a href="https://daftarkuy.masukmulan.work/">Kontak Kami</a></li> 2654 <li><a href="https://daftarkuy.masukmulan.work/">Lokasi Toko</a></li> 2655 <li><a href="https://daftarkuy.masukmulan.work/">FAQ</a></li> 2656 </ul> 2657 <div class="ft-address"> 2658 <p class="company">PT TISU-AJAIB</p> 2659 <p>JL. Asia Raya Blok BB No. 12-A, Kel. Sukaramai II,</p> 2660 <p>Kec. Medan Area, Kota Medan, Sumatera Utara, 20216</p> 2661 </div> 2662 </div> 2663 2664 <div class="ft-col"> 2665 <h4 class="ft-title">Informasi</h4> 2666 <ul class="ft-links"> 2667 <li><a href="https://daftarkuy.masukmulan.work/">Syarat & Ketentuan</a></li> 2668 <li><a href="https://daftarkuy.masukmulan.work/">Kebijakan Privasi</a></li> 2669 <li><a href="https://daftarkuy.masukmulan.work/">Kebijakan Cookie</a></li> 2670 <li><a href="https://daftarkuy.masukmulan.work/">Pengiriman & Pengembalian</a></li> 2671 <li><a href="https://daftarkuy.masukmulan.work/">Pembayaran & Cicilan</a></li> 2672 <li><a href="https://daftarkuy.masukmulan.work/">Garansi & Layanan</a></li> 2673 </ul> 2674 2675 <div class="ft-payments payments-small" aria-label="Metode Pembayaran"> 2676 <div class="pay-row"> 2677 <img src="https://plazaitdotid.pages.dev/assets/img/payments/mandiri.svg" alt="Mandiri" loading="lazy"> 2678 <img src="https://plazaitdotid.pages.dev/assets/img/payments/bni.svg" alt="BNI" loading="lazy"> 2679 <img src="https://plazaitdotid.pages.dev/assets/img/payments/bri.svg" alt="BRI" loading="lazy"> 2680 <img src="https://plazaitdotid.pages.dev/assets/img/payments/bsi.svg" alt="BSI" loading="lazy"> 2681 <img src="https://plazaitdotid.pages.dev/assets/img/payments/cimb-logo.svg" alt="ShopeePay" loading="lazy"> 2682 </div> 2683 </div> 2684 </div> 2685 2686 </div> 2687 <!-- End Collapsible Content --> 2688 2689 <!-- Expand Button (Mobile Only) --> 2690 <button class="ft-expand-btn" id="ftExpandBtn" aria-label="Lihat semua informasi footer"> 2691 <span class="expand-text">Selengkapnya</span> 2692 <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"> 2693 <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/> 2694 </svg> 2695 </button> 2696 2697 </div> 2698 </div> 2699 <div class="ft-bottom"> 2700 <div class="container ft-bottom-inner"> 2701 <div class="ft-copy"> 2702 <span>TISU-AJAIB © <span id="yearNow">2026</span></span> 2703 <span>PT TISU-AJAIB. All rights reserved.</span> 2704 </div> 2705 </div> 2706 </div> 2707 <style> 2708 .Popup Banner { 2709 margin: 0; 2710 padding: 0; 2711 font-family: 'Playfair Display', 'Segoe UI', serif; 2712 background-color: transparent; 2713 color: #ca0c0c; 2714 overflow: hidden; 2715 } 2716 2717 .popup-overlay { 2718 position: fixed; 2719 top: 0; 2720 left: 0; 2721 width: 100vw; 2722 height: 100vh; 2723 background: rgba(0, 0, 0, 0.4); 2724 backdrop-filter: blur(3px); 2725 -webkit-backdrop-filter: blur(3px); 2726 display: flex; 2727 justify-content: center; 2728 align-items: center; 2729 z-index: 9999; 2730 } 2731 2732 .popup-container { 2733 position: relative; 2734 width: 90%; 2735 max-width: 420px; 2736 background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85)); 2737 border-radius: 20px; 2738 overflow: hidden; 2739 text-align: center; 2740 animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out; 2741 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 55, 55, 0.2); 2742 padding-bottom: 20px; 2743 border: 1px solid rgba(212, 55, 55, 0.15); 2744 backdrop-filter: blur(10px); 2745 -webkit-backdrop-filter: blur(10px); 2746 } 2747 2748 /* ð Emas berdenyut yang mewah */ 2749 @keyframes goldPulse { 2750 0%, 100% { 2751 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 55, 55, 0.3), 0 0 0 1px rgba(212, 55, 55, 0.2); 2752 } 2753 50% { 2754 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 55, 55, 0.5), 0 0 0 1px rgba(212, 55, 55, 0.3); 2755 } 2756 } 2757 2758 /* ⨠Shiny diagonal emas yang elegan */ 2759 .popup-container::before { 2760 content: ""; 2761 position: absolute; 2762 top: -100%; 2763 left: -100%; 2764 width: 200%; 2765 height: 200%; 2766 background: linear-gradient( 2767 135deg, 2768 rgba(255, 255, 255, 0) 45%, 2769 rgba(255, 215, 0, 0.15) 50%, 2770 rgba(255, 255, 255, 0) 55% 2771 ); 2772 animation: shineDiagonal 5s linear infinite; 2773 z-index: 2; 2774 pointer-events: none; 2775 } 2776 2777 @keyframes shineDiagonal { 2778 0% { 2779 transform: translate(-100%, -100%) rotate(30deg); 2780 } 2781 100% { 2782 transform: translate(100%, 100%) rotate(30deg); 2783 } 2784 } 2785 2786 .popup-image { 2787 width: 100%; 2788 display: block; 2789 border-bottom: 1px solid rgba(212, 55, 55, 0.15); 2790 } 2791 2792 .clk-btn-sgp { 2793 width: 97%; 2794 display: grid; 2795 grid-template-columns: repeat(2, 1fr); 2796 gap: 15px; 2797 font-family: 'Poppins', sans-serif; 2798 font-weight: 700; 2799 padding: 20px; 2800 position: relative; 2801 overflow: hidden; 2802 2803 } 2804 2805 /* Gold Accent Line */ 2806 .clk-btn-sgp::before { 2807 content: ''; 2808 position: absolute; 2809 top: 50%; 2810 left: 50%; 2811 transform: translate(-50%, -50%); 2812 width: calc(100% - 30px); 2813 height: 2px; 2814 background: linear-gradient(90deg, 2815 transparent, 2816 #8c790b, 2817 #d30000, 2818 #fde973, 2819 transparent); 2820 opacity: 0.4; 2821 filter: blur(1px); 2822 } 2823 2824 .clk-btn-sgp a { 2825 text-align: center; 2826 text-transform: uppercase; 2827 letter-spacing: 1.5px; 2828 padding: 16px 12px; 2829 margin: 0; 2830 border-radius: 14px; 2831 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 2832 position: relative; 2833 overflow: hidden; 2834 backdrop-filter: blur(10px); 2835 -webkit-backdrop-filter: blur(10px); 2836 border: 2px solid transparent; 2837 box-shadow: 0 8px 0px #000000; 2838 clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut)); 2839 z-index: 1; 2840 } 2841 2842 /* Gold Border Effect */ 2843 .clk-btn-sgp a::after { 2844 content: ''; 2845 position: absolute; 2846 top: -2px; 2847 left: -2px; 2848 right: -2px; 2849 bottom: -2px; 2850 background: linear-gradient(45deg, 2851 #9b8400, 2852 #9e8700, 2853 #d30000, 2854 #9e8700, 2855 #d8ba10); 2856 border-radius: 16px; 2857 z-index: -1; 2858 opacity: 0; 2859 transition: opacity 0.3s ease; 2860 } 2861 2862 .clk-btn-sgp a:hover::after { 2863 opacity: 1; 2864 } 2865 2866 .clk-btn-sgp a:hover { 2867 transform: translateY(-6px) scale(1.03); 2868 border-color: #d30000; 2869 } 2870 2871 /* LOGIN BUTTON - Black & Gold */ 2872 .login { 2873 color: #d30000 !important; 2874 background: linear-gradient(145deg, #535050, #000000); 2875 border: 2px solid #d30000; 2876 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 2877 position: relative; 2878 } 2879 2880 .login::before { 2881 position: absolute; 2882 left: 15px; 2883 top: 50%; 2884 transform: translateY(-50%); 2885 font-size: 18px; 2886 opacity: 0.7; 2887 transition: all 0.3s ease; 2888 filter: drop-shadow(0 0 3px #d30000); 2889 } 2890 2891 .login:hover { 2892 background: linear-gradient(145deg, #222222, #1a1a1a); 2893 box-shadow: 2894 0 12px 0px #000000, 2895 0 20px 40px rgba(212, 55, 55, 0.4), 2896 0 0 30px rgba(255, 215, 0, 0.2); 2897 color: #fff8dc !important; 2898 border-color: #d30000; 2899 } 2900 2901 .login:hover::before { 2902 opacity: 1; 2903 transform: translateY(-50%) rotate(15deg); 2904 filter: drop-shadow(0 0 8px #d30000); 2905 } 2906 2907 /* REGISTER BUTTON - Gold & Black */ 2908 .register { 2909 color: #000000 !important; 2910 background: linear-gradient(145deg, #504927, #f5f5f5); 2911 border: 2px solid #000000; 2912 text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3); 2913 position: relative; 2914 } 2915 2916 .register::before { 2917 position: absolute; 2918 right: 15px; 2919 top: 50%; 2920 transform: translateY(-50%); 2921 font-size: 18px; 2922 opacity: 0.7; 2923 transition: all 0.3s ease; 2924 } 2925 2926 .register:hover { 2927 background: linear-gradient(145deg, #d30000, #b89c00); 2928 box-shadow: 2929 0 12px 0px #000000, 2930 0 20px 40px rgba(212, 55, 55, 0.5), 2931 0 0 35px rgba(255, 215, 0, 0.3); 2932 color: #000000 !important; 2933 border-color: #000000; 2934 } 2935 2936 .register:hover::before { 2937 opacity: 1; 2938 transform: translateY(-50%) scale(1.2) rotate(360deg); 2939 filter: drop-shadow(0 0 5px #b89c00); 2940 } 2941 2942 /* Button Text Container */ 2943 .clk-btn-sgp a span { 2944 display: inline-block; 2945 transition: transform 0.3s ease; 2946 } 2947 2948 .clk-btn-sgp a:hover span { 2949 transform: translateX(3px); 2950 } 2951 2952 /* Responsive Design */ 2953 @media (max-width: 768px) { 2954 .clk-btn-sgp { 2955 grid-template-columns: 1fr; 2956 gap: 12px; 2957 } 2958 2959 .clk-btn-sgp a { 2960 padding: 18px 12px; 2961 } 2962 2963 .login::before, 2964 .register::before { 2965 position: relative; 2966 left: 0; 2967 right: 0; 2968 display: inline-block; 2969 margin-right: 10px; 2970 transform: none; 2971 top: 0; 2972 } 2973 2974 .login:hover::before, 2975 .register:hover::before { 2976 transform: none; 2977 } 2978 } 2979 2980 /* Subtle Glow Animation */ 2981 @keyframes subtleGlow { 2982 0%, 100% { 2983 box-shadow: 2984 0 15px 35px rgba(0, 0, 0, 0.6), 2985 inset 0 1px 0 rgba(255, 255, 255, 0.1); 2986 } 2987 50% { 2988 box-shadow: 2989 0 15px 35px rgba(0, 0, 0, 0.6), 2990 inset 0 1px 0 rgba(255, 255, 255, 0.1), 2991 0 0 20px rgba(212, 55, 55, 0.15); 2992 } 2993 } 2994 2995 2996 .info-table { 2997 width: 90%; 2998 margin: 20px auto; 2999 border-collapse: collapse; 3000 color: #eee; 3001 font-size: 14px; 3002 position: relative; 3003 z-index: 3; 3004 background: rgba(0, 0, 0, 0.3); 3005 border-radius: 10px; 3006 overflow: hidden; 3007 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); 3008 } 3009 3010 .info-table th { 3011 background: linear-gradient(135deg, #bb0000, #b8941f); 3012 padding: 14px 10px; 3013 font-size: 15px; 3014 color: #000; 3015 border: none; 3016 font-weight: 700; 3017 letter-spacing: 0.8px; 3018 text-transform: uppercase; 3019 } 3020 3021 .info-table td { 3022 padding: 12px; 3023 border-bottom: 1px solid rgba(212, 55, 55, 0.1); 3024 text-align: left; 3025 } 3026 3027 .info-table tr:last-child td { 3028 border-bottom: none; 3029 } 3030 3031 .popup-footer { 3032 font-size: 13px; 3033 color: #ccc; 3034 padding: 20px 10px; 3035 position: relative; 3036 z-index: 3; 3037 line-height: 1.6; 3038 font-family: 'Playfair Display', serif; 3039 } 3040 3041 @keyframes rotateScaleIn { 3042 0% { 3043 opacity: 0; 3044 transform: scale(0.3) rotate(-10deg); 3045 } 3046 50% { 3047 transform: scale(1.05) rotate(2deg); 3048 } 3049 100% { 3050 opacity: 1; 3051 transform: scale(1) rotate(0deg); 3052 } 3053 } 3054 3055 /* Efek partikel emas */ 3056 .gold-particle { 3057 position: absolute; 3058 background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 55, 55, 0.4) 100%); 3059 border-radius: 50%; 3060 pointer-events: none; 3061 z-index: 1; 3062 animation: floatGold 10s infinite ease-in-out; 3063 box-shadow: 0 0 10px rgba(255, 215, 0, 0.6); 3064 } 3065 3066 @keyframes floatGold { 3067 0%, 100% { 3068 transform: translateY(0) translateX(0); 3069 opacity: 0; 3070 } 3071 10% { 3072 opacity: 0.8; 3073 } 3074 90% { 3075 opacity: 0.8; 3076 } 3077 100% { 3078 transform: translateY(-120px) translateX(40px); 3079 opacity: 0; 3080 } 3081 } 3082 3083 /* Efek border emas mewah */ 3084 .luxury-border { 3085 position: absolute; 3086 top: 0; 3087 left: 0; 3088 right: 0; 3089 bottom: 0; 3090 border: 1px solid rgba(212, 55, 55, 0.2); 3091 border-radius: 20px; 3092 pointer-events: none; 3093 z-index: 4; 3094 background: linear-gradient(135deg, 3095 rgba(212, 55, 55, 0) 0%, 3096 rgba(212, 55, 55, 0.1) 50%, 3097 rgba(212, 55, 55, 0) 100%); 3098 } 3099 3100 /* Tombol Close */ 3101 .close-btn { 3102 position: absolute; 3103 top: 15px; 3104 right: 15px; 3105 width: 32px; 3106 height: 32px; 3107 background: rgba(0, 0, 0, 0.5); 3108 border-radius: 50%; 3109 display: flex; 3110 justify-content: center; 3111 align-items: center; 3112 cursor: pointer; 3113 z-index: 10; 3114 transition: all 0.3s ease; 3115 border: 1px solid rgba(212, 55, 55, 0.3); 3116 } 3117 3118 .close-btn:hover { 3119 background: rgba(212, 55, 55, 0.8); 3120 transform: rotate(90deg); 3121 } 3122 3123 .close-btn::before, 3124 .close-btn::after { 3125 content: ''; 3126 position: absolute; 3127 width: 16px; 3128 height: 2px; 3129 background: #fefae3; 3130 } 3131 3132 .close-btn::before { 3133 transform: rotate(45deg); 3134 } 3135 3136 .close-btn::after { 3137 transform: rotate(-45deg); 3138 } 3139 3140 /* Responsif untuk layar kecil */ 3141 @media (max-width: 480px) { 3142 .popup-container { 3143 width: 95%; 3144 max-width: 350px; 3145 } 3146 3147 .popup-buttons a { 3148 font-size: 14px; 3149 padding: 16px 0; 3150 } 3151 3152 .info-table { 3153 font-size: 13px; 3154 } 3155 3156 .popup-footer { 3157 font-size: 12px; 3158 } 3159 3160 .close-btn { 3161 width: 28px; 3162 height: 28px; 3163 } 3164 } 3165 </style> 3166 <div class="popup-overlay" id="popupOverlay"> 3167 <div class="popup-container"> 3168 <!-- Tombol Close --> 3169 <div class="close-btn" onclick="closePopup()"></div> 3170 <!-- Partikel emas untuk efek elegan --> 3171 <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div> 3172 <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div> 3173 <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div> 3174 <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div> 3175 <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div> 3176 <!-- Border mewah --> 3177 <div class="luxury-border"></div> 3178 <div class="Popup Banner"> 3179 <img src="https://i.imgur.com/nEjmIao.jpeg" alt="Popup Banner" class="popup-image" /> 3180 <div class="clk-btn-sgp" style="font-size: 20px;"> 3181 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noreferrer" 3182 class="login">LOGIN</a> 3183 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noreferrer" 3184 class="register">DAFTAR</a> 3185 </div> 3186 <div class="popup-footer"> 3187 DAFTAR MULANTOGEL ð F
3187itur Baruu Guyss !! Buat akun bisa pakai e-wallet/bank apa saja Gratis!<br/> 3188 <span style="color: #c50606; font-weight: 600; text-shadow: 0 0 5px rgba(212, 55, 55, 0.5);">© COPYRIGHT 2026 MULANTOGEL</span> 3189 </div> 3190 </div> 3191 </div> 3192 </div> 3193
3193<script> 3194 function closePopup() { 3195 const popupOverlay = document.getElementById('popupOverlay'); 3196 popupOverlay.style.opacity = '0'; 3197 popupOverlay.style.transition = 'opacity 0.3s ease'; 3198 3199 setTimeout(() => { 3200 popupOverlay.style.display = 'none'; 3201 }, 300); 3202 } 3203 3204 // Menutup popup ketika mengklik area di luar popup 3205 document.getElementById('popupOverlay').addEventListener('click', function(event) { 3206 if (event.target === this) { 3207 closePopup(); 3208 } 3209 }); 3210 </script>
3210 3211 <style nonce="se3iyzEHMc9FQEB4wSyd0w=="> 3212 /* Chat Widget Styles - Lightweight & Minimal */ 3213 .chat-widget { 3214 position: fixed; 3215 bottom: 20px; 3216 right: 20px; 3217 z-index: 9999; 3218 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 3219 } 3220 3221 /* Hide floating button on mobile - use bottom nav instead */ 3222 @media (max-width: 640px) { 3223 .chat-toggle-btn { 3224 display: none !important; 3225 } 3226 3227 /* Ensure popup is still visible on mobile even when button is hidden */ 3228 .chat-widget { 3229 display: block !important; 3230 } 3231 3232 .chat-popup { 3233 display: none; /* Hidden by default, shown via JS */ 3234 } 3235 3236 .chat-popup[style*="display: block"], 3237 .chat-popup[style*="display:block"] { 3238 display: block !important; 3239 } 3240 } 3241 3242 .chat-toggle-btn { 3243 width: 60px; 3244 height: 60px; 3245 border-radius: 50%; 3246 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 3247 border: none; 3248 color: white; 3249 cursor: pointer; 3250 box-shadow: 0 4px 12px rgba(242, 140, 26, 0.3); 3251 position: relative; 3252 transition: transform 0.2s, box-shadow 0.2s; 3253 } 3254 3255 .chat-toggle-btn:hover { 3256 transform: scale(1.05); 3257 box-shadow: 0 6px 20px rgba(242, 140, 26, 0.4); 3258 } 3259 3260 #chat-toggle-btn .chat-icon { 3261 position: absolute; 3262 top: 50%; 3263 left: 50%; 3264 transform: translate(-50%, -50%); 3265 width: 28px !important; 3266 height: 28px !important; 3267 } 3268 3269 .chat-unread-badge { 3270 position: absolute; 3271 top: -5px; 3272 right: -5px; 3273 background: #ef4444; 3274 color: white; 3275 border-radius: 12px; 3276 padding: 2px 6px; 3277 font-size: 11px; 3278 font-weight: 600; 3279 min-width: 20px; 3280 text-align: center; 3281 } 3282 3283 .chat-popup { 3284 position: absolute; 3285 bottom: 80px; 3286 right: 0; 3287 width: 380px; 3288 max-width: calc(100vw - 40px); 3289 height: 500px; 3290 max-height: calc(100vh - 120px); 3291 background: white; 3292 border-radius: 12px; 3293 box-shadow: 0 10px 40px rgba(0,0,0,0.2); 3294 display: flex; 3295 flex-direction: column; 3296 overflow: hidden; 3297 } 3298 3299 .chat-popup-header { 3300 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 3301 color: white; 3302 padding: 16px 20px; 3303 display: flex; 3304 justify-content: space-between; 3305 align-items: center; 3306 flex-shrink: 0; 3307 } 3308 3309 .chat-header-title { 3310 display: flex; 3311 flex-direction: column; 3312 gap: 2px; 3313 min-height: 0; 3314 } 3315 3316 .chat-popup-header h3 { 3317 margin: 0; 3318 font-size: 18px; 3319 font-weight: 600; 3320 line-height: 1.2; 3321 } 3322 3323 .chat-operating-hours { 3324 font-size: 11px; 3325 opacity: 0.9; 3326 font-weight: 400; 3327 display: flex; 3328 align-items: center; 3329 gap: 4px; 3330 line-height: 1.2; 3331 } 3332 3333 .chat-operating-hours svg { 3334 width: 12px; 3335 height: 12px; 3336 opacity: 0.8; 3337 flex-shrink: 0; 3338 } 3339 3340 .chat-header-actions { 3341 display: flex; 3342 align-items: center; 3343 gap: 8px; 3344 } 3345 3346 /* Notification Toggle Button */ 3347 .btn-notif-toggle { 3348 background: none; 3349 border: none; 3350 color: white; 3351 font-size: 18px; 3352 cursor: pointer; 3353 padding: 4px 8px; 3354 transition: all 0.2s; 3355 opacity: 0.8; 3356 } 3357 3358 .btn-notif-toggle:hover { 3359 opacity: 1; 3360 transform: scale(1.1); 3361 } 3362 3363 /* Icon states */ 3364 .btn-notif-toggle[data-status="not-subscribed"] svg { 3365 opacity: 0.7; 3366 } 3367 3368 .btn-notif-toggle[data-status="not-subscribed"]:hover svg { 3369 opacity: 1; 3370 } 3371 3372 .btn-notif-toggle[data-status="subscribed"] svg { 3373 opacity: 1; 3374 animation: bellRing 2s ease-in-out; 3375 } 3376 3377 .btn-notif-toggle[data-status="blocked"] svg { 3378 color: #ff6b6b; 3379 } 3380 3381 .btn-notif-toggle[data-status="not-supported"] { 3382 display: none !important; 3383 } 3384 3385 @keyframes bellRing { 3386 0%, 100% { transform: rotate(0deg); } 3387 10%, 30% { transform: rotate(-10deg); } 3388 20%, 40% { transform: rotate(10deg); } 3389 } 3390 3391 /* Notification Info Bar */ 3392 .chat-notif-info-bar { 3393 position: absolute; 3394 top: 64px; 3395 left: 0; 3396 right: 0; 3397 background: linear-gradient(to right, #e3f2fd, #f5f5f5); 3398 border-bottom: 1px solid #bbdefb; 3399 padding: 8px 12px; 3400 display: flex; 3401 align-items: center; 3402 gap: 8px; 3403 font-size: 12px; 3404 color: #616161; 3405 z-index: 10; 3406 animation: slideDown 0.3s ease; 3407 } 3408 3409 .chat-notif-info-bar svg { 3410 flex-shrink: 0; 3411 } 3412 3413 .chat-notif-info-bar .small { 3414 flex: 1; 3415 line-height: 1.4; 3416 } 3417 3418 .chat-notif-info-bar .btn-dismiss { 3419 background: none; 3420 border: none; 3421 color: #9e9e9e; 3422 cursor: pointer; 3423 padding: 0 4px; 3424 font-size: 16px; 3425 transition: color 0.2s; 3426 } 3427 3428 .chat-notif-info-bar .btn-dismiss:hover { 3429 color: #616161; 3430 } 3431 3432 @keyframes slideDown { 3433 from { 3434 max-height: 0; 3435 opacity: 0; 3436 } 3437 to { 3438 max-height: 50px; 3439 opacity: 1; 3440 } 3441 } 3442 3443 .chat-close-btn { 3444 background: none; 3445 border: none; 3446 color: white; 3447 font-size: 28px; 3448 line-height: 1; 3449 cursor: pointer; 3450 padding: 0; 3451 width: 30px; 3452 height: 30px; 3453 } 3454 3455 .chat-popup-body { 3456 flex: 1 1 auto; 3457 display: flex; 3458 flex-direction: column; 3459 min-height: 0; 3460 overflow: hidden; 3461 height: calc(100% - 64px); 3462 position: relative; 3463 transition: padding-top 0.3s ease; 3464 } 3465 3466 /* Add padding when info bar is visible */ 3467 .chat-popup-body.has-info-bar { 3468 padding-top: 40px; 3469 } 3470 3471 .chat-view { 3472 flex: 1 1 auto; 3473 display: none; 3474 flex-direction: column; 3475 min-height: 0; 3476 overflow: hidden; 3477 } 3478 3479 #chat-list-view { 3480 display: flex; 3481 } 3482 3483 #chat-messages-view { 3484 display: none; 3485 } 3486 3487 #chat-messages-view.active { 3488 display: flex; 3489 flex-direction: column; 3490 } 3491 3492 #chat-new-view { 3493 display: none; 3494 } 3495 3496 #chat-new-view.active { 3497 display: flex; 3498 } 3499 3500 .chat-conversations-list { 3501 flex: 1; 3502 overflow-y: auto; 3503 padding: 0; 3504 background: white; 3505 } 3506 3507 /* Custom Scrollbar for Conversations List */ 3508 .chat-conversations-list::-webkit-scrollbar {
3509 width: 6px; 3510 } 3511 3512 .chat-conversations-list::-webkit-scrollbar-track { 3513 background: #f1f1f1; 3514 } 3515 3516 .chat-conversations-list::-webkit-scrollbar-thumb { 3517 background: #F28C1A; 3518 border-radius: 3px; 3519 } 3520 3521 .chat-conversations-list::-webkit-scrollbar-thumb:hover { 3522 background: #D97809; 3523 } 3524 3525 /* Firefox */ 3526 .chat-conversations-list { 3527 scrollbar-width: thin; 3528 scrollbar-color: #F28C1A #f1f1f1; 3529 } 3530 3531 .chat-conversation-item { 3532 padding: 12px 16px; 3533 cursor: pointer; 3534 display: flex; 3535 gap: 12px; 3536 align-items: flex-start; 3537 transition: background 0.15s ease; 3538 color: #33371f; 3539 border-bottom: 1px solid #f0f0f0; 3540 } 3541 3542 .chat-conversation-item:hover { 3543 background: #f5f5f5; 3544 } 3545 3546 .chat-conversation-item.active { 3547 background: #FFF5EB; 3548 } 3549 3550 /* WhatsApp-like Avatar */ 3551 .conversation-avatar { 3552 width: 48px; 3553 height: 48px; 3554 border-radius: 50%; 3555 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 3556 flex-shrink: 0; 3557 display: flex; 3558 align-items: center; 3559 justify-content: center; 3560 color: white; 3561 font-weight: 600; 3562 font-size: 18px; 3563 } 3564 3565 .conversation-avatar svg { 3566 width: 24px; 3567 height: 24px; 3568 } 3569 3570 /* WhatsApp-like Content */ 3571 .conversation-content { 3572 flex: 1; 3573 min-width: 0; 3574 display: flex; 3575 flex-direction: column; 3576 gap: 4px; 3577 } 3578 3579 .conversation-header { 3580 display: flex; 3581 justify-content: space-between; 3582 align-items: center; 3583 gap: 8px; 3584 } 3585 3586 .conversation-name { 3587 font-weight: 600; 3588 font-size: 15px; 3589 color: #111; 3590 white-space: nowrap; 3591 overflow: hidden; 3592 text-overflow: ellipsis; 3593 } 3594 3595 .conversation-time { 3596 font-size: 12px; 3597 color: #7d8166; 3598 flex-shrink: 0; 3599 } 3600 3601 .conversation-preview { 3602 display: flex; 3603 justify-content: space-between; 3604 align-items: center; 3605 gap: 8px; 3606 } 3607 3608 .conversation-message { 3609 font-size: 14px; 3610 color: #667781; 3611 white-space: nowrap; 3612 overflow: hidden; 3613 text-overflow: ellipsis; 3614 margin: 0; 3615 flex: 1; 3616 } 3617 3618 .conversation-unread { 3619 background: #d32525; 3620 color: white; 3621 border-radius: 12px; 3622 padding: 2px 8px; 3623 font-size: 12px; 3624 font-weight: 600; 3625 min-width: 20px; 3626 text-align: center; 3627 flex-shrink: 0; 3628 } 3629 3630 /* Active item styling */ 3631 .chat-conversation-item.active .conversation-name { 3632 color: #F28C1A; 3633 } 3634 3635 .chat-conversation-item.active .conversation-time { 3636 color: #F28C1A; 3637 } 3638 3639 .chat-new-btn { 3640 margin: 12px; 3641 padding: 12px; 3642 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 3643 color: white; 3644 border: none; 3645 border-radius: 8px; 3646 cursor: pointer; 3647 font-weight: 500; 3648 font-size: 14px; 3649 display: flex; 3650 align-items: center; 3651 justify-content: center; 3652 gap: 8px; 3653 transition: all 0.2s; 3654 flex-shrink: 0; 3655 } 3656 3657 .chat-new-btn:hover { 3658 transform: translateY(-1px); 3659 box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3); 3660 } 3661 3662 .chat-conversation-title { 3663 flex: 1; 3664 font-weight: 600; 3665 font-size: 16px; 3666 color: #1f2937; 3667 } 3668 3669 .chat-messages-container { 3670 flex: 1; 3671 overflow-y: auto; 3672 padding: 16px; 3673 display: flex; 3674 flex-direction: column; 3675 gap: 8px; 3676 min-height: 0; 3677 background: #E5DDD5; 3678 } 3679 3680 /* Custom Scrollbar for Messages Container */ 3681 .chat-messages-container::-webkit-scrollbar {
3682 width: 6px; 3683 } 3684 3685 .chat-messages-container::-webkit-scrollbar-track { 3686 background: rgba(0, 0, 0, 0.05); 3687 } 3688 3689 .chat-messages-container::-webkit-scrollbar-thumb { 3690 background: rgba(242, 140, 26, 0.6); 3691 border-radius: 3px; 3692 } 3693 3694 .chat-messages-container::-webkit-scrollbar-thumb:hover { 3695 background: #F28C1A; 3696 } 3697 3698 /* Firefox */ 3699 .chat-messages-container { 3700 scrollbar-width: thin; 3701 scrollbar-color: rgba(242, 140, 26, 0.6) rgba(0, 0, 0, 0.05); 3702 } 3703 3704 /* WhatsApp Group-like Messages */ 3705 .chat-message { 3706 display: flex; 3707 margin-bottom: 4px; 3708 animation: fadeIn 0.2s ease; 3709 } 3710 3711 @keyframes fadeIn { 3712 from { opacity: 0; transform: translateY(10px); } 3713 to { opacity: 1; transform: translateY(0); } 3714 } 3715 3716 .chat-message.mine { 3717 justify-content: flex-end; 3718 } 3719 3720 .chat-message-bubble { 3721 max-width: 80%; 3722 padding: 6px 8px 8px 10px; 3723 border-radius: 8px; 3724 position: relative; 3725 box-shadow: 0 1px 0.5px rgba(0,0,0,0.13); 3726 } 3727 3728 /* Bubble from others (Admin/CS) */ 3729 .chat-message:not(.mine) .chat-message-bubble { 3730 background: #FFFFFF; 3731 border-radius: 0 8px 8px 8px; 3732 } 3733 3734 /* Bubble tail for others */ 3735 .chat-message:not(.mine) .chat-message-bubble::before { 3736 content: ''; 3737 position: absolute; 3738 top: 0; 3739 left: -8px; 3740 width: 0; 3741 height: 0; 3742 border-style: solid; 3743 border-width: 0 8px 13px 0; 3744 border-color: transparent #FFFFFF transparent transparent; 3745 } 3746 3747 /* Bubble from user (mine) */ 3748 .chat-message.mine .chat-message-bubble { 3749 background: #e4f5d0; /* Light blue for user messages */ 3750 border-radius: 8px 0 8px 8px; 3751 } 3752 3753 /* Bubble tail for mine */ 3754 .chat-message.mine .chat-message-bubble::before { 3755 content: ''; 3756 position: absolute; 3757 top: 0; 3758 right: -8px; 3759 width: 0; 3760 height: 0; 3761 border-style: solid; 3762 border-width: 0 0 13px 8px; 3763 border-color: transparent transparent transparent #eaf5d0; 3764 } 3765 3766 .message-sender { 3767 font-size: 12.5px; 3768 font-weight: 600; 3769 color: #F28C1A !important; 3770 margin-bottom: 4px; 3771 } 3772 3773 .chat-message.mine .message-sender { 3774 display: none; 3775 } 3776 3777 /* Message text */ 3778 .message-text { 3779 font-size: 14px; 3780 line-height: 19px; 3781 color: #000000 !important; 3782 word-wrap: break-word; 3783 white-space: pre-wrap; 3784 margin-bottom: 4px; 3785 } 3786 3787 /* Message metadata (time + status) */ 3788 .message-meta { 3789 display: flex; 3790 align-items: center; 3791 justify-content: flex-end; 3792 gap: 4px; 3793 margin-top: 2px; 3794 } 3795 3796 .message-time { 3797 font-size: 11px; 3798 color: #728166 !important; 3799 line-height: 15px; 3800 } 3801 3802 /* Use multiple selectors to override global styles */ 3803 .chat-message-bubble .message-status, 3804 .message-meta .message-status, 3805 .chat-message .message-status { 3806 width: 16px !important; 3807 height: 16px !important; 3808 min-width: 16px !important; 3809 min-height: 16px !important; 3810 max-width: 16px !important; 3811 max-height: 16px !important; 3812 flex-shrink: 0; 3813 color: #728166 !important; 3814 fill: currentColor !important; 3815 } 3816 3817 .chat-message:not(.mine) .message-status { 3818 display: none; 3819 } 3820 3821 /* Loading dots animation */ 3822 @keyframes loadingDots { 3823 0%, 20% { content: '.'; } 3824 40% { content: '..'; } 3825 60%, 100% { content: '...'; } 3826 } 3827 3828 .message-status.loading::after { 3829 content: '...'; 3830 animation: loadingDots 1.5s infinite; 3831 font-size: 16px; 3832 line-height: 16px; 3833 } 3834 3835 .message-status.loading path { 3836 display: none; 3837 } 3838 3839 .message-status.failed { 3840 color: #ef4444 !important; 3841 cursor: pointer; 3842 } 3843 3844 .message-status.sent { 3845 color: #667781 !important; 3846 } 3847 3848 .chat-new-form { 3849 flex: 1; 3850 overflow-y: auto; 3851 padding: 16px; 3852 display: flex; 3853 flex-direction: column; 3854 } 3855 3856 .chat-new-form form { 3857 display: flex; 3858 flex-direction: column; 3859 gap: 16px; 3860 flex: 1; 3861 } 3862 3863 .chat-new-form .form-group { 3864 display: flex; 3865 flex-direction: column; 3866 gap: 6px; 3867 } 3868 3869 .chat-new-form label { 3870 font-size: 14px; 3871 font-weight: 500; 3872 color: #374151; 3873 } 3874 3875 .chat-new-form .form-control { 3876 width: 100%; 3877 padding: 10px 12px; 3878 border: 1px solid #d1d5db; 3879 border-radius: 8px; 3880 font-size: 14px; 3881 font-family: inherit; 3882 transition: border-color 0.2s; 3883 box-sizing: border-box; 3884 } 3885 3886 .chat-new-form .form-control:focus { 3887 outline: none; 3888 border-color: #F28C1A; 3889 box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1); 3890 } 3891 3892 .chat-new-form textarea.form-control { 3893 resize: vertical; 3894 min-height: 100px; 3895 } 3896 3897 .chat-new-form .btn { 3898 padding: 12px 20px; 3899 border: none; 3900 border-radius: 8px; 3901 font-size: 15px; 3902 font-weight: 500; 3903 cursor: pointer; 3904 transition: all 0.2s; 3905 text-align: center; 3906 } 3907 3908 .chat-new-form .btn-primary { 3909 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 3910 color: white; 3911 } 3912 3913 .chat-new-form .btn-primary:hover { 3914 transform: translateY(-1px); 3915 box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3); 3916 } 3917 3918 .chat-new-form .btn-primary:active { 3919 transform: scale(0.98); 3920 } 3921 3922 .chat-new-form .btn-block { 3923 width: 100%; 3924 margin-top: auto; 3925 } 3926 3927 .chat-message-form { 3928 padding: 12px; 3929 border-top: 1px solid #e5e7eb; 3930 display: flex; 3931 flex-wrap: wrap; 3932 gap: 8px; 3933 align-items: flex-end; 3934 flex-shrink: 0; 3935 background: white; 3936 } 3937 3938 .chat-product-card { 3939 flex: 1 1 100%; 3940 max-width: 100%; 3941 display: flex; 3942 gap: 12px; 3943 padding: 12px; 3944 background: #f3f4f6; 3945 border-radius: 8px; 3946 margin-bottom: 4px; 3947 border: 1px solid #e5e7eb; 3948 } 3949 3950 .chat-product-card img { 3951 width: 60px; 3952 height: 60px; 3953 object-fit: cover; 3954 border-radius: 6px; 3955 flex-shrink: 0; 3956 } 3957 3958 .chat-product-card-content { 3959 flex: 1; 3960 min-width: 0; 3961 } 3962 3963 .chat-product-card-name { 3964 font-weight: 500; 3965 font-size: 14px; 3966 color: #1f2937; 3967 margin-bottom: 4px; 3968 white-space: nowrap; 3969 overflow: hidden; 3970 text-overflow: ellipsis; 3971 } 3972 3973 .chat-product-card-vaRian Kurniawan, 29 tahun â Jakartat { 3974 font-size: 12px; 3975 color: #74806b; 3976 margin-bottom: 4px; 3977 } 3978 3979 .chat-product-card-price { 3980 font-size: 13px; 3981 color: #8bea66; 3982 font-weight: 600; 3983 } 3984 3985 .chat-product-card-remove { 3986 align-self: flex-start; 3987 background: none; 3988 border: none; 3989 color: #9ca3af; 3990 cursor: pointer; 3991 padding: 4px; 3992 font-size: 18px; 3993 line-height: 1; 3994 transition: color 0.2s; 3995 } 3996 3997 .chat-product-card-remove:hover { 3998 color: #ef4444; 3999 } 4000 4001 /* Product card in messages (read-only display) */ 4002 .message-product-card { 4003 display: flex; 4004 gap: 10px; 4005 padding: 10px; 4006 background: rgba(255, 255, 255, 0.5); 4007 border-radius: 8px; 4008 margin-bottom: 6px; 4009 border: 1px solid rgba(0, 0, 0, 0.08); 4010 align-items: center; 4011 } 4012 4013 .chat-message.mine .message-product-card { 4014 background: rgba(255, 255, 255, 0.7); 4015 } 4016 4017 .message-product-card img { 4018 width: 50px; 4019 height: 50px; 4020 object-fit: cover; 4021 border-radius: 6px; 4022 flex-shrink: 0; 4023 } 4024 4025 .message-product-info { 4026 flex: 1; 4027 min-width: 0; 4028 } 4029 4030 .message-product-name { 4031 font-weight: 500; 4032 font-size: 13px; 4033 color: #33371f; 4034 margin-bottom: 2px; 4035 overflow: hidden; 4036 text-overflow: ellipsis; 4037 display: -webkit-box; 4038 -webkit-line-clamp: 2; 4039 -webkit-box-orient: vertical; 4040 line-height: 1.3; 4041 } 4042 4043 .message-product-vaRian Kurniawan, 29 tahun â Jakartat { 4044 font-size: 11px; 4045 color: #78806b; 4046 margin-bottom: 2px; 4047 } 4048 4049 .message-product-price { 4050 font-size: 12px; 4051 color: #c7ea66; 4052 font-weight: 600; 4053 } 4054 4055 .message-product-link { 4056 flex-shrink: 0; 4057 width: 32px; 4058 height: 32px; 4059 display: flex; 4060 align-items: center; 4061 justify-content: center; 4062 background: rgba(102, 126, 234, 0.1); 4063 border-radius: 6px; 4064 color: #c7ea66; 4065 text-decoration: none; 4066 transition: all 0.2s; 4067 } 4068 4069 .message-product-link:hover { 4070 background: #b7ea66; 4071 color: white; 4072 } 4073 4074 .message-product-link svg { 4075 width: 16px; 4076 height: 16px; 4077 } 4078 4079 .chat-message-input { 4080 flex: 1; 4081 border: 1px solid #d1d5db; 4082 border-radius: 20px; 4083 padding: 10px 16px; 4084 resize: none; 4085 max-height: 100px; 4086 font-family: inherit; 4087 font-size: 14px; 4088 line-height: 1.5; 4089 box-sizing: border-box; 4090 overflow-y: hidden; 4091 } 4092 4093 .chat-message-input:focus { 4094 outline: none; 4095 border-color: #F28C1A; 4096 box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1); 4097 } 4098 4099 .chat-send-btn { 4100 width: 40px; 4101 height: 40px; 4102 border-radius: 50%; 4103 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 4104 border: none; 4105 color: white; 4106 cursor: pointer; 4107 flex-shrink: 0; 4108 display: flex; 4109 align-items: center; 4110 justify-content: center; 4111 transition: all 0.2s; 4112 } 4113 4114 .chat-send-btn:hover { 4115 transform: scale(1.05); 4116 box-shadow: 0 2px 8px rgba(242, 140, 26, 0.3); 4117 } 4118 4119 .chat-send-btn:active { 4120 transform: scale(0.95); 4121 } 4122 4123 .chat-loading { 4124 text-align: center; 4125 padding: 20px; 4126 color: #6b7280; 4127 } 4128 4129 /* Date Separator (WhatsApp-style) */ 4130 .date-separator { 4131 display: flex; 4132 align-items: center; 4133 gap: 12px; 4134 margin: 24px 0 16px; 4135 opacity: 0; 4136 animation: fadeInSeparator 0.3s ease forwards; 4137 } 4138 4139 @keyframes fadeInSeparator { 4140 from { 4141 opacity: 0; 4142 transform: translateY(-10px); 4143 } 4144 to { 4145 opacity: 1; 4146 transform: translateY(0); 4147 } 4148 } 4149 4150 .date-separator-line { 4151 flex: 1; 4152 height: 1px; 4153 background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent); 4154 } 4155 4156 .date-separator-text { 4157 flex-shrink: 0; 4158 padding: 4px 12px; 4159 background: #e9ecef; 4160 color: #6c757d; 4161 font-size: 11px; 4162 font-weight: 600; 4163 text-transform: uppercase; 4164 letter-spacing: 0.5px; 4165 border-radius: 12px; 4166 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 4167 } 4168 4169 /* Mobile responsive */ 4170 @media (max-width: 640px) { 4171
4171 .chat-popup { 4172 position: fixed !important; /* Override absolute positioning */ 4173 bottom: 45px !important; /* Above bottom nav */ 4174 right: 0 !important; 4175 left: 0 !important; 4176 width: 100% !important; 4177 max-width: 100% !important; 4178 /* Use dvh (dynamic viewport height) for browser UI awareness */ 4179 height: calc(100dvh - 45px) !important; 4180 max-height: calc(100dvh - 45px) !important; 4181 /* Fallback for browsers that don't support dvh */ 4182 height: calc(var(--viewport-height, 100vh) - 45px) !important; 4183 max-height: calc(var(--viewport-height, 100vh) - 45px) !important; 4184 border-radius: 0 !important; 4185 z-index: 9999 !important; 4186 } 4187 4188 .chat-popup-header { 4189 border-radius: 0; 4190 } 4191 4192 .chat-messages-container, 4193 .chat-conversations-list { 4194 /* Adjust for mobile keyboard using dynamic viewport */ 4195 max-height: calc(100dvh - 190px); 4196 /* Fallback for browsers that don't support dvh */ 4197 max-height: calc(var(--viewport-height, 100vh) - 190px); 4198 } 4199 } 4200 </style> 4201 4202 4203 4204 <!-- Notification Info Bar (conditional) --> 4205 <div class="chat-notif-info-bar" id="chatNotifInfoBar" style="display:none;"> 4206 <svg width="14" height="14" viewBox="0 0 24 24" fill="#ffc107"> 4207 <path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"/> 4208 </svg> 4209 <span class="small">Aktifkan notifikasi untuk pemberitahuan balasan</span> 4210 <button class="btn-dismiss" onclick="ChatNotification.dismissInfo()">â</button> 4211 </div> 4212 4213 <div class="chat-popup-body"> 4214 <!-- Conversations List View --> 4215 <div id="chat-list-view" class="chat-view"> 4216 <div id="chat-conversations-list" class="chat-conversations-list"> 4217 <div class="chat-loading">Memuat...</div> 4218 <!-- Conversation Item Structure (rendered by JS): 4219 <div class="chat-conversation-item"> 4220 <div class="conversation-avatar"> 4221 <svg>...</svg> 4222 </div> 4223 <div class="conversation-content"> 4224 <div class="conversation-header"> 4225 <span class="conversation-name">Admin Support</span> 4226 <span class="conversation-time">10:30</span> 4227 </div> 4228 <div class="conversation-preview"> 4229 <p class="conversation-message">Terima kasih telah menghubungi kami...</p> 4230 <span class="conversation-unread">2</span> 4231 </div> 4232 </div> 4233 </div> 4234 --> 4235 </div> 4236 <button id="chat-new-btn" class="chat-new-btn"> 4237 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4238 <line x1="12" y1="5" x2="12" y2="19"></line> 4239 <line x1="5" y1="12" x2="19" y2="12"></line> 4240 </svg> 4241 Percakapan Baru 4242 </button> 4243 </div> 4244 4245 <!-- Chat Messages View --> 4246 <div id="chat-messages-view" class="chat-view" style="display: none;"> 4247 <div id="chat-messages-container" class="chat-messages-container"> 4248 <div class="chat-loading">Memuat pesan...</div> 4249 <!-- Message Structure (rendered by JS): 4250 <div class="chat-message"> (or .chat-message.mine) 4251 <div class="chat-message-bubble"> 4252 <div class="message-sender">Admin Support</div> (only for non-mine) 4253 <div class="message-text">
4253Halo, ada yang bisa dibantu?</div> 4254 <div class="message-meta"> 4255 <span class="message-time">10:30</span> 4256 <svg class="message-status">...</svg> (only for mine) 4257 </div> 4258 </div> 4259 </div> 4260 --> 4261 </div> 4262 4263 <form id="chat-message-form" class="chat-message-form"> 4264 <input type="hidden" id="chat-current-conversation-id" value=""> 4265 <textarea 4266 id="chat-message-input" 4267 class="chat-message-input" 4268 placeholder="Ketik pesan..." 4269 rows="1" 4270 maxlength="5000" 4271 ></textarea> 4272 <button type="submit" class="chat-send-btn" aria-label="Send message"> 4273 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4274 <line x1="22" y1="2" x2="11" y2="13"></line> 4275 <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon> 4276 </svg> 4277 </button> 4278 </form> 4279 </div> 4280 4281 <!-- New Chat View --> 4282 <div id="chat-new-view" class="chat-view" style="display: none;"> 4283 <div class="chat-messages-header"> 4284 <button id="chat-new-back-btn" class="chat-back-btn" aria-label="Back to list"> 4285 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4286 <path d="M19 12H5M12 19l-7-7 7-7"/> 4287 </svg> 4288 </button> 4289 <div class="chat-conversation-title">Percakapan Baru</div> 4290 </div> 4291 4292 <div class="chat-new-form"> 4293 <form id="chat-start-form"> 4294 <div class="form-group"> 4295 <label for="chat-new-subject">Subjek</label> 4296 <input 4297 type="text" 4298 id="chat-new-subject" 4299 class="form-control" 4300 placeholder="Bantuan Pelanggan" 4301 maxlength="255" 4302 > 4303 </div> 4304 <div class="form-group"> 4305 <label for="chat-new-message">Pesan</label> 4306 <textarea 4307 id="chat-new-message" 4308 class="form-control" 4309 rows="4" 4310 placeholder="Tulis pertanyaan Anda..." 4311 required 4312 maxlength="5000" 4313 ></textarea> 4314 </div> 4315 <button type="submit" class="btn btn-primary btn-block">Kirim</button> 4316 </form> 4317 </div> 4318 </div> 4319 </div> 4320 </div> 4321 </div> 4322 4323 <!-- Login Required Modal --> 4324 <div class="modal-overlay" id="chatLoginModal"> 4325 <div class="modal-dialog"> 4326 <div class="modal-header"> 4327 <h3 class="modal-title"> 4328 <div class="modal-icon info"> 4329 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4330 <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/> 4331 </svg> 4332 </div> 4333 Login Diperlukan 4334 </h3> 4335 </div> 4336 <div class="modal-body"> 4337 <p class="modal-message">
4337Anda harus login terlebih dahulu untuk menggunakan fitur chat bantuan pelanggan.</p> 4338 <div class="modal-actions"> 4339 <button class="modal-btn modal-btn-secondary" id="chatLoginCancel">Batal</button> 4340 <button class="modal-btn modal-btn-primary" id="chatLoginConfirm">Login Sekarang</button> 4341 </div> 4342 </div> 4343 </div> 4344 </div> 4345 4346 <!-- Footer Collapse Toggle Script --> 4347
4347<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 4348 document.addEventListener('DOMContentLoaded', function() { 4349 const ftTop = document.getElementById('ftTop'); 4350 const expandBtn = document.getElementById('ftExpandBtn'); 4351 4352 if (ftTop && expandBtn) { 4353 const expandText = expandBtn.querySelector('.expand-text'); 4354 4355 expandBtn.addEventListener('click', function() { 4356 ftTop.classList.toggle('expanded'); 4357 const isExpanded = ftTop.classList.contains('expanded'); 4358 if (expandText) { 4359 expandText.textContent = isExpanded ? 'Sembunyikan' : 'Selengkapnya'; 4360 } 4361 }); 4362 } 4363 }); 4364 </script>
4364 4365 </footer> 4366 4367 <!-- Compare Sidebar Overlay --> 4368 <div class="compare-overlay" id="compareOverlay"></div> 4369 4370 <!-- Floating Compare Badge (Sticky) --> 4371 <button class="compare-floating-badge" id="compareFloatingBadge" aria-label="Lihat produk yang dibandingkan" style="display:none;"> 4372 <svg class="cfb-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 4373 <path d="M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z"/> 4374 </svg> 4375 <span class="cfb-text">Bandingkan</span> 4376 <span class="cfb-count" id="cfbCount">0</span> 4377 </button> 4378 4379 <!-- AI Comparison Modal --> 4380 <div class="ai-compare-modal" id="aiCompareModal"> 4381 <div class="modal-backdrop"></div> 4382 <div class="modal-container"> 4383 <div class="modal-header"> 4384 <h3 class="modal-title"> 4385 <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> 4386 <path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z"/> 4387 </svg> 4388 Analisis AI: Perbandingan Produk 4389 </h3> 4390 <button class="modal-close" id="aiCompareModalClose" aria-label="Tutup"> 4391 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4392 <path d="M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 0 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z"/> 4393 </svg> 4394 </button> 4395 </div> 4396 4397 <div class="modal-content"> 4398 <!-- Loading State --> 4399 <div class="ai-loading" id="aiLoading"> 4400 <div class="loading-animation"> 4401 <div class="typing-indicator"> 4402 <span></span> 4403 <span></span> 4404 <span></span> 4405 </div> 4406 <p>AI sedang menganalisis produk...</p> 4407 <small>Proses ini membutuhkan waktu 10-30 detik</small> 4408 </div> 4409 </div> 4410 4411 <!-- Error State --> 4412 <div class="ai-error" id="aiError" hidden> 4413 <div class="error-icon"> 4414 <svg width="48" height="48" viewBox="0 0 24 24" fill="#ef4444"> 4415 <path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/> 4416 </svg> 4417 </div> 4418 <h4>Analisis AI Gagal</h4> 4419 <p id="aiErrorMessage">Terjadi kesalahan saat memproses analisis.</p> 4420 <button class="btn btn-outline-primary" id="aiRetry">Coba Lagi</button> 4421 </div> 4422 4423 <!-- Analysis Results --> 4424 <div class="ai-results" id="aiResults" hidden> 4425 <!-- Summary Section --> 4426 <div class="ai-summary-card"> 4427 <h4> 4428 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4429 <path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z"/> 4430 </svg> 4431 Ringkasan Analisis 4432 </h4> 4433 <p id="aiSummary" class="summary-text"></p> 4434 <div class="winner-badge" id="winnerBadge"> 4435 <strong>Rekomendasi Terbaik:</strong> <span id="winnerProduct"></span> 4436 <small id="winnerReason"></small> 4437 </div> 4438 </div> 4439 4440 <!-- Comparison Table --> 4441 <div class="ai-comparison-table"> 4442 <h4> 4443 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4444 <path d="M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z"/> 4445 </svg> 4446 Perbandingan Detail 4447 </h4> 4448 <div id="comparisonTable" class="comparison-grid"></div> 4449 </div> 4450 4451 <!-- Detailed Analysis --> 4452 <div class="ai-detailed-analysis"> 4453 <h4> 4454 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4455 <path d="M14,2A8,8 0 0,1 22,10A8,8 0 0,1 14,18A8,8 0 0,1 6,10A8,8 0 0,1 14,2M14,4A6,6 0 0,0 8,10A6,6 0 0,0 14,16A6,6 0 0,0 20,10A6,6 0 0,0 14,4M14,6A4,4 0 0,1 18,10A4,4 0 0,1 14,14A4,4 0 0,1 10,10A4,4 0 0,1 14,6M14,8A2,2 0 0,0 12,10A2,2 0 0,0 14,12A2,2 0 0,0 16,10A2,2 0 0,0 14,8Z"/> 4456 </svg> 4457 Analisis Mendalam 4458 </h4> 4459 <div id="detailedAnalysis" class="products-analysis"></div> 4460 </div> 4461 4462 <!-- Recommendations --> 4463 <div class="ai-recommendations"> 4464 <h4> 4465 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4466 <path d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/> 4467 </svg> 4468 Rekomendasi Berdasarkan Kebutuhan 4469 </h4> 4470 <div class="recommendations-grid"> 4471 <div class="recommendation-card"> 4472 <h5>ð° Budget Conscious</h5> 4473 <p id="budgetRecommendation"></p> 4474 </div> 4475 <div class="recommendation-card"> 4476 <h5>â¡ Performance Focused</h5> 4477 <p id="performanceRecommendation"></p> 4478 </div> 4479 <div class="recommendation-card"> 4480 <h5>âï¸ Balanced Choice</h5> 4481 <p id="balancedRecommendation"></p> 4482 </div> 4483 </div> 4484 </div> 4485 4486 <!-- Buying Tips --> 4487 <div class="ai-tips"> 4488 <h4> 4489 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4490 <path d="M11,18H13V16H11V18M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6
4490M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z"/> 4491 </svg> 4492 Tips Pembelian 4493 </h4> 4494 <ul id="buyingTips" class="tips-list"></ul> 4495 </div> 4496 </div> 4497 </div> 4498 </div> 4499 </div> 4500 4501 <!-- Cart Login Modal --> 4502 <div class="modal-overlay" id="cartLoginModal"> 4503 <div class="modal-dialog"> 4504 <div class="modal-header"> 4505 <h3 class="modal-title"> 4506 <div class="modal-icon info"> 4507 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 4508 <path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z"/> 4509 </svg> 4510 </div> 4511 Login untuk Melanjutkan 4512 </h3> 4513 </div> 4514 <div class="modal-body"> 4515 <p class="modal-message" style="margin-bottom: 16px;">Silakan login atau daftar untuk mengakses keranjang belanja dan menyelesaikan pesanan Anda.</p> 4516 <div style="background: #f8fafc; border-radius: 8px; padding: 12px; margin-bottom: 20px;"> 4517 <p style="font-size: 14px; color: #646947; margin: 0; line-height: 1.6;"> 4518 <strong style="color: #2a2a0f;">Keuntungan dengan akun:</strong><br> 4519 â Simpan keranjang belanja Anda<br> 4520 â Lacak status pesanan secara real-time<br> 4521 â Checkout lebih cepat dengan data tersimpan<br> 4522 â Dapatkan notifikasi promo & diskon eksklusif 4523 </p> 4524 </div> 4525 <div class="modal-actions"> 4526 <button class="modal-btn modal-btn-secondary" id="cartLoginCancel">Batal</button> 4527 <button class="modal-btn modal-btn-primary" id="cartLoginConfirm" style="background: #ff6b35; border-color: #ff6b35;">Login</button> 4528 <button class="modal-btn modal-btn-primary" id="cartRegisterBtn" style="background: #f7931e; border-color: #f7931e;">Daftar</button> 4529 </div> 4530 </div> 4531 </div> 4532 </div> 4533 4534 <style> 4535 /* ========================================================= 4536 ð¢ FIXED FOOTER â EMERALD MODE 4537 ========================================================= */ 4538 4539 .hoki-red-fixed-footer { 4540 position: fixed; 4541 left: 0; right: 0; bottom: 0; 4542 z-index: 999; 4543 4544 display: flex; 4545 align-items: center; 4546 justify-content: space-around; 4547 gap: 8px; 4548 4549 padding: 11px 12px calc(11px + env(safe-area-inset-bottom)); 4550 overflow: hidden; 4551 4552 /* Background Hijau + Hitam */ 4553 background: 4554 radial-gradient(circle at 50% 0%, rgba(141, 0, 0, 0.25), rgba(30, 10, 10, 0.95) 60%, rgba(0, 0, 0, 1)), 4555 linear-gradient(180deg, rgba(141, 0, 0, 0.9), rgb(0, 0, 0)); 4556 4557 border-top: 2px solid rgba(141, 0, 0, 0.7); 4558 border-radius: 20px 20px 0 0; 4559 4560 box-shadow: 4561 0 -12px 35px rgba(145, 0, 0, 0.25), 4562 inset 0 1px 0 rgba(255, 255, 255, 0.1); 4563 4564 font-family: "Orbitron", "Poppins", sans-serif; 4565 } 4566 4567 /* ð Scanline Halus */ 4568 .hoki-red-fixed-footer::before { 4569 content: ""; 4570 position: absolute; 4571 inset: 0; 4572 pointer-events: none; 4573 background: repeating-linear-gradient( 4574 0deg, 4575 rgba(139, 0, 0, 0.04), 4576 rgba(138, 0, 0, 0.04) 1px, 4577 transparent 1px, 4578 transparent 4px 4579 ); 4580 opacity: 0.8; 4581 mix-blend-mode: overlay; 4582 } 4583 4584 /* â¡ Green Sweep */ 4585 .hoki-red-fixed-footer::after { 4586 content: ""; 4587 position: absolute; 4588 top: 0; left: -160%; 4589 width: 60%; height: 100%; 4590 background: linear-gradient(120deg, transparent, rgba(139, 125, 46, 0.4), transparent); 4591 transform: skewX(-25deg); 4592 animation: greenShine 4s infinite; 4593 pointer-events: none; 4594 } 4595 4596 @keyframes greenShine { 4597 0% { left: -160%; } 4598 60% { left: 160%; } 4599 100% { left: 160%; } 4600 } 4601 4602 /* ========================================================= 4603 ITEM STYLE 4604 ========================================================= */ 4605 4606 .hoki-red-fixed-footer a { 4607 flex: 1; 4608 max-width: 110px; 4609 display: flex; 4610 flex-direction: column; 4611 align-items: center; 4612 justify-content: center; 4613 gap: 5px; 4614 padding: 8px 4px; 4615 text-decoration: none; 4616 text-align: center; 4617 color: rgba(255, 255, 255, 0.9); 4618 font-size: 11px; 4619 font-weight: 800; 4620 text-transform: uppercase; 4621 transition: all 0.2s ease; 4622 position: relative; 4623 } 4624 4625 .hoki-red-fixed-footer a:hover { 4626 color: #ffffff; 4627 filter: drop-shadow(0 0 8px rgba(139, 122, 46, 0.9)); 4628 transform: translateY(-2px); 4629 } 4630 4631 .hoki-red-fixed-footer img { 4632 width: 24px; 4633 height: 24px; 4634 filter: drop-shadow(0 0 6px rgba(139, 127, 46, 0.7)); 4635 transition: transform 0.2s ease; 4636 } 4637 4638 /* ========================================================= 4639 CENTER CTA â CORE 4640 ========================================================= */ 4641 4642 .hoki-red-fixed-footer .core-cta { 4643 background: rgba(225, 209, 0, 0.15); 4644 border: 1px solid rgba(139, 46, 46, 0.7); 4645 border-radius: 12px; 4646 box-shadow: 4647 0 0 15px rgba(139, 46, 46, 0.35), 4648 inset 0 0 10px rgba(139, 46, 46, 0.25); 4649 transform: scale(1.05); 4650 } 4651 4652 .hoki-red-fixed-footer .core-cta img { 4653 width: 28px; 4654 height: 28px; 4655 filter: drop-shadow(0 0 12px rgb(190, 161, 0)); 4656 } 4657 4658 /* Pulse Effect */ 4659 .hoki-red-fixed-footer .core-cta::before { 4660 content: ""; 4661 position: absolute; 4662 inset: -5px; 4663 border-radius: 15px; 4664 background: radial-gradient(circle, rgba(225, 209, 0, 0.35), transparent 70%); 4665 animation: greenPulse 2s ease-in-out infinite; 4666 z-index: -1; 4667 } 4668 4669 @keyframes greenPulse { 4670 0%, 100% { opacity: 0.4; transform: scale(1); } 4671 50% { opacity: 0.85; transform: scale(1.1); } 4672 } 4673 4674 /* ========================================================= 4675 RESPONSIVE 4676 ========================================================= */ 4677 @media (max-width: 400px) { 4678 .hoki-red-fixed-footer a { font-size: 10px; }
4679 .hoki-red-fixed-footer img { width: 20px; height: 20px; } 4680 .hoki-red-fixed-footer .core-cta img { width: 24px; height: 24px; } 4681 } 4682 </style> 4683 4684 <div class="hoki-red-fixed-footer"> 4685 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noopener"> 4686 <img src="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" alt="BONUS MULANTOGEL"> 4687 PROMO 4688 </a> 4689 4690 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noopener"> 4691 <img src="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" alt="TELEGRAM MULANTOGEL"> 4692 TELEGRAM 4693 </a> 4694 4695 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noopener" class="core-cta"> 4696 <img src="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" alt="DAFTAR MULANTOGEL"> 4697 DAFTAR 4698 </a> 4699 4700 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noopener"> 4701 <img src="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" alt="RTP MULANTOGEL"> 4702 RTP 4703 </a> 4704 4705 <a href="https://daftarkuy.masukmulan.work/" target="_blank" rel="nofollow noopener"> 4706 <img src="https://cdnstatic.augipt.com/images/smb/omu/mulantogel/html/favicon.png" alt="LIVECHAT MULANTOGEL"> 4707 LIVECHAT 4708 </a> 4709 </div> 4710 </body> 4711 </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.