PageSourceSearch

https://sprunksters.org/

html sprunksters.org collected 2026-10-04 14:38:48 UTC 297,966 bytes, 6,147 lines download raw bytes

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 &amp; 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 &amp; 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 &middot; <span>Bocoran Pola</span> &middot; 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 &middot; Setiap Jam &middot; Server Anti Lag</div>
2178                    <div class="pb-pred"><b>Prediksi:</b> Maxwin &middot; <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 &middot; Setiap Jam &middot; Server Anti Lag</div>
2204                    <div class="pb-pred"><b>Prediksi:</b> Maxwin &middot; <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 &middot; Setiap Jam &middot; Server Anti Lag</div>
2230                    <div class="pb-pred"><b>Prediksi:</b> Maxwin &middot; <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 &middot; Setiap Jam &middot; Server Anti Lag</div>
2256                    <div class="pb-pred"><b>Prediksi:</b> Maxwin &middot; <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 &middot; Setiap Jam &middot; Server Anti Lag</div>
2282                    <div class="pb-pred"><b>Prediksi:</b> Maxwin &middot; <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 &middot; Setiap Jam &middot; Server Anti Lag</div>
2308                    <div class="pb-pred"><b>Prediksi:</b> Maxwin &middot; <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 &amp; <span class="pb-green">KUE68</span> &copy; 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&amp;family=Space+Mono:wght@400;700&amp;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=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[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 &amp; 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 &amp; Pengembalian</a></li>
4499          <li><a href="/pembayaran-dan-cicilan">Pembayaran &amp; Cicilan</a></li>
4500          <li><a href="/garansi-dan-layanan">Garansi &amp; 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 &copy; <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%)">&copy; 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.