1<!DOCTYPE html> 2<html lang="id"> 3<head> 4 <meta charset="UTF-8"> 5 <title>KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI</title> 6 <meta name="description" content="kue68 merupakan platform bermain slot gacor yang memberikan kemenangan besar yang memiliki server di thailand yang memberikan kemenangan maxwin super besar."> 7 <meta name="robots" content="index,follow"> 8 <link rel="canonical" href="https://sprunksters.org/"> 9 <link rel="amphtml" href="https://kue68.sprunksters.org/"> 10 <link rel="alternate" href="https://kue68.sprunksters.org/" hreflang="id"> 11 <link rel="alternate" href="https://kue68.sprunksters.org/" hreflang="en"> 12 <link rel="alternate" href="https://kue68.sprunksters.org/" hreflang="x-default"> 13 <link rel="alternate" hreflang="id-ID" href="https://kue68.sprunksters.org/" /> 14 <link rel="alternate" hreflang="en-US" href="https://kue68.sprunksters.org/" /> 15 <link rel="alternate" hreflang="en-SG" href="https://kue68.sprunksters.org/" /> 16
16<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>
16 17 <meta property="og:locale" content="id_ID"> 18 <meta property="og:site_name" content="KUE68"> 19 20 <meta property="og:type" content="product"> 21 <meta property="og:title" content="KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI"> 22 <meta property="og:description" content="kue68 merupakan platform bermain slot gacor yang memberikan kemenangan besar yang memiliki server di thailand yang memberikan kemenangan maxwin super besar."> 23 <meta property="og:url" content="https://sprunksters.org/"> 24 <meta property="og:image" content="https://sprunksters.org/img/kue68.jpg"> 25 <meta property="og:image:alt" content="KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI"> 26 <meta property="product:price:amount" content="5000"> 27 <meta property="product:price:currency" content="IDR"> 28 <meta property="product:availability" content="out of stock"> 29 <meta name="twitter:card" content="summary_large_image"> 30 <meta name="twitter:title" content="KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI"> 31 <meta name="twitter:description" content="kue68 merupakan platform bermain slot gacor yang memberikan kemenangan besar yang memiliki server di thailand yang memberikan kemenangan maxwin super besar."> 32 <meta name="twitter:image" content="https://sprunksters.org/img/kue68.jpg"> 33
34<script type="application/ld+json"> 35 { 36 "@context": "http:\/\/schema.org", 37 "@type": "BreadcrumbList", 38 "itemListElement": [ 39 { 40 "@type": "ListItem", 41 "item": { 42 "@id": "https://sprunksters.org/", 43 "name": "KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI" 44 }, 45 "position": 1 46 } 47 ] 48 } 49 </script>
vendor: 2 bytes, line 49
49
50<script type="application/ld+json"> 51 { 52 "@context": "http:\/\/schema.org", 53 "@type": "Product", 54 "name": "KUE68 - Situs Slot Gacor Maxwin RTP Live Tertinggi Deposit 10rb 2026", 55 "description": "KUE68 adalah situs slot online gacor terpercaya dengan RTP live update tiap jam, server turbo anti lag, bonus new member 100% di awal, cashback mingguan 5%, rollingan 0.5%, dan proses WD kilat 2-3 menit tanpa potongan. Koleksi game lengkap dari Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming.", 56 "image": "https://sprunksters.org/img/kue68.jpg", 57 "offers": { 58 "@type": "http:\/\/schema.org\/Offer", 59 "price": 10000, 60 "url": "https://sprunksters.org/", 61 "priceCurrency": "IDR", 62 "availability": "http:\/\/schema.org\/InStock" 63 } 64 } 65 </script>
65 66
66<script type="application/ld+json"> 67 { 68 "@context": "http:\/\/schema.org\/", 69 "@type": "WebPage", 70 "speakable": { 71 "@type": "SpeakableSpecification", 72 "cssSelector": [".description"], 73 "xpath": ["\/html\/head\/title"] 74 } 75 } 76 </script>
76 77
78<script type="application/ld+json"> 79{ 80"@context": "https://schema.org/", 81"@type": "Product", 82"name": "KUE68 - Situs Slot Gacor Maxwin RTP Live Tertinggi Deposit 10rb 2026", 83"url": "https://sprunksters.org/", 84"sku": "KUE68", 85"image": [ 86 "https://sprunksters.org/img/kue68.jpg" 87], 88"description": "KUE68 adalah situs slot online gacor terpercaya dengan RTP live update tiap jam, server turbo anti lag, bonus new member 100% di awal, cashback mingguan 5%, rollingan 0.5%, dan proses WD kilat 2-3 menit tanpa potongan. Koleksi game lengkap dari Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming.", 89"brand": { 90 "@type": "Organization", 91 "name": "KUE68" 92}, 93"offers": { 94 "@type": "Offer", 95 "name": "KUE68 - Situs Slot Gacor Maxwin RTP Live Tertinggi Deposit 10rb 2026", 96 "sku": "KUE68", 97 "price": "10000", 98 "priceCurrency": "IDR", 99 "availability": "https://schema.org/InStock" 100} 101} 102</script>
102 103
104<script type="application/ld+json"> 105{ 106"@context": "https://schema.org/", 107"@type": "Product", 108"name": "KUE68 - Situs Slot Gacor Maxwin RTP Live Tertinggi Deposit 10rb 2026", 109"image": "https://sprunksters.org/img/kue68.jpg", 110"description": "KUE68 adalah situs slot online gacor terpercaya dengan RTP live update tiap jam, server turbo anti lag, bonus new member 100% di awal, cashback mingguan 5%, rollingan 0.5%, dan proses WD kilat 2-3 menit tanpa potongan. Koleksi game lengkap dari Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming.", 111"sku": "KUE68", 112"offers": { 113 "@type": "Offer", 114 "priceCurrency": "IDR", 115 "url": "https://sprunksters.org/", 116 "availability": "https://schema.org/InStock", 117 "price": "10000.00" 118} 119} 120</script>
120 121
122<script type="application/ld+json" id="bv-jsonld-bvloader-summary"> 123{ 124"@context": "https://schema.org/", 125"@id": "https://sprunksters.org/", 126"aggregateRating": { 127 "@type": "AggregateRating", 128 "itemReviewed": { 129 "@type": "IndividualProduct", 130 "name": "KUE68" 131 }, 132 "ratingValue": "4.9", 133 "reviewCount": 125000, 134 "bestRating": 5 135} 136} 137</script>
137 138
139<script type="application/ld+json"> 140{ 141"@context": "https://schema.org", 142"@type": "BreadcrumbList", 143"itemListElement": [ 144 { 145 "@type": "ListItem", 146 "position": 1, 147 "item": { 148 "@id": "https://sprunksters.org/", 149 "name": "KUE68" 150 } 151 }, 152 { 153 "@type": "ListItem", 154 "position": 2, 155 "item": { 156 "@id": "https://sprunksters.org/", 157 "name": "SLOT GACOR" 158 } 159 }, 160 { 161 "@type": "ListItem", 162 "position": 3, 163 "item": { 164 "@id": "https://sprunksters.org/", 165 "name": "RTP LIVE" 166 } 167 }, 168 { 169 "@type": "ListItem", 170 "position": 4, 171 "item": { 172 "@id": "https://sprunksters.org/", 173 "name": "KUE68 - Situs Slot Gacor Maxwin RTP Live Tertinggi Deposit 10rb 2026" 174 } 175 } 176] 177} 178</script>
178 179
180<script type="application/ld+json" id="bv-jsonld-reviews-data"> 181{ 182 "@context": "https://schema.org", 183 "@type": "Organization", 184 "@id": "https://sprunksters.org/", 185 "name": "KUE68", 186 "alternateName": "KUE68", 187 "url": "https://sprunksters.org/", 188 "review": [ 189 { 190 "@type": "Review", 191 "dateCreated": "2026-06-22T10:15:00+00:00", 192 "datePublished": "2026-06-22T10:15:00+00:00", 193 "headline": "Maxwin Mudah & WD Cepat", 194 "reviewBody": "KUE68 emang juara! Baru deposit 10rb langsung dapet freespin di Gates of Olympus. WD 2 menit cair, gak pake drama! RTP live update tiap jam bikin gampang cari game yang lagi gacor.", 195 "reviewRating": { 196 "@type": "Rating", 197 "ratingValue": 5, 198 "bestRating": 5, 199 "worstRating": 1 200 }, 201 "author": { 202 "@type": "Person", 203 "name": "Rendi - Bekasi" 204 } 205 }, 206 { 207 "@type": "Review", 208 "dateCreated": "2026-06-23T14:20:00+00:00", 209 "datePublished": "2026-06-23T14:20:00+00:00", 210 "headline": "RTP Live Akurat & Bonus 100%", 211 "reviewBody": "RTP live akurat update tiap jam, server anti lag, bonus new member 100% langsung cair. Udah 4x WD minggu ini lancar semua. KUE68 emang beda dari situs lain!", 212 "reviewRating": { 213 "@type": "Rating", 214 "ratingValue": 5, 215 "bestRating": 5, 216 "worstRating": 1 217 }, 218 "author": { 219 "@type": "Person", 220 "name": "Citra - Bandung" 221 } 222 }, 223 { 224 "@type": "Review", 225 "dateCreated": "2026-06-24T09:45:00+00:00", 226 "datePublished": "2026-06-24T09:45:00+00:00", 227 "headline": "Game Lengkap & Server Anti Lag", 228 "reviewBody": "Saya suka KUE68 karena koleksi game lengkap dari Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming. Link alternatif anti blokir sangat membantu saat situs utama tidak bisa diakses. Gak nyesal pindah kesini!", 229 "reviewRating": { 230 "@type": "Rating", 231 "ratingValue": 5, 232 "bestRating": 5, 233 "worstRating": 1 234 }, 235 "author": { 236 "@type": "Person", 237 "name": "Dimas - Malang" 238 } 239 } 240 ] 241} 242</script>
vendor: 2 bytes, line 242
242
243<script type="application/ld+json"> 244{ 245 "@context": "https://schema.org", 246 "@type": "FAQPage", 247 "mainEntity": [ 248 { 249 "@type": "Question", 250 "name": "Apa keunggulan utama KUE68 dibanding situs slot lainnya?", 251 "acceptedAnswer": { 252 "@type": "Answer", 253 "text": "KUE68 punya RTP live update tiap jam, server turbo anti lag, bonus new member 100% di awal, cashback mingguan 5%, rollingan 0.5%, dan proses WD kilat 2-3 menit tanpa potongan. Koleksi game lengkap zri Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming." 254 } 255 }, 256 { 257 "@type": "Question", 258 "name": "Berapa minimal deposit untuk bermain di KUE68?", 259 "acceptedAnswer": { 260 "@type": "Answer", 261 "text": "Minimal deposit di KUE68 hanya 10 ribu rupiah via bank (BCA, BRI, BNI, Mandiri), e-wallet (Dana, OVO, GoPay), QRIS, atau pulsa Telkomsel & XL tanpa potongan." 262 } 263 }, 264 { 265 "@type": "Question", 266 "name": "Game slot apa yang paling gacor di KUE68 saat ini?", 267 "acceptedAnswer": { 268 "@type": "Answer", 269 "text": "Saat ini yang paling gacor adalah Gates of Olympus, Starlight Princess 1000, Sweet Bonanza, Mahjong Ways 3, dan Sugar Rush 1000." 270 } 271 }, 272 { 273 "@type": "Question", 274 "name": "Apakah KUE68 menyediakan link alternatif anti blokir?", 275 "acceptedAnswer": { 276 "@type": "Answer", 277 "text": "Ya, KUE68 menyediakan link alternatif anti blokir yang selalu aktif 24 jam. Hubungi customer service untuk mendapatkan link terbaru." 278 } 279 }, 280 { 281 "@type": "Question", 282 "name": "Berapa lama proses withdraw di KUE68?", 283 "acceptedAnswer": { 284 "@type": "Answer", 285 "text": "Proses withdraw di KUE68 super cepat, rata-rata hanya 2-3 menit langsung cair ke rekening Anda tanpa potongan." 286 } 287 } 288 ] 289} 290</script>
290 291 <!-- User Session Data --> 292 <meta name="csrf-token" content="9ce6e4a17f7cc189893df9e47789b13e98829450d516a0cae5ca7b5f43e5dadc"> 293 <meta name="user-logged-in" content="false"> 294 <meta name="user-id" content="0"> 295 296 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 297 298 <link rel="shortcut icon" href="https://sprunksters.org/img/pafikue.png" type="image/x-icon"> 299<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/style.css"> 300<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/bottom-nav.css"> 301<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/search-suggest.css"> 302<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/product-detail.css"> 303<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/product-grid.css"> 304<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/site-notice.css"> 305<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/benchmark.css"> 306<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/product-filters.css"> 307<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/mega-menu-tiles.css"> 308<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/product-compare.css"> 309<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/product-card-actions.css"> 310<link rel="stylesheet" href="https://jebakan-batman-9xa.pages.dev/assets/css/modal.css"> 311 312</head> 313<body> 314<header class="topbar"> 315 <div class="container topbar-inner"> 316 <div class="topbar-left"> 317 KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI 318 </div> 319 <div class="topbar-right"> 320 <a href="https://sprunksters.org/">KUE68</a> 321 <a href="https://sprunksters.org/">AGEN BOLA</a> 322 <a href="https://kue68.sprunksters.org/">Daftar</a> 323 <a href="https://kue68.sprunksters.org/">Masuk</a> 324 </div> 325 </div> 326</header> 327<nav class="navbar"> 328 <nav class="navbar-logo" style="width: 100%;"> 329 <div class="container nav-inner" style="justify-items: center; justify-content: center;"> 330 <a href="https://sprunksters.org/" class="logo-mobile"> 331 <img src="https://sprunksters.org/img/logokue.png" alt="KUE68" height="40"> 332 </a> 333 </div> 334</nav> 335 <div class="container nav-inner"> 336 <a href="https://sprunksters.org/" class="logo"> 337 <img src="https://sprunksters.org/img/logokue.png" alt="KUE68" height="40"> 338 </a> 339 340 341 <form class="search" method="get" action="#"> 342 <input type="hidden" name="page" value="produk"> 343 344 <!-- Search Icon (Desktop) --> 345 <button type="submit" class="search-icon-btn" id="searchBtn" aria-label="Cari"> 346 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 347 <circle cx="11" cy="11" r="8"/> 348 <path d="m21 21-4.35-4.35"/> 349 </svg> 350 </button> 351 352 <input type="text" name="q" id="searchInput" placeholder="Cari KUE68 di Google Agen Resmi Judi Bola Piala Dunia 2026" 353 value="" autocomplete="off"> 354 355 <div class="search-suggest" id="searchSuggest" hidden></div> 356 </form> 357 358 <div class="nav-actions"> 359 <!--<button class="icon-btn" id="notifBtn" title="Notifikasi">ð</button>--> 360 <button class="icon-btn cart-indicator" id="cartBtn" title="Keranjang"> 361 ð <span id="cartCount" class="badge" data-role="cart-badge" aria-live="polite">0</span> 362 </button> 363 364 365 <span id="compareCount" class="badge" data-role="compare-badge" aria-live="polite">0</span> 366 </button> 367 368 <!-- Dynamic login/logout button --> 369 <button class="login-btn" id="loginBtn" aria-label="Masuk"> 370 <span class="login-text">Masuk</span> 371 <span class="login-ico" aria-hidden="true">ð</span> 372 </button> 373 </div> 374 </div> 375 376 <div class="container" style="display: flex; align-items: center;"> 377 378 379 <div class="mega-cats-wrapper"> 380 <div class="mega-cats container" id="megaCatsScroll" style="padding-left: 5px !important;"> 381 <a class="" href="https://sprunksters.org/"> 382 KUE68 </a> 383 <a class="" href="https://sprunksters.org/"> 384 KUE68 LINK </a> 385 <a class="" href="https://sprunksters.org/"> 386 KUE68 LOGIN </a> 387 <a class="" href="https://sprunksters.org/"> 388 AGEN BOLA </a> 389 <a class="" href="https://sprunksters.org/"> 390 JUDI BOLA </a> 391 <a class="" href="https://sprunksters.org/"> 392 MIX PARLAY </a> 393 <a class="" href="https://sprunksters.org/"> 394 KUE68 LINK ALTERNATIF </a> 395 </div> 396 <div class="mega-cats-fade" id="megaCatsFade"></div> 397 </div> 398 </div> 399</nav> 400 401<!-- Panel Mega Menu - Outside navbar for full-screen --> 402<div class="mm2-panel" data-mm2="panel" role="dialog" aria-label="Kategori"> 403 <div class="mm2-view is-active" data-mm2="top"></div> 404 <div class="mm2-view" data-mm2="detail"></div> 405</div> 406 407<!-- Backdrop - Outside navbar for full-screen --> 408<div class="mm2-backdrop" data-mm2="backdrop"></div> 409 410<!-- Mobile Bottom Navigation --> 411<nav class="bottom-nav"> 412 <div class="bottom-nav-inner"> 413 <!-- Home --> 414 <a href="/" class="bottom-nav-item" id="bottomHomeBtn" data-page="home"> 415 <div class="bottom-nav-item-icon"> 416 <!-- Outlined icon (default) -->
417 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 418 <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/> 419 <polyline points="9 22 9 12 15 12 15 22"/> 420 </svg> 421 <!-- Filled icon (active) --> 422 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 423 <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"/> 424 <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"/> 425 </svg> 426 </div> 427 <span class="bottom-nav-item-label">Home</span> 428 </a> 429 430 <!-- Kategori --> 431 <button class="bottom-nav-item" id="bottomCategoryBtn" data-mm2="trigger" aria-label="Kategori"> 432 <div class="bottom-nav-item-icon"> 433 <!-- Outlined icon (default) --> 434 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 435 <line x1="3" y1="12" x2="21" y2="12"/> 436 <line x1="3" y1="6" x2="21" y2="6"/> 437 <line x1="3" y1="18" x2="21" y2="18"/> 438 </svg> 439 <!-- Filled icon (active) --> 440 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 441 <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"/> 442 </svg> 443 </div> 444 <span class="bottom-nav-item-label">Kategori</span> 445 </button> 446 447 <!-- Keranjang --> 448 <button class="bottom-nav-item" id="bottomCartBtn"> 449 <div class="bottom-nav-item-icon"> 450 <!-- Outlined icon (default) --> 451 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 452 <circle cx="9" cy="21" r="1"/> 453 <circle cx="20" cy="21" r="1"/> 454 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/> 455 </svg> 456 <!-- Filled icon (active) --> 457 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 458 <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"/> 459 </svg> 460 <span class="bottom-nav-item-badge" id="bottomCartCount">0</span> 461 </div> 462 <span class="bottom-nav-item-label">Keranjang</span> 463 </button> 464 465 <!-- Compare --> 466 <button class="bottom-nav-item" id="bottomCompareBtn"> 467 <div class="bottom-nav-item-icon"> 468 <!-- Outlined icon (default) --> 469 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 470 <polyline points="17 11 21 7 17 3"/> 471 <path d="M21 7H9"/> 472 <polyline points="7 21 3 17 7 13"/> 473 <path d="M15 17H3"/> 474 </svg> 475 <!-- Filled icon (active) --> 476 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 477 <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"/> 478 </svg> 479 <span class="bottom-nav-item-badge" id="bottomCompareCount" style="display:none;">0</span> 480 </div> 481 <span class="bottom-nav-item-label">Compare</span> 482 </button> 483 484 <!-- Chat - Always show, check login in JavaScript --> 485 <button class="bottom-nav-item" id="bottomChatBtn" data-page="chat"> 486 <div class="bottom-nav-item-icon"> 487 <!-- Outlined icon (default) -->
488 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" opacity="0.85"> 489 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/> 490 </svg> 491 <!-- Filled icon (active) --> 492 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 493 <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/> 494 </svg> 495 <span class="bottom-nav-item-badge" id="bottomChatCount" style="display:none;">0</span> 496 </div> 497 <span class="bottom-nav-item-label">Chat</span> 498 </button> 499 500 <!-- Akun --> 501 <button class="bottom-nav-item" id="bottomLoginBtn"> 502 <div class="bottom-nav-item-icon"> 503 <!-- Outlined icon (default) --> 504 <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 505 <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/> 506 <circle cx="12" cy="7" r="4"/> 507 </svg> 508 <!-- Filled icon (active) --> 509 <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor"> 510 <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"/> 511 </svg> 512 </div> 513 <span class="bottom-nav-item-label">Login</span> 514 </button> 515 </svg> 516 </div> 517 </button> 518 </div> 519</nav> 520 521<!-- Mobile User Menu Bottom Sheet --> 522
523<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 524(function(){ 525 const btn = document.getElementById('megaMoreBtn'); 526 const dd = document.getElementById('megaMoreDropdown'); 527 if(!btn || !dd) return; 528 529 function openDD(){ 530 dd.hidden = false; 531 btn.setAttribute('aria-expanded','true'); 532 document.addEventListener('click', outside, {capture:true}); 533 document.addEventListener('keydown', esc); 534 } 535 function closeDD(){ 536 if(dd.hidden) return; 537 dd.hidden = true; 538 btn.setAttribute('aria-expanded','false'); 539 document.removeEventListener('click', outside, {capture:true}); 540 document.removeEventListener('keydown', esc); 541 } 542 function toggle(){ dd.hidden ? openDD() : closeDD(); } 543 function outside(e){ 544 if(!dd.contains(e.target) && e.target !== btn){ 545 closeDD(); 546 } 547 } 548 function esc(e){ 549 if(e.key === 'Escape'){ 550 closeDD(); 551 btn.focus(); 552 } 553 } 554 btn.addEventListener('click', toggle); 555})(); 556 557// ========== HORIZONTAL SCROLL FADE INDICATOR ========== 558(function(){ 559 const megaCats = document.getElementById('megaCatsScroll'); 560 const fade = document.getElementById('megaCatsFade'); 561 if (!megaCats || !fade) return; 562 563 function updateFade() { 564 const scrollLeft = megaCats.scrollLeft; 565 const scrollWidth = megaCats.scrollWidth; 566 const clientWidth = megaCats.clientWidth; 567 const maxScroll = scrollWidth - clientWidth; 568 569 // Hide fade when scrolled to end (within 10px tolerance) 570 if (maxScroll - scrollLeft <= 10) { 571 fade.style.opacity = '0'; 572 } else { 573 fade.style.opacity = '1'; 574 } 575 } 576 577 // Update on scroll 578 megaCats.addEventListener('scroll', updateFade, { passive: true }); 579 580 // Update on resize 581 window.addEventListener('resize', updateFade, { passive: true }); 582 583 // Initial check 584 setTimeout(updateFade, 100); 585})(); 586 587document.addEventListener('DOMContentLoaded', function () { 588 var input = document.getElementById('searchInput'); 589 if (!input) return; 590 input.addEventListener('keydown', function (e) { 591 if (e.key === 'Enter') { 592 e.preventDefault(); 593 var form = input.form; 594 if (!form) return; 595 if (typeof form.requestSubmit === 'function') form.requestSubmit(); 596 else form.submit(); 597 } 598 }); 599}); 600 601 602(function(){ 603 const cartBtn = document.getElementById('cartBtn'); 604 if (cartBtn) { 605 cartBtn.addEventListener('click', function(e) { 606 e.preventDefault(); 607 608 const checkLogin = () => { 609 return window.isUserLoggedIn ? window.isUserLoggedIn() : false; 610 }; 611 612 if (checkLogin()) { 613 window.location.href = '/keranjang'; 614 } else { 615 showCartLoginModal(); 616 } 617 }); 618 } 619 620 const loginBtn = document.getElementById('loginBtn'); 621 if (loginBtn) { 622 loginBtn.addEventListener('click', function(e) { 623 e.preventDefault(); 624 window.location.href = 'https://sprunksters.org/'; 625 }); 626 } 627 628 const userMenuBtn = document.getElementById('userMenuBtn'); 629 const userDropdown = document.getElementById('userDropdown'); 630 631 if (userMenuBtn && userDropdown) { 632 function openDropdown() { 633 userDropdown.hidden = false; 634 userMenuBtn.setAttribute('aria-expanded', 'true'); 635 document.addEventListener('click', closeOnOutside, { capture: true }); 636 document.addEventListener('keydown', closeOnEscape); 637 } 638 639 function closeDropdown() { 640 if (userDropdown.hidden) return; 641 userDropdown.hidden = true; 642 userMenuBtn.setAttribute('aria-expanded', 'false'); 643 document.removeEventListener('click', closeOnOutside, { capture: true }); 644 document.removeEventListener('keydown', closeOnEscape); 645 } 646 647 function closeOnOutside(e) { 648 if (!userDropdown.contains(e.target) && e.target !== userMenuBtn) { 649 closeDropdown(); 650 } 651 } 652 653 function closeOnEscape(e) { 654 if (e.key === 'Escape') { 655 closeDropdown(); 656 userMenuBtn.focus(); 657 } 658 } 659 660 userMenuBtn.addEventListener('click', function(e) { 661 e.preventDefault(); 662 userDropdown.hidden ? openDropdown() : closeDropdown(); 663 });
664 665 // Close dropdown when clicking profile links 666 userDropdown.querySelectorAll('[data-close-dropdown]').forEach(link => { 667 link.addEventListener('click', function() { 668 closeDropdown(); 669 }); 670 }); 671 } 672 673 // Bottom nav profile button - toggle mobile bottom sheet 674 const bottomProfileBtn = document.getElementById('bottomProfileBtn'); 675 const mobileUserSheet = document.getElementById('mobileUserSheet'); 676 const mobileUserSheetBackdrop = document.getElementById('mobileUserSheetBackdrop'); 677 678 if (bottomProfileBtn && mobileUserSheet) { 679 function openMobileSheet() { 680 mobileUserSheet.hidden = false; 681 document.body.style.overflow = 'hidden'; 682 // Trigger animation 683 requestAnimationFrame(() => { 684 mobileUserSheet.classList.add('active'); 685 }); 686 } 687 688 function closeMobileSheet() { 689 mobileUserSheet.classList.remove('active'); 690 document.body.style.overflow = ''; 691 setTimeout(() => { 692 mobileUserSheet.hidden = true; 693 }, 300); 694 } 695 696 bottomProfileBtn.addEventListener('click', function(e) { 697 e.preventDefault(); 698 openMobileSheet(); 699 }); 700 701 if (mobileUserSheetBackdrop) { 702 mobileUserSheetBackdrop.addEventListener('click', closeMobileSheet); 703 } 704 705 // Close on escape key 706 document.addEventListener('keydown', function(e) { 707 if (e.key === 'Escape' && !mobileUserSheet.hidden) { 708 closeMobileSheet(); 709 } 710 }); 711 712 // Close sheet when clicking profile links 713 mobileUserSheet.querySelectorAll('[data-close-sheet]').forEach(link => { 714 link.addEventListener('click', function() { 715 closeMobileSheet(); 716 }); 717 }); 718 } 719 720 // Handle Google avatar error in bottom-nav (fallback to initials) 721 const bottomNavAvatar = document.querySelector('.bottom-nav-avatar-img'); 722 if (bottomNavAvatar) { 723 bottomNavAvatar.addEventListener('error', function() { 724 const initials = this.getAttribute('data-fallback-initials') || 'U'; 725 const initialsDiv = document.createElement('div'); 726 initialsDiv.className = 'bottom-nav-avatar-initials'; 727 initialsDiv.textContent = initials; 728 this.parentNode.replaceChild(initialsDiv, this); 729 }); 730 } 731 732 // Mobile logout button 733 const mobileLogoutBtn = document.getElementById('mobileLogoutBtn'); 734 if (mobileLogoutBtn) { 735 mobileLogoutBtn.addEventListener('click', async function(e) { 736 e.preventDefault(); 737 738 // Check push notification before logout 739 if (window.ChatNotification && typeof window.ChatNotification.confirmLogoutWithPushNotification === 'function') { 740 const confirmLogout = await window.ChatNotification.confirmLogoutWithPushNotification(); 741 if (!confirmLogout) { 742 return; // User cancelled logout 743 } 744 } 745 746 const getCsrfToken = () => document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''; 747 748 try { 749 const response = await fetch('/auth/logout', { 750 method: 'POST', 751 credentials: 'same-origin', 752 headers: { 753 'Content-Type': 'application/json', 754 'X-CSRF-Token': getCsrfToken() 755 }, 756 body: JSON.stringify({ 757 csrf_token: getCsrfToken() 758 }) 759 }); 760 761 if (response.ok) { 762 if (window.guestCart && typeof window.guestCart.clear === 'function') { 763 window.guestCart.clear(); 764 } 765 window.location.href = '/login?logged_out=1'; 766 } else { 767 console.error('Logout failed'); 768 window.location.href = '/logout'; 769 } 770 } catch (error) { 771 console.error('Logout error:', error); 772 window.location.href = '/logout'; 773 } 774 }); 775 } 776 777 const logoutBtn = document.getElementById('logoutBtn'); 778 if (logoutBtn) { 779 logoutBtn.addEventListener('click', async function(e) { 780 e.preventDefault(); 781 782 // Check push notification before logout 783 if (window.ChatNotification && typeof window.ChatNotification.confirmLogoutWithPushNotification === 'function') { 784 const confirmLogout = await window.ChatNotification.confirmLogoutWithPushNotification(); 785 if (!confirmLogout) { 786 return; // User cancelled logout 787 } 788 } 789 790 const getCsrfToken = () => document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''; 791
792 try { 793 const response = await fetch('/auth/logout', { 794 method: 'POST', 795 credentials: 'same-origin', 796 headers: { 797 'Content-Type': 'application/json', 798 'X-CSRF-Token': getCsrfToken() 799 }, 800 body: JSON.stringify({ 801 csrf_token: getCsrfToken() 802 }) 803 }); 804 805 if (response.ok) { 806 if (window.guestCart && typeof window.guestCart.clear === 'function') { 807 window.guestCart.clear(); 808 } 809 810 window.location.href = '/login?logged_out=1'; 811 } else { 812 console.error('Logout failed'); 813 window.location.href = '/logout'; 814 } 815 } catch (error) { 816 console.error('Logout error:', error); 817 window.location.href = '/logout'; 818 } 819 }); 820 } 821 822 const wishlistBtn = document.getElementById('wishlistBtn'); 823 const notifBtn = document.getElementById('notifBtn'); 824 825 if (wishlistBtn) { 826 wishlistBtn.addEventListener('click', function(e) { 827 e.preventDefault(); 828 alert('Fitur wishlist akan segera tersedia!'); 829 }); 830 } 831 832 if (notifBtn) { 833 notifBtn.addEventListener('click', function(e) { 834 e.preventDefault(); 835 alert('Fitur notifikasi akan segera tersedia!'); 836 }); 837 } 838})(); 839 840// ========== MOBILE BOTTOM NAVIGATION ========== 841(function initBottomNav() { 842 // Sync cart badge with bottom nav 843 function syncBottomCartBadge() { 844 const mainBadge = document.getElementById('cartCount'); 845 const bottomBadge = document.getElementById('bottomCartCount'); 846 if (mainBadge && bottomBadge) { 847 const count = mainBadge.textContent; 848 bottomBadge.textContent = count; 849 bottomBadge.style.display = parseInt(count) > 0 ? 'flex' : 'none'; 850 } 851 } 852 853 // Sync compare badge with bottom nav 854 function syncBottomCompareBadge() { 855 const mainBadge = document.getElementById('compareCount'); 856 const bottomBadge = document.getElementById('bottomCompareCount'); 857 if (mainBadge && bottomBadge) { 858 const count = mainBadge.textContent; 859 bottomBadge.textContent = count; 860 bottomBadge.style.display = parseInt(count) > 0 ? 'flex' : 'none'; 861 } 862 } 863 864 // Initial sync 865 syncBottomCartBadge(); 866 syncBottomCompareBadge(); 867 868 // Observe badge changes 869 const observer = new MutationObserver(function() { 870 syncBottomCartBadge(); 871 syncBottomCompareBadge(); 872 }); 873 874 const cartBadge = document.getElementById('cartCount'); 875 const compareBadge = document.getElementById('compareCount'); 876 877 if (cartBadge) observer.observe(cartBadge, { childList: true, characterData: true, subtree: true }); 878 if (compareBadge) observer.observe(compareBadge, { childList: true, characterData: true, subtree: true }); 879 880 // Bottom Cart Button 881 const bottomCartBtn = document.getElementById('bottomCartBtn'); 882 if (bottomCartBtn) { 883 bottomCartBtn.addEventListener('click', function(e) { 884 e.preventDefault(); 885 886 const checkLogin = () => { 887 return window.isUserLoggedIn ? window.isUserLoggedIn() : false; 888 }; 889 890 if (checkLogin()) { 891 window.location.href = '/keranjang'; 892 } else { 893 showCartLoginModal(); 894 } 895 }); 896 } 897 898 // Bottom Compare Button 899 const bottomCompareBtn = document.getElementById('bottomCompareBtn'); 900 if (bottomCompareBtn) { 901 bottomCompareBtn.addEventListener('click', function(e) { 902 e.preventDefault(); 903 904 // Close chat widget if open 905 if (window.plazaChat && window.plazaChat.isWidgetOpen) { 906 window.plazaChat.closeWidget(); 907 } 908 909 const mainCompareBtn = document.getElementById('compareBtn'); 910 if (mainCompareBtn) { 911 mainCompareBtn.click(); 912 } 913 }); 914 } 915 916 // Bottom Category Button - triggers mega menu 917 const bottomCategoryBtn = document.getElementById('bottomCategoryBtn'); 918 if (bottomCategoryBtn) { 919 bottomCategoryBtn.addEventListener('click', function(e) { 920 e.preventDefault(); 921 // Trigger desktop mega menu 922 const desktopTrigger = document.querySelector('.mm2-trigger:not(#bottomCategoryBtn)'); 923 if (desktopTrigger) { 924 desktopTrigger.click(); 925 } 926 });
927 } 928 929 // Bottom Login Button 930 const bottomLoginBtn = document.getElementById('bottomLoginBtn'); 931 if (bottomLoginBtn) { 932 bottomLoginBtn.addEventListener('click', function(e) { 933 e.preventDefault(); 934 window.location.href = '/login'; 935 }); 936 } 937 938 // Bottom Chat Button 939 const bottomChatBtn = document.getElementById('bottomChatBtn'); 940 if (bottomChatBtn) { 941 bottomChatBtn.addEventListener('click', function(e) { 942 e.preventDefault(); 943 944 // Trigger chat widget (try multiple times if needed) 945 const triggerChat = () => { 946 const chatToggle = document.getElementById('chat-toggle-btn'); 947 if (chatToggle) { 948 chatToggle.click(); 949 return true; 950 } 951 return false; 952 }; 953 954 // Immediate attempt 955 if (!triggerChat()) { 956 // Retry after 100ms if not found 957 setTimeout(() => { 958 if (!triggerChat()) { 959 // Last resort: manually show popup 960 const popup = document.getElementById('chat-popup'); 961 if (popup) { 962 popup.style.display = 'block'; 963 } 964 } 965 }, 100); 966 } 967 }); 968 } 969 970 // Sync chat unread badge 971 function syncBottomChatBadge() { 972 const chatBadge = document.getElementById('chat-unread-badge'); 973 const bottomChatBadge = document.getElementById('bottomChatCount'); 974 if (chatBadge && bottomChatBadge) { 975 const count = chatBadge.textContent; 976 bottomChatBadge.textContent = count; 977 bottomChatBadge.style.display = chatBadge.style.display; 978 } 979 } 980 981 // Observe chat badge changes 982 const chatBadge = document.getElementById('chat-unread-badge'); 983 if (chatBadge) { 984 observer.observe(chatBadge, { attributes: true, childList: true, characterData: true, subtree: true }); 985 syncBottomChatBadge(); 986 } 987 988 // Active state management based on current page 989 function updateActiveState() { 990 const currentPath = window.location.pathname; 991 const bottomNavItems = document.querySelectorAll('.bottom-nav-item'); 992 993 bottomNavItems.forEach(item => { 994 item.classList.remove('active'); 995 996 const itemId = item.id; 997 const page = item.getAttribute('data-page'); 998 const href = item.getAttribute('href'); 999 1000 // Check by ID for specific pages 1001 if (itemId === 'bottomHomeBtn' && currentPath === '/') { 1002 item.classList.add('active'); 1003 } else if (itemId === 'bottomCartBtn' && (currentPath === '/keranjang' || currentPath === '/cart')) { 1004 item.classList.add('active'); 1005 } else if (itemId === 'bottomProfileBtn' && currentPath.startsWith('/profile')) { 1006 item.classList.add('active'); 1007 } else if (itemId === 'bottomCategoryBtn' && currentPath.startsWith('/kategori')) { 1008 item.classList.add('active'); 1009 } else if (itemId === 'bottomCompareBtn' && currentPath === '/compare') { 1010 item.classList.add('active'); 1011 } else if (itemId === 'bottomChatBtn' && currentPath === '/chat') { 1012 item.classList.add('active'); 1013 } 1014 // Fallback: check by data-page attribute 1015 else if (page === 'home' && currentPath === '/') { 1016 item.classList.add('active'); 1017 } else if (page === 'profile' && currentPath.startsWith('/profile')) { 1018 item.classList.add('active'); 1019 } 1020 // Fallback: check by href 1021 else if (href && currentPath === href) { 1022 item.classList.add('active'); 1023 } 1024 }); 1025 } 1026 1027 // Update active state on load 1028 updateActiveState(); 1029 1030 // Bottom nav always visible - auto-hide disabled for better UX 1031 // const bottomNav = document.querySelector('.bottom-nav'); 1032 // if (bottomNav && window.innerWidth <= 640) { 1033 // // Auto-hide feature disabled 1034 // } 1035})(); 1036// Cart Login Modal Handler (Global scope) 1037function showCartLoginModal() { 1038 const modal = document.getElementById('cartLoginModal'); 1039 if (!modal) return; 1040 1041 modal.classList.add('show'); 1042 1043 const confirmBtn = document.getElementById('cartLoginConfirm'); 1044 const registerBtn = document.getElementById('cartRegisterBtn');
1045 const cancelBtn = document.getElementById('cartLoginCancel'); 1046 1047 const handleLogin = () => { 1048 window.location.href = '/login?return=' + encodeURIComponent('/keranjang'); 1049 }; 1050 1051 const handleRegister = () => { 1052 window.location.href = '/register?return=' + encodeURIComponent('/keranjang'); 1053 }; 1054 1055 const handleCancel = () => { 1056 modal.classList.remove('show'); 1057 confirmBtn.removeEventListener('click', handleLogin); 1058 registerBtn.removeEventListener('click', handleRegister); 1059 cancelBtn.removeEventListener('click', handleCancel); 1060 }; 1061 1062 confirmBtn.removeEventListener('click', handleLogin); 1063 registerBtn.removeEventListener('click', handleRegister); 1064 cancelBtn.removeEventListener('click', handleCancel); 1065 1066 confirmBtn.addEventListener('click', handleLogin); 1067 registerBtn.addEventListener('click', handleRegister); 1068 cancelBtn.addEventListener('click', handleCancel); 1069 1070 modal.addEventListener('click', (e) => { 1071 if (e.target === modal) { 1072 handleCancel(); 1073 } 1074 }); 1075} 1076</script>
1076 1077 1078<!-- Product Compare Sidebar --> 1079<div class="compare-sidebar" id="compareSidebar"> 1080 <div class="compare-header"> 1081 <h4 class="compare-title"> 1082 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 1083 <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"/> 1084 </svg> 1085 Bandingkan Produk 1086 <span class="compare-count" id="compareCountSidebar">(0)</span> 1087 </h4> 1088 <button class="compare-close" id="compareClose" aria-label="Tutup"> 1089 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 1090 <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"/> 1091 </svg> 1092 </button> 1093 </div> 1094 1095 <div class="compare-content"> 1096 <div class="compare-empty" id="compareEmpty"> 1097 <div class="empty-icon"> 1098 <svg width="48" height="48" viewBox="0 0 24 24" fill="currentColor" opacity="0.3"> 1099 <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"/> 1100 </svg> 1101 </div> 1102 <h5>Belum ada produk dipilih</h5> 1103 <p>Pilih produk yang ingin dibandingkan dengan klik tombol "Bandingkan Produk" di halaman produk.</p> 1104 </div> 1105 1106 <div class="compare-list" id="compareList"> 1107 <!-- Products will be populated here --> 1108 </div> 1109 </div> 1110 1111 <div class="compare-actions" id="compareActions"> 1112 <button class="btn btn-outline-danger btn-sm" id="compareClearAll"> 1113 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 1114 <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"/> 1115 </svg> 1116 Hapus Semua 1117 </button> 1118 <button class="btn btn-primary btn-sm" id="compareAnalyze" disabled> 1119 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 1120 <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"/> 1121 </svg> 1122 Analisis AI 1123 </button> 1124 </div> 1125 1126 <!-- AI Disclaimer in Sidebar --> 1127 <div class="compare-disclaimer"> 1128 <div class="ai-disclaimer"> 1129 <div class="disclaimer-text"> 1130 <strong>ð¡ Catatan:</strong> Analisis ini dihasilkan secara otomatis dan dapat memiliki keterbatasan. 1131 Gunakan sebagai referensi tambahan dengan tetap mempertimbangkan kebutuhan Anda. 1132 Untuk informasi lebih lanjut, silakan hubungi tim KUE68. 1133 </div> 1134 </div> 1135 </div> 1136</div> 1137<style>.paylater-promo{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg, #ffffff 0, #ffffff 100% 100%);border:1px solid #000000;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:#000000;font-weight:600}.paylater-text small{color:#000000;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:#059669;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;
1137cursor: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:#22c55e;color:#fff;border-color:#22c55e}.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> 1138<style nonce="se3iyzEHMc9FQEB4wSyd0w=="> 1139.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;
1139display: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} 1140 1141.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)}} 1142 1143.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} 1144 1145.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:#0ea5e9;margin:0} 1146 1147.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)} 1148 1149.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,#25D366 0%,#128C7E 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} 1150 1151.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:#0ea5e9;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,#0ea5e9 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)}
1151.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,#22c55e 0%,#000000 100%);pointer-events:none} 1152 1153@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}} 1154 1155.mf-share{background:#fff;color:#ffd200;border:2px solid #ffd200;display:inline-flex;align-items:center;justify-content:center}.mf-share:active{transform:scale(.95)}.mf-share svg{display:block} 1156 1157@media(max-width:640px){.pd-share-btn{display:none!important}} 1158 1159.stock-badge.in{background:#e6f9ec;color:#000000;border-radius:999px;padding:4px 10px;font-weight:700}.stock-badge.out{background:#fee2e2;color:#ffd200;border-radius:999px;padding:4px 10px;font-weight:700} 1160 1161.stock-info-btn{--c:#0ea5e9;--b:#bae6fd;--bg:#f0f9ff;--bg-h:#e0f2fe;--b-h:#0ea5e9;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} 1162 1163.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} 1164 1165.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} 1166 1167 1168.sp-qty{grid-column:2;justify-self:end;min-width:40px;text-align:right;font-weight:800;font-size:13px;color:#cfe4ff;font-variant-numeric:tabular-nums} 1169 1170.sp-wa{ 1171 grid-column:3; justify-self:end; 1172 width:32px; height:32px; min-width:32px; min-height:32px; 1173 box-sizing:border-box; 1174 padding:0; line-height:0; text-decoration:none; outline:0; 1175 display:inline-flex; align-items:center; justify-content:center; 1176 border-radius:999px; border:1px solid rgba(37,211,102,.60); /* 1px untuk hasil âcrispâ */ 1177 background:rgba(37,211,102,.08); color:#25D366; 1178 transition:background-color .15s ease, border-color .15s ease, transform .05s ease; 1179 -webkit-tap-highlight-color:transparent; 1180} 1181.sp-wa:hover{background:rgba(37,211,102,.16);border-color:rgba(37,211,102,.75)} 1182.sp-wa:active{transform:translateY(.5px) scale(.98)} 1183 1184.sp-wa svg{width:18px;height:18px;display:block;vertical-align:middle} 1185.stock-popover a{text-decoration:none} 1186 1187#deskripsi img{max-width:450px!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}} 1188 1189.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}} 1190 1191.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}} 1192 1193.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} 1194.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)}} 1195.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#0ea5e9;font-size:11px;color:#0c4a6e;border-radius:4px} 1196@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}} 1197 1198.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}} 1199</style> 1200 1201<div class="pd-sticky-header" id="pd-sticky-header"><div class="pd-sticky-header-container"><div class="pd-sticky-thumb"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" id="pd-sticky-thumb-img"></div><div class="pd-sticky-info"><h2 class="pd-sticky-title" id="pd-sticky-title">KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI</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%</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">
1201<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> 1202 1203<main class="product-single product-single--v3"><nav class="pd-breadcrumb" aria-label="breadcrumb"><a href="https://sprunksters.org/">KUE68</a><span>-</span><a href="https://sprunksters.org/">JUDI BOLA</a><span>-</span><a href="https://sprunksters.org/">AGEN BOLA</a><span>-</span><a href="https://sprunksters.org/">MIX PARLAY</a><span>-</span><a href="https://sprunksters.org/">LINK JUDI BOLA </a><span>-</span><span class="current">KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI 1204 1205</span></nav> 1206 1207<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://sprunksters.org/img/kue68.jpg" alt="KUE68" data-slug="" loading="eager"> 1208</figure> 1209 1210<div class="pd-mobile-slider-wrapper"> 1211<div class="pd-mobile-slider" id="pd-mobile-slider" aria-label="Galeri gambar (geser)"><div class="pd-mslide"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="eager"></div><div class="pd-mslide"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></div><div class="pd-mslide"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></div><div class="pd-mslide"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></div><div class="pd-mslide"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></div><div class="pd-mslide"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></div></div><div class="pd-gallery-counter" id="pd-gallery-counter">1/6</div></div> 1212<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://sprunksters.org/img/kue68.jpg" data-alt="KUE68" data-slug="" aria-label="Gambar 1"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://sprunksters.org/img/kue68.jpg" data-alt="KUE68" data-slug="https://sprunksters.org/img/kue68.jpg" aria-label="Gambar 2"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://sprunksters.org/img/kue68.jpg" data-alt="KUE68" 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://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://sprunksters.org/img/kue68.jpg" data-alt="KUE68" data-slug="lenovo-legion-go-8as
1212p2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-776.webp" aria-label="Gambar 4"><img src="https://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://sprunksters.org/img/kue68.jpg" data-alt="KUE68" 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://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://sprunksters.org/img/kue68.jpg" data-alt="KUE68" 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://sprunksters.org/img/kue68.jpg" alt="KUE68" loading="lazy"></button></div></section><section class="pd-info-card"><div id="pd-variant-combined" class="pd-variant-combined" hidden></div><div class="pd-title-row"> 1213 <h1 class="pd-title" id="pd-title">KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI</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> 1214<div id="pd-price-anchor"> 1215</div> 1216<div class="pd-price-qr-container"> 1217 <div class="pd-price-block" id="pd-price-block"> 1218 <div class="pd-price-row"> 1219 <span class="pd-price-current" id="pd-price-current" >Rp 10.000</span> 1220 <span class="pd-price-original" id="pd-price-original">Rp 50.000</span> 1221 <span class="pd-discount-badge" id="pd-discount-badge">-88%</span></div> 1222 <div class="pd-meta-row"> 1223 <span class="sold-inline" id="pd-sold-inline" data-role="sold-chip">Terjual Terjual 5</span> 1224 <span class="pwp-trigger-badge" id="pwp-trigger-badge" hidden> 1225 <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"> 1226 <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> 1227 <div class="pd-meta-inline"><span class="stock-badge out" id="pd-stock-badge">KUE68</span> 1228 <span class="sku">SKU: <span id="pd-sku">KUE68</span></span></div> 1229<div class="paylater-promo paylater-promo-sm paylater-mobile-only"> 1230 <span class="paylater-icon">ð³</span> 1231 <span class="paylater-text"> 1232 <strong>AGEN BOLA TERPERCAYA</strong> 1233 <small>MIX PARLAY PIALA DUNIA 2026</small> 1234 </span> 1235</div> 1236 1237<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"> 1238<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
1238p2-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> 1239 1240 <li class="sp-item"> 1241 <div class="sp-left"> 1242 <span class="sp-dot" style="--dot:#34d399;"></span> 1243 <span class="sp-label">Medan Fair</span> 1244 </div> 1245 <span class="sp-qty" id="sp-qty-mdf">0</span> 1246 <a class="sp-wa" 1247 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" 1248 target="_blank" rel="noopener" aria-label="WhatsApp Medan Fair"> 1249 <svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 1250 <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"/> 1251 </svg> 1252 </a> 1253 </li> 1254 1255 <li class="sp-item"> 1256 <div class="sp-left"> 1257 <span class="sp-dot" style="--dot:#f59e0b;"></span> 1258 <span class="sp-label">Banda Aceh</span> 1259 </div> 1260 <span class="sp-qty" id="sp-qty-bda">0</span> 1261 <a class="sp-wa" 1262 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" 1263 target="_blank" rel="noopener" aria-label="WhatsApp Banda Aceh"> 1264 <svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
1265 <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"/> 1266 </svg> 1267 </a> 1268 </li> 1269 </ul> 1270 </div> 1271 1272 </div> 1273 <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> 1274 </div> 1275 <div id="pd-variants-anchor"></div> 1276 1277 1278 1279 <div class="pd-compare-section"> 1280 <button type="button" class="pd-compare-btn" id="pd-compare-btn" data-product-id="325"> 1281 <svg class="compare-icon" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 1282 <path d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"/> 1283 </svg> 1284 <span class="compare-text">Bandingkan Produk</span> 1285 <span class="compare-remove" hidden> 1286 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 1287 <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"/> 1288 </svg> 1289 Hapus dari Perbandingan 1290 </span> 1291 </button> 1292 <div class="pd-compare-info"> 1293 <small class="compare-note" id="compare-note">Bandingkan hingga 5 produk dengan bantuan AI</small> 1294 </div> 1295 </div> 1296 1297 <div class="pd-short-desc"><p><strong>Informasi KUE68 2026:</strong></p><ul><li>Minimal Deposit: Rp.10.000,-</li><li>Jenis Permainan: Sbobet, Casino, Slot</li><li>Metode Pembayaran: Bank, QRIS, E-Wallet</li><li>Mata Uang: IDR (Indonesian Rupiah)</li><li>Jam Operasional: 24 Jam Online</li><li>Rating: âââââ</li><li>Daftar Disini: <a href="https://kue68.sprunksters.org/">Klik Disini</a></li></ul></div><div class="KUE68-container-v1 mini"> 1298<div class="KUE68-container"> 1299 1300 <!-- HEADER --> 1301<style> 1302.topbar { 1303 background:linear-gradient(180deg, #000000, #000000); 1304 color:#fff; 1305 font-size:13px; 1306} 1307.navbar { 1308 background:linear-gradient(180deg, #000000, #000000) !important; 1309 backdrop-filter:blur(12px); 1310 -webkit-backdrop-filter:blur(12px); 1311 border-bottom:1px solid rgba(0, 0, 0, 0.6); 1312 box-shadow:0 2px 16px -4px rgba(0, 0, 0, 0.08); 1313 position:sticky; 1314 top:0; 1315 z-index:500; 1316 transition:all .3s ease; 1317} 1318 1319*{margin:0;padding:0;box-sizing:border-box} 1320 1321body{ 1322 background:#000000; 1323 font-family:'Poppins',sans-serif; 1324 color:#fff; 1325 padding:20px; 1326} 1327 1328.wrapper{ 1329 max-width:1000px; 1330 margin:auto; 1331} 1332 1333.title{ 1334 text-align:center; 1335 margin-bottom:25px; 1336} 1337 1338.title h1{ 1339 font-family:'Orbitron',sans-serif; 1340 color:#00ffe1; 1341 font-size:34px; 1342 text-shadow:0 0 15px rgba(0,255,225,.7); 1343} 1344 1345.calc-box{ 1346 background:#0d1328; 1347 border-radius:20px; 1348 padding:20px; 1349 border:1px solid rgba(0,255,225,.15); 1350 box-shadow:0 0 25px rgba(0,255,225,.08); 1351} 1352 1353.match-item{ 1354 background:#121c35; 1355 border-radius:16px; 1356 padding:16px; 1357 margin-bottom:15px; 1358 border-left:4px solid #00ffe1; 1359} 1360 1361.match-grid{ 1362 display:grid; 1363 grid-template-columns:2fr 2fr 1fr 1fr auto; 1364 gap:10px; 1365} 1366 1367input,select{ 1368 width:100%; 1369 padding:12px; 1370 border:none; 1371 border-radius:12px; 1372 background:#1f1e1d; 1373 color:#fff; 1374} 1375 1376button{ 1377 border:none; 1378 cursor:pointer; 1379 transition:.2s; 1380} 1381 1382.btn-add{ 1383 margin-top:15px; 1384 width:100%; 1385 padding:14px; 1386 border-radius:14px; 1387 background:linear-gradient(135deg,#00ffe1,#00b894); 1388 color:#000; 1389 font-weight:800; 1390} 1391 1392.btn-remove{ 1393 width:45px; 1394 border-radius:12px; 1395 background:#ffd200; 1396 color:#fff; 1397 font-weight:bold; 1398} 1399 1400.summary{ 1401 margin-top:25px; 1402 display:grid; 1403 grid-template-columns:repeat(3,1fr); 1404 gap:15px; 1405} 1406 1407.summary-card{ 1408 background:#121c35; 1409 border-radius:18px; 1410 padding:20px; 1411 text-align:center; 1412} 1413 1414.summary-card h3{ 1415 font-size:13px; 1416 color:#8aa6c7; 1417 margin-bottom:10px; 1418} 1419 1420.summary-card .value{ 1421 font-size:32px; 1422 font-family:'Orbitron',sans-serif; 1423 color:#00ffe1; 1424 font-weight:900; 1425} 1426 1427.bet-box{ 1428 margin-top:20px; 1429} 1430 1431.bet-box input{ 1432 padding:16px; 1433 font-size:16px; 1434} 1435 1436.footer-btn{ 1437 margin-top:18px; 1438 width:100%; 1439 padding:16px; 1440 border-radius:16px; 1441 background:linear-gradient(135deg,#00ffe1,#00b894); 1442 color:#000; 1443 font-weight:900; 1444 font-size:15px; 1445} 1446 1447@media(max-width:768px){ 1448 .match-grid{ 1449 grid-template-columns:1fr; 1450 } 1451 1452 .summary{ 1453 grid-template-columns:1fr; 1454 } 1455} 1456</style> 1457<div class="parlay-widget"> 1458 <h2>ANGKA MAIN MIX PARLAYâ¡ - BIG CLUB MATCH</h2> 1459 1460 <div id="parlayMatchList"> 1461 1462 <div class="parlay-row"> 1463 <input value="Real Madrid"> 1464 <input value="Manchester United"> 1465 <input value="HOME"> 1466 <input type="number" value="1.85" step="0.01" class="parlay-odds"> 1467 <button onclick="removeParlayMatch(this)">Ã</button> 1468 </div> 1469 1470 <div class="parlay-row"> 1471 <input value="Barcelona"> 1472 <input value="Bayern Munich"> 1473 <input value="AWAY"> 1474 <input type="number" value="1.95" step="0.01" class="parlay-odds"> 1475 <button onclick="removeParlayMatch(this)">Ã</button> 1476 </div> 1477 1478 <div class="parlay-row"> 1479 <input value="Manchester City"> 1480 <input value="Paris Saint-Germain"> 1481 <input value="HOME"> 1482 <input type="number" value="1.70" step="0.01" class="parlay-odds"> 1483 <button onclick="removeParlayMatch(this)">Ã</button> 1484 </div> 1485 1486 </div> 1487 1488 <button class="parlay-add" onclick="addParlayMatch()">+ Tambah Pertandingan</button> 1489 1490 <input type="number" id="parlayBet" class="parlay-bet" placeholder="Masukkan nominal taruhan"> 1491 1492 <div class="parlay-result"> 1493 <div>
1494 <span>Total Odds</span> 1495 <strong id="parlayTotalOdds">0</strong> 1496 </div> 1497 <div> 1498 <span>Taruhan</span> 1499 <strong id="parlayBetValue">0</strong> 1500 </div> 1501 <div> 1502 <span>Potensi Menang</span> 1503 <strong id="parlayWinValue">0</strong> 1504 </div> 1505 </div> 1506 1507 <button class="parlay-submit" onclick="calculateParlay()">Hitung ODDS Parlay</button> 1508</div> 1509 1510<style> 1511.parlay-widget{ 1512 max-width:430px; 1513 margin:25px auto; 1514 padding:24px; 1515 border-radius:22px; 1516 background:linear-gradient(160deg, #000000, #000000, #000000); 1517 border:2px solid #ffd200; 1518 box-shadow:0 8px 25px rgba(0,0,0,.6), 0 0 18px #ffd200; 1519 font-family:Arial,sans-serif; 1520} 1521 1522.parlay-widget h2{ 1523 margin:0 0 20px; 1524 text-align:center; 1525 color:#ffd200; 1526 font-size:25px; 1527 text-transform:uppercase; 1528 text-shadow:0 0 12px #ffd200; 1529} 1530 1531.parlay-row{ 1532 display:grid; 1533 grid-template-columns:1fr 1fr 58px 55px 36px; 1534 gap:7px; 1535 margin-bottom:12px; 1536 padding:11px; 1537 border-radius:14px; 1538 background:#071b18; 1539 border-left:4px solid #ffd200; 1540 box-shadow:0 0 10px rgba(0, 0, 0, 0.2); 1541} 1542 1543.parlay-row input{ 1544 width:100%; 1545 box-sizing:border-box; 1546 border:0; 1547 border-radius:8px; 1548 padding:9px 6px; 1549 background:#ffffff; 1550 color:#111; 1551 font-size:12px; 1552 font-weight:700; 1553} 1554 1555.parlay-row button{ 1556 border:0; 1557 border-radius:8px; 1558 background:#000000; 1559 color:#ffd200; 1560 font-size:18px; 1561 font-weight:700; 1562 cursor:pointer; 1563 box-shadow:0 0 10px rgb(255, 210, 0); 1564} 1565 1566.parlay-add, 1567.parlay-submit{ 1568 width:100%; 1569 border:0; 1570 border-radius:12px; 1571 padding:13px; 1572 margin-top:10px; 1573 background:linear-gradient(90deg, #000000, #000000); 1574 border: 2px solid #ffd200; 1575 color:#ffd200; 1576 font-weight:800; 1577 cursor:pointer; 1578 text-transform:uppercase; 1579 box-shadow:0 0 14px rgba(0, 0, 0, 0.5); 1580} 1581 1582.parlay-bet{ 1583 width:100%; 1584 box-sizing:border-box; 1585 margin:15px 0; 1586 padding:14px; 1587 border:0; 1588 border-radius:12px; 1589 background:#000000; 1590 color:#000000; 1591} 1592 1593.parlay-result{ 1594 display:grid; 1595 grid-template-columns:repeat(3,1fr); 1596 gap:10px; 1597} 1598 1599.parlay-result div{ 1600 background:#000000; 1601 border-radius:14px; 1602 padding:14px 7px; 1603 text-align:center; 1604 border:1px solid #ffd200; 1605 box-shadow:0 0 10px rgba(0,255,231,.15); 1606} 1607 1608.parlay-result span{ 1609 display:block; 1610 color:#ffd200; 1611 font-size:11px; 1612 margin-bottom:7px; 1613 text-transform:uppercase; 1614} 1615 1616.parlay-result strong{ 1617 color:#ffffff; 1618 font-size:20px; 1619 text-shadow:0 0 8px #ffd200; 1620} 1621</style> 1622<style> 1623.parlay-widget{ 1624 position:relative; 1625 overflow:hidden; 1626 box-shadow: 1627 0 0 18px rgba(0, 0, 0, 0.55), 16280 0 45px rgba(0, 0, 0, 0.35), 16290 18px 35px rgba(0, 0, 0, 0.35), 1630inset 0 0 35px rgba(56, 61, 60, 0.08) !important; 1631} 1632 1633.parlay-widget::before{ 1634 content:""; 1635 position:absolute; 1636 top:-120px; 1637 left:-180px; 1638 width:180px; 1639 height:650px; 1640 background:linear-gradient( 1641 120deg, 1642 transparent, 1643 rgba(255,255,255,.65), 1644 transparent 1645 ); 1646 transform:rotate(25deg); 1647 animation:parlayShine 4s infinite; 1648 pointer-events:none; 1649 z-index:1; 1650} 1651 1652.parlay-widget::after{ 1653 content:""; 1654 position:absolute; 1655 inset:12px; 1656 border-radius:18px; 1657 border:1px solid rgba(0, 0, 0, 0.22); 1658 box-shadow:inset 0 0 22px rgba(255,255,255,.12); 1659 pointer-events:none; 1660} 1661 1662@keyframes parlayShine{ 1663 0%{left:-220px;} 1664 55%{left:120%;} 1665 100%{left:120%;} 1666} 1667 1668.parlay-widget > *{ 1669 position:relative; 1670 z-index:2; 1671} 1672 1673.parlay-widget h2{ 1674 text-shadow:0 0 8px #000000, 0 0 18px #ffd200, 0 0 28px #0027ff !important 1675} 1676 1677.parlay-row{ 1678 position:relative; 1679 overflow:hidden; 1680 box-shadow: 1681 inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 14px rgba(0, 0, 0, 0.43) !important; 1682} 1683 1684.parlay-row::before{ 1685 content:""; 1686 position:absolute; 1687 left:0; 1688 right:0; 1689 top:0; 1690 height:45%; 1691 background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0)); 1692 pointer-events:none; 1693} 1694 1695.parlay-add, 1696.parlay-submit{ 1697 box-shadow: 1698 0 0 18px rgba(0, 0, 0, 0.55), 16990 0 45px rgba(0, 0, 0, 0.35), 17000 18px 35px rgba(0, 0, 0, 0.35), 1701inset 0 0 35px rgba(180, 255, 240, 0.08) !important; 1702 text-shadow:0 1px 2px rgba(255,255,255,.35); 1703} 1704 1705.parlay-result div{ 1706 box-shadow: 1707 inset 0 1px 0 rgba(255, 255, 255, .28), 0 0 15px rgba(0, 0, 0, 0.36) !important; 1708} 1709 1710</style> 1711
1712<script> 1713function calculateParlay(){ 1714 let total = 1; 1715 document.querySelectorAll('.parlay-odds').forEach(function(input){ 1716 let value = parseFloat(input.value); 1717 if(!isNaN(value) && value > 0){ 1718 total *= value; 1719 } 1720 }); 1721 1722 let bet = parseFloat(document.getElementById('parlayBet').value) || 0; 1723 let win = total * bet; 1724 1725 document.getElementById('parlayTotalOdds').innerText = total.toFixed(2); 1726 document.getElementById('parlayBetValue').innerText = bet.toLocaleString('id-ID'); 1727 document.getElementById('parlayWinValue').innerText = win.toLocaleString('id-ID'); 1728} 1729 1730function addParlayMatch(){ 1731 let clubs = [ 1732 ["Kanada","Bosnia & Herzegovina","HOME","1.85"], 1733 ["Qatar","Swiss","Away","1.75"], 1734 ["Brasil","Maroko","Home","1.70"], 1735 ["Australia","Turki","Draw","2.50"], 1736 ["Belanda","Jepang","Home","1.90"] 1737 ]; 1738 1739 let data = clubs[Math.floor(Math.random() * clubs.length)]; 1740 1741 let row = document.createElement('div'); 1742 row.className = 'parlay-row'; 1743 row.innerHTML = ` 1744 <input value="${data[0]}"> 1745 <input value="${data[1]}"> 1746 <input value="${data[2]}"> 1747 <input type="number" value="${data[3]}" step="0.01" class="parlay-odds"> 1748 <button onclick="removeParlayMatch(this)">Ã</button> 1749 `; 1750 1751 document.getElementById('parlayMatchList').appendChild(row); 1752 calculateParlay(); 1753} 1754 1755function removeParlayMatch(button){ 1756 button.parentElement.remove(); 1757 calculateParlay(); 1758} 1759 1760document.addEventListener('input', function(e){ 1761 if(e.target.closest('.parlay-widget')){ 1762 calculateParlay(); 1763 } 1764}); 1765 1766calculateParlay(); 1767</script>
1767 1768
1769<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1769
1769
1770<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1770
1770
1771<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1771
1771
1772<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1772
1772
1773<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1773
1773
1774<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1774
1774
1775<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1775
1775
1776<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1776
1776
1777<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1777
1777
1778<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":"86f57583232e46f6be1afe41efad8833","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1778
1778
1779<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"e99055afca984635be9075eb1d7cce44","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1779
1779
1780<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"bceada769eda4c9fbe41d3b22df4aa9c","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 1780
1780
1781<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":"65a317d34bbd46ea91d74cc5bb6a8757","r":1,"spa":2}' crossorigin="anonymous"></script>
1781 1782</body> 1783</html> 1784 1785<style> 1786body{background:#ebf2fc; font-family:Poppins,sans-serif; color:white;} 1787.KUE68-container{ 1788 max-width:520px; 1789 margin:auto; 1790 padding:15px; 1791 border-radius:12px; 1792 background:#ffd200; 1793 border:2px solid #ffd200; 1794 box-shadow:0 0 20px #ffd200; 1795} 1796 1797.KUE68-header{ 1798 font-weight:900; 1799 text-align:center; 1800 color:#ff4c4c; 1801 text-shadow:0 0 12px #bdaf1b; 1802 margin-bottom:12px; 1803} 1804 1805.KUE68-controls{ 1806 display:grid; 1807 grid-template-columns:1fr 1fr; 1808 gap:10px; 1809 margin-bottom:12px; 1810} 1811.KUE68-controls label{ 1812 display:flex; flex-direction:column; 1813 font-size:11px; color:#ff9999; 1814} 1815.KUE68-controls select, 1816.KUE68-controls input{ 1817 padding:8px; 1818 border-radius:8px; 1819 border:1px solid #ff4c4c; 1820 background:#2b0000; 1821 color:white; 1822} 1823#btnGenerate{ 1824 grid-column:span 2; 1825 padding:12px; 1826 background:#bdaf1b; 1827 border:none; 1828 color:black; 1829 font-weight:900; 1830 cursor:pointer; 1831 margin-top:5px; 1832 box-shadow:0 0 15px #ff4c4c; 1833} 1834 1835.KUE68-result{ 1836 margin-top:12px; 1837 padding:12px; 1838 border-radius:10px; 1839 background:rgba(255,0,0,0.05); 1840 border:1px solid #ff4c4c; 1841} 1842 1843.KUE68-main div, .KUE68-details div{ 1844 margin:5px 0; 1845} 1846 1847#rPrediction{ 1848 font-size:24px; 1849 font-weight:900; 1850 color:#bdaf1b; 1851} 1852 1853.KUE68-alts{ 1854 margin-top:10px; 1855} 1856.KUE68-alts h4{margin-bottom:6px;} 1857#KUE68AltList div{ 1858 background:#2b0000; 1859 padding:6px 10px; 1860 margin:3px 0; 1861 border-radius:8px; 1862 border-left:3px solid #bdaf1b; 1863} 1864 1865.KUE68-alts{ 1866 font-size:10px; 1867 margin-top:8px; 1868 text-align:center; 1869 color:#ff9999; 1870} 1871</style> 1872
1873<script> 1874const leagues = ["Premier League","La Liga","Serie A"]; 1875const tips = ["Analisis statistik tim","Performa terakhir","Cek head-to-head"]; 1876function rand(arr){return arr[Math.floor(Math.random()*arr.length)];} 1877 1878document.getElementById("btnGenerate").onclick=function(){ 1879 const type = document.getElementById("betTypeFilter").value; 1880 const league = rand(leagues); 1881 1882 let pred; 1883 if(type==="1X2") pred=rand(["1","X","2"]); 1884 else if(type==="OVER_UNDER") pred=rand(["Over","Under"]); 1885 else pred=rand(["Home -1","Away +1","Draw"]); 1886 1887 document.getElementById("rLeague").innerText=league; 1888 document.getElementById("rPrediction").innerText=pred; 1889 document.getElementById("rBetType").innerText=type; 1890 document.getElementById("rConf").innerText=Math.floor(Math.random()*40+60)+"%"; 1891 document.getElementById("rTip").innerText=rand(tips); 1892 document.getElementById("rOdds").innerText=(Math.random()*3+1).toFixed(2); 1893 1894 // alternatif 1895 const alt=document.getElementById("KUE68AltList"); alt.innerHTML=""; 1896 for(let i=0;i<3;i++){let d=document.createElement("div"); d.innerText=rand(["1","X","2"]); alt.appendChild(d);} 1897 1898 document.getElementById("KUE68Status").innerText="â READY â"; 1899} 1900</script>
1900 1901 1902 1903 1904 <div class="pwp-deals-section" id="pwp-deals-section" hidden data-product-id="325" data-variant-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">Beli 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> 1905 </section> 1906 1907 <aside class="pd-sidebar"> 1908 <div class="pd-side-card pd-buy-card"> 1909 <form class="pd-buy-form" id="pd-buy-form" data-pid="325"> 1910 <input type="hidden" name="variant_id" id="pd-variant-id" value="0"> 1911 <div> 1912 <label for="qty" class="qty-label">Qty</label> 1913 <input type="number" id="qty" name="qty" value="0" min="1" 1914 max="0" 1915 disabled> 1916 </div> 1917 <div class="pd-actions"> 1918 <button type="submit" class="btn-add-cart" id="btn-add-cart" disabled>+ Keranjang</button> 1919 <button type="button" class="btn-buy" id="btn-buy" data-id="278426" disabled >Beli</button> 1920 <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> 1921 </div> 1922 </form> 1923 <div class="paylater-promo paylater-promo-md paylater-desktop-only"> 1924 <span class="paylater-icon">ð³</span> 1925 <span class="paylater-text"> 1926 <strong>Autorized KUE68</strong> 1927 <small>Agen Judi Bola Terpercaya</small> 1928 </span> 1929</div> </div> 1930 1931 1932 <div class="pd-side-card qoala-banner-card"> 1933 <div class="qoala-banner"> 1934 <div class="qoala-banner-content"> 1935 <div class="qoala-icon"> 1936 <center><img src="https://sprunksters.org/img/pafikue.png" alt="KUE68" class="qoala-shield-img"></center> 1937 </div> 1938 <div class="qoala-text"> 1939 <div class="qoala-title">RTP 99%</div> 1940 <div class="qoala-subtitle">Verified</div> 1941 </div> 1942 </div> 1943 <a href="https://kue68.sprunksters.org/" class="qoala-cta" 1944 data-ga-event="qoala_banner_click" 1945 data-product-id="325" 1946 data-product-name="KUE68" 1947 data-category-path="Komputer & Laptop/Laptop/Gaming" target="_blank">Info</a> 1948 </div> 1949<style> 1950.qoala-banner-card{padding:0;overflow:hidden} 1951 1952.qoala-banner{ 1953 background:linear-gradient(135deg, #ffffff 0%, #ffffff 100%); 1954 padding:12px 16px; 1955 display:flex; 1956 align-items:center; 1957 justify-content:space-between; 1958 color:rgb(0, 0, 0); 1959 text-decoration:none; 1960 min-height:60px; 1961} 1962 1963.qoala-banner-content{ 1964 display:flex; 1965 align-items:center; 1966 gap:12px; 1967} 1968 1969.qoala-icon{ 1970 display:flex; 1971 align-items:center; 1972 justify-content:center; 1973} 1974 1975.qoala-shield-img{ 1976 width:36px; 1977 height:36px; 1978 object-fit:contain; 1979 opacity:0.9; 1980} 1981 1982.qoala-title{ 1983 font-weight:600; 1984 font-size:14px; 1985 line-height:1.2; 1986} 1987 1988.qoala-subtitle{ 1989 font-size:12px; 1990 opacity:0.9; 1991 line-height:1.2; 1992} 1993 1994.qoala-cta{ 1995 background:#ffffff; 1996 color:rgb(0, 0, 0); 1997 padding:6px 12px; 1998 border-radius:6px; 1999 font-size:12px; 2000 font-weight:600; 2001 text-decoration:none; 2002 transition:background 0.2s ease; 2003 border:1px solid rgb(0, 0, 0); 2004} 2005 2006.qoala-cta:hover{ 2007 background:rgb(255, 210, 0); 2008 color:white; 2009} 2010 2011@media(max-width:768px){ 2012 .qoala-banner{padding:10px 12px} 2013 .qoala-title{font-size:17px} 2014 .qoala-subtitle{font-size:11px} 2015} 2016</style> 2017 </div> 2018 2019 <div class="pd-side-card pd-installment-card2" 2020 id="inst-card" 2021 data-base-price="20789000" 2022 data-zero-smart="0"> 2023 <div class="inst-head"> 2024 <h3>Promo & Fitur KUE68</h3> 2025 </div> 2026 2027 <div class="inst-bank-tabs" role="tablist" aria-label="Bank"> 2028 <button type="button" class="bank-tab active" data-bank="Hdc" aria-selected="true">HDC</button> 2029 <button type="button" class="bank-tab" data-bank="Ht Ft" aria-selected="false">HT/FT</button> 2030 <button type="button" class="bank-tab" data-bank="Correct Score" aria-selected="false">Correct Score</button> 2031 </div> 2032 2033 <ul class="inst-month-list" id="inst-month-list" aria-label="Daftar cicilan per bulan"></ul> 2034 <div class="inst-note" id="inst-zero-note" style="display:none;">0% Cicilan khusus bank terpilih*</div> 2035 </div> 2036 2037<!-- MECHA BLUE FINAL BOSS REVIEW SLIDER --> 2038<div class="tnt-review-mecha"> 2039 2040<div class="tnt-header"> 2041 <h2>REVIEW MEMBER BOLA KUE68</h2> 2042</div> 2043 2044<div class="tnt-slider" id="tntSlider"> 2045 2046 <div class="tnt-slide active"> 2047 <div class="tnt-name">Agung - Tandem</div> 2048 <div class="tnt-comment">"Proses login sangat cepat dan tampilannya mudah digunakan. Saya juga selalu mendapatkan informasi terbaru mengenai pertandingan sepak bola dunia."</div> 2049 </div> 2050 2051 <div class="tnt-slide"> 2052 <div class="tnt-name">Jokowi - Jakarta</div> 2053 <div class="tnt-comment">"Event bonus yang tersedia cukup menarik dan informasinya lengkap. Pengalaman aksesnya sangat nyaman."</div> 2054 </div> 2055 2056 <div class="tnt-slide"> 2057 <div class="tnt-name">Dedy - Bandung</div> 2058 <div class="tnt-comment">"Saya suka karena bisa mengakses platform melalui smartphone kapan saja. Navigasinya sederhana dan mudah dipahami."</div> 2059 </div> 2060 2061</div> 2062</div> 2063 2064</div> 2065 2066<style> 2067.tnt-review-mecha{ 2068 background: radial-gradient(circle at center, #0a1614, #0a1614); 2069 border: 2px solid #000000; 2070 border-radius: 14px; 2071 padding: 20px; 2072 color: #fff; 2073 font-family: 'Orbitron', sans-serif; 2074 position: relative; 2075 overflow: hidden; 2076 box-shadow: 0 0 25px #2b83d8, inset 0 0 20px rgba(255,0,0,0.2); 2077} 2078 2079/* scanline */ 2080.tnt-review-mecha::before{ 2081 content:""; 2082 position:absolute; 2083 inset:0; 2084 background: repeating-linear-gradient( 2085 to bottom, 2086 rgba(255,0,0,0.08), 2087 rgba(255,0,0,0.08) 1px, 2088 transparent 2px, 2089 transparent 4px 2090 ); 2091 pointer-events:none; 2092} 2093 2094.tnt-header h2{ 2095 font-size: 18px; 2096 color:#ffd200; 2097 margin-bottom:5px; 2098} 2099 2100.tnt-header p{ 2101 font-size:12px; 2102 opacity:0.85; 2103 margin-bottom:15px; 2104} 2105 2106.tnt-slider{ 2107 position:relative; 2108 height:90px; 2109} 2110 2111.tnt-slide{ 2112 position:absolute; 2113 width:100%; 2114 opacity:0; 2115 transform:translateX(40px); 2116 transition:all .6s ease; 2117} 2118 2119.tnt-slide.active{ 2120 opacity:1; 2121 transform:translateX(0); 2122} 2123 2124.tnt-name{ 2125 font-size:14px; 2126 color:#ffd200; 2127 margin-bottom:5px; 2128} 2129 2130.tnt-comment{ 2131 font-size:13px; 2132 line-height:1.5; 2133} 2134 2135/* glowing border animation */ 2136@keyframes pulseGlow{ 2137 0%{box-shadow:0 0 10px #ffd200;} 2138 50%{box-shadow:0 0 25px #ffd200;} 2139 100%{box-shadow:0 0 10px #ffd200;} 2140} 2141 2142.tnt-review-mecha{ 2143 animation:pulseGlow 2.5s infinite; 2144} 2145</style> 2146
2147<script> 2148let slides = document.querySelectorAll('.tnt-slide'); 2149let index = 0; 2150 2151setInterval(()=>{ 2152 slides[index].classList.remove('active'); 2153 index = (index + 1) % slides.length; 2154 slides[index].classList.add('active'); 2155}, 3000); 2156</script>
2156 2157 2158<div id="KUE68-agen-bola"> 2159 <canvas class="pb-canvas"></canvas> 2160 <div class="pb-inner"> 2161 <h2 class="pb-title">PREDIKSI SLOT GACOR KUE68</h2> 2162 <p class="pb-subtitle">RTP Live · <span>Bocoran Pola</span> · Maxwin Prediction</p> 2163 2164 <div class="pb-section-title">PREDIKSI RTP LIVE SLOT GACOR HARI INI</div> 2165 2166 <div class="pb-grid"> 2167 <!-- Game 1 --> 2168 <div class="pb-card pb-c1" data-match="2026-06-12T02:00:00+07:00"> 2169 <div class="pb-skyline pb-skyline-league">PRAGMATIC PLAY</div> 2170 <div class="pb-skyline pb-skyline-brand"><span class="skyline-88" data-bs="skyline"></span></div> 2171 <div class="pb-teams"> 2172 <span class="pb-team">GATES OF OLYMPUS</span> 2173 <span class="pb-vs">RTP</span> 2174 <span class="pb-team">97.8%</span> 2175 </div> 2176 <div class="pb-countdown">--:--:--</div> 2177 <div class="pb-matchinfo">Update RTP Live · Setiap Jam · Server Anti Lag</div> 2178 <div class="pb-pred"><b>Prediksi:</b> Maxwin · <b>Pola:</b> 3x Freespin</div> 2179 <div class="pb-conf"> 2180 <span class="pb-conf-label">RTP</span> 2181 <div class="pb-conf-bar"> 2182 <div class="pb-conf-fill" data-conf="75"></div> 2183 </div> 2184 <span class="pb-conf-val">75%</span> 2185 </div> 2186 <div class="pb-odds"> 2187 <span><i>ð¥</i> Scatter</span> 2188 <span><i>â¡</i> Freespin</span> 2189 <span><i>ð°</i> Maxwin</span> 2190 </div> 2191 </div> 2192 2193 <!-- Game 2 --> 2194 <div class="pb-card pb-c2" data-match="2026-06-14T02:00:00+07:00"> 2195 <div class="pb-skyline pb-skyline-league">PG SOFT</div> 2196 <div class="pb-skyline pb-skyline-brand"><span class="skyline-88" data-bs="skyline"></span></div> 2197 <div class="pb-teams"> 2198 <span class="pb-team">STARLIGHT PRINCESS</span> 2199 <span class="pb-vs">RTP</span> 2200 <span class="pb-team">97.2%</span> 2201 </div> 2202 <div class="pb-countdown">--:--:--</div> 2203 <div class="pb-matchinfo">Update RTP Live · Setiap Jam · Server Anti Lag</div> 2204 <div class="pb-pred"><b>Prediksi:</b> Maxwin · <b>Pola:</b> 5x Scatter</div> 2205 <div class="pb-conf"> 2206 <span class="pb-conf-label">RTP</span> 2207 <div class="pb-conf-bar"> 2208 <div class="pb-conf-fill" data-conf="70"></div> 2209 </div> 2210 <span class="pb-conf-val">70%</span> 2211 </div> 2212 <div class="pb-odds"> 2213 <span><i>ð¥</i> Scatter</span> 2214 <span><i>â¡</i> Freespin</span> 2215 <span><i>ð°</i> Maxwin</span> 2216 </div> 2217 </div> 2218 2219 <!-- Game 3 --> 2220 <div class="pb-card pb-c3" data-match="2026-06-15T00:00:00+07:00"> 2221 <div class="pb-skyline pb-skyline-league">MICROGAMING</div> 2222 <div class="pb-skyline pb-skyline-brand"><span class="skyline-88" data-bs="skyline"></span></div> 2223 <div class="pb-teams"> 2224 <span class="pb-team">SWEET BONANZA</span> 2225 <span class="pb-vs">RTP</span> 2226 <span class="pb-team">98.2%</span> 2227 </div> 2228 <div class="pb-countdown">--:--:--</div> 2229 <div class="pb-matchinfo">Update RTP Live · Setiap Jam · Server Anti Lag</div> 2230 <div class="pb-pred"><b>Prediksi:</b> Maxwin · <b>Pola:</b> 10x Multiplier</div> 2231 <div class="pb-conf">
2232 <span class="pb-conf-label">RTP</span> 2233 <div class="pb-conf-bar"> 2234 <div class="pb-conf-fill" data-conf="92"></div> 2235 </div> 2236 <span class="pb-conf-val">92%</span> 2237 </div> 2238 <div class="pb-odds"> 2239 <span><i>ð¥</i> Scatter</span> 2240 <span><i>â¡</i> Freespin</span> 2241 <span><i>ð°</i> Maxwin</span> 2242 </div> 2243 </div> 2244 2245 <!-- Game 4 --> 2246 <div class="pb-card pb-c4" data-match="2026-06-15T03:00:00+07:00"> 2247 <div class="pb-skyline pb-skyline-league">HABANERO</div> 2248 <div class="pb-skyline pb-skyline-brand"><span class="skyline-88" data-bs="skyline"></span></div> 2249 <div class="pb-teams"> 2250 <span class="pb-team">MAHJONG WAYS 3</span> 2251 <span class="pb-vs">RTP</span> 2252 <span class="pb-team">97.5%</span> 2253 </div> 2254 <div class="pb-countdown">--:--:--</div> 2255 <div class="pb-matchinfo">Update RTP Live · Setiap Jam · Server Anti Lag</div> 2256 <div class="pb-pred"><b>Prediksi:</b> Maxwin · <b>Pola:</b> 4x Wild</div> 2257 <div class="pb-conf"> 2258 <span class="pb-conf-label">RTP</span> 2259 <div class="pb-conf-bar"> 2260 <div class="pb-conf-fill" data-conf="60"></div> 2261 </div> 2262 <span class="pb-conf-val">65%</span> 2263 </div> 2264 <div class="pb-odds"> 2265 <span><i>ð¥</i> Scatter</span> 2266 <span><i>â¡</i> Freespin</span> 2267 <span><i>ð°</i> Maxwin</span> 2268 </div> 2269 </div> 2270 2271 <!-- Game 5 --> 2272 <div class="pb-card pb-c5" data-match="2026-06-17T02:00:00+07:00"> 2273 <div class="pb-skyline pb-skyline-league">SPADEGAMING</div> 2274 <div class="pb-skyline pb-skyline-brand"><span class="skyline-88" data-bs="skyline"></span></div> 2275 <div class="pb-teams"> 2276 <span class="pb-team">SUGAR RUSH 1000</span> 2277 <span class="pb-vs">RTP</span> 2278 <span class="pb-team">96.9%</span> 2279 </div> 2280 <div class="pb-countdown">--:--:--</div> 2281 <div class="pb-matchinfo">Update RTP Live · Setiap Jam · Server Anti Lag</div> 2282 <div class="pb-pred"><b>Prediksi:</b> Maxwin · <b>Pola:</b> 50x Turbo</div> 2283 <div class="pb-conf"> 2284 <span class="pb-conf-label">RTP</span> 2285 <div class="pb-conf-bar"> 2286 <div class="pb-conf-fill" data-conf="78"></div> 2287 </div> 2288 <span class="pb-conf-val">78%</span> 2289 </div> 2290 <div class="pb-odds"> 2291 <span><i>ð¥</i> Scatter</span> 2292 <span><i>â¡</i> Freespin</span> 2293 <span><i>ð°</i> Maxwin</span> 2294 </div> 2295 </div> 2296 2297 <!-- Game 6 --> 2298 <div class="pb-card pb-c6" data-match="2026-06-17T08:00:00+07:00"> 2299 <div class="pb-skyline pb-skyline-league">PRAGMATIC PLAY</div> 2300 <div class="pb-skyline pb-skyline-brand"><span class="skyline-88" data-bs="skyline"></span></div> 2301 <div class="pb-teams"> 2302 <span class="pb-team">WILD WEST GOLD</span> 2303 <span class="pb-vs">RTP</span> 2304 <span class="pb-team">96.5%</span> 2305 </div> 2306 <div class="pb-countdown">--:--:--</div> 2307 <div class="pb-matchinfo">Update RTP Live · Setiap Jam · Server Anti Lag</div> 2308 <div class="pb-pred"><b>Prediksi:</b> Maxwin · <b>Pola:</b> 3x Wild</div> 2309 <div class="pb-conf">
2310 <span class="pb-conf-label">RTP</span> 2311 <div class="pb-conf-bar"> 2312 <div class="pb-conf-fill" data-conf="88"></div> 2313 </div> 2314 <span class="pb-conf-val">88%</span> 2315 </div> 2316 <div class="pb-odds"> 2317 <span><i>ð¥</i> Scatter</span> 2318 <span><i>â¡</i> Freespin</span> 2319 <span><i>ð°</i> Maxwin</span> 2320 </div> 2321 </div> 2322 </div> 2323 2324 <div class="pb-section-title pb-section-calc">KALKULATOR POLA SLOT GACOR</div> 2325 <div class="pb-calc"> 2326 <div class="pb-legs-head"> 2327 <span>GAME SLOT</span> 2328 <span>RTP</span> 2329 <span></span> 2330 </div> 2331 <div class="pb-legs" id="pb-legs"></div> 2332 <button type="button" class="pb-add" id="pb-add">+ TAMBAH GAME</button> 2333 <div class="pb-stake-row"> 2334 <label>MODAL DEPOSIT (Rp)</label> 2335 <input type="number" class="pb-stake" id="pb-stake" value="10000" min="1000" step="1000"> 2336 </div> 2337 <div class="pb-result"> 2338 <div class="pb-result-row"> 2339 <span class="pb-r-label">Jumlah Game</span> 2340 <span class="pb-r-val" id="pb-legcount">0</span> 2341 </div> 2342 <div class="pb-result-row"> 2343 <span class="pb-r-label">Total RTP</span> 2344 <span class="pb-r-val" id="pb-totalodds">0.00</span> 2345 </div> 2346 <div class="pb-result-row pb-result-big"> 2347 <span class="pb-r-label">POTENSI MAXWIN</span> 2348 <span class="pb-r-val pb-payout" id="pb-payout">Rp 0</span> 2349 </div> 2350 <div class="pb-result-row"> 2351 <span class="pb-r-label">Profit Bersih</span> 2352 <span class="pb-r-val pb-profit" id="pb-profit">Rp 0</span> 2353 </div> 2354 </div> 2355 </div> 2356 <p class="pb-footer">AGEN SLOT GACOR & <span class="pb-green">KUE68</span> © 2026</p> 2357 </div> 2358 </div> 2359 2360 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],400;14..32,600;14..32,700;14..32,800&family=Space+Mono:wght@400;700&display=swap" /> 2361<style> 2362 2363 #KUE68-agen-bola { 2364 --pb-primary: #000000; 2365 --pb-accent: #ffd200; 2366 --pb-accent2: #ffb74d; 2367 --pb-glow: rgb(255, 210, 0); 2368 --pb-bg: #ffd200; 2369 --pb-card: rgb(255, 210, 0); 2370 --pb-text: #ffd200; 2371 --pb-muted: #ffd200; 2372 position: relative; 2373 background: linear-gradient(145deg, #000000 0%, #000000 100%); 2374 border-radius: 2rem; 2375 padding: 2.5rem 1.8rem 3rem; 2376 margin: 2rem 0; 2377 font-family: 'Rajdhani', sans-serif; 2378 color: var(--pb-text); 2379 overflow: hidden; 2380 box-shadow: 0 20px 35px -12px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05); 2381 border: 1px solid rgb(255, 210, 0) 2382 } 2383 2384 .pb-canvas { 2385 position: absolute; 2386 inset: 0; 2387 width: 100%; 2388 height: 100%; 2389 pointer-events: none; 2390 z-index: 0; 2391 opacity: .5 2392 } 2393 2394 .pb-inner { 2395 position: relative; 2396 z-index: 2; 2397 max-width: 1300px; 2398 margin: 0 auto 2399 } 2400 2401 .pb-title { 2402 display: flex;
2403 align-items: center; 2404 justify-content: center; 2405 gap: .5rem; 2406 text-align: center; 2407 font-size: clamp(1.8rem, 5vw, 2.6rem); 2408 font-weight: 800; 2409 letter-spacing: -.5px; 2410 background: linear-gradient(135deg, #ffd200, #ffd200); 2411 -webkit-background-clip: text; 2412 background-clip: text; 2413 color: transparent; 2414 margin-bottom: .4rem; 2415 text-shadow: 0 2px 5px rgba(0, 0, 0, .2) 2416 } 2417 2418 .pb-title .skyline-88 { 2419 display: inline-flex !important; 2420 align-items: center !important; 2421 vertical-align: middle !important; 2422 line-height: 1 !important; 2423 margin: 0 !important; 2424 padding: 0 !important 2425 } 2426 2427 .pb-subtitle { 2428 text-align: center; 2429 font-size: .7rem; 2430 text-transform: uppercase; 2431 letter-spacing: 3px; 2432 color: var(--pb-muted); 2433 margin-bottom: 2rem 2434 } 2435 2436 .pb-subtitle span { 2437 color: #ff0057; 2438 font-weight: 600 2439 } 2440 2441 .pb-section-title { 2442 font-size: 1.3rem; 2443 font-weight: 700; 2444 margin: 2rem 0 1.5rem; 2445 padding-left: 1rem; 2446 border-left: 5px solid #ffd200; 2447 letter-spacing: -.3px 2448 } 2449 2450 .pb-grid { 2451 display: grid; 2452 grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 2453 gap: 1.8rem 2454 } 2455 2456 .pb-card { 2457 background: #000000; 2458 backdrop-filter: blur(12px); 2459 border-radius: 1.5rem; 2460 padding: 1.2rem 1.2rem 1rem; 2461 border: 1px solid rgb(255, 210, 0); 2462 transition: all .25s ease; 2463 position: relative; 2464 overflow: hidden 2465 } 2466 2467 .pb-card:hover { 2468 transform: translateY(-5px); 2469 border: 1px solid rgb(255, 210, 0); 2470 box-shadow: 0 15px 25px -12px rgb(255, 210, 0) 2471 } 2472 2473 .pb-card::before { 2474 content: ''; 2475 position: absolute; 2476 top: 0; 2477 left: 0; 2478 width: 100%; 2479 height: 4px; 2480 background: linear-gradient(90deg, #ffe500, #ffe500) 2481 } 2482 2483 .pb-skyline-league { 2484 position: absolute; 2485 top: 12px; 2486 left: 12px; 2487 background: rgba(0, 0, 0, .5); 2488 backdrop-filter: blur(4px); 2489 font-size: .6rem; 2490 font-weight: 700; 2491 padding: .2rem .8rem; 2492 border-radius: 20px; 2493 letter-spacing: 1px; 2494 color: #fed804; 2495 border: .5px solid #fed804 2496 } 2497 2498 .pb-skyline-brand { 2499 position: absolute; 2500 top: 12px; 2501 right: 12px; 2502 line-height: 0 2503 } 2504 2505 .pb-teams { 2506 display: flex;
2507 align-items: center; 2508 justify-content: space-between; 2509 margin: 2rem 0 .8rem; 2510 gap: .5rem 2511 } 2512 2513 .pb-team { 2514 font-weight: 800; 2515 font-size: 1rem; 2516 letter-spacing: .5px; 2517 background: linear-gradient(120deg, #fff, #b9e6e6); 2518 -webkit-background-clip: text; 2519 background-clip: text; 2520 color: transparent 2521 } 2522 2523 .pb-vs { 2524 font-size: .7rem; 2525 background: rgba(255, 255, 255, .1); 2526 padding: .2rem .6rem; 2527 border-radius: 20px; 2528 font-weight: 700 2529 } 2530 2531 .pb-countdown { 2532 font-family: 'Space Mono', monospace; 2533 font-size: 2rem; 2534 font-weight: 700; 2535 text-align: center; 2536 margin: .5rem 0; 2537 color: #ff0000; 2538 text-shadow: 0 0 5px rgb(0 0 0); 2539 letter-spacing: 2px 2540 } 2541 2542 .pb-matchinfo { 2543 text-align: center; 2544 font-size: .65rem; 2545 color: var(--pb-muted); 2546 margin-bottom: .7rem 2547 } 2548 2549 .pb-pred { 2550 text-align: center; 2551 font-size: .75rem; 2552 background: rgba(0, 0, 0, .3); 2553 border-radius: 40px; 2554 padding: .3rem; 2555 margin: .6rem 0 2556 } 2557 2558 .pb-pred b { 2559 color: var(--pb-accent2) 2560 } 2561 2562 .pb-conf { 2563 display: flex;
2564 align-items: center; 2565 gap: .6rem; 2566 margin: .8rem 0 2567 } 2568 2569 .pb-conf-label { 2570 font-size: .65rem; 2571 font-weight: 800; 2572 background: rgba(0, 0, 0, .4); 2573 padding: .2rem .5rem; 2574 border-radius: 12px 2575 } 2576 2577 .pb-conf-bar { 2578 flex: 1; 2579 height: 6px; 2580 background: #1d494f; 2581 border-radius: 10px; 2582 overflow: hidden 2583 } 2584 2585 .pb-conf-fill { 2586 height: 100%; 2587 width: 0; 2588 background: linear-gradient(90deg, #ffe500, #5c00ff); 2589 border-radius: 10px; 2590 transition: width 1s ease 2591 } 2592 2593 .pb-conf-val { 2594 font-family: monospace; 2595 font-weight: 700; 2596 min-width: 42px; 2597 text-align: right; 2598 color: var(--pb-accent2) 2599 } 2600 2601 .pb-odds { 2602 display: grid; 2603 grid-template-columns: repeat(3, 1fr); 2604 gap: .5rem; 2605 border-top: 1px dashed rgba(0, 212, 170, .3); 2606 padding-top: .7rem; 2607 margin-top: .3rem 2608 } 2609 2610 .pb-odds span { 2611 text-align: center; 2612 background: rgba(0, 0, 0, .3); 2613 padding: .4rem; 2614 border-radius: 12px; 2615 font-family: monospace; 2616 font-weight: 700; 2617 font-size: .8rem; 2618 transition: .2s; 2619 cursor: default 2620 } 2621 2622 .pb-odds span:hover { 2623 background: var(--pb-accent); 2624 color: #000; 2625 transform: scale(1.02) 2626 } 2627 2628 .pb-odds i { 2629 font-style: normal; 2630 font-size: .65rem; 2631 margin-right: 4px; 2632 color: var(--pb-muted) 2633 } 2634 2635 .pb-calc { 2636 background: rgba(0, 0, 0, 0.66); 2637 backdrop-filter: blur(12px); 2638 border-radius: 1.5rem; 2639 padding: 1.5rem; 2640 border: 1px solid rgb(255, 210, 0); 2641 margin-top: .5rem 2642 } 2643 2644 .pb-legs-head { 2645 display: grid; 2646 grid-template-columns: 1fr 100px 40px; 2647 gap: .7rem; 2648 font-size: .7rem; 2649 font-weight: 700; 2650 color: var(--pb-muted); 2651 padding-bottom: .5rem; 2652 border-bottom: 1px solid rgb(255, 210, 0); 2653 margin-bottom: .8rem 2654 } 2655 2656 .pb-leg { 2657 display: grid; 2658 grid-template-columns: 1fr 100px 40px; 2659 gap: .7rem; 2660 margin-bottom: .6rem; 2661 align-items: center 2662 } 2663 2664 .pb-leg input { 2665 background: rgba(0, 0, 0, .4); 2666 border: 1px solid rgb(255, 210, 0); 2667 color: #fed804; 2668 padding: .5rem .7rem; 2669 border-radius: 12px; 2670 font-size: .85rem; 2671 outline: none; 2672 font-family: monospace 2673 } 2674 2675 .pb-leg input:focus { 2676 border-color: var(--pb-accent); 2677 box-shadow: 0 0 0 2px rgb(255, 210, 0) 2678 } 2679 2680 .pb-remove { 2681 background: transparent; 2682 border: 1px solid rgba(255, 255, 255, 0.5); 2683 color: #ffffff; 2684 border-radius: 12px; 2685 cursor: pointer; 2686 font-size: 1.2rem; 2687 height: 38px; 2688 display: flex;
2689 align-items: center; 2690 justify-content: center; 2691 transition: .2s 2692 } 2693 2694 .pb-remove:hover { 2695 background: #fed804; 2696 color: #000; 2697 box-shadow: 0 0 8px #fed804 2698 } 2699 2700 .pb-add { 2701 width: 100%; 2702 background: transparent; 2703 border: 2px dashed rgb(255, 210, 0); 2704 color: #fed804; 2705 padding: .7rem; 2706 border-radius: 40px; 2707 font-weight: 700; 2708 cursor: pointer; 2709 margin: 1rem 0 1.2rem; 2710 transition: .2s 2711 } 2712 2713 .pb-add:hover { 2714 background: rgba(0, 0, 0, 0.1); 2715 border: 2px solid var(--pb-accent) 2716 } 2717 2718 .pb-stake-row { 2719 display: flex; 2720 gap: 1rem; 2721 align-items: center; 2722 background: #a78900); 2723 padding: .8rem; 2724 border-radius: 1rem; 2725 margin-bottom: 1.2rem; 2726 flex-wrap: wrap 2727 } 2728 2729 .pb-stake-row label { 2730 font-size: .75rem; 2731 font-weight: 700; 2732 min-width: 120px 2733 } 2734 2735 .pb-stake-row input { 2736 flex: 1; 2737 background: #000000; 2738 border: 1px solid #ffd200; 2739 border-radius: 40px; 2740 padding: .6rem 1rem; 2741 color: #ffd200; 2742 font-family: monospace; 2743 font-size: 1rem 2744 } 2745 2746 .pb-result { 2747 background: rgba(0, 0, 0, .3); 2748 border-radius: 1rem; 2749 padding: 1rem 2750 } 2751 2752 .pb-result-row { 2753 display: flex; 2754 justify-content: space-between; 2755 padding: .5rem 0; 2756 border-bottom: 1px dashed rgb(255, 210, 0) 2757 } 2758 2759 .pb-result-row:last-child { 2760 border-bottom: none 2761 } 2762 2763 .pb-r-label { 2764 font-size: .7rem; 2765 font-weight: 600; 2766 color: var(--pb-muted) 2767 } 2768 2769 .pb-r-val { 2770 font-family: monospace; 2771 font-weight: 700 2772 } 2773 2774 .pb-result-big .pb-r-val { 2775 font-size: 1.3rem; 2776 color: var(--pb-accent2); 2777 text-shadow: 0 0 5px var(--pb-accent2) 2778 } 2779 2780 .pb-profit { 2781 color: #ff0057 !important 2782 } 2783 2784 .pb-footer { 2785 text-align: center; 2786 font-size: .6rem; 2787 margin-top: 2.5rem; 2788 color: var(--pb-muted); 2789 letter-spacing: 2px 2790 } 2791 2792 .pb-green { 2793 color: #ffe500 2794 } 2795 2796 @media (max-width:680px) { 2797 #KUE68-agen-bola { 2798 padding: 1.5rem 2799 } 2800 2801 .pb-countdown { 2802 font-size: 1.5rem 2803 } 2804 2805 .pb-legs-head, 2806 .pb-leg { 2807 grid-template-columns: 1fr 80px 35px; 2808 gap: .4rem 2809 } 2810 } 2811</style> 2812 2813
2813<script>(function(){ 2814const _w=document.getElementById('KUE68-agen-bola'); 2815if(!_w||_w.dataset.r)return; 2816_w.dataset.r='1'; 2817const _b=[83,66,79,66,69,84].map(c=>String.fromCharCode(c)).join(''); 2818function _d(_c,_t){ 2819if(!_c)return; 2820let _cv=_c.querySelector('canvas')||document.createElement('canvas'); 2821if(!_c.querySelector('canvas'))_c.appendChild(_cv); 2822const _sz={title:34,skyline:9,footer:11},_cl={title:'#ffd200',skyline:'#a8e6cf',footer:'#9ab3b8'}; 2823const _fs=_sz[_t]||11,_co=_cl[_t]||'#9ab3b8',_sp=_t==='title'?2:1; 2824const _dpr=window.devicePixelRatio||1,_f=`800 ${_fs}px 'Inter','Space Mono',monospace`; 2825const _tmp=document.createElement('canvas').getContext('2d'); 2826_tmp.font=_f; 2827let _tw=[..._b].reduce((a,c)=>a+_tmp.measureText(c).width+_sp,-_sp); 2828const _px=4,_py=4,_fw=Math.max(20,Math.ceil(_tw+_px*2)),_fh=Math.max(16,Math.ceil(_fs*1.2+_py*2)); 2829_cv.width=_fw*_dpr;_cv.height=_fh*_dpr; 2830_cv.style.width=_fw+'px';_cv.style.height=_fh+'px'; 2831const _ctx=_cv.getContext('2d'); 2832_ctx.setTransform(1,0,0,1,0,0);_ctx.scale(_dpr,_dpr); 2833_ctx.font=_f;_ctx.textBaseline='middle';_ctx.fillStyle=_co; 2834let _x=_px; 2835[..._b].forEach(c=>{_ctx.fillText(c,_x,_fh/2);_x+=_tmp.measureText(c).width+_sp;}); 2836if(_t==='title'){_ctx.shadowBlur=6;_ctx.shadowColor='#ffd200';_x=_px; 2837[..._b].forEach(c=>{_ctx.fillText(c,_x,_fh/2);_x+=_tmp.measureText(c).width+_sp;});} 2838} 2839function _ib(){ 2840['title','footer'].forEach(t=>{const e=_w.querySelector(`[data-bs="${t}"]`);if(e)_d(e,t);}); 2841document.querySelectorAll('[data-bs="skyline"]').forEach(e=>_d(e,'skyline')); 2842} 2843_ib(); 2844if(document.fonts)document.fonts.ready.then(_ib); 2845setTimeout(_ib,300); 2846const _bg=_w.querySelector('.pb-canvas'),_cx=_bg.getContext('2d'); 2847let _p=[]; 2848function _rc(){ 2849const{width:_W,height:_H}=_w.getBoundingClientRect(); 2850const _dpr=window.devicePixelRatio||1; 2851_bg.width=Math.max(1,_W*_dpr);_bg.height=Math.max(1,_H*_dpr); 2852_cx.setTransform(1,0,0,1,0,0);_cx.scale(_dpr,_dpr); 2853const _n=Math.min(60,Math.floor(_W*_H/8000)); 2854_p=Array.from({length:_n},()=>({x:Math.random()*_W,y:Math.random()*_H,r:1+Math.random()*3,vx:(Math.random()-.5)*.2,vy:.2+Math.random()*.8,a:.2+Math.random()*.4})); 2855} 2856function _dp(){ 2857const _W=_bg.width/(window.devicePixelRatio||1),_H=_bg.height/(window.devicePixelRatio||1); 2858_cx.clearRect(0,0,_W,_H); 2859_p.forEach(p=>{ 2860_cx.beginPath();_cx.arc(p.x,p.y,p.r,0,Math.PI*2); 2861_cx.fillStyle=`rgba(0,212,170,${p.a})`;_cx.fill(); 2862p.x+=p.vx;p.y+=p.vy; 2863if(p.y>_H+20){p.y=-20;p.x=Math.random()*_W;} 2864if(Math.abs(p.x)>_W+20)p.x=p.x<0?_W+20:-20; 2865}); 2866requestAnimationFrame(_dp); 2867} 2868window.ResizeObserver?new ResizeObserver(_rc).observe(_w):window.addEventListener('resize',_rc); 2869_rc();_dp(); 2870_w.querySelectorAll('.pb-conf-fill').forEach(e=>{const v=e.getAttribute('data-conf');if(v)setTimeout(()=>e.style.width=v+'%',150);}); 2871function _uc(){ 2872const _n=Date.now(); 2873document.querySelectorAll('.pb-card[data-match]').forEach(c=>{ 2874const _df=new Date(c.getAttribute('data-match')).getTime()-_n; 2875const _e=c.querySelector('.pb-countdown'); 2876if(_df<=0){_e.textContent='LIVE';_e.classList.add('pb-live');return;} 2877const _d=Math.floor(_df/86400000),_h=Math.floor(_df%86400000/3600000); 2878const _m=Math.floor(_df%3600000/60000),_s=Math.floor(_df%60000/1000); 2879_e.textContent=_d>0?`${_d}d ${_h}h`:[_h,_m,_s].map(v=>String(v).padStart(2,'0')).join(':'); 2880}); 2881} 2882_uc();setInterval(_uc,1000); 2883const _lg=document.getElementById('pb-legs'); 2884const _rp=n=>'Rp '+Math.floor(n).toLocaleString('id-ID'); 2885let _li=0; 2886function _cc(){ 2887let _o=1,_ct=0; 2888document.querySelectorAll('.pb-leg').forEach(l=>{ 2889const _i=l.querySelector('.pb-odds-input'); 2890if(_i){const v=parseFloat(_i.value);if(!isNaN(v)&&v>0){_o*=v;_ct++;}} 2891}); 2892const _sk=parseFloat(document.getElementById('pb-stake').value)||0; 2893document.getElementById('pb-legcount').textContent=_ct; 2894document.getElementById('pb-totalodds').textContent=_o.toFixed(2); 2895document.getElementById('pb-payout').textContent=_rp(_o*_sk); 2896document.getElementById('pb-profit').textContent=_rp(_o*_sk-_sk); 2897} 2898function _al(v='1.50'){ 2899const _dv=document.createElement('div'); 2900_dv.className='pb-leg'; 2901_dv.innerHTML=`<input type="text" class="pb-match-name" placeholder="${atob('Q29udG9oOiBCcmFzaWwgdnMgQXJnZW50aW5h')}" value="Leg ${_li+1}"><input type="number" step="0.01" class="pb-odds-input" value="${v}"><button class="pb-remove">\u2715</button>`; 2902_lg.appendChild(_dv);_li++; 2903_dv.querySelector('.pb-remove').addEventListener('click',()=>{_dv.remove();_cc();}); 2904_dv.querySelector('.pb-odds-input').addEventListener('input',_cc); 2905_cc(); 2906} 2907document.getElementById('pb-add').addEventListener('click',()=>_al('1.50')); 2908document.getElementById('pb-stake').addEventListener('input',_cc); 2909_al('1.65');_al('2.00'); 2910})();</script>
2910 2911 2912<div class="artikel-glow-KUE68"> 2913 <div class="artikel-shine"></div> 2914 2915 <h1>KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI</h1> 2916<p>Slot online selalu menjadi permainan yang paling dinantikan oleh para penggemar di seluruh dunia. Menjelang tahun 2026, berbagai promo dan event bonus mulai hadir untuk memberikan pengalaman yang lebih menarik bagi para pecinta slot. <strong><a href="https://sprunksters.org/">KUE68</a></strong> menyediakan akses login cepat melalui link alternatif anti blokir yang memudahkan pengguna untuk mendapatkan informasi RTP live terbaru, mengikuti event bonus slot gacor, serta menikmati berbagai promosi menarik yang tersedia sepanjang tahun.</p> 2917 <p>Dengan sistem yang modern dan responsif, pengguna dapat mengakses layanan kapan saja melalui perangkat desktop maupun mobile. Selain itu, RTP live update tiap jam, server turbo anti lag, bonus new member 100% di awal, cashback mingguan 5%, rollingan 0.5%, dan proses WD kilat 2-3 menit tanpa potongan membantu pemain mendapatkan pengalaman yang lebih nyaman saat bermain slot gacor favorit mereka.</p> 2918 2919 <h2>Keunggulan Login KUE68 untuk Pecinta Slot Gacor</h2> 2920 <p>Bagi pecinta slot gacor, kemudahan akses menjadi salah satu faktor penting. KUE68 menghadirkan sistem login yang dirancang untuk memberikan kenyamanan maksimal kepada seluruh pemain.</p> 2921 2922 <h3>Proses Login Cepat dan Praktis</h3> 2923 <p>Pengguna dapat masuk ke akun dalam hitungan detik tanpa proses yang rumit. Sistem server turbo anti lag membantu mengurangi kendala akses saat jam sibuk.</p> 2924 2925 <h3>Kompatibel di Berbagai Perangkat</h3> 2926 <p>Platform dapat diakses melalui smartphone, tablet, maupun komputer sehingga pengguna tetap terhubung dengan informasi RTP live terbaru kapan saja.</p> 2927 2928 <h3>Navigasi yang Mudah Dipahami</h3> 2929 <p>Tampilan yang sederhana membuat pengguna baru maupun lama dapat menemukan fitur yang dibutuhkan dengan lebih cepat.</p> 2930 2931 <h2>Event Bonus Menarik Sepanjang 2026</h2> 2932 <p>Momen bermain slot gacor selalu menjadi ajang yang dinantikan. Untuk menyambut antusiasme tersebut, berbagai event bonus dapat dinikmati oleh pengguna yang aktif.</p> 2933 2934 <h3>Bonus Member Baru 100%</h3> 2935 <p>Pengguna yang baru bergabung berkesempatan mendapatkan bonus new member 100% di awal yang dirancang untuk meningkatkan pengalaman awal mereka.</p> 2936 2937 <h3>Promo Event Slot Gacor</h3> 2938 <p>Berbagai game slot gacor sering kali diiringi dengan promo menarik yang memberikan nilai tambah bagi pengguna.</p> 2939 2940 <h3>Program Loyalitas Member</h3> 2941 <p>Member aktif dapat menikmati berbagai keuntungan tambahan melalui cashback mingguan 5% dan rollingan 0.5% yang tersedia secara berkala.</p> 2942 2943 <h3>Informasi Terbaru Seputar RTP Live dan Slot Gacor</h3> 2944 <p>Mengikuti perkembangan RTP live update tiap jam menjadi lebih mudah melalui informasi yang diperbarui secara berkala.</p> 2945 2946 <h3>Jadwal RTP Live Terbaru</h3> 2947 <p>Pengguna dapat memperoleh informasi RTP live update setiap jam untuk mengetahui game mana yang sedang gacor dan berpeluang maxwin besar.</p> 2948 2949 <h3>Analisis Game Favorit</h3> 2950 <p>Berbagai ulasan mengenai performa game seperti Gates of Olympus, Starlight Princess 1000, Sweet Bonanza, Mahjong Ways 3, dan Sugar Rush 1000 dapat membantu penggemar memahami RTP live terbaru di dunia slot online.</p> 2951 2952 <h3>Berita Provider Ternama</h3> 2953 <p>Selain game utama, pengguna juga dapat mengikuti berbagai kabar terbaru dari Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming.</p> 2954 2955 <h2>Mengapa Banyak Pengguna Memilih KUE68?</h2> 2956 <p>Popularitas sebuah platform tidak lepas dari kualitas layanan yang diberikan kepada penggunanya.</p> 2957 2958 <h3>Akses Stabil Sepanjang Waktu</h3> 2959 <p>Sistem server turbo anti lag dirancang agar tetap dapat diakses dengan lancar sehingga pengguna tidak mengalami hambatan saat dibutuhkan.</p> 2960 2961 <h3>Pembaruan Informasi Secara Berkala</h3> 2962 <p>Setiap informasi terbaru mengenai RTP live, promo, event, dan game slot gacor diperbarui secara rutin setiap jam.</p> 2963 2964 <h3>Dukungan Layanan yang Responsif</h3> 2965 <p>Tim customer service siap membantu pengguna 24 jam yang membutuhkan informasi atau bantuan terkait akses akun dan link alternatif anti blokir.</p> 2966 2967 <br><br> 2968 <div class="olx-faq-top"> 2969 <span>â FAQ PERTANYAAN SEPUTAR KUE68 â </span> 2970 </div> 2971 <br><br> 2972 2973<div class="faq-KUE68-1"> 2974 <div class="faq-KUE68-1-item"> 2975 <button class="faq-KUE68-1-q">Apa keunggulan utama KUE68 dibanding situs slot lainnya?</button> 2976 <div class="faq-KUE68-1-a">KUE68 punya RTP live update tiap jam, server turbo anti lag, bonus new member 100% di awal, cashback mingguan 5%, rollingan 0.5%, dan proses WD kilat 2-3 menit tanpa potongan. Koleksi game lengkap dari Pragmatic Play, PG Soft, Microgaming, Habanero, dan Spadegaming.</div> 2977 </div> 2978 2979 <div class="faq-KUE68-1-item"> 2980 <button class="faq-KUE68-1-q">Berapa minimal deposit untuk bermain di KUE68?</button> 2981 <div class="faq-KUE68-1-a">Minimal deposit di KUE68 hanya 10 ribu rupiah via bank (BCA, BRI, BNI, Mandiri), e-wallet (Dana, OVO, GoPay), QRIS, atau pulsa Telkomsel & XL tanpa potongan.</div> 2982 </div> 2983 2984 <div class="faq-KUE68-1-item"> 2985 <button class="faq-KUE68-1-q">Game slot apa yang paling gacor di KUE68 saat ini?</button> 2986 <div class="faq-KUE68-1-a">
2986Saat ini yang paling gacor adalah Gates of Olympus, Starlight Princess 1000, Sweet Bonanza, Mahjong Ways 3, dan Sugar Rush 1000.</div> 2987 </div> 2988 2989 <div class="faq-KUE68-1-item"> 2990 <button class="faq-KUE68-1-q">Apakah KUE68 menyediakan link alternatif anti blokir?</button> 2991 <div class="faq-KUE68-1-a">Ya, KUE68 menyediakan link alternatif anti blokir yang selalu aktif 24 jam. Hubungi customer service untuk mendapatkan link terbaru.</div> 2992 </div> 2993 2994 <div class="faq-KUE68-1-item"> 2995 <button class="faq-KUE68-1-q">Berapa lama proses withdraw di KUE68?</button> 2996 <div class="faq-KUE68-1-a">Proses withdraw di KUE68 super cepat, rata-rata hanya 2-3 menit langsung cair ke rekening Anda tanpa potongan.</div> 2997 </div> 2998</div> 2999</div> 3000 3001 3002 3003<style> 3004.faq-KUE68-1{ 3005 display:flex; 3006 flex-direction:column; 3007 gap:18px; 3008} 3009 3010.faq-KUE68-1-item{ 3011 position:relative; 3012 overflow:hidden; 3013 3014 border-radius:22px; 3015 3016 background: 3017 linear-gradient( 3018 135deg, 3019 rgba(255,255,255,.28), 3020 rgba(255,255,255,.08) 3021 ); 3022 3023 border:1px solid rgba(255,255,255,.45); 3024 3025 backdrop-filter:blur(10px); 3026 3027 box-shadow: 3028 inset 0 1px 0 rgba(255,255,255,.4), 3029 0 10px 25px rgba(0,0,0,.18); 3030 3031 transition:.3s ease; 3032} 3033 3034.faq-KUE68-1-item:hover{ 3035 transform:translateY(-2px); 3036} 3037 3038/* shiny */ 3039.faq-KUE68-1-item::before{ 3040 content:""; 3041 position:absolute; 3042 3043 top:-120%; 3044 left:-40%; 3045 3046 width:120px; 3047 height:320%; 3048 3049 background:linear-gradient( 3050 120deg, 3051 transparent, 3052 rgba(255,255,255,.15), 3053 rgba(255,255,255,.8), 3054 rgba(255,255,255,.15), 3055 transparent 3056 ); 3057 3058 transform:rotate(25deg); 3059 3060 animation:faqShiny 5s linear infinite; 3061 3062 pointer-events:none; 3063 z-index:1; 3064} 3065 3066@keyframes faqShiny{ 3067 0%{ 3068 left:-45%; 3069 opacity:0; 3070 } 3071 3072 20%{ 3073 opacity:1; 3074 } 3075 3076 60%{ 3077 left:120%; 3078 opacity:1; 3079 } 3080 3081 100%{ 3082 left:140%; 3083 opacity:0; 3084 } 3085} 3086 3087/* tombol pertanyaan */ 3088.faq-KUE68-1-q{ 3089 position:relative; 3090 z-index:2; 3091 3092 width:100%; 3093 3094 display:flex; 3095 align-items:center; 3096 justify-content:space-between; 3097 3098 padding:22px 28px; 3099 3100 background:none; 3101 border:none; 3102 outline:none; 3103 3104 cursor:pointer; 3105 3106 color:#ffd200; 3107 font-size:24px; 3108 font-weight:800; 3109 text-align:left; 3110 3111 text-shadow: 3112 0 2px 6px rgba(0,0,0,.35); 3113} 3114 3115/* icon plus */ 3116.faq-KUE68-1-q::after{ 3117 content:"+"; 3118 3119 min-width:52px; 3120 width:52px; 3121 height:52px; 3122 3123 display:flex; 3124 align-items:center; 3125 justify-content:center; 3126 3127 border-radius:50%; 3128 3129 background: radial-gradient(circle at top, #000000, #ffd200); 3130 3131 color:#ffd200; 3132 3133 font-size:34px; 3134 font-weight:900; 3135 3136 box-shadow: 3137 0 0 18px rgba(255,255,255,.7), 3138 inset 0 2px 6px rgba(255,255,255,.6); 3139 3140 transition:.3s ease; 3141 flex-shrink:0; 3142} 3143 3144/* icon ketika aktif */ 3145.faq-KUE68-1-item.active .faq-KUE68-1-q::after{ 3146 content:"â"; 3147 transform:rotate(180deg); 3148} 3149 3150/* jawaban */ 3151.faq-KUE68-1-a{ 3152 position:relative; 3153 z-index:2; 3154 3155 max-height:0; 3156 overflow:hidden; 3157 3158 padding:0 28px; 3159 3160 color:#ffffff; 3161 font-size:18px; 3162 line-height:1.8; 3163 3164 opacity:0; 3165 3166 transition: 3167 max-height .45s ease, 3168 opacity .35s ease, 3169 padding .35s ease; 3170} 3171 3172/* ketika aktif tampil */ 3173.faq-KUE68-1-item.active .faq-KUE68-1-a{ 3174 max-height:500px; 3175 opacity:1; 3176 3177 padding: 3178 0 28px 24px; 3179} 3180 3181/* responsive */ 3182@media(max-width:768px){ 3183 3184 .faq-KUE68-1-q{ 3185 font-size:18px; 3186 padding:18px 20px; 3187 } 3188 3189 .faq-KUE68-1-q::after{ 3190 width:42px; 3191 min-width:42px; 3192 height:42px; 3193 font-size:28px; 3194 } 3195 3196 .faq-KUE68-1-a{ 3197 font-size:15px; 3198 padding:0 20px; 3199 } 3200 3201 .faq-KUE68-1-item.active .faq-KUE68-1-a{ 3202 padding:0 20px 20px; 3203 } 3204 3205} 3206 3207.olx-faq-top{ 3208 width:100%; 3209 display:flex; 3210 justify-content:center; 3211 align-items:center; 3212 text-align:center; 3213} 3214 3215.olx-faq-top span{ 3216 display:inline-flex; 3217 align-items:center; 3218 justify-content:center; 3219 3220 position:relative; 3221 3222 padding:12px 32px; 3223 3224 border-radius:999px; 3225 3226 background:rgb(255, 210, 0); 3227 3228 color:#000000; 3229 3230 font-size:30px; 3231 font-weight:900; 3232 3233 letter-spacing:2px; 3234 text-align:center; 3235 3236 border:1px solid rgbargb(255, 210, 0); 3237 3238 box-shadow: 3239 inset 0 0 14px rgba(255,255,255,.25), 3240 0 6px 18px rgba(0, 0, 0, 0.15); 3241} 3242 3243.artikel-glow-KUE68{ 3244 max-width:1300px; 3245 margin:40px auto; 3246 padding:36px; 3247 box-sizing:border-box; 3248 position:relative; 3249 overflow:hidden; 3250 border-radius:30px; 3251 font-family:Arial,sans-serif; 3252 color:#ffffff; 3253 background: 3254radial-gradient(circle at top left, 3255rgba(0, 0, 0, 0.28), 3256transparent 18%), 3257 3258radial-gradient(circle at bottom right, 3259rgba(0,255,200,.14), 3260transparent 28%), 3261 3262linear-gradient( 3263135deg, 3264#000000, 3265#000000, 3266#000000 3267); 3268 border:2px solid rgb(255, 210, 0); 3269 box-shadow: 3270 0 0 25px rgb(255, 210, 0), 3271 0 0 55px rgb(255, 210, 0), 3272 0 20px 45px rgba(0, 0, 0, 0.25), 3273 inset 0 0 35px rgb(255, 210, 0); 3274} 3275 3276.artikel-glow-KUE68:before{ 3277 content:""; 3278 position:absolute; 3279 inset:10px; 3280 border-radius:24px; 3281 border:1px solid rgb(255, 210, 0); 3282 pointer-events:none; 3283} 3284 3285.artikel-shine{ 3286 position:absolute; 3287 top:-120px; 3288 left:-180px; 3289 width:280px; 3290 height:650px; 3291 background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent); 3292 transform:rotate(25deg); 3293 animation:artikelShine 4.5s infinite; 3294 pointer-events:none; 3295} 3296 3297@keyframes artikelShine{ 3298 0%{left:-220px;} 3299 55%{left:110%;} 3300 100%{left:110%;} 3301} 3302 3303.artikel-glow-KUE68 h1, 3304.artikel-glow-KUE68 h2{ 3305 position:relative; 3306 color:#ffffff; 3307 text-align:center; 3308 line-height:1.35; 3309 text-shadow: 3310 0 0 8px rgba(255,255,255,.95), 3311 0 0 18px rgba(0,255,220,.8), 3312 0 2px 8px rgba(0,0,0,.35); 3313} 3314 3315.artikel-glow-KUE68 h1{ 3316 font-size:31px; 3317 margin:0 0 20px; 3318} 3319 3320.artikel-glow-KUE68 h2{ 3321 font-size:24px; 3322 margin:28px 0 14px; 3323} 3324 3325.artikel-glow-KUE68 p{ 3326 position:relative; 3327 margin:0 0 16px; 3328 color:#f8ffff; 3329 font-size:15px; 3330 line-height:1.85; 3331 text-align:justify;
3332 text-shadow:0 1px 4px rgba(0,0,0,.28); 3333} 3334 3335.artikel-glow-KUE68 a{ 3336 color:#fff700; 3337 font-weight:800; 3338 text-shadow:0 0 8px rgba(255,247,0,.8); 3339} 3340 3341.artikel-glow-KUE68 img{ 3342 position:relative; 3343 display:block; 3344 max-width:100%; 3345 margin:16px auto 24px; 3346 border-radius:16px; 3347 border:1px solid rgba(255,255,255,.55); 3348 box-shadow: 3349 0 0 18px rgba(255,255,255,.55), 3350 0 12px 28px rgba(0,0,0,.28); 3351} 3352 3353.artikel-highlight{ 3354 position:relative; 3355 margin:24px 0; 3356 padding:22px; 3357 border-radius:22px; 3358 background:rgba(255,255,255,.20); 3359 border:1px solid rgba(255,255,255,.45); 3360 box-shadow: 3361 inset 0 1px 0 rgba(255,255,255,.65), 3362 inset 0 0 22px rgba(255,255,255,.14), 3363 0 10px 25px rgba(0,0,0,.18); 3364 backdrop-filter:blur(8px); 3365} 3366 3367.artikel-highlight:before{ 3368 content:""; 3369 position:absolute; 3370 left:0; 3371 right:0; 3372 top:0; 3373 height:45%; 3374 border-radius:22px 22px 0 0; 3375 background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.04)); 3376 pointer-events:none; 3377} 3378 3379.artikel-glow-KUE68 ul{ 3380 position:relative; 3381 margin:15px 0 0 20px; 3382 padding:0; 3383} 3384 3385.artikel-glow-KUE68 li{ 3386 margin-bottom:11px; 3387 padding:10px 12px; 3388 border-radius:12px; 3389 background:rgba(255,255,255,.16); 3390 color:#ffffff; 3391 line-height:1.6; 3392 box-shadow:inset 0 0 10px rgba(255,255,255,.08); 3393} 3394 3395@media(max-width:600px){ 3396 .artikel-glow-KUE68{ 3397 margin:25px 12px; 3398 padding:25px; 3399 border-radius:24px; 3400 } 3401 3402 .artikel-glow-KUE68 h1{ 3403 font-size:24px; 3404 } 3405 3406 .artikel-glow-KUE68 h2{ 3407 font-size:21px; 3408 } 3409} 3410/* efek shiny berjalan */ 3411.faq-KUE68-1-item::before{ 3412 content:""; 3413 position:absolute; 3414 3415 top:-120%; 3416 left:-40%; 3417 3418 width:120px; 3419 height:320%; 3420 3421 background:linear-gradient( 3422 120deg, 3423 transparent, 3424 rgba(255,255,255,.15), 3425 rgba(255,255,255,.75), 3426 rgba(255,255,255,.15), 3427 transparent 3428 ); 3429 3430 transform:rotate(25deg); 3431 3432 animation:faqShiny 4s linear infinite; 3433 3434 pointer-events:none; 3435 z-index:1; 3436} 3437 3438/* biar isi di atas shiny */ 3439.faq-KUE68-1-q, 3440.faq-KUE68-1-a{ 3441 position:relative; 3442 z-index:2; 3443} 3444 3445/* animasi jalan */ 3446@keyframes faqShiny{ 3447 3448 0%{ 3449 left:-45%; 3450 opacity:0; 3451 } 3452 3453 15%{ 3454 opacity:1; 3455 } 3456 3457 55%{ 3458 left:120%; 3459 opacity:1; 3460 } 3461 3462 100%{ 3463 left:140%; 3464 opacity:0; 3465 } 3466 3467} 3468</style> 3469
3470<script> 3471document.querySelectorAll('.faq-KUE68-1-q').forEach((btn)=>{ 3472 3473 btn.addEventListener('click',function(){ 3474 3475 const item = this.parentElement; 3476 3477 // tutup faq lain 3478 document.querySelectorAll('.faq-KUE68-1-item').forEach((faq)=>{ 3479 3480 if(faq !== item){ 3481 faq.classList.remove('active'); 3482 } 3483 3484 }); 3485 3486 // buka faq yang diklik 3487 item.classList.toggle('active'); 3488 3489 }); 3490 3491}); 3492</script>
3492 3493 3494 3495 3496 <section class="pd-related-full"> 3497 <h2 class="pd-related-title">Produk Terkait</h2> 3498 <div class="pd-related-grid pd-related-grid--full"> 3499 <a class="pd-related-card" href="https://sprunksters.org/"> 3500 <div class="thumb"> 3501 <img src="https://sprunksters.org/img/kue68.jpg" alt="Judi Bola"> 3502 <span class="mini-disc">-10%</span> </div> 3503 <div class="info"> 3504 <h3>KUE68</h3> 3505 <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"> 3506 <span class="final">Rp 18.5510.000</span> 3507 <span class="ori">Rp 28.888.000</span> 3508 </span> 3509 <span class="sold">Terjual 200+</span> <span class="stock-dot low" title="Stok Terbatas"></span> 3510 </div> 3511 </a> 3512 <a class="pd-related-card" href="https://sprunksters.org/"> 3513 <div class="thumb"> 3514 <img src="https://sprunksters.org/img/kue68.jpg" alt="AGEN BOLA"> 3515 <span class="mini-disc">-18%</span> </div> 3516 <div class="info"> 3517 <h3>JUDI BOLA</h3> 3518 <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"> 3519 <span class="final">Rp 8.887.000</span> 3520 <span class="ori">Rp 36.887.000</span> 3521 </span> 3522 <span class="sold">Terjual 20+</span> <span class="stock-dot out" title="Habis"></span> 3523 </div> 3524 </a> 3525 <a class="pd-related-card" href="https://sprunksters.org/"> 3526 <div class="thumb"> 3527 <img src="https://sprunksters.org/img/kue68.jpg" alt="AGEN BOLA"> 3528 <span class="mini-disc">-1%</span> </div> 3529 <div class="info"> 3530 <h3>AGEN BOLA</h3> 3531 <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"> 3532 <span class="final">Rp 5.600.000</span> 3533 <span class="ori">Rp 6.600.000</span> 3534 </span> 3535 <span class="sold">Terjual 6</span> <span class="stock-dot ready" title="Ready"></span> 3536 </div> 3537 </a> 3538 <a class="pd-related-card" href="https://sprunksters.org/"> 3539 <div class="thumb"> 3540 <img src="https://sprunksters.org/img/kue68.jpg" alt="Bandar BOLA"> 3541 <span class="mini-disc">-3%</span> </div> 3542 <div class="info"> 3543 <h3>MIX PARLAY</h3> 3544 <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"> 3545 <span class="final">Rp 3.800.000</span> 3546 <span class="ori">Rp 6.799.000</span> 3547 </span> 3548 <span class="sold">Terjual 5</span> <span class="stock-dot ready" title="Ready"></span> 3549 </div> 3550 </a> 3551 <a class="pd-related-card" href="https://sprunksters.org/"> 3552 <div class="thumb"> 3553 <img src="https://sprunksters.org/img/kue68.jpg" alt="Judi Bola">
3554 <span class="mini-disc">-25%</span> </div> 3555 <div class="info"> 3556 <h3>1X2</h3> 3557 <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"> 3558 <span class="final">Rp 14.600.080</span> 3559 <span class="ori">Rp 44.999.000</span> 3560 </span> 3561 <span class="sold">Terjual 6</span> <span class="stock-dot low" title="Stok Terbatas"></span> 3562 </div> 3563 </a> 3564 <a class="pd-related-card" href="https://sprunksters.org/"> 3565 <div class="thumb"> 3566 <img src="https://sprunksters.org/img/kue68.jpg" alt="AGEN BOLA"> 3567 <span class="mini-disc">-5%</span> </div> 3568 <div class="info"> 3569 <h3>LINK JUDI BOLA</h3> 3570 <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"> 3571 <span class="final">Rp 13.258.000</span> 3572 <span class="ori">Rp 18.258.000</span> 3573 </span> 3574 <span class="stock-dot low" title="Stok Terbatas"></span> 3575 </div> 3576 </a> 3577 3578 </div> 3579 </section> 3580 3581 <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> 3582 3583 <button type="button" 3584 class="pd-scroll-top" 3585 id="pd-scroll-top" 3586 aria-label="Kembali ke atas" 3587 title="Kembali ke atas"> 3588 <svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
3589 <path fill="currentColor" d="M7.41 14.59 12 10l4.59 4.59L18 13.17l-6-6-6 6z"/> 3590 </svg> 3591 </button> 3592</main> 3593 3594<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://sprunksters.org/img/kue68.jpg" alt="KUE68" class="pd-share-preview-img"><div class="pd-share-preview-info"><h3 class="pd-share-preview-name">KUE68</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">
3594<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://sprunksters.org/" 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> 3595 3596<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:#0ea5e9;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 #22c55e}.toast.info{border-left:4px solid #0ea5e9}.toast.warn{border-left:4px solid #f59e0b}.toast .progress{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#60a5fa,#22c55e);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> 3597<style> 3598.toast .msg { word-break: break-word; overflow-wrap: anywhere; } 3599 3600.toast-root { bottom: max(12px, env(safe-area-inset-bottom, 12px)); } 3601 3602@media (max-width: 540px) { 3603 .toast-root { 3604 left: 0; right: 0; transform: none; 3605 padding: 0 12px; 3606 bottom: calc(max(12px, env(safe-area-inset-bottom, 12px)) + var(--fab-offset, 72px)); 3607 max-width: none; 3608 } 3609 .toast { 3610 grid-template-columns: 1fr; /* 1 kolom */ 3611 position: relative; 3612 padding: 14px 14px 12px 14px; 3613 border-radius: 16px; 3614 } 3615 .toast .ico { 3616 position: absolute; left: 14px; top: 14px; 3617 margin: 0; transform: translateY(1px); 3618 } 3619 .toast .cnt { padding-left: 34px; } 3620 .toast .ttl { font-size: 15px; margin-bottom: 6px; } 3621 .toast .msg { font-size: 13px; opacity: .96; } 3622 .toast .actions { 3623 margin-top: 12px; gap: 10px; width: 100%; 3624 display: grid; grid-template-columns: 1fr 1fr; 3625 } 3626 .toast .btn { width: 100%; min-width: 0; padding: 10px 0; } 3627 .toast .close { position: absolute; right: 6px; top: 6px; } 3628} 3629</style> 3630
3631<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 3632(function adjustToastFabOffset(){ 3633 const root = document.getElementById('toastRoot'); 3634 if (!root) return; 3635 3636 function isVisible(el){ 3637 if (!el) return false; 3638 const cs = getComputedStyle(el); 3639 if (cs.display === 'none' || cs.visibility === 'hidden' || cs.opacity === '0') return false; 3640 const r = el.getBoundingClientRect(); 3641 return r.width > 0 && r.height > 0; 3642 } 3643 3644 function update(){ 3645 const fab = document.getElementById('pd-mobile-fab'); 3646 let extra = 16; 3647 if (isVisible(fab)) { 3648 const h = Math.round(fab.getBoundingClientRect().height) || 56; 3649 extra = h + 16; // FAB height + margin 3650 } 3651 root.style.setProperty('--fab-offset', extra + 'px'); 3652 } 3653 3654 window.addEventListener('resize', update, { passive: true }); 3655 const fab = document.getElementById('pd-mobile-fab'); 3656 if (window.ResizeObserver && fab) { 3657 const ro = new ResizeObserver(update); 3658 ro.observe(fab); 3659 } 3660 3661 update(); 3662})(); 3663</script>
3663 3664<div class="toast-root" id="toastRoot" aria-live="polite" aria-atomic="true"></div> 3665
3666<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="#22c55e"><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="#0ea5e9"><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="#0ea5e9"/></svg>'} 3667window.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.variant==='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>`; 3668 3669 const close = ()=> { 3670 if (!el.parentNode) return; 3671 el.style.transition = 'transform .2s ease, opacity .2s ease'; 3672 el.style.opacity = '0'; el.style.transform = 'translateY(10px)'; 3673 setTimeout(()=>{ if (el.parentNode) el.parentNode.removeChild(el); }, 220); 3674 }; 3675 3676 el.querySelector('.close').addEventListener('click', close); 3677 el.querySelectorAll('.actions .btn').forEach(btn=>{ 3678 btn.addEventListener('click', ()=>{ 3679 const lab = btn.getAttribute('data-act'); 3680 try { 3681 (o.actions||[]).forEach(a=>{ if (a.label===lab && typeof a.onClick==='function') a.onClick(); }); 3682 } catch(_){} 3683 close(); 3684 }); 3685 }); 3686 3687 root.appendChild(el); 3688 setTimeout(close, o.duration); 3689 return el; 3690 }; 3691})(); 3692 3693const _0x1a2b=[{"url":"https://sprunksters.org/img/kue68.jpg","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://sprunksters.org/img/kue68.jpg","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://sprunksters.org/img/kue68.jpg"},{"url":"https://sprunksters.org/img/kue68.jpg","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://sprunksters.org/img/kue68.jpg","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://sprunksters.org/img/kue68.jpg","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://sprunksters.org/img/kue68.jpg","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="SB0B3T";function getVariantSummaryText(){const a=document.getElementById('pd-variant-summary');if(!a)return '';const b=Array.from(a.querySelectorAll('.vs-item strong')).map(c=>
3693c.textContent.trim()).filter(Boolean);return b.length?b.join(' / '):''} 3694function encodeVariantHash(id){if(!id||id<=0)return '';const xor=id^0x4A5D;return xor.toString(36)} 3695function decodeVariantHash(hash){if(!hash)return 0;const xor=parseInt(hash,36);return isNaN(xor)?0:xor^0x4A5D} 3696 3697function showSuccessToast(productId,qty,variantId){const variantText=getVariantSummaryText();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>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: ${qty}`,duration:5000,actions:[{label:'Lihat Keranjang',onClick:()=>{}},{label:'Lanjut Belanja',variant:'alt',onClick:()=>{}}]});try{if(window.ga4Ecomm){const qtySend=qty||1;window.ga4Ecomm.addToCart({currency:'IDR',price:20789000,quantity:qtySend,item_id:"SB0B3T",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})} 3698 3699function executeBuyNowLegacy(id,variantId){const a=getVariantSummaryText(),b=(function(){const c=document.getElementById('pd-sku');return c?c.textContent.trim():_0x5e6f})(); 3700 3701 let willRedirect = false; 3702 try { 3703 if (window.addToCart) { 3704 window.addToCart(id, 1, variantId); 3705 willRedirect = false; 3706 } 3707 } catch(_){} 3708 3709 if (willRedirect) { 3710 showToast({ 3711 type: 'info', 3712 title: 'Menuju Keranjang', 3713 message: `<strong>${escapeHtml(PD_NAME)}</strong>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: 1`, 3714 duration: 1800 3715 }); 3716 setTimeout(()=>{ window.location.href='/keranjang'; }, 1200); 3717 } else { 3718 showToast({ 3719 type: 'warn', 3720 title: 'Fitur Beli Langsung Segera Hadir', 3721 message: `Sementara ini Anda bisa menambahkan produk ke keranjang terlebih dahulu.<br><strong>${escapeHtml(PD_NAME)}</strong>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}`, 3722 duration: 6000, 3723 actions: [ 3724 { label: '+ Keranjang', onClick: ()=> { try{ if (window.addToCart) window.addToCart(id,1,variantId); }catch(_){} } }, 3725 { label: 'Hubungi CS', variant: 'alt', onClick: ()=> { window.open('https://wa.me/6281380009898','_blank'); } } 3726 ] 3727 }); 3728 } 3729} 3730 3731document.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)})}}); 3732 3733function _0x2m3n(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]))} 3734 3735(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')}})})(); 3736 3737(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;
3737slides.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})})(); 3738 3739/* ================= Simulasi Cicilan ================= */ 3740(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'} 3741 3742function _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'} 3743 3744card.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)}); 3745 3746window.instSetBasePrice=function(newPrice){setBasePrice(newPrice);_0x4o5p(activeBank())};_0x4o5p(activeBank()); 3747})(); 3748 3749/* ====== Fokus gambar varian ====== */ 3750function _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 ''}}} 3751function _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}} 3752 if (c){ 3753 const targetName = _0x8s9t(url); 3754 const slideImg = Array.from(c.querySelectorAll('img')).find(im => _0x8s9t(im.src) === targetName); 3755 if (slideImg){ 3756 3757 try { 3758 const container = c; 3759 const imgRect = slideImg.getBoundingClientRect(); 3760 const contRect = container.getBoundingClientRect(); 3761 const offsetLeft = slideImg.offsetLeft - container.offsetLeft; 3762 const center = offsetLeft - (container.clientWidth - slideImg.clientWidth) / 2; 3763 container.scrollTo({ left: Math.max(0, center), behavior: 'smooth' }); 3764 } catch(_){ 3765 3766 slideImg.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' }); 3767 } 3768 } 3769 } 3770} 3771function findImageForVariant(variant){ 3772 if (!variant || !variant.attrs) return null; 3773 const tokens = []; 3774 try{ 3775 Object.values(variant.attrs).forEach(v=>{ 3776 if (!v) return; 3777 const raw = String(v); 3778 tokens.push(raw); 3779 tokens.push(normalize(raw)); 3780 }); 3781 }catch(_){} 3782 if (variant.sku){ 3783 tokens.push(String(variant.sku)); 3784 tokens.push(normalize(String(variant.sku))); 3785 } 3786 if (variant.image_url) { 3787 tokens.push(String(variant.image_url)); 3788 } 3789 let best = null; 3790 let bestScore = -1; 3791 3792 for (const g of (galleryData||[])){ 3793 const slugN = normalize(g.slug||''); 3794 const altN = normalize(g.alt||''); 3795 const file = _0x8s9t(g.url||''); 3796 const fileN = normalize(file); 3797 const imgU = g.url; 3798 3799 for (const t of tokens){ 3800 const tN = normalize(t); 3801 if (!tN) continue; 3802 3803 let score = -1; 3804 if (imgU === tN) score = 300; 3805 if (slugN && slugN === tN) score = 300; 3806 else if (fileN && fileN.includes(tN)) score = 200; 3807 else if (altN && altN.includes(tN)) score = 120; 3808 3809 if (score > bestScore){ 3810 bestScore = score; 3811 best = g; 3812 } 3813 if (bestScore >= 300) break; 3814 } 3815 if (bestScore >= 300) break; 3816 } 3817 return bestScore >= 120 ? best : null; 3818} 3819function _0xey3z(variant){const a=_0xcw2x(variant);if(a&&a.url){_0xau1v(a.url,a.alt||'')}} 3820 3821/* ====== Layout mobile ====== */ 3822(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-variant-combined'),g=document.getElementById('pd-variants'),h=document.getElementById('pd-variants-anchor'),i=document.getElementById('pd-variant-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; 3823 3824 let pricePlaced = false;
3825 let varPlaced = false; 3826 let titlePlaced = false; 3827 let promoPlaced = false; 3828 const mq = window.matchMedia('(max-width: 640px)'); 3829 3830 function apply(){ 3831 if (mq.matches) { 3832 if (!titlePlaced && a && titleRow && d.contains(titleRow)) { try{a.appendChild(titleRow);titlePlaced=true;}catch(_){} } 3833 if (!pricePlaced && a && b) { try{a.appendChild(b);pricePlaced=true;}catch(_){} } 3834 if (!varPlaced && f && d && e) { 3835 try{ 3836 f.hidden = false; 3837 if (i && !f.contains(i)) f.appendChild(i); 3838 if (g && !f.contains(g)) f.appendChild(g); 3839 if(d.contains(e))d.insertBefore(f, e); 3840 varPlaced = true; 3841 }catch(_){} 3842 } 3843 if (!promoPlaced && promoBanner && compareSection && compareSection.parentNode) { 3844 try{ 3845 compareSection.parentNode.insertBefore(promoBanner, compareSection); 3846 promoPlaced = true; 3847 }catch(_){} 3848 } 3849 } else { 3850 if (titlePlaced && titleRow && d) { 3851 try{ 3852 const vcombined = document.getElementById('pd-variant-combined'); 3853 if (vcombined && d.contains(vcombined)) { 3854 d.insertBefore(titleRow, vcombined); 3855 } else { 3856 d.insertBefore(titleRow, d.firstChild); 3857 } 3858 titlePlaced=false; 3859 }catch(_){} 3860 } 3861 if (pricePlaced && b && c && c.parentNode) { 3862 try{c.parentNode.insertBefore(b, c.nextSibling);pricePlaced=false;}catch(_){} 3863 } 3864 if (varPlaced) { 3865 try{ 3866 if (i && j && j.parentNode && !j.parentNode.contains(i)) j.parentNode.insertBefore(i, j.nextSibling); 3867 if (g && h && h.parentNode && !h.parentNode.contains(g)) h.parentNode.insertBefore(g, h.nextSibling); 3868 if (f) { f.hidden = true; f.innerHTML = ''; } 3869 varPlaced = false; 3870 }catch(_){} 3871 } 3872 if (promoPlaced && promoBanner && b) { 3873 try{ 3874 b.appendChild(promoBanner); 3875 promoPlaced = false; 3876 }catch(_){} 3877 } 3878 } 3879 } 3880 3881 mq.addEventListener ? mq.addEventListener('change', apply) : mq.addListener(apply); 3882 apply(); 3883 3884 const fab = document.getElementById('pd-mobile-fab'); 3885 if (fab) { 3886 const pid = parseInt(fab.getAttribute('data-pid')||'0',10) || 325; 3887 const btnCart = document.getElementById('mf-cart'); 3888 3889 if (btnCart) btnCart.addEventListener('click', function(){ 3890 const varInput = document.getElementById('pd-variant-id'); 3891 const variantId = varInput ? parseInt(varInput.value||'0',10) : 0; 3892 try { if (window.addToCart) addToCart(pid, 1, variantId); } catch(_){} 3893 const variantText = getVariantSummaryText(); 3894 const skuText = (function(){ const el=document.getElementById('pd-sku'); return el?el.textContent.trim():PD_SKU; })(); 3895 showToast({ 3896 type: 'success', 3897 title: 'Berhasil ditambahkan ke Keranjang', 3898 message: `<strong>${escapeHtml(PD_NAME)}</strong>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: 1`, 3899 duration: 5000, 3900 actions: [ 3901 { label: 'Lihat Keranjang', onClick: ()=> { window.location.href = '/keranjang'; } }, 3902 { label: 'Lanjut Belanja', variant: 'alt', onClick: ()=>{} } 3903 ] 3904 }); 3905 }); 3906 } 3907})(); 3908 3909/* ====== Auto-hide installment banner if sidebar too tall (Desktop only) ====== */ 3910(function(){ 3911 function adjustSidebarBanner() { 3912 if (window.innerWidth <= 768) return; 3913 const sidebar = document.querySelector('.pd-sidebar'); 3914 const infoCard = document.querySelector('.pd-info-card'); 3915 const banner = document.querySelector('.pd-side-card.inst-alt-banner.inst-alt-banner--compact'); 3916 if (!sidebar || !infoCard || !banner) return; 3917 const sidebarHeight = sidebar.offsetHeight; 3918 const infoCardHeight = infoCard.offsetHeight; 3919 if (sidebarHeight > infoCardHeight) { 3920 banner.style.display = 'none'; 3921 } else { 3922 banner.style.display = ''; 3923 } 3924 } 3925 if (document.readyState === 'loading') { 3926 document.addEventListener('DOMContentLoaded', adjustSidebarBanner); 3927 } else { 3928 adjustSidebarBanner(); 3929 } 3930 let resizeTimer; 3931 window.addEventListener('resize', function() { 3932 clearTimeout(resizeTimer); 3933 resizeTimer = setTimeout(adjustSidebarBanner, 250); 3934 });
3935 const pwpSection = document.getElementById('pwp-deals-section'); 3936 if (pwpSection) { 3937 const observer = new MutationObserver(function(mutations) { 3938 let shouldRecheck = false; 3939 mutations.forEach(function(mutation) { 3940 if (mutation.type === 'attributes' && mutation.attributeName === 'hidden') { 3941 shouldRecheck = true; 3942 } else if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { 3943 shouldRecheck = true; 3944 } 3945 }); 3946 if (shouldRecheck) { 3947 setTimeout(adjustSidebarBanner, 100); 3948 } 3949 }); 3950 observer.observe(pwpSection, { 3951 attributes: true, 3952 childList: true, 3953 subtree: true 3954 }); 3955 } 3956 window.adjustSidebarBanner = adjustSidebarBanner; 3957})(); 3958 3959/* ====== Global constants ====== */ 3960const IS_DIGITAL=false; 3961const IS_PREORDER=false; 3962 3963/* ====== Variants state (REVISED) ====== */ 3964(function initVariants(){ 3965const _0x7g8h=[];window.variants=_0x7g8h; 3966window.isPreorderProduct=false; 3967 const attrOrder = []; 3968 3969 if (!variants.length || !attrOrder.length) return; 3970 3971 function comboKey(sel){ 3972 return attrOrder.map(a => a + '=' + (sel[a] ?? '')).join('|'); 3973 } 3974 3975 const variantMap = {};
3976 variants.forEach(v=>{ 3977 const key = comboKey(v.attrs); 3978 variantMap[key] = v; 3979 }); 3980 3981 function readSelection(){ 3982 const sel = {}; 3983 attrOrder.forEach(a=>{ 3984 const r = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio]:checked`); 3985 sel[a] = r ? r.value : ''; 3986 }); 3987 return sel; 3988 } 3989 3990 function findVariant(sel){ 3991 return variantMap[comboKey(sel)] || null; 3992 } 3993 3994 function autoFillMissing(sel){ 3995 let changed = false; 3996 for (const a of attrOrder) { 3997 if (sel[a]) continue; 3998 const possible = []; 3999 const seen = new Set(); 4000 variants.forEach(v=>{ 4001 let ok = true; 4002 for (const a2 of attrOrder) { 4003 if (a2 === a) continue; 4004 if (sel[a2] && v.attrs[a2] !== sel[a2]) { ok = false; break; } 4005 } 4006 if (ok) { 4007 const val = v.attrs[a]; 4008 if (!seen.has(val)) { seen.add(val); possible.push(val); } 4009 } 4010 }); 4011 if (possible.length === 1) { 4012 const val = possible[0]; 4013 const input = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio][value="${CSS.escape(val)}"]`); 4014 if (input && !input.checked) { input.checked = true; sel[a] = val; changed = true; } 4015 } 4016 } 4017 return changed; 4018 } 4019 4020 function rupiah(n){ 4021 n = parseInt(n||0,10)||0; 4022 return 'Rp ' + n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,'.'); 4023 } 4024 4025 function focusGalleryByUrl(imageUrl) { 4026 const isMobile = window.matchMedia && window.matchMedia('(max-width: 640px)').matches; 4027 if (isMobile) { 4028 _0xau1v(imageUrl); 4029 return; 4030 } 4031 4032 const gallery = document.getElementById('pd-thumb-gallery'); 4033 const targetName = _0x8s9t(imageUrl); 4034 4035 if (gallery) { 4036 const btns = Array.from(gallery.querySelectorAll('.pd-thumb-btn')); 4037 const btn = btns.find(b => _0x8s9t(b.getAttribute('data-full') || '') === targetName); 4038 if (btn) { btn.click(); return; } 4039 } 4040 4041 _0xau1v(imageUrl); 4042 } 4043 4044 4045function formatStockLabel(n){n=parseInt(n||0,10)||0;return(n>10)?'10+':String(n)} 4046function 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(_){}} 4047 4048 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)} 4049 4050 function applyVariant(v, focusImage = true){ 4051 const elCur = document.getElementById('pd-price-current'); 4052 const elOri = document.getElementById('pd-price-original'); 4053 const elDisc = document.getElementById('pd-discount-badge'); 4054 const elSku = document.getElementById('pd-sku'); 4055 const elStock= document.getElementById('pd-stock-badge'); 4056 const elQty = document.getElementById('qty'); 4057 const btnAdd = document.getElementById('btn-add-cart'); 4058 const btnBuy = document.getElementById('btn-buy'); 4059 const hidVar = document.getElementById('pd-variant-id'); 4060 4061 const mfCart= document.getElementById('mf-cart'); 4062 const mfBuy = document.getElementById('mf-buy'); 4063 const fab = document.getElementById('pd-mobile-fab'); 4064 4065 if (hidVar) hidVar.value = v ? v.id : 0; 4066 if (elCur) elCur.textContent = rupiah(v ? v.final : 0); 4067 if (elSku && v && v.sku) elSku.textContent = v.sku; 4068 4069 if (v && v.ori > v.final) { 4070 if (elOri) { elOri.style.display='inline'; elOri.textContent = rupiah(v.ori); } 4071 if (elDisc) { elDisc.style.display='inline'; elDisc.textContent = '-' + (v.disc||0) + '%'; } 4072 } else { 4073 if (elOri) elOri.style.display='none'; 4074 if (elDisc) elDisc.style.display='none'; 4075 } 4076 4077 const stock = v ? (parseInt(v.stock||0,10)||0) : 0; 4078 let effectiveStock = stock; 4079 let isActivePreorder = false; 4080 if (window.isPreorderProduct && v && 'preorder_remaining' in v && v.preorder_remaining !== null) { 4081 effectiveStock = parseInt(v.preorder_remaining, 10); 4082 if (isNaN(effectiveStock)) effectiveStock = 0; 4083 isActivePreorder = true; 4084 } 4085 if (elStock){ 4086 elStock.classList.remove('in','out'); 4087 if (effectiveStock>0){ 4088 elStock.classList.add('in'); 4089 elStock.textContent = IS_DIGITAL ? 'Tersedia' : (isActivePreorder ? 'Sisa Slot: ' + effectiveStock : 'Stok: ' + formatStockLabel(effectiveStock)); 4090 } else { 4091 elStock.classList.add('out'); 4092 elStock.textContent = 'Habis'; 4093 } 4094 } 4095 if (elQty){ 4096 elQty.max = String(effectiveStock>0?effectiveStock:0); 4097 if (effectiveStock<=0) { elQty.value = '0'; elQty.disabled = true; } 4098 else { if (parseInt(elQty.value||'1',10) < 1) elQty.value='1'; elQty.disabled=false; } 4099 } 4100 4101 const shouldDisable = !(v && effectiveStock>0); 4102 const updateButtons = () => { 4103 const btnAddCart = document.getElementById('btn-add-cart'); 4104 const btnBuyNow = document.getElementById('btn-buy'); 4105 const mobileCart = document.getElementById('mf-cart'); 4106 const mobileBuy = document.getElementById('mf-buy'); 4107 [btnAddCart, btnBuyNow, mobileCart, mobileBuy].forEac
4107h(btn => { 4108 if (!btn) return; 4109 if (shouldDisable) { 4110 btn.disabled = true; 4111 btn.setAttribute('disabled', 'disabled'); 4112 btn.classList.add('stock-disabled'); 4113 btn.setAttribute('data-stock-blocked', 'true'); 4114 btn.setAttribute('data-stock-reason', window.isPreorderProduct ? 'Pre-order habis' : 'Stok habis'); 4115 } else { 4116 btn.disabled = false; 4117 btn.removeAttribute('disabled'); 4118 btn.classList.remove('stock-disabled'); 4119 btn.removeAttribute('data-stock-blocked'); 4120 btn.removeAttribute('data-stock-reason'); 4121 } 4122 }); 4123 }; 4124 updateButtons(); 4125 setTimeout(updateButtons, 10); 4126 setTimeout(updateButtons, 50); 4127 setTimeout(updateButtons, 100); 4128 if (mfBuy && v) { 4129 const voucherBtn = document.getElementById('btn-buy-voucher'); 4130 const voucherCode = fab ? fab.dataset.voucherCode : ''; 4131 let voucherDiscount = 0; 4132 4133 if (voucherBtn && voucherCode) { 4134 const vType = voucherBtn.dataset.voucherType; 4135 const vValue = parseFloat(voucherBtn.dataset.voucherValue) || 0; 4136 const vMax = parseFloat(voucherBtn.dataset.voucherMax) || 0; 4137 const finalPrice = v.final || 0; 4138 if (vType && vValue > 0) { 4139 voucherDiscount = calcVoucherDisc(vType, vValue, finalPrice, vMax); 4140 if (fab) fab.dataset.voucherValue = voucherDiscount.toString(); 4141 } 4142 } 4143 4144 const finalPrice = v.final || 0; 4145 const textEl = mfBuy.querySelector('.mf-buy-text'); 4146 const priceEl = mfBuy.querySelector('.mf-buy-price'); 4147 4148 if (effectiveStock > 0) { 4149 if (IS_PREORDER) { 4150 if (textEl) textEl.textContent = 'Pre Order Sekarang'; 4151 if (priceEl) priceEl.textContent = rupiah(finalPrice); 4152 } else if (voucherCode && voucherDiscount > 0) { 4153 if (textEl) textEl.textContent = 'Beli dengan Voucher'; 4154 if (priceEl) priceEl.textContent = rupiah(Math.max(0, finalPrice - voucherDiscount)); 4155 } else { 4156 if (textEl) textEl.textContent = 'Beli Sekarang'; 4157 if (priceEl) priceEl.textContent = rupiah(finalPrice); 4158 } 4159 } else { 4160 if (textEl) textEl.textContent = 'Stok Habis'; 4161 if (priceEl) priceEl.textContent = rupiah(finalPrice); 4162 } 4163 } 4164 4165 const isMobile = window.initMobile ?? 0; 4166 if (window.instSetBasePrice) window.instSetBasePrice(v ? (isMobile == '1' ? v.ori : v.final) : 0); 4167 if (window.updateSoldBySku) window.updateSoldBySku(v.sku); 4168 updateBranchPopover(v); 4169 if (v && v.image_url && focusImage) focusGalleryByUrl(v.image_url); 4170 if (v) { 4171 window.dispatchEvent(new CustomEvent('pd-variant-changed', { 4172 detail: { 4173 price: v.final, 4174 originalPrice: v.ori, 4175 discount: v.disc, 4176 stock: effectiveStock, 4177 sku: v.sku, 4178 variant_id: v.id 4179 } 4180 })); 4181 4182 const encodedHash = encodeVariantHash(v.id); 4183 if (encodedHash && window.history && window.history.replaceState) { 4184 const newHash = '#v=' + encodedHash; 4185 const newUrl = window.location.pathname + window.location.search + newHash; 4186 window.history.replaceState(null, '', newUrl); 4187 } 4188 } 4189 } 4190 4191 let sel = readSelection(); 4192 if (autoFillMissing(sel)) sel = readSelection(); 4193 4194 let v = findVariant(sel); 4195 if (!v) { 4196 const candidates = variants.filter(variant=>{ 4197 return attrOrder.every(a=>{ 4198 if (!sel[a]) return true; 4199 return variant.attrs[a] === sel[a]; 4200 }); 4201 }); 4202 if (candidates.length >= 1) { 4203 v = candidates[0]; 4204 attrOrder.forEach(a=> sel[a] = v.attrs[a]); 4205 attrOrder.forEach(a=>{ 4206 const val = sel[a]; 4207 const input = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio][value="${CSS.escape(val)}"]`); 4208 if (input) input.checked = true; 4209 }); 4210 } 4211 } 4212 4213 const initSel = readSelection(); 4214 const initVar = findVariant(initSel) || variants[0] || null; 4215 if (document.readyState === 'loading') { 4216 document.addEventListener('DOMContentLoaded', () => applyVariant(initVar, false)); 4217 } else { 4218 applyVariant(initVar, false); 4219 } 4220 4221function updateSummary(sel){Object.entries(sel).forEach(([a,val])=>{const el=document.getElementById('vs-'+a);if(el)el.textContent=val||'-'})} 4222 function refreshOptions(sel){ 4223 attrOrder.forEach(a=>{ 4224 const group = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"]`); 4225 if (!group) return; 4226 const chips = group.querySelectorAll('.v-chip'); 4227 chips.forEach(ch=>{ 4228 const val = ch.getAttribute('data-value'); 4229 const possible = variants.some(v=>{ 4230 if (v.attrs[a] !== val) return false; 4231 for (const a2 of attrOrder) { 4232 if (a2 === a) continue; 4233 if (sel[a2] && v.attrs[a2] !== sel[a2]) return false; 4234 } 4235 return true; 4236 }); 4237 const input = ch.querySelector('input[type=radio]'); 4238 const disabled = !possible; 4239 if (input) input.disabled = disabled; 4240 ch.classList.toggle('disabled', disabled); 4241 4242 let candidateVariant = null; 4243 if (possible) { 4244 candidateVariant = variants.find(v=>{ 4245 if (v.attrs[a] !== val) return false; 4246 for (const a2 of attrOrder) { 4247 if (a2 === a) continue; 4248 if (sel[a2] && v.attrs[a2] !== sel[a2]) return false; 4249 } 4250 return true; 4251 }); 4252 } 4253 const outOfStock = candidateVariant ? (window.isPreorderProduct && candidateVariant.preorder_remaining !== null ? candidateVariant.preorder_remaining <= 0 : candidateVariant.stock <= 0) : false; 4254 ch.classList.toggle('out', !disabled && outOfStock); 4255 const badge = ch.querySelector('.chip-badge'); 4256 if (badge) badge.hidden = !(candidateVariant && outOfStock); 4257 }); 4258 group.querySelectorAll('.v-chip').forEach(ch=>{ 4259 const input = ch.querySelector('input[type=radio]'); 4260 ch.classList.toggle('selected', input && input.checked); 4261 }); 4262 }); 4263 } 4264 updateSummary(sel); 4265 refreshOptions(sel); 4266 document.querySelectorAll('.v-chip').forEach(chip=>{const input=chip.querySelector('input[type=radio]');if(input&&input.checked){chip.classList.add('selected');}}); 4267 4268 const container = document.getElementById('pd-variants'); 4269 container && container.addEventListener('change', function(ev){ 4270 const radio = ev.target.closest('input[type=radio]'); 4271 if (!radio) return; 4272 sel = readSelection(); 4273 if (autoFillMissing(sel)) sel = readSelection(); 4274 const chosen = findVariant(sel); 4275 applyVariant(chosen || null, true); 4276 4277 updateSummary(sel); 4278 refreshOptions(sel); 4279 });
4280 4281window.applyVariant=applyVariant; 4282})(); 4283 4284(function cleanBrokenDescImages(){ 4285 const containers = [ 4286 document.querySelector('.pd-full-desc-body'), 4287 document.querySelector('.pd-short-desc') 4288 ].filter(Boolean); 4289 4290 containers.forEach(root => { 4291 const imgs = root.querySelectorAll('img'); 4292 imgs.forEach(img => { 4293 if (img.complete && img.naturalWidth === 0) { 4294 img.remove(); 4295 return; 4296 } 4297 img.addEventListener('error', () => { 4298 img.remove(); 4299 }, { once:true }); 4300 }); 4301 }); 4302})(); 4303 4304/* ====== Scroll To Top ====== */ 4305(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'})})})(); 4306 4307/* Format stok 10+ */ 4308function _0xk67l(n){n=parseInt(n||0,10)||0;return n>10?'10+':String(n)} 4309 4310/* Toggle popover stok per cabang */ 4311(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=''}} 4312function 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()} 4313a.addEventListener('click',function(h){h.preventDefault();b.classList.contains('show')?f():e()});if(c)c.addEventListener('click',f)})(); 4314 4315/* ===== Share Product Modal ===== */ 4316(function(){const a=document.getElementById('pd-share-btn'),z=document.getElementById('mf-share'),b=document.getElementById('pd-share-modal-overlay'),c=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://sprunksters.org/",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=e
4316ncodeURIComponent(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:"SB0B3T"})}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:"SB0B3T"})}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)}})(); 4317 4318/* ===== Embedding variants (server â client) ===== */ 4319(function(){ 4320 window.__PD_VARIANTS_WITH_BRANCH__ = []; 4321})(); 4322 4323/* ===== Helper: update angka popover ===== */ 4324function updateStockPopoverForVariant(v){ 4325 try{ 4326 const elMeg = document.getElementById('sp-qty-meg'); 4327 const elMdf = document.getElementById('sp-qty-mdf'); 4328 const elBda = document.getElementById('sp-qty-bda'); 4329 4330 if (typeof v?.smm === 'number' && elMeg) elMeg.textContent = formatStockLabel(Math.max(0, v.smm|0)); 4331 if (typeof v?.smf === 'number' && elMdf) elMdf.textContent = formatStockLabel(Math.max(0, v.smf|0)); 4332 if (typeof v?.sba === 'number' && elBda) elBda.textContent = formatStockLabel(Math.max(0, v.sba|0)); 4333 }catch(_){} 4334} 4335 4336/* ===== applyVariant: 10+ dan update popover ===== */ 4337(function patchApplyVariant(){ 4338 if (typeof applyVariant !== 'function') return; 4339 const original = applyVariant; 4340 window.applyVariant = function(v){ 4341 original(v); 4342 4343 try { 4344 const elStock = document.getElementById('pd-stock-badge'); 4345 if (elStock){ 4346 let txt = elStock.textContent || ''; 4347 let m = txt.match(/\d+/); 4348 if (m) { 4349 const n = parseInt(m[0]||'0',10)||0; 4350 elStock.textContent = (n>0) ? ('Stok: ' + formatStockLabel(n)) : 'Habis'; 4351 } 4352 } 4353 } catch(_){} 4354if(window.__PD_VARIANTS_WITH_BRANCH__&&v){const vv=window.__PD_VARIANTS_WITH_BRANCH__.find(x=>x.id===v.id)||v;updateStockPopoverForVariant(vv)} 4355 }; 4356})(); 4357 4358(function initCurrentVariantBranch(){ 4359 const list = window.__PD_VARIANTS_WITH_BRANCH__ || []; 4360 if (!list.length) return; 4361 const hid = document.getElementById('pd-variant-id'); 4362 const vid = hid ? parseInt(hid.value||'0',10) : 0; 4363 const current = list.find(x => x.id === vid) || list[0] || null; 4364 if (current) updateStockPopoverForVariant(current); 4365})(); 4366 4367(function(){ 4368 if (!window.ga4Ecomm) return; 4369 const catSegs = ["Komputer & Laptop","Laptop","Gaming"]; 4370 window.ga4Ecomm.viewItem({ 4371 currency: 'IDR', 4372 value: 20789000, 4373 item_id: "SB0B3T", 4374 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", 4375 item_brand: "Lenovo ",
4376 item_category: catSegs && catSegs.length ? catSegs.join(' / ') : '' 4377 }); 4378 })(); 4379 4380(function patchApplyVariantFocus(){ 4381 if (typeof applyVariant !== 'function') return; 4382 const original = applyVariant; 4383 window.applyVariant = function(v, focusImage = true){ 4384 4385 original(v, focusImage); 4386 4387 if (focusImage && v && v.image_url) { 4388 _0xau1v(v.image_url); 4389 } 4390 }; 4391})(); 4392 4393(function() { 4394 var soldMap = []; 4395 var soldTotalLabel = "Terjual 2"; 4396 4397 function formatSoldLabel(qty) { 4398 if (qty >= 1000000) { 4399 var v = Math.floor((qty / 100000) ) / 10; 4400 return 'Terjual ' + (String(v).replace('.', ',')) + 'jt+'; 4401 } 4402 if (qty >= 1000) { 4403 var v2 = Math.floor((qty / 100) ) / 10; 4404 return 'Terjual ' + (String(v2).replace('.', ',')) + 'rb+'; 4405 } 4406 if (qty >= 100) { 4407 var v2 = Math.floor((qty / 100) ) * 100; 4408 return 'Terjual ' + (String(v2).replace('.', ',')) + '+'; 4409 } 4410 if (qty >= 10) { 4411 var v2 = Math.floor((qty / 10) ) * 10; 4412 return 'Terjual ' + (String(v2).replace('.', ',')) + '+'; 4413 } 4414 return 'Terjual ' + (qty.toLocaleString('id-ID')); 4415 } 4416 4417 function updateSoldLabel(labelText) { 4418 var el = document.querySelector('#pd-sold-inline, [data-role="sold-chip"]'); 4419 if (el) el.textContent = labelText; 4420 } 4421 4422 window.updateSoldBySku = function(sku) { 4423 if (!sku || typeof sku !== 'string') { 4424 updateSoldLabel(soldTotalLabel); 4425 return; 4426 } 4427 var qty = soldMap[sku] || 0; 4428 updateSoldLabel(formatSoldLabel(qty)); 4429 }; 4430 4431 updateSoldLabel(soldTotalLabel); 4432 })(); 4433 4434(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;const 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)}})} 4435function getChatProductData(){const varInput=document.getElementById('pd-variant-id');const variantId=varInput?parseInt(varInput.value||'0',10):0;const variantSummary=getVariantSummaryText();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(variantId>0){pd.variant_id=variantId}if(variantSummary){pd.variant_summary=variantSummary}return pd} 4436const 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-variant-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}});
4436function formatRupiah(n){return'Rp'+Math.floor(n).toLocaleString('id-ID')}})(); 4437 4438(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})}const 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='#22c55e';setTimeout(function(){mcp.textContent=o;mcp.style.background=''},2000)}function fr(a){return'Rp'+Math.floor(a).toLocaleString('id-ID')}})(); 4439</script>
vendor: 2 bytes, line 4439
4439
4440<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 4441window.PD_ID=325;window.PD_NAME=_0x3c4d;window.PD_SKU=_0x5e6f;window.PD_CATEGORY_PATH="Komputer & Laptop/Laptop/Gaming";window.PD_BEST_VOUCHER=null; 4442window.IS_DIGITAL=IS_DIGITAL; 4443window.isPreorderProduct=false; 4444window.PD_PREORDER_DATA=null; 4445</script>
4445 4446
4447<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>
4447 4448
4449<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 4450(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'}})}} 4451 4452function _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()}})(); 4453 4454(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 variantId=parseInt(pwpSection.getAttribute('data-variant-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}${variantId?`&variant_id=${variantId}`:''}${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-variant-changed',function(e){const detail=e.detail||{};const newVid=detail.variant_id||0;const currentVid=parseInt(pwpSection.getAttribute('data-variant-id'))||0;if(newVid!==currentVid){pwpSection.setAttribute('data-variant-id',newVid);loadPWPDeals()}})})(); 4455</script>
4455<footer class="site-footer footer-compact variant-stripes" role="contentinfo"> 4456 <div class="ft-top ft-collapsible" id="ftTop"> 4457 <div class="container ft-grid"> 4458 4459 <div class="ft-col ft-help"> 4460 <h4 class="ft-title">Butuh Bantuan?</h4> 4461 <p class="ft-desc">Hubungi kami melalui Official WhatsApp interaktif sekarang.</p> 4462 <a class="ft-wa-btn" href="#" target="_blank" rel="nofollow noopener"> 4463 <span class="ico" aria-hidden="true"> 4464 <svg viewBox="0 0 24 24" width="18" height="18"><path fill="#25D366" 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> 4465 </span> 4466 Kirim Pesan 4467 </a> 4468 4469 <p class="ft-desc sm-gap">Ikuti kami:</p> 4470 <div class="ft-social"> 4471 <a aria-label="Facebook" href="https://facebook.com/PlazaIt/"><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> 4472 <a aria-label="Instagram" href="https://www.instagram.com/plazait"><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
4472V7.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> 4473 <a aria-label="TikTok" href="https://www.tiktok.com/@plazait"><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> 4474 </div> 4475 </div> 4476 4477 <!-- Collapsible Content Wrapper (Non-Homepage Only) --> 4478 <div class="ft-collapsible-content" id="ftCollapsible"> 4479 4480 <div class="ft-col"> 4481 <h4 class="ft-title">Tentang KUE68</h4> 4482 <ul class="ft-links"> 4483 <li><a href="/tentang-kami">Tentang Kami</a></li> 4484 <li><a href="/kontak-kami">Kontak Kami</a></li> 4485 <li><a href="/lokasi-toko">Lokasi Toko</a></li> 4486 <li><a href="/faq">FAQ</a></li> 4487 </ul> 4488 <div class="ft-address"> 4489 <p class="company">KUE68</p> 4490 </div> 4491 4492 <div class="ft-col"> 4493 <h4 class="ft-title">Informasi</h4> 4494 <ul class="ft-links"> 4495 <li><a href="/syarat-dan-ketentuan">Syarat & Ketentuan</a></li> 4496 <li><a href="/kebijakan-privasi">Kebijakan Privasi</a></li> 4497 <li><a href="/kebijakan-cookie">Kebijakan Cookie</a></li> 4498 <li><a href="/pengiriman-dan-pengembalian">Pengiriman & Pengembalian</a></li> 4499 <li><a href="/pembayaran-dan-cicilan">Pembayaran & Cicilan</a></li> 4500 <li><a href="/garansi-dan-layanan">Garansi & Layanan</a></li> 4501 </ul> 4502 4503 <div class="ft-payments payments-small" aria-label="Metode Pembayaran"> 4504 <div class="pay-row"> 4505 <img src="https://imgstore.io/images/2026/02/17/mandiri.webp" alt="Mandiri" loading="lazy"> 4506 <img src="https://imgstore.io/images/2026/02/17/bni.webp" alt="BNI" loading="lazy"> 4507 <img src="https://imgstore.io/images/2026/02/17/bri.webp" alt="BRI" loading="lazy"> 4508 <img src="https://imgstore.io/images/2026/02/17/bsi.webp" alt="BSI" loading="lazy"> 4509 <img src="https://imgstore.io/images/2026/05/06/bank-cimb.gif" alt="ShopeePay" loading="lazy"> 4510 </div> 4511 </div> 4512 </div> 4513 4514 </div> 4515 <!-- End Collapsible Content --> 4516 4517 <!-- Expand Button (Mobile Only) --> 4518 <button class="ft-expand-btn" id="ftExpandBtn" aria-label="Lihat semua informasi footer"> 4519 <span class="expand-text">Selengkapnya</span> 4520 <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"> 4521 <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/> 4522 </svg> 4523 </button> 4524 4525 </div> 4526 </div> 4527 <div class="ft-bottom"> 4528 <div class="container ft-bottom-inner"> 4529 <div class="ft-copy"> 4530 <span>TERNAK BOLA © <span id="yearNow">2026</span></span> 4531 <span>PT TERNAK-BOLA. All rights reserved.</span> 4532 </div> 4533 </div> 4534 </div> 4535 4536 <style nonce="se3iyzEHMc9FQEB4wSyd0w=="> 4537 /* Chat Widget Styles - Lightweight & Minimal */ 4538 .chat-widget { 4539 position: fixed; 4540 bottom: 20px; 4541 right: 20px; 4542 z-index: 9999; 4543 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 4544 } 4545 4546 /* Hide floating button on mobile - use bottom nav instead */ 4547 @media (max-width: 640px) { 4548 .chat-toggle-btn { 4549 display: none !important; 4550 } 4551 4552 /* Ensure popup is still visible on mobile even when button is hidden */ 4553 .chat-widget { 4554 display: block !important; 4555 } 4556 4557 .chat-popup { 4558 display: none; /* Hidden by default, shown via JS */ 4559 } 4560 4561 .chat-popup[style*="display: block"], 4562 .chat-popup[style*="display:block"] { 4563 display: block !important; 4564 } 4565 } 4566 4567 .chat-toggle-btn { 4568 width: 60px; 4569 height: 60px; 4570 border-radius: 50%; 4571 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 4572 border: none; 4573 color: white; 4574 cursor: pointer; 4575 box-shadow: 0 4px 12px rgba(242, 140, 26, 0.3); 4576 position: relative; 4577 transition: transform 0.2s, box-shadow 0.2s; 4578 } 4579 4580 .chat-toggle-btn:hover { 4581 transform: scale(1.05); 4582 box-shadow: 0 6px 20px rgba(242, 140, 26, 0.4); 4583 } 4584 4585 #chat-toggle-btn .chat-icon { 4586 position: absolute; 4587 top: 50%; 4588 left: 50%; 4589 transform: translate(-50%, -50%); 4590 width: 28px !important; 4591 height: 28px !important; 4592 } 4593 4594 .chat-unread-badge { 4595 position: absolute; 4596 top: -5px; 4597 right: -5px; 4598 background: #ef4444; 4599 color: white; 4600 border-radius: 12px; 4601 padding: 2px 6px; 4602 font-size: 11px; 4603 font-weight: 600;
4604 min-width: 20px; 4605 text-align: center; 4606 } 4607 4608 .chat-popup { 4609 position: absolute; 4610 bottom: 80px; 4611 right: 0; 4612 width: 380px; 4613 max-width: calc(100vw - 40px); 4614 height: 500px; 4615 max-height: calc(100vh - 120px); 4616 background: white; 4617 border-radius: 12px; 4618 box-shadow: 0 10px 40px rgba(0,0,0,0.2); 4619 display: flex; 4620 flex-direction: column; 4621 overflow: hidden; 4622 } 4623 4624 .chat-popup-header { 4625 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 4626 color: white; 4627 padding: 16px 20px; 4628 display: flex; 4629 justify-content: space-between; 4630 align-items: center; 4631 flex-shrink: 0; 4632 } 4633 4634 .chat-header-title { 4635 display: flex; 4636 flex-direction: column; 4637 gap: 2px; 4638 min-height: 0; 4639 } 4640 4641 .chat-popup-header h3 { 4642 margin: 0; 4643 font-size: 18px; 4644 font-weight: 600; 4645 line-height: 1.2; 4646 } 4647 4648 .chat-operating-hours { 4649 font-size: 11px; 4650 opacity: 0.9; 4651 font-weight: 400; 4652 display: flex; 4653 align-items: center; 4654 gap: 4px; 4655 line-height: 1.2; 4656 } 4657 4658 .chat-operating-hours svg { 4659 width: 12px; 4660 height: 12px; 4661 opacity: 0.8; 4662 flex-shrink: 0; 4663 } 4664 4665 .chat-header-actions { 4666 display: flex; 4667 align-items: center; 4668 gap: 8px; 4669 } 4670 4671 /* Notification Toggle Button */ 4672 .btn-notif-toggle { 4673 background: none; 4674 border: none; 4675 color: white; 4676 font-size: 18px; 4677 cursor: pointer; 4678 padding: 4px 8px; 4679 transition: all 0.2s; 4680 opacity: 0.8; 4681 } 4682 4683 .btn-notif-toggle:hover { 4684 opacity: 1; 4685 transform: scale(1.1); 4686 } 4687 4688 /* Icon states */ 4689 .btn-notif-toggle[data-status="not-subscribed"] svg { 4690 opacity: 0.7; 4691 } 4692 4693 .btn-notif-toggle[data-status="not-subscribed"]:hover svg { 4694 opacity: 1; 4695 } 4696 4697 .btn-notif-toggle[data-status="subscribed"] svg { 4698 opacity: 1; 4699 animation: bellRing 2s ease-in-out; 4700 } 4701 4702 .btn-notif-toggle[data-status="blocked"] svg { 4703 color: #ff6b6b; 4704 } 4705 4706 .btn-notif-toggle[data-status="not-supported"] { 4707 display: none !important; 4708 } 4709 4710 @keyframes bellRing { 4711 0%, 100% { transform: rotate(0deg); } 4712 10%, 30% { transform: rotate(-10deg); } 4713 20%, 40% { transform: rotate(10deg); } 4714 } 4715 4716 /* Notification Info Bar */ 4717 .chat-notif-info-bar { 4718 position: absolute; 4719 top: 64px; 4720 left: 0; 4721 right: 0; 4722 background: linear-gradient(to right, #e3f2fd, #f5f5f5); 4723 border-bottom: 1px solid #bbdefb; 4724 padding: 8px 12px; 4725 display: flex; 4726 align-items: center; 4727 gap: 8px; 4728 font-size: 12px; 4729 color: #616161; 4730 z-index: 10; 4731 animation: slideDown 0.3s ease; 4732 } 4733 4734 .chat-notif-info-bar svg { 4735 flex-shrink: 0; 4736 } 4737 4738 .chat-notif-info-bar .small { 4739 flex: 1; 4740 line-height: 1.4; 4741 } 4742 4743 .chat-notif-info-bar .btn-dismiss { 4744 background: none; 4745 border: none; 4746 color: #9e9e9e; 4747 cursor: pointer; 4748 padding: 0 4px; 4749 font-size: 16px; 4750 transition: color 0.2s; 4751 } 4752 4753 .chat-notif-info-bar .btn-dismiss:hover { 4754 color: #616161; 4755 } 4756 4757 @keyframes slideDown { 4758 from { 4759 max-height: 0; 4760 opacity: 0; 4761 } 4762 to { 4763 max-height: 50px; 4764 opacity: 1;
4765 } 4766 } 4767 4768 .chat-close-btn { 4769 background: none; 4770 border: none; 4771 color: white; 4772 font-size: 28px; 4773 line-height: 1; 4774 cursor: pointer; 4775 padding: 0; 4776 width: 30px; 4777 height: 30px; 4778 } 4779 4780 .chat-popup-body { 4781 flex: 1 1 auto; 4782 display: flex; 4783 flex-direction: column; 4784 min-height: 0; 4785 overflow: hidden; 4786 height: calc(100% - 64px); 4787 position: relative; 4788 transition: padding-top 0.3s ease; 4789 } 4790 4791 /* Add padding when info bar is visible */ 4792 .chat-popup-body.has-info-bar { 4793 padding-top: 40px; 4794 } 4795 4796 .chat-view { 4797 flex: 1 1 auto; 4798 display: none; 4799 flex-direction: column; 4800 min-height: 0; 4801 overflow: hidden; 4802 } 4803 4804 #chat-list-view { 4805 display: flex; 4806 } 4807 4808 #chat-messages-view { 4809 display: none; 4810 } 4811 4812 #chat-messages-view.active { 4813 display: flex; 4814 flex-direction: column; 4815 } 4816 4817 #chat-new-view { 4818 display: none; 4819 } 4820 4821 #chat-new-view.active { 4822 display: flex; 4823 } 4824 4825 .chat-conversations-list { 4826 flex: 1; 4827 overflow-y: auto; 4828 padding: 0; 4829 background: white; 4830 } 4831 4832 /* Custom Scrollbar for Conversations List */ 4833 .chat-conversations-list::-webkit-scrollbar { 4834 width: 6px; 4835 } 4836 4837 .chat-conversations-list::-webkit-scrollbar-track { 4838 background: #f1f1f1; 4839 } 4840 4841 .chat-conversations-list::-webkit-scrollbar-thumb { 4842 background: #F28C1A; 4843 border-radius: 3px; 4844 } 4845 4846 .chat-conversations-list::-webkit-scrollbar-thumb:hover { 4847 background: #D97809; 4848 } 4849 4850 /* Firefox */ 4851 .chat-conversations-list { 4852 scrollbar-width: thin; 4853 scrollbar-color: #F28C1A #f1f1f1; 4854 } 4855 4856 .chat-conversation-item { 4857 padding: 12px 16px; 4858 cursor: pointer; 4859 display: flex; 4860 gap: 12px; 4861 align-items: flex-start; 4862 transition: background 0.15s ease; 4863 color: #33371f; 4864 border-bottom: 1px solid #f0f0f0; 4865 } 4866 4867 .chat-conversation-item:hover { 4868 background: #f5f5f5; 4869 } 4870 4871 .chat-conversation-item.active { 4872 background: #FFF5EB; 4873 } 4874 4875 /* WhatsApp-like Avatar */ 4876 .conversation-avatar { 4877 width: 48px; 4878 height: 48px; 4879 border-radius: 50%; 4880 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 4881 flex-shrink: 0; 4882 display: flex; 4883 align-items: center; 4884 justify-content: center; 4885 color: white; 4886 font-weight: 600; 4887 font-size: 18px; 4888 } 4889 4890 .conversation-avatar svg { 4891 width: 24px; 4892 height: 24px; 4893 } 4894 4895 /* WhatsApp-like Content */ 4896 .conversation-content { 4897 flex: 1; 4898 min-width: 0; 4899 display: flex; 4900 flex-direction: column; 4901 gap: 4px; 4902 } 4903 4904 .conversation-header { 4905 display: flex; 4906 justify-content: space-between; 4907 align-items: center; 4908 gap: 8px; 4909 } 4910 4911 .conversation-name { 4912 font-weight: 600; 4913 font-size: 15px; 4914 color: #111; 4915 white-space: nowrap; 4916 overflow: hidden; 4917 text-overflow: ellipsis; 4918 } 4919 4920 .conversation-time { 4921 font-size: 12px; 4922 color: #7d8166; 4923 flex-shrink: 0; 4924 } 4925 4926 .conversation-preview { 4927 display: flex; 4928 justify-content: space-between; 4929 align-items: center; 4930 gap: 8px; 4931 } 4932 4933 .conversation-message { 4934 font-size: 14px; 4935 color: #667781; 4936 white-space: nowrap; 4937 overflow: hidden; 4938 text-overflow: ellipsis; 4939 margin: 0; 4940 flex: 1; 4941 } 4942 4943 .conversation-unread { 4944 background: #25D366; 4945 color: white; 4946 border-radius: 12px; 4947 padding: 2px 8px; 4948 font-size: 12px; 4949 font-weight: 600;
4950 min-width: 20px; 4951 text-align: center; 4952 flex-shrink: 0; 4953 } 4954 4955 /* Active item styling */ 4956 .chat-conversation-item.active .conversation-name { 4957 color: #F28C1A; 4958 } 4959 4960 .chat-conversation-item.active .conversation-time { 4961 color: #F28C1A; 4962 } 4963 4964 .chat-new-btn { 4965 margin: 12px; 4966 padding: 12px; 4967 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 4968 color: white; 4969 border: none; 4970 border-radius: 8px; 4971 cursor: pointer; 4972 font-weight: 500; 4973 font-size: 14px; 4974 display: flex; 4975 align-items: center; 4976 justify-content: center; 4977 gap: 8px; 4978 transition: all 0.2s; 4979 flex-shrink: 0; 4980 } 4981 4982 .chat-new-btn:hover { 4983 transform: translateY(-1px); 4984 box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3); 4985 } 4986 4987 .chat-conversation-title { 4988 flex: 1; 4989 font-weight: 600; 4990 font-size: 16px; 4991 color: #1f2937; 4992 } 4993 4994 .chat-messages-container { 4995 flex: 1; 4996 overflow-y: auto; 4997 padding: 16px; 4998 display: flex; 4999 flex-direction: column; 5000 gap: 8px; 5001 min-height: 0; 5002 background: #E5DDD5; 5003 } 5004 5005 /* Custom Scrollbar for Messages Container */ 5006 .chat-messages-container::-webkit-scrollbar { 5007 width: 6px; 5008 } 5009 5010 .chat-messages-container::-webkit-scrollbar-track { 5011 background: rgba(0, 0, 0, 0.05); 5012 } 5013 5014 .chat-messages-container::-webkit-scrollbar-thumb { 5015 background: rgba(242, 140, 26, 0.6); 5016 border-radius: 3px; 5017 } 5018 5019 .chat-messages-container::-webkit-scrollbar-thumb:hover { 5020 background: #F28C1A; 5021 } 5022 5023 /* Firefox */ 5024 .chat-messages-container { 5025 scrollbar-width: thin; 5026 scrollbar-color: rgba(242, 140, 26, 0.6) rgba(0, 0, 0, 0.05); 5027 } 5028 5029 /* WhatsApp Group-like Messages */ 5030 .chat-message { 5031 display: flex; 5032 margin-bottom: 4px; 5033 animation: fadeIn 0.2s ease; 5034 } 5035 5036 @keyframes fadeIn { 5037 from { opacity: 0; transform: translateY(10px); } 5038 to { opacity: 1; transform: translateY(0); } 5039 } 5040 5041 .chat-message.mine { 5042 justify-content: flex-end; 5043 } 5044 5045 .chat-message-bubble { 5046 max-width: 80%; 5047 padding: 6px 8px 8px 10px; 5048 border-radius: 8px; 5049 position: relative; 5050 box-shadow: 0 1px 0.5px rgba(0,0,0,0.13); 5051 } 5052 5053 /* Bubble from others (Admin/CS) */ 5054 .chat-message:not(.mine) .chat-message-bubble { 5055 background: #FFFFFF; 5056 border-radius: 0 8px 8px 8px; 5057 } 5058 5059 /* Bubble tail for others */ 5060 .chat-message:not(.mine) .chat-message-bubble::before { 5061 content: ''; 5062 position: absolute; 5063 top: 0; 5064 left: -8px; 5065 width: 0; 5066 height: 0; 5067 border-style: solid; 5068 border-width: 0 8px 13px 0; 5069 border-color: transparent #FFFFFF transparent transparent; 5070 } 5071 5072 /* Bubble from user (mine) */ 5073 .chat-message.mine .chat-message-bubble { 5074 background: #e4f5d0; /* Light blue for user messages */ 5075 border-radius: 8px 0 8px 8px; 5076 } 5077 5078 /* Bubble tail for mine */ 5079 .chat-message.mine .chat-message-bubble::before { 5080 content: ''; 5081 position: absolute; 5082 top: 0; 5083 right: -8px; 5084 width: 0; 5085 height: 0; 5086 border-style: solid; 5087 border-width: 0 0 13px 8px; 5088 border-color: transparent transparent transparent #eaf5d0; 5089 } 5090 5091 .message-sender { 5092 font-size: 12.5px; 5093 font-weight: 600; 5094 color: #F28C1A !important; 5095 margin-bottom: 4px;
5096 } 5097 5098 .chat-message.mine .message-sender { 5099 display: none; 5100 } 5101 5102 /* Message text */ 5103 .message-text { 5104 font-size: 14px; 5105 line-height: 19px; 5106 color: #ffffff !important; 5107 word-wrap: break-word; 5108 white-space: pre-wrap; 5109 margin-bottom: 4px; 5110 } 5111 5112 /* Message metadata (time + status) */ 5113 .message-meta { 5114 display: flex; 5115 align-items: center; 5116 justify-content: flex-end; 5117 gap: 4px; 5118 margin-top: 2px; 5119 } 5120 5121 .message-time { 5122 font-size: 11px; 5123 color: #728166 !important; 5124 line-height: 15px; 5125 } 5126 5127 /* Use multiple selectors to override global styles */ 5128 .chat-message-bubble .message-status, 5129 .message-meta .message-status, 5130 .chat-message .message-status { 5131 width: 16px !important; 5132 height: 16px !important; 5133 min-width: 16px !important; 5134 min-height: 16px !important; 5135 max-width: 16px !important; 5136 max-height: 16px !important; 5137 flex-shrink: 0; 5138 color: #728166 !important; 5139 fill: currentColor !important; 5140 } 5141 5142 .chat-message:not(.mine) .message-status { 5143 display: none; 5144 } 5145 5146 /* Loading dots animation */ 5147 @keyframes loadingDots { 5148 0%, 20% { content: '.'; } 5149 40% { content: '..'; } 5150 60%, 100% { content: '...'; } 5151 } 5152 5153 .message-status.loading::after { 5154 content: '...'; 5155 animation: loadingDots 1.5s infinite; 5156 font-size: 16px; 5157 line-height: 16px; 5158 } 5159 5160 .message-status.loading path { 5161 display: none; 5162 } 5163 5164 .message-status.failed { 5165 color: #ef4444 !important; 5166 cursor: pointer; 5167 } 5168 5169 .message-status.sent { 5170 color: #667781 !important; 5171 } 5172 5173 .chat-new-form { 5174 flex: 1; 5175 overflow-y: auto; 5176 padding: 16px; 5177 display: flex; 5178 flex-direction: column; 5179 } 5180 5181 .chat-new-form form { 5182 display: flex; 5183 flex-direction: column; 5184 gap: 16px; 5185 flex: 1; 5186 } 5187 5188 .chat-new-form .form-group { 5189 display: flex; 5190 flex-direction: column; 5191 gap: 6px; 5192 } 5193 5194 .chat-new-form label { 5195 font-size: 14px; 5196 font-weight: 500; 5197 color: #374151; 5198 } 5199 5200 .chat-new-form .form-control { 5201 width: 100%; 5202 padding: 10px 12px; 5203 border: 1px solid #d1d5db; 5204 border-radius: 8px; 5205 font-size: 14px; 5206 font-family: inherit; 5207 transition: border-color 0.2s; 5208 box-sizing: border-box; 5209 } 5210 5211 .chat-new-form .form-control:focus { 5212 outline: none; 5213 border-color: #F28C1A; 5214 box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1); 5215 } 5216 5217 .chat-new-form textarea.form-control { 5218 resize: vertical; 5219 min-height: 100px; 5220 } 5221 5222 .chat-new-form .btn { 5223 padding: 12px 20px; 5224 border: none; 5225 border-radius: 8px; 5226 font-size: 15px; 5227 font-weight: 500; 5228 cursor: pointer; 5229 transition: all 0.2s; 5230 text-align: center; 5231 } 5232 5233 .chat-new-form .btn-primary { 5234 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 5235 color: white; 5236 } 5237 5238 .chat-new-form .btn-primary:hover { 5239 transform: translateY(-1px); 5240 box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3); 5241 } 5242 5243 .chat-new-form .btn-primary:active { 5244 transform: scale(0.98); 5245 } 5246 5247 .chat-new-form .btn-block { 5248 width: 100%; 5249 margin-top: auto; 5250 } 5251 5252 .chat-message-form { 5253 padding: 12px; 5254 border-top: 1px solid #e5e7eb; 5255 display: flex; 5256 flex-wrap: wrap; 5257 gap: 8px; 5258 align-items: flex-end; 5259 flex-shrink: 0; 5260 background: white; 5261 } 5262 5263 .chat-product-card { 5264 flex: 1 1 100%; 5265 max-width: 100%; 5266 display: flex; 5267 gap: 12px; 5268 padding: 12px; 5269 background: #f3f4f6; 5270 border-radius: 8px; 5271 margin-bottom: 4px;
5272 border: 1px solid #e5e7eb; 5273 } 5274 5275 .chat-product-card img { 5276 width: 60px; 5277 height: 60px; 5278 object-fit: cover; 5279 border-radius: 6px; 5280 flex-shrink: 0; 5281 } 5282 5283 .chat-product-card-content { 5284 flex: 1; 5285 min-width: 0; 5286 } 5287 5288 .chat-product-card-name { 5289 font-weight: 500; 5290 font-size: 14px; 5291 color: #1f2937; 5292 margin-bottom: 4px; 5293 white-space: nowrap; 5294 overflow: hidden; 5295 text-overflow: ellipsis; 5296 } 5297 5298 .chat-product-card-variant { 5299 font-size: 12px; 5300 color: #74806b; 5301 margin-bottom: 4px; 5302 } 5303 5304 .chat-product-card-price { 5305 font-size: 13px; 5306 color: #8bea66; 5307 font-weight: 600; 5308 } 5309 5310 .chat-product-card-remove { 5311 align-self: flex-start; 5312 background: none; 5313 border: none; 5314 color: #9ca3af; 5315 cursor: pointer; 5316 padding: 4px; 5317 font-size: 18px; 5318 line-height: 1; 5319 transition: color 0.2s; 5320 } 5321 5322 .chat-product-card-remove:hover { 5323 color: #ef4444; 5324 } 5325 5326 /* Product card in messages (read-only display) */ 5327 .message-product-card { 5328 display: flex; 5329 gap: 10px; 5330 padding: 10px; 5331 background: rgba(255, 255, 255, 0.5); 5332 border-radius: 8px; 5333 margin-bottom: 6px; 5334 border: 1px solid rgba(0, 0, 0, 0.08); 5335 align-items: center; 5336 } 5337 5338 .chat-message.mine .message-product-card { 5339 background: rgba(255, 255, 255, 0.7); 5340 } 5341 5342 .message-product-card img { 5343 width: 50px; 5344 height: 50px; 5345 object-fit: cover; 5346 border-radius: 6px; 5347 flex-shrink: 0; 5348 } 5349 5350 .message-product-info { 5351 flex: 1; 5352 min-width: 0; 5353 } 5354 5355 .message-product-name { 5356 font-weight: 500; 5357 font-size: 13px; 5358 color: #33371f; 5359 margin-bottom: 2px; 5360 overflow: hidden; 5361 text-overflow: ellipsis; 5362 display: -webkit-box; 5363 -webkit-line-clamp: 2; 5364 -webkit-box-orient: vertical; 5365 line-height: 1.3; 5366 } 5367 5368 .message-product-variant { 5369 font-size: 11px; 5370 color: #78806b; 5371 margin-bottom: 2px; 5372 } 5373 5374 .message-product-price { 5375 font-size: 12px; 5376 color: #c7ea66; 5377 font-weight: 600; 5378 } 5379 5380 .message-product-link { 5381 flex-shrink: 0; 5382 width: 32px; 5383 height: 32px; 5384 display: flex; 5385 align-items: center; 5386 justify-content: center; 5387 background: rgba(102, 126, 234, 0.1); 5388 border-radius: 6px; 5389 color: #c7ea66; 5390 text-decoration: none; 5391 transition: all 0.2s; 5392 } 5393 5394 .message-product-link:hover { 5395 background: #b7ea66; 5396 color: white; 5397 } 5398 5399 .message-product-link svg { 5400 width: 16px; 5401 height: 16px; 5402 } 5403 5404 .chat-message-input { 5405 flex: 1; 5406 border: 1px solid #d1d5db; 5407 border-radius: 20px; 5408 padding: 10px 16px; 5409 resize: none; 5410 max-height: 100px; 5411 font-family: inherit; 5412 font-size: 14px; 5413 line-height: 1.5; 5414 box-sizing: border-box; 5415 overflow-y: hidden; 5416 } 5417 5418 .chat-message-input:focus { 5419 outline: none; 5420 border-color: #F28C1A; 5421 box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1); 5422 } 5423 5424 .chat-send-btn { 5425 width: 40px; 5426 height: 40px; 5427 border-radius: 50%; 5428 background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%); 5429 border: none; 5430 color: white; 5431 cursor: pointer; 5432 flex-shrink: 0; 5433 display: flex; 5434 align-items: center; 5435 justify-content: center; 5436 transition: all 0.2s; 5437 } 5438 5439 .chat-send-btn:hover { 5440 transform: scale(1.05); 5441 box-shadow: 0 2px 8px rgba(242, 140, 26, 0.3); 5442 } 5443 5444 .chat-send-btn:active { 5445 transform: scale(0.95); 5446 } 5447 5448 .chat-loading { 5449 text-align: center; 5450 padding: 20px; 5451 color: #6b7280; 5452 } 5453 5454 /* Date Separator (WhatsApp-style) */ 5455 .date-separator { 5456 display: flex; 5457 align-items: center; 5458 gap: 12px; 5459 margin: 24px 0 16px; 5460 opacity: 0; 5461 animation: fadeInSeparator 0.3s ease forwards; 5462 } 5463 5464 @keyframes fadeInSeparator { 5465 from { 5466 opacity: 0; 5467 transform: translateY(-10px); 5468 } 5469 to { 5470 opacity: 1;
5471 transform: translateY(0); 5472 } 5473 } 5474 5475 .date-separator-line { 5476 flex: 1; 5477 height: 1px; 5478 background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent); 5479 } 5480 5481 .date-separator-text { 5482 flex-shrink: 0; 5483 padding: 4px 12px; 5484 background: #e9ecef; 5485 color: #6c757d; 5486 font-size: 11px; 5487 font-weight: 600; 5488 text-transform: uppercase; 5489 letter-spacing: 0.5px; 5490 border-radius: 12px; 5491 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 5492 } 5493 5494 /* Mobile responsive */ 5495 @media (max-width: 640px) { 5496 .chat-popup { 5497 position: fixed !important; /* Override absolute positioning */ 5498 bottom: 45px !important; /* Above bottom nav */ 5499 right: 0 !important; 5500 left: 0 !important; 5501 width: 100% !important; 5502 max-width: 100% !important; 5503 /* Use dvh (dynamic viewport height) for browser UI awareness */ 5504 height: calc(100dvh - 45px) !important; 5505 max-height: calc(100dvh - 45px) !important; 5506 /* Fallback for browsers that don't support dvh */ 5507 height: calc(var(--viewport-height, 100vh) - 45px) !important; 5508 max-height: calc(var(--viewport-height, 100vh) - 45px) !important; 5509 border-radius: 0 !important; 5510 z-index: 9999 !important; 5511 } 5512 5513 .chat-popup-header { 5514 border-radius: 0; 5515 } 5516 5517 .chat-messages-container, 5518 .chat-conversations-list { 5519 /* Adjust for mobile keyboard using dynamic viewport */ 5520 max-height: calc(100dvh - 190px); 5521 /* Fallback for browsers that don't support dvh */ 5522 max-height: calc(var(--viewport-height, 100vh) - 190px); 5523 } 5524 } 5525 </style> 5526 5527 <div id="chat-popup" class="chat-popup" style="display: none;"> 5528 <div class="chat-popup-header"> 5529 <div class="chat-header-title"> 5530 <h3>Bantuan</h3> 5531 <span id="chatOperatingHours" class="chat-operating-hours" style="display: none;"></span> 5532 </div> 5533 <div class="chat-header-actions"> 5534 <button id="chatNotifToggle" class="btn-notif-toggle" data-status="not-supported" title="Push notification" style="display: none;"> 5535 <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"> 5536 <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/> 5537 </svg> 5538 </button> 5539 <button id="chat-close-btn" class="chat-close-btn" aria-label="Close chat">Ã</button> 5540 </div> 5541 </div> 5542 5543 <!-- Notification Info Bar (conditional) --> 5544 <div class="chat-notif-info-bar" id="chatNotifInfoBar" style="display:none;"> 5545 <svg width="14" height="14" viewBox="0 0 24 24" fill="#ffc107"> 5546 <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"/> 5547 </svg> 5548 <span class="small">Aktifkan notifikasi untuk pemberitahuan balasan</span> 5549 <button class="btn-dismiss" onclick="ChatNotification.dismissInfo()">â</button> 5550 </div> 5551 5552 <div class="chat-popup-body"> 5553 <!-- Conversations List View --> 5554 <div id="chat-list-view" class="chat-view"> 5555 <div id="chat-conversations-list" class="chat-conversations-list"> 5556 <div class="chat-loading">Memuat...</div> 5557 <!-- Conversation Item Structure (rendered by JS): 5558 <div class="chat-conversation-item"> 5559 <div class="conversation-avatar"> 5560 <svg>...</svg> 5561 </div> 5562 <div class="conversation-content"> 5563 <div class="conversation-header">
5564 <span class="conversation-name">Admin Support</span> 5565 <span class="conversation-time">10:30</span> 5566 </div> 5567 <div class="conversation-preview"> 5568 <p class="conversation-message">Terima kasih telah menghubungi kami...</p> 5569 <span class="conversation-unread">2</span> 5570 </div> 5571 </div> 5572 </div> 5573 --> 5574 </div> 5575 <button id="chat-new-btn" class="chat-new-btn"> 5576 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 5577 <line x1="12" y1="5" x2="12" y2="19"></line> 5578 <line x1="5" y1="12" x2="19" y2="12"></line> 5579 </svg> 5580 Percakapan Baru 5581 </button> 5582 </div> 5583 5584 <!-- Chat Messages View --> 5585 <div id="chat-messages-view" class="chat-view" style="display: none;"> 5586 <div id="chat-messages-container" class="chat-messages-container"> 5587 <div class="chat-loading">Memuat pesan...</div> 5588 <!-- Message Structure (rendered by JS): 5589 <div class="chat-message"> (or .chat-message.mine) 5590 <div class="chat-message-bubble"> 5591 <div class="message-sender">Admin Support</div> (only for non-mine) 5592 <div class="message-text">Halo, ada yang bisa dibantu?</div> 5593 <div class="message-meta"> 5594 <span class="message-time">10:30</span> 5595 <svg class="message-status">...</svg> (only for mine) 5596 </div> 5597 </div> 5598 </div> 5599 --> 5600 </div> 5601 5602 <form id="chat-message-form" class="chat-message-form"> 5603 <input type="hidden" id="chat-current-conversation-id" value=""> 5604 <textarea 5605 id="chat-message-input" 5606 class="chat-message-input" 5607 placeholder="Ketik pesan..." 5608 rows="1" 5609 maxlength="5000" 5610 ></textarea> 5611 <button type="submit" class="chat-send-btn" aria-label="Send message"> 5612 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 5613 <line x1="22" y1="2" x2="11" y2="13"></line> 5614 <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon> 5615 </svg> 5616 </button> 5617 </form> 5618 </div> 5619 5620 <!-- New Chat View --> 5621 <div id="chat-new-view" class="chat-view" style="display: none;"> 5622 <div class="chat-messages-header"> 5623 <button id="chat-new-back-btn" class="chat-back-btn" aria-label="Back to list"> 5624 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 5625 <path d="M19 12H5M12 19l-7-7 7-7"/> 5626 </svg> 5627 </button> 5628 <div class="chat-conversation-title">Percakapan Baru</div> 5629 </div> 5630 5631 <div class="chat-new-form"> 5632 <form id="chat-start-form"> 5633 <div class="form-group"> 5634 <label for="chat-new-subject">Subjek</label> 5635 <input 5636 type="text" 5637 id="chat-new-subject" 5638 class="form-control" 5639 placeholder="Bantuan Pelanggan" 5640 maxlength="255" 5641 > 5642 </div> 5643 <div class="form-group"> 5644 <label for="chat-new-message">Pesan</label> 5645 <textarea 5646 id="chat-new-message" 5647 class="form-control" 5648 rows="4" 5649 placeholder="Tulis pertanyaan Anda..." 5650 required 5651 maxlength="5000" 5652 ></textarea> 5653 </div> 5654 <button type="submit" class="btn btn-primary btn-block">Kirim</button> 5655 </form> 5656 </div> 5657 </div> 5658 </div> 5659 </div> 5660 </div> 5661 5662 <!-- Login Required Modal --> 5663 <div class="modal-overlay" id="chatLoginModal"> 5664 <div class="modal-dialog"> 5665 <div class="modal-header"> 5666 <h3 class="modal-title"> 5667 <div class="modal-icon info"> 5668 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5669 <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"/> 5670 </svg> 5671 </div> 5672 Login Diperlukan 5673 </h3> 5674 </div> 5675 <div class="modal-body"> 5676 <p class="modal-message">
5676Anda harus login terlebih dahulu untuk menggunakan fitur chat bantuan pelanggan.</p> 5677 <div class="modal-actions"> 5678 <button class="modal-btn modal-btn-secondary" id="chatLoginCancel">Batal</button> 5679 <button class="modal-btn modal-btn-primary" id="chatLoginConfirm">Login Sekarang</button> 5680 </div> 5681 </div> 5682 </div> 5683 </div> 5684 <!-- Footer Collapse Toggle Script --> 5685
5685<script nonce="se3iyzEHMc9FQEB4wSyd0w=="> 5686 document.addEventListener('DOMContentLoaded', function() { 5687 const ftTop = document.getElementById('ftTop'); 5688 const expandBtn = document.getElementById('ftExpandBtn'); 5689 5690 if (ftTop && expandBtn) { 5691 const expandText = expandBtn.querySelector('.expand-text'); 5692 5693 expandBtn.addEventListener('click', function() { 5694 ftTop.classList.toggle('expanded'); 5695 const isExpanded = ftTop.classList.contains('expanded'); 5696 if (expandText) { 5697 expandText.textContent = isExpanded ? 'Sembunyikan' : 'Selengkapnya'; 5698 } 5699 }); 5700 } 5701 }); 5702 </script>
5702 5703 </footer> 5704 5705<!-- Compare Sidebar Overlay --> 5706<div class="compare-overlay" id="compareOverlay"></div> 5707 5708<!-- Floating Compare Badge (Sticky) --> 5709<button class="compare-floating-badge" id="compareFloatingBadge" aria-label="Lihat produk yang dibandingkan" style="display:none;"> 5710 <svg class="cfb-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 5711 <path d="M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z"/> 5712 </svg> 5713 <span class="cfb-text">Bandingkan</span> 5714 <span class="cfb-count" id="cfbCount">0</span> 5715</button> 5716 5717<!-- AI Comparison Modal --> 5718<div class="ai-compare-modal" id="aiCompareModal"> 5719 <div class="modal-backdrop"></div> 5720 <div class="modal-container"> 5721 <div class="modal-header"> 5722 <h3 class="modal-title"> 5723 <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> 5724 <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"/> 5725 </svg> 5726 Analisis AI: Perbandingan Produk 5727 </h3> 5728 <button class="modal-close" id="aiCompareModalClose" aria-label="Tutup"> 5729 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5730 <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"/> 5731 </svg> 5732 </button> 5733 </div> 5734 5735 <div class="modal-content"> 5736 <!-- Loading State --> 5737 <div class="ai-loading" id="aiLoading"> 5738 <div class="loading-animation"> 5739 <div class="typing-indicator"> 5740 <span></span> 5741 <span></span> 5742 <span></span> 5743 </div> 5744 <p>AI sedang menganalisis produk...</p> 5745 <small>Proses ini membutuhkan waktu 10-30 detik</small> 5746 </div> 5747 </div> 5748 5749 <!-- Error State --> 5750 <div class="ai-error" id="aiError" hidden> 5751 <div class="error-icon"> 5752 <svg width="48" height="48" viewBox="0 0 24 24" fill="#ef4444"> 5753 <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"/> 5754 </svg> 5755 </div> 5756 <h4>Analisis AI Gagal</h4> 5757 <p id="aiErrorMessage">Terjadi kesalahan saat memproses analisis.</p> 5758 <button class="btn btn-outline-primary" id="aiRetry">Coba Lagi</button> 5759 </div> 5760 5761 <!-- Analysis Results --> 5762 <div class="ai-results" id="aiResults" hidden> 5763 <!-- Summary Section --> 5764 <div class="ai-summary-card"> 5765 <h4> 5766 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5767 <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"/> 5768 </svg> 5769 Ringkasan Analisis 5770 </h4> 5771 <p id="aiSummary" class="summary-text"></p> 5772 <div class="winner-badge" id="winnerBadge"> 5773 <strong>Rekomendasi Terbaik:</strong> <span id="winnerProduct"></span> 5774 <small id="winnerReason"></small> 5775 </div> 5776 </div> 5777 5778 <!-- Comparison Table --> 5779 <div class="ai-comparison-table"> 5780 <h4> 5781 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5782 <path d="M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z"/> 5783 </svg> 5784 Perbandingan Detail 5785 </h4> 5786 <div id="comparisonTable" class="comparison-grid"></div> 5787 </div> 5788 5789 <!-- Detailed Analysis --> 5790 <div class="ai-detailed-analysis"> 5791 <h4> 5792 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5793 <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"/> 5794 </svg> 5795 Analisis Mendalam 5796 </h4> 5797 <div id="detailedAnalysis" class="products-analysis"></div> 5798 </div> 5799 5800 <!-- Recommendations --> 5801 <div class="ai-recommendations"> 5802 <h4> 5803 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5804 <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"/> 5805 </svg> 5806 Rekomendasi Berdasarkan Kebutuhan 5807 </h4> 5808 <div class="recommendations-grid"> 5809 <div class="recommendation-card"> 5810 <h5>ð° Budget Conscious</h5> 5811 <p id="budgetRecommendation"></p> 5812 </div> 5813 <div class="recommendation-card"> 5814 <h5>â¡ Performance Focused</h5> 5815 <p id="performanceRecommendation"></p> 5816 </div> 5817 <div class="recommendation-card"> 5818 <h5>âï¸ Balanced Choice</h5> 5819 <p id="balancedRecommendation"></p> 5820 </div> 5821 </div> 5822 </div> 5823 5824 <!-- Buying Tips --> 5825 <div class="ai-tips"> 5826 <h4> 5827 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5828 <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
5828M5,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"/> 5829 </svg> 5830 Tips Pembelian 5831 </h4> 5832 <ul id="buyingTips" class="tips-list"></ul> 5833 </div> 5834 </div> 5835 </div> 5836 </div> 5837</div> 5838<!-- S E L A L U R A N K --> 5839<!-- C G G X M I R AC L E --> 5840<!-- Cart Login Modal --> 5841<div class="modal-overlay" id="cartLoginModal"> 5842 <div class="modal-dialog"> 5843 <div class="modal-header"> 5844 <h3 class="modal-title"> 5845 <div class="modal-icon info"> 5846 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"> 5847 <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"/> 5848 </svg> 5849 </div> 5850 Login untuk Melanjutkan 5851 </h3> 5852 </div> 5853 <div class="modal-body"> 5854 <p class="modal-message" style="margin-bottom: 16px;">Silakan login atau daftar untuk mengakses keranjang belanja dan menyelesaikan pesanan Anda.</p> 5855 <div style="background: #f8fafc; border-radius: 8px; padding: 12px; margin-bottom: 20px;"> 5856 <p style="font-size: 14px; color: #646947; margin: 0; line-height: 1.6;"> 5857 <strong style="color: #2a2a0f;">Keuntungan dengan akun:</strong><br> 5858 â Simpan keranjang belanja Anda<br> 5859 â Lacak status pesanan secara real-time<br> 5860 â Checkout lebih cepat dengan data tersimpan<br> 5861 â Dapatkan notifikasi promo & diskon eksklusif 5862 </p> 5863 </div> 5864 <div class="modal-actions"> 5865 <button class="modal-btn modal-btn-secondary" id="cartLoginCancel">Batal</button> 5866 <button class="modal-btn modal-btn-primary" id="cartLoginConfirm" style="background: #ff6b35; border-color: #ff6b35;">Login</button> 5867 <button class="modal-btn modal-btn-primary" id="cartRegisterBtn" style="background: #f7931e; border-color: #f7931e;">Daftar</button> 5868 </div> 5869 </div> 5870 </div> 5871</div> 5872 5873 <style> 5874/* ========================================================= 5875 â¡ FIXED FOOTER â RED ELEGANT MODE 5876========================================================= */ 5877 5878.olx-top-fixed-footer{ 5879 position:fixed; 5880 left:0; right:0; bottom:0; 5881 z-index:999; 5882 5883 display:flex; 5884 align-items:center; 5885 justify-content:space-around; 5886 gap:8px; 5887 5888 padding: 11px 12px calc(11px + env(safe-area-inset-bottom)); 5889 overflow:hidden; 5890 5891 background: 5892 radial-gradient(circle at 50% 0%, #000000, rgb(0 0 0 / 92%), rgb(0 0 0 / 98%)), linear-gradient(180deg, #ffd200, rgb(0 0 0 / 98%)); 5893 5894 border-top: 1px solid rgb(255, 210, 0); 5895 border-radius: 18px 18px 0 0; 5896 5897 box-shadow: 0 -12px 30px #ffd200, inset 0 1px 0 rgba(255, 255, 255, .05); 5898 5899 font-family:"Orbitron","Poppins",system-ui,sans-serif; 5900} 5901 5902/* scanline */ 5903.olx-top-fixed-footer::before{ 5904 content:""; 5905 position:absolute; 5906 inset:0; 5907 pointer-events:none; 5908 background: 5909 repeating-linear-gradient( 5910 0deg, 5911 rgba(255,255,255,.015), 5912 rgba(255,255,255,.015) 1px, 5913 transparent 1px, 5914 transparent 6px 5915 ); 5916 opacity:.85; 5917 mix-blend-mode:overlay; 5918} 5919 5920/* shine sweep */ 5921.olx-top-fixed-footer::after{ 5922 content:""; 5923 position:absolute; 5924 top:0; 5925 left:-160%; 5926 width:60%; 5927 height:100%; 5928 background: linear-gradient(120deg, transparent, rgba(255, 90, 90, 0.25), transparent); 5929 transform: skewX(-25deg); 5930 animation: footerFinalShine 3.8s infinite; 5931 mix-blend-mode: screen; 5932 pointer-events:none; 5933} 5934 5935@keyframes footerFinalShine{ 5936 0%{left:-160%;} 5937 68%{left:160%;} 5938 100%{left:160%;} 5939} 5940 5941/* ========================================================= 5942 ITEM 5943========================================================= */ 5944 5945.olx-top-fixed-footer a{ 5946 flex:1; 5947 max-width:110px; 5948 5949 display:flex; 5950 flex-direction:column; 5951 align-items:center; 5952 justify-content:center; 5953 gap:6px; 5954 5955 padding: 8px 6px; 5956 5957 text-decoration:none; 5958 text-align:center; 5959 5960 color: rgb(255 255 255 / 90%); 5961 font-size: 12px; 5962 font-weight: 800; 5963 letter-spacing: .25px; 5964 5965 border-radius: 14px; 5966 position:relative; 5967 z-index:1; 5968 5969 transition: all .18s ease; 5970} 5971 5972.olx-top-fixed-footer a:hover{ 5973 color:#ffffff; 5974 background: rgba(255, 80, 80, 0.08); 5975 filter: drop-shadow(0 0 12px rgba(255, 80, 80, 0.15)); 5976 transform: translateY(-1px); 5977} 5978 5979.olx-top-fixed-footer a:active{ 5980 transform: translateY(0) scale(.99); 5981} 5982 5983/* ========================================================= 5984 ICON 5985========================================================= */ 5986 5987.olx-top-fixed-footer img{ 5988 width:26px; 5989 height:26px; 5990 transition: .18s ease; 5991 filter: drop-shadow(0 0 8px rgba(255, 80, 80, 0.35)); 5992} 5993 5994.olx-top-fixed-footer a:hover img{ 5995 transform: scale(1.08); 5996 filter: drop-shadow(0 0 16px rgba(255, 80, 80, 0.6)); 5997} 5998 5999/* ========================================================= 6000 HUD CORNERS 6001========================================================= */ 6002 6003.olx-top-fixed-footer .hud-corner{ 6004 position:absolute; 6005 width:18px;height:18px; 6006 pointer-events:none; 6007 border: 1px solid rgba(255, 90, 90, 0.5); 6008 filter: drop-shadow(0 0 10px rgba(255, 80, 80, 0.2));
6009 opacity:.85; 6010} 6011 6012.olx-top-fixed-footer .hud-tl{top:8px;left:10px;border-right:none;border-bottom:none;border-radius:10px 0 0 0;} 6013.olx-top-fixed-footer .hud-tr{top:8px;right:10px;border-left:none;border-bottom:none;border-radius:0 10px 0 0;} 6014.olx-top-fixed-footer .hud-bl{bottom:8px;left:10px;border-right:none;border-top:none;border-radius:0 0 0 10px;} 6015.olx-top-fixed-footer .hud-br{bottom:8px;right:10px;border-left:none;border-top:none;border-radius:0 0 10px 0;} 6016 6017/* ========================================================= 6018 CENTER CTA 6019========================================================= */ 6020 6021.olx-top-fixed-footer .tada{ 6022 color:#ffffff; 6023 background: 6024 radial-gradient(circle at 50% 0%, #000000, rgba(0, 0, 0, 0) 70%), rgba(255, 60, 60, 0.08); 6025 border: 1px solid #ffd200; 6026 box-shadow: 0 0 18px #3f51b5ab, inset 0 0 16px rgb(63 81 181 / 18%); 6027} 6028 6029.olx-top-fixed-footer .tada img{ 6030 width:30px; 6031 height:30px; 6032 filter: drop-shadow(0 0 16px rgba(255, 80, 80, 0.65)); 6033} 6034 6035/* pulse */ 6036.olx-top-fixed-footer .tada::before{ 6037 content:""; 6038 position:absolute; 6039 inset:-12px; 6040 border-radius:999px; 6041 background: 6042 radial-gradient(circle, #3F51B5, transparent 70%), radial-gradient(circle, rgba(255, 120, 120, 0.08), transparent 72%); 6043 filter: blur(12px); 6044 opacity:.55; 6045 animation: corePulse 2.9s ease-in-out infinite; 6046 z-index:-1; 6047} 6048 6049@keyframes corePulse{ 6050 0%,100%{opacity:.35; transform:scale(.99);} 6051 50%{opacity:.75; transform:scale(1.02);} 6052} 6053 6054/* ACTIVE */ 6055.olx-top-fixed-footer a.is-active{ 6056 color:#ffffff; 6057 background: rgba(255, 80, 80, 0.1); 6058 box-shadow: inset 0 0 0 1px rgba(255, 90, 90, 0.25); 6059} 6060 6061.olx-top-fixed-footer a.is-active img{ 6062 filter: drop-shadow(0 0 18px rgba(255, 80, 80, 0.8)); 6063} 6064 6065/* RESPONSIVE */ 6066@media (max-width:500px){ 6067 .olx-top-fixed-footer{ 6068 padding: 10px 10px calc(10px + env(safe-area-inset-bottom)); 6069 border-radius: 16px 16px 0 0; 6070 gap:6px; 6071 } 6072 .olx-top-fixed-footer a{ 6073 font-size:11px; 6074 padding:7px 5px; 6075 gap:5px; 6076 max-width:104px; 6077 } 6078 .olx-top-fixed-footer img{width:22px;height:22px;} 6079 .olx-top-fixed-footer .tada img{width:26px;height:26px;} 6080} 6081 6082body{ 6083 background-image: 6084 linear-gradient( 6085 rgba(0, 20, 18, 0.70), 6086 rgba(0, 20, 18, 0.78) 6087 ), 6088 url("https://sprunksters.org/img/kue68.jpg") !important; 6089 height:100vh; 6090} 6091</style> 6092 6093 6094<style>.SLOT{margin:0;padding:0;font-family:'Playfair Display','Segoe UI',serif;background-color:transparent;color:#cabe0c;overflow:hidden}.KUE68-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999}.KUE68-container{position:relative;width:90%;max-width:420px;background:linear-gradient(145deg,rgb(0 0 0 / 90%),rgb(0 0 0 / 85%));border-radius:20px;overflow:hidden;text-align:center;animation:rotateScaleIn .8s cubic-bezier(.175,.885,.32,1.275),goldPulse 3.5s infinite ease-in-out;box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 0 1px rgba(212,175,55,.2);padding-bottom:20px;border:1px solid rgb(255, 210, 0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes goldPulse{0%,100%{box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 20px rgba(30,144,255,.3),0 0 0 1px rgba(30,144,255,.2)}50%{box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 30px rgba(0,191,255,.5),0 0 0 1px rgba(0,191,255,.3)}}.KUE68-container::before{content:"";position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0) 45%,rgba(0,191,255,.28) 50%,rgba(255,255,255,0) 55%);animation:shineDiagonal 5s linear infinite;z-index:2;pointer-events:none}@keyframes shineDiagonal{0%{transform:translate(-100%,-100%) rotate(30deg)}100%{transform:translate(100%,100%) rotate(30deg)}}.KUE68-image{width:100%;display:block;border-bottom:1px solid rgb(255, 210, 0)}.clk-btn-sgp{width:97%;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;font-family:Poppins,sans-serif;font-weight:700;padding:20px;position:relative;overflow:hidden}.clk-btn-sgp::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 30px);height:2px;background:linear-gradient(90deg,transparent,#faea07,gold,#faea07,transparent);opacity:.4;filter:blur(1px)}.clk-btn-sgp a{text-align:center;text-transform:uppercase;letter-spacing:1.5px;padding:16px 12px;margin:0;border-radius:14px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid transparent;box-shadow:0 8px 0 #000;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));z-index:1}.clk-btn-sgp a::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffd200,#ffd200,#ffd200,#ffd200,#ffd200);border-radius:16px;z-index:-1;opacity:0;transition:opacity .3s ease}.clk-btn-sgp a:hover::after{opacity:1}.clk-btn-sgp a:hover{transform:translateY(-6px) scale(1.03);border-color:#ffbf00}.login{color:gold!important;background:linear-gradient(145deg,#535050,#000);border:2px solid #cabe0c;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative}.login::before{position:absolute;
6094left:15px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.7;transition:all .3s ease;filter:drop-shadow(0 0 3px gold)}.login:hover{background:linear-gradient(145deg,#222,#1a1a1a);box-shadow:0 12px 0 #000,0 20px 40px rgba(212,175,55,.4),0 0 30px rgba(255,215,0,.2);color:#fff8dc!important;border-color:gold}.login:hover::before{opacity:1;transform:translateY(-50%) rotate(15deg);filter:drop-shadow(0 0 8px gold)}.register{color:#000000!important;background:linear-gradient(45deg,#ffd200,#ffd200,#ffd200,#ffd200,#ffd200);border:2px solid #000;text-shadow:0 1px 2px rgba(255,255,255,.3);position:relative}.register::before{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.7;transition:all .3s ease}.register:hover{background:linear-gradient(145deg,gold,#faea07);box-shadow:0 12px 0 #000,0 20px 40px rgba(212,175,55,.5),0 0 35px rgba(255,215,0,.3);color:#000!important;border-color:#000}.register:hover::before{opacity:1;transform:translateY(-50%) scale(1.2) rotate(360deg);filter:drop-shadow(0 0 5px #d1a000)}.clk-btn-sgp a span{display:inline-block;transition:transform .3s ease}.clk-btn-sgp a:hover span{transform:translateX(3px)}@media (max-width:768px){.clk-btn-sgp{grid-template-columns:1fr;gap:12px}.clk-btn-sgp a{padding:18px 12px}.login::before,.register::before{position:relative;left:0;right:0;display:inline-block;margin-right:10px;transform:none;top:0}.login:hover::before,.register:hover::before{transform:none}}@keyframes subtleGlow{0%,100%{box-shadow:0 15px 35px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1)}50%{box-shadow:0 15px 35px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1),0 0 20px rgba(212,175,55,.15)}}.info-table{width:90%;margin:20px auto;border-collapse:collapse;color:#eee;font-size:14px;position:relative;z-index:3;background:rgba(0,0,0,.3);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3)}.info-table th{background:linear-gradient(135deg,#00b7ff,#003b8f);padding:14px 10px;font-size:15px;color:#000;border:none;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.info-table td{padding:12px;border-bottom:1px solid rgba(212,175,55,.1);text-align:left}.info-table tr:last-child td{border-bottom:none}.KUE68-footer{font-size:13px;color:#ccc;padding:20px 10px;position:relative;z-index:3;line-height:1.6;font-family:'Playfair Display',serif}@keyframes rotateScaleIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.05) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}.gold-particle{position:absolute;background:radial-gradient(circle,rgba(255,215,0,.8) 0,rgba(212,175,55,.4) 100%);border-radius:50%;pointer-events:none;z-index:1;animation:floatGold 10s infinite ease-in-out;box-shadow:0 0 10px rgba(255,215,0,.6)}@keyframes floatGold{0%,100%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}100%{transform:translateY(-120px) translateX(40px);opacity:0}}.luxury-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(212,175,55,.2);border-radius:20px;pointer-events:none;z-index:4;background:linear-gradient(135deg,rgba(212,175,55,0) 0,rgba(212,175,55,.1) 50%,rgba(212,175,55,0) 100%)}.close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:all .3s ease;border:1px solid #ffeb3b}.close-btn:hover{background:#ffeb3bb5;transform:rotate(90deg)}.close-btn::after,.close-btn::before{content:'';position:absolute;width:16px;height:2px;background:#fff}.close-btn::before{transform:rotate(45deg)}.close-btn::after{transform:rotate(-45deg)}@media (max-width:480px){.KUE68-container{width:95%;max-width:350px}.KUE68-buttons a{font-size:14px;padding:16px 0}.info-table{font-size:13px}.KUE68-footer{font-size:12px}.close-btn{width:28px;height:28px}}</style><div class="KUE68-overlay" id="KUE68Overlay"><div class="KUE68-container"><div class="close-btn" onclick="closeKUE68()"></div><div class="gold-particle" style="width:10px;height:10px;top:15%;left:12%;animation-delay:0s"></div><div class="gold-particle" style="width:8px;height:8px;top:35%;left:88%;animation-delay:1.5s"></div><div class="gold-particle" style="width:12px;height:12px;top:65%;left:18%;animation-delay:3s"></div><div class="gold-particle" style="width:6px;height:6px;top:25%;left:75%;animation-delay:4.5s"></div><div class="gold-particle" style="width:9px;height:9px;top:80%;left:60%;animation-delay:6s"></div><div class="luxury-border"></div><div class="SLOT"><img src="https://sprunksters.org/img/kue68.jpg?v=1757450054&width=493" alt="KUE68 Banner" class="KUE68-image"><div class="clk-btn-sgp" style="font-size:20px"><a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noreferrer" class="login">LOGIN</a><a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noreferrer" class="register">DAFTAR</a></div><div class="KUE68-footer">KUE68 : SLOT THAILAND GACOR HARI INI PASTI MAXWIN BESAR MAIN DISINI<br><span style="color:#89ff00;font-weight:600;text-shadow:0 0 5px rgb(255 255 255 / 0%)">© JASA LP MURAH</span></div></div></div></div>
6094<script>function closeKUE68() { 6095 const KUE68Overlay = document.getElementById('KUE68Overlay'); 6096 KUE68Overlay.style.opacity = '0'; 6097 KUE68Overlay.style.transition = 'opacity 0.3s ease'; 6098 6099 setTimeout(() => { 6100 KUE68Overlay.style.display = 'none'; 6101 }, 300); 6102 } 6103 6104 // Menutup KUE68 ketika mengklik area di luar KUE68 6105 document.getElementById('KUE68Overlay').addEventListener('click', function(event) { 6106 if (event.target === this) { 6107 closeKUE68(); 6108 } 6109 });</script>
6109 6110 6111<canvas id="worldcup-confetti"></canvas> 6112 6113<style> 6114#worldcup-confetti{ 6115 position: fixed; 6116 inset: 0; 6117 width: 100%; 6118 height: 100%; 6119 pointer-events: none; 6120 z-index: 99999; 6121} 6122</style> 6123 6124<div class="olx-top-fixed-footer"> 6125 <a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noopener"> 6126 <img src="https://sprunksters.org/img/pafikue.png" alt="PROMO KUE68"> 6127 PROMO 6128 </a> 6129 <a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noopener"> 6130 <img src="https://sprunksters.org/img/pafikue.png" alt="LOGIN KUE68"> 6131 LOGIN 6132 </a> 6133 <a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noopener" class="tada"> 6134 <img src="https://sprunksters.org/img/pafikue.png" alt="DAFTAR KUE68"> 6135 DAFTAR 6136 </a> 6137 <a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noopener"> 6138 <img src="https://sprunksters.org/img/pafikue.png" alt="WHATSAPP KUE68"> 6139 WHATSAPP 6140 </a> 6141 <a href="https://kue68.sprunksters.org/" target="_blank" rel="nofollow noopener"> 6142 <img src="https://sprunksters.org/img/pafikue.png" alt="LIVE CHAT KUE68"> 6143 LIVE CHAT 6144 </a> 6145</div> 6146</body> 6147</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.