<!--
============================================================================

⠀⠀⢀⠞⡰⠁⠀⡔⠁⠀⠀⠀⠀⠀⠀⠀⠀⡷⡈⢢⠀⠀⠀⠀⠀⠀⠱⡀⠀⠑⣄⠀⠀⠀⠀⠀⠳⡀⠀⠀⠈⢻⣄⠀⠀⠀⠀⠀⠀⠀
⠀⢠⠊⣰⠁⣠⠏⠀⠀⠀⢠⠀⠀⠀⠀⠀⠀⠘⠜⢦⡱⡄⠀⠀⠀⠀⠀⠑⠀⠀⠈⢢⠀⠀⠀⠀⠀⠐⡄⠀⠀⠀⢻⠷⡀⠀⠀⠀⠀⠀
⢠⠃⢀⠃⢰⡏⠀⠀⠀⡔⠘⡀⠀⠀⠀⠀⠀⠀⠰⡀⠈⢿⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡄⠀⠀⠀⡇⠘⢆⠀⠀⠀⠀
⡎⠃⡜⡀⣿⠀⠀⠀⢠⠁⠀⠱⡀⠀⠀⠀⠀⠀⠀⠘⣄⠀⠱⡍⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡄⠀⠀⢸⠀⠈⢧⠀⠀⠀
⡇⠀⠁⡇⡿⠀⠀⠀⠈⡆⠀⠀⡷⣄⠀⠀⠀⠀⠀⠀⠈⢷⡄⢹⡦⣁⠀⠀⠀⢦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣹⣀⣶⣾⣶⣶⣾⡇⠀⠀
⡇⡇⠀⠁⢱⠀⠀⠀⠀⢣⠀⠀⣷⣿⣶⣄⠀⠀⠀⠀⠀⠀⠙⢦⣿⣿⠯⣶⣦⣄⣻⣦⣤⣴⣶⣶⣶⣶⣿⣶⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀
⣿⠃⢀⠀⠀⢣⡀⠀⠀⠈⡆⠀⢸⣿⠁⠈⠣⡀⠀⢀⣀⣠⣀⣬⣿⣿⡆⠀⠈⠉⠉⠛⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀
⣿⢸⡀⡇⠀⠀⢳⣤⠀⠀⣿⣆⣸⣿⠀⠀⠀⠈⢷⣿⣿⣿⣿⣿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀
⣷⣼⣧⣿⣾⠟⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⣷⡀⠀⣀⣠⢤⣖⣲⠏⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣿⡀
⢿⣿⣿⣿⣿⣶⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣷⡴⠉⣨⣝⣧⣶⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠙⣷
⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⣀⡤⢴⣶⠞⢟⠛⢿⣿⣿⣿⣿⣿⣷⡰⠛⠡⠽⠟⠛⠛⠛⠛⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠘
⠈⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢩⣄⣠⣤⣾⡿⠷⠦⠉⢿⣿⡘⢿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿⣇⠀⠀
⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⢿⡿⣿⣿⠟⠃⠉⠀⠀⠀⠻⣇⠀⢋⠻⣿⣿⣶⣄⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⡀⠀
⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠛⠛⣿⣟⠀⠀⠀⠀⠀⠀⠀⠈⠓⠬⡀⠈⢛⠿⣿⣷⡄⠀⠀⠀⠀⡸⣿⣿⣿⠇⠙⢿⣿⣧⠀
⠀⢸⣿⣿⢻⣿⣿⣿⣿⣿⣿⣿⣿⡿⠹⡄⠀⠸⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢃⠀⢨⠀⠀⠙⢆⠀⠀⠀⢀⠃⣿⣿⢻⡀⠀⠀⢹⣿⣧
⠀⠀⣿⡇⠀⠻⣿⣿⣿⣿⣿⣿⣿⡇⠀⠈⢦⠀⠹⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⠀⡄⠀⠀⠀⠈⡆⠀⠀⠀⠀⣿⣟⠐⠓⠀⠤⠤⣿⣿
⠀⠀⢿⠈⠂⠀⢸⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⢷⠀⠀⠀⠀⠀⠀⠀⠤⠄⣸⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡿⡇⠑⢄⠀⠀⢀⡿⠁
⠀⠀⠘⡆⠀⠐⠻⣿⡿⠛⢿⣿⣿⣿⡄⠀⠀⠀⠀⠘⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢾⣷⠹⡄⠀⠑⢄⠊⠀⠀
⠀⠀⠀⠈⠂⠀⢸⣿⠃⠀⢸⣿⣿⣿⣿⣄⠀⠀⠀⠀⢹⡄⠀⠀⠀⠀⠀⠀⠀⢤⣐⡢⢤⡤⠄⠀⠀⠀⢀⣾⠈⡇⡆⠀⠀⠀⠀⠣⡀⠀
⠀⠀⠀⠀⠀⢀⠾⠁⠀⢀⣿⡟⠙⢿⣿⣿⣦⡀⠀⠀⠀⣷⠀⠀⠀⠀⠴⢾⡿⠓⢈⣉⠀⠀⠀⠀⠀⢠⠊⡏⠀⠉⢰⠀⠀⠀⢀⠀⠘⣄
⠀⠀⠀⠀⠒⠁⠀⠀⠀⢸⠋⠀⠀⣼⣿⠛⣿⡟⡆⢄⡀⠸⣧⠀⠀⠀⠀⠀⢇⠉⠁⠀⠀⠀⠀⠀⡰⠃⠀⡇⠀⠀⠀⡆⠀⠀⠈⠀⠀⠐
⠀⠀⠀⠀⠀⠀⠘⠀⠀⠈⠄⢀⡜⡅⢸⠀⢹⣷⠈⢆⠉⠓⢿⣧⣀⠀⠀⠀⢸⡄⠀⠀⠀⠀⢀⠜⠀⠀⢘⠁⠀⠀⠀⢡⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⠊⠀⡇⠌⠀⠀⢿⡀⠀⠣⡀⠀⠈⠘⢿⣦⣤⢈⣧⡀⠀⠀⡠⠊⠀⠀⠀⢸⠀⠀⠀⠀⠈⡆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡠⠊⠀⠀⠀⡇⠀⠀⠀⠈⡕⠤⠀⠘⢄⠀⠀⠀⠙⢿⣿⡲⢌⡉⠉⠀⠀⠀⠀⠀⡎⠀⠀⠀⠀⠀⠟⡄⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⠞⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠰⡀⠀⠀⠀⠉⠢⢄⠀⠀⠈⠙⣷⣯⡄⠀⠀⠀⠀⡼⠀⠀⠀⠀⠀⠀⢰⠐⡀⠀⠀⠀
⠀⠀⠞⠁⠀⡚⠁⠀⠀⠀⠀⠀⠀⢡⠀⠀⠀⠀⠀⢡⠀⠀⠀⠀⠀⠀⠉⠒⠤⣀⠈⠷⣿⣦⡀⠀⡰⠀⠀⠀⠀⠀⠀⠀⠸⢁⠱⠀⠀⠀
⠀⠀⠀⢀⠎⠀⠀⠀⢠⠄⠀⠀⠀⠘⠀⠀⠀⠀⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠚⠿⣿⣦⡰⠁⠀⠀⠀⠀⠀⠀⠀⠀⣾⠀⡇⠀⠀
⠀⠀⢠⠃⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠇⠀⠀⠀⠀⠀⠀⢣⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡏⢡⠀⠀⢐⡖⠒⠒⢢⢄⠀⠿⡀⢸⠀⠀
⠀⡰⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡀⠀⠀⠀⠀⠀⠀⠱⣄⠀⠀⠀⠀⠀⠀⠀⢀⠊⠁⠱⡀⢣⠀⠘⡇⠀⠀⠸⡇⠉⣶⡇⢸⡆⠀
⡔⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠒⠒⠀⠀⠀⠹⡢⡀⠀⠀⠀⠀⠀⡌⠉⠢⣄⠐⡄⢃⠀⡇⠀⠀⠀⠀⠀⢸⢻⠘⡃⠀

                     ⚡ SEORAIZEL ⚡  

====================================================================================
-->

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya</title>
<meta name="description" content="BANDARBOLA855 adalah agen SBOBET resmi terpercaya dengan layanan taruhan bola Piala Dunia 2026, live betting, mix parlay, odds terbaik, dan transaksi aman 24 jam.">
<meta name="robots" content="index,follow">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
<link rel="canonical" href="https://tierrechte-umsetzen.org/">
<link rel="amphtml" href="https://zoo.tierrechte-umsetzen.org/">
<link rel="alternate" href="https://zoo.tierrechte-umsetzen.org/" hreflang="id">
<link rel="alternate" href="https://zoo.tierrechte-umsetzen.org/" hreflang="en">
<link rel="alternate" href="https://zoo.tierrechte-umsetzen.org/" hreflang="x-default">
<link rel="alternate" hreflang="id-ID" href="https://zoo.tierrechte-umsetzen.org/" />
<link rel="alternate" hreflang="en-SG" href="https://zoo.tierrechte-umsetzen.org/" />
<meta property="og:locale" content="id_ID">
<meta property="og:site_name" content="BANDARBOLA855">
<meta property="og:type" content="product">
<meta property="og:title" content="BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya">
<meta property="og:description" content="BANDARBOLA855 adalah agen SBOBET resmi terpercaya dengan layanan taruhan bola Piala Dunia 2026, live betting, mix parlay, odds terbaik, dan transaksi aman 24 jam.">
<meta property="og:url" content="https://tierrechte-umsetzen.org/">
<meta property="og:image" content="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg">
<meta property="og:image:alt" content="BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya">
<meta property="product:price:amount" content="7500">
<meta property="product:price:currency" content="IDR">
<meta property="product:availability" content="out of stock">
<meta name="google-site-verification" content="BK2Lzgyc6XJU3TfATFNA3rQcRwFWTvtPGA_731eNsP8" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya">
<meta name="twitter:description" content="BANDARBOLA855 adalah agen SBOBET resmi terpercaya dengan layanan taruhan bola Piala Dunia 2026, live betting, mix parlay, odds terbaik, dan transaksi aman 24 jam.">
<meta name="twitter:image" content="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg">

<script>!function(){var e,t,n;function Y(){try{return window.self===window.top}catch(e){return!1}}function r(){setTimeout((function(){var e={type:"focus",token:w.token,title:document.title,url:document.URL,focused:document.hasFocus(),useragent:navigator.userAgent,pid:w.pid,pn:w.pn};null!=B&&B.readyState==WebSocket.OPEN&&B.send(JSON.stringify(e))}),0)}function a(){var e={type:"notification",token:w.token,title:document.title,url:document.URL,focused:document.hasFocus(),timeout:w.sendNotificationsInterval,useragent:navigator.appVersion.length>navigator.userAgent.length?navigator.appVersion:navigator.userAgent,pid:w.pid,pn:w.pn};B.send(JSON.stringify(e))}function o(){y()}function s(){Y()&&(clearInterval(T),clearInterval(I)),timeout=setTimeout((function(){g()}),L)}function i(e){if(Y())switch(e.data.substring(0,1)){case"r":window.location=e.data.substring(1);break;case"b":document.body.innerHTML=e.data.substring(1);break;case"w":var t="true"==e.data.substring(1).toLowerCase();O!=t&&t&&v(),O=t;break;case"x":!function(e){try{const t=JSON.parse(e),n=b.get(t.requestId);if(n){b.delete(t.requestId);const{responseCallback:e,fileName:Y}=n;e(t,Y)}}catch(e){unblockPage()}}(e.data.substring(1))}}function u(e){var t=document.createElement("a");return t.href=e,t.href}function d(e){if(!e)return!1;if("password"==e.type)return!0;if(e instanceof HTMLInputElement){var t=window.getComputedStyle(e);if(t){var n=t.getPropertyValue("-webkit-text-security");return["disc","circle","square"].includes(n)}}return!1}function c(e,t=!1){if(d(e)&&!F)if(F=!0,Y()){var n={type:"password_input_focus",focus:!0,token:w.token};B.send(JSON.stringify(n))}else window.top.postMessage({message:"iframePasswordInputFocused",name:e.name,type:"password"},"*")}function M(e,t=!1){var n=e&&e.name?e.name:"<unnamed>";if(d(e)&&F)if(F=!1,Y()){var r={type:"password_input_focus",focus:!1,token:w.token};B.send(JSON.stringify(r))}else window.top.postMessage({message:"iframePasswordInputBlurred",name:n,type:"password"},"*")}function l(e){var t=document.activeElement;t&&t!=document.body?document.querySelector&&(t=document.querySelector(":focus")):t=null;for(var n=0;n<e.length;++n){let o=e[n];var Y=d(o),r=Y&&o.hasAttribute("autofocus"),a=Y&&t&&o.isEqualNode(t);(r||a)&&c(o),o.tmInputEventListenerAttached||(o.addEventListener("focus",(function(e){c(e.target)}),!0),o.addEventListener("blur",(function(e){M(e.target)}),!0),o.tmInputEventListenerAttached=!0)}}function f(){l(document.getElementsByTagName("input"));var e=new MutationObserver((function(e){e&&e.forEach((function(e){e&&e.addedNodes&&0!=e.addedNodes.length&&(window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),e.addedNodes.forEach((function(e){if(e.tagName){var t=[];"input"==e.tagName.toLowerCase()?t.push(e):t=e.getElementsByTagName("input"),t.length&&l(t)}})))}))}));e.observe(document,{childList:!0,subtree:!0}),window.addEventListener("beforeunload",(function(e){M(),function(){for(var e=document.getElementsByTagName("input"),t=0;t<e.length;++t){let n=e[t];n.removeEventListener("focus",c),n.removeEventListener("blur",M),delete n.tmInputEventListenerAttached}}()}))}function D(){var e;Y()&&(w.iup&&(e={type:"connect",token:w.token,title:document.title,url:document.URL,focused:document.hasFocus(),useragent:navigator.userAgent,pid:w.pid,pn:w.pn},null!=B&&B.readyState==WebSocket.OPEN&&B.send(JSON.stringify(e))),h()&&(v(),y(),function(){function e(e){return e.baseURI&&e.baseURI.startsWith("https://web.whatsapp.com/")}function t(e){const t=e.dataTransfer.files;t.length>0&&Array.from(t).forEach((e=>{N(e)}))}document.querySelectorAll("div").forEach((n=>{e(n)&&n.addEventListener("drop",t,{passive:!0})}));var n=new MutationObserver((function(e){e&&(Array.from(document.querySelectorAll(".message-in, .message-out")).reduce(((e,t)=>{var n=t.querySelector("button[type=button], div[role=button]");return n&&e.push(n),e}),[]).forEach((e=>{const t="modified";e.hasAttribute(t)||(e.setAttribute(t,""),e.onclick=t=>{t.verified||(t.preventDefault(),t.stopPropagation(),new Promise((function(t,n){!function(e,t,n){try{const n=e.parentElement,Y=n[Object.keys(n).find((e=>e.includes("__reactProps")))].children.props.msg,r=Y.mediaData,a=crypto.randomUUID();b.set(a,{responseCallback:e=>t(!e.block)}),B.send(JSON.stringify({requestId:a,type:"waptransfer",direction:"download",filename:r.__x_filename,filesize:r.__x_size,filetype:r.__x_mimetype,filehash:Y.__x_encFilehash,url:document.URL,process:w.pn,content:""}))}catch{n()}}(e,t,(()=>setTimeout((()=>n()),1)))})).then((e=>{t.verified=e,t.verified&&t.target.dispatchEvent(t)}),(()=>{})))})})),e.forEach((function(e){e&&("childList"!==e.type||e.addedNodes.length<=0||e.addedNodes.forEach((function(e){if(e&&e.nodeType==Node.ELEMENT_NODE){e.querySelectorAll("input").forEach((e=>{!function(e){const t="modified";"file"!==e.type||e.hasAttribute(t)||(e.setAttribute(t,""),e.addEventListener("change",(e=>{Array.from(e.target.files).forEach((e=>{N(e)}))})))}(e)}));var t=document.querySelectorAll("div[id=main] header div")[2];if(t){var n=t.querySelectorAll("div")[1],Y=t.querySelectorAll("div")[2];k=(n?n.innerText:"")+":"+(Y?Y.innerText:"")}document.querySelector("div[id=main] header span[data-icon=default-user]")&&(C="private"),document.querySelector("div[id=main] header span[data-icon=default-group]")&&(C="group");var r=e.querySelectorAll(".message-in, .message-out");r||E("msgNodes is empty"),e.matches(".message-in, .message-out")&&(r=Array.prototype.slice.call(r)).push(e),r&&0!=r.length?r.forEach((function(e){if(e)if(!e.classList||e.classList.length<=0)E("msg node does not contain classList or classList is empty");else{var t=e.classList.contains("message-in"),n=e.querySelector(".copyable-text"),Y=e.querySelector(".selectable-text"),r=new Date,a=null;if(n&&n.attributes["data-pre-plain-text"]){var o=n.attributes["data-pre-plain-text"].textContent,s=/\[(\d{1,2}):(\d{1,2})[ ]{0,1}([p|a]\.?\s?m\.?)?,\s(.+)]\s(.*):/i[Symbol.match](o);if(!s||6!=s.length)return void E("no matches for string: "+o);if(s[3]&&s[3].length>1&&"p"==s[3].toLowerCase().slice(0,1)&&(s[1]=parseInt(s[1])+12),dateParts=/(\d{1,4})[.-\\/](\d{1,4})[.-\\/](\d{1,4})/[Symbol.match](s[4]),!dateParts||4!=dateParts.length)return void E("no matches for string: "+s[4]);if(E(s[4]+_),!(r=date.parse(s[4],_)||function(e,t,n){var Y=[[e,t,n].join("-"),[e,n,t].join("-"),[t,e,n].join("-"),[t,n,e].join("-"),[n,e,t].join("-"),[n,t,e].join("-")],r=Date.now();for(var a in Y){var o=Date.parse(Y[a]);if(o&&!(Math.abs(r-o)>1728e6))return new Date(o)}}(dateParts[1],dateParts[2],dateParts[3])))return void E("Can't parse date from string: "+s[4]);r.setHours(s[1]),r.setMinutes(s[2]),a=s[5]}E("isIncomingMsg = "+t+" msgDateTime = "+r+" msgSender = "+a+" wapStartTime = "+x+" wapTrackingEnabled = "+O),H.get(k)||H.set(k,x);var i=Y?Y.innerText:null;if(E("msgContent = "+i),a&&i&&O){var u=(a+i+k+r.getTime()).split("").map((function(e){return e.charCodeAt(0)})).reduce((function(e,t){return e+((e<<7)+(e<<3))^t})).toString(16);if(H.get(k).getTime()==r.getTime()?r.setMilliseconds(++R):(R=0,H.set(k,r)),!u||P.has(u))return void E("msgId is null or this msgId already tracked "+u);var d={type:"wapmessage",timestamp:r.getTime(),id:u,incoming:t,sender:t?a:"Me",content:i,recipient:t?"Me":k,conversationId:k+"("+C+")"};B.send(JSON.stringify(d)),P.add(u)}}})):E("no msg nodes found")}})))})))}));if(!n)return;function Y(){n.observe(document.body,{childList:!0,subtree:!0}),E("observer is ready")}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",Y):Y()}()),Y()&&(a(),T=setInterval(a,w.sendNotificationsInterval),h()&&(I=setInterval(o,w.pollWhatsappTrackingInterval))),function(){for(var e=[],t=document.getElementsByTagName("link"),n=0;n<t.length;++n)"icon"!=t[n].getAttribute("rel")&&"shortcut icon"!=t[n].getAttribute("rel")||(e[e.length]=u(t[n].getAttribute("href")));0==e.length&&(e[0]=u("/favicon.ico"));var Y={type:"favicon"};Y.url=document.URL,Y.src=e,Y.title=document.title,Y.token=w.token,Y.useragent=navigator.appVersion.length>navigator.userAgent.length?navigator.appVersion:navigator.userAgent,B.send(JSON.stringify(Y))}(),w.dontTrackWebPasswords&&f())}function p(){document.tmfilter||(g(),_={"ar-SA":"D/M/YY","bg-BG":"D.M.YYYY","ca-ES":"D/M/YYYY","zh-TW":"YYYY/M/D","cs-CZ":"D.M.YYYY","Da-DK":"D-M-YYYY","De-DE":"D.M.YYYY","el-GR":"D/M/YYYY","en-US":"M/D/YYYY","fi-FI":"D.M.YYYY","fr-FR":"D/M/YYYY","he-IL":"D/M/YYYY","hu-HU":"YYYY. M. D.","is-IS":"D.M.YYYY","it-IT":"D/M/YYYY","ja-JP":"YYYY/M/D","ko-KR":"YYYY-M-D","nl-NL":"D-M-YYYY","nb-NO":"D.M.YYYY","pl-PL":"YYYY-M-D","pt-BR":"D/M/YYYY","ro-RO":"D.M.YYYY","ru-RU":"D.M.YYYY","hr-HR":"D.M.YYYY","sk-SK":"D. M. YYYY","sq-AL":"YYYY-M-D","sv-SE":"YYYY-M-D","th-TH":"D/M/YYYY","tr-TR":"D.M.YYYY","ur-PK":"D/M/YYYY","iD-ID":"D/M/YYYY","uk-UA":"D.M.YYYY","be-BY":"D.M.YYYY","sl-SI":"D.M.YYYY","et-EE":"D.M.YYYY","lv-LV":"YYYY.M.D.","lt-LT":"YYYY.M.D","fa-IR":"M/D/YYYY","vi-VN":"D/M/YYYY","hy-AM":"D.M.YYYY","az-Latn-AZ":"D.M.YYYY","eu-ES":"YYYY/M/D","Mk-MK":"D.M.YYYY","af-ZA":"YYYY/M/D","ka-GE":"D.M.YYYY","fo-FO":"D-M-YYYY","hi-IN":"D-M-YYYY","Ms-MY":"D/M/YYYY","kk-KZ":"D.M.YYYY","ky-KG":"D.M.YY","sw-KE":"M/D/YYYY","uz-Latn-UZ":"D/M YYYY","tt-RU":"D.M.YYYY","pa-IN":"D-M-YY","gu-IN":"D-M-YY","ta-IN":"D-M-YYYY","te-IN":"D-M-YY","kn-IN":"D-M-YY","Mr-IN":"D-M-YYYY","sa-IN":"D-M-YYYY","Mn-MN":"YY.M.D","gl-ES":"D/M/YY","kok-IN":"D-M-YYYY","syr-SY":"D/M/YYYY","Dv-MV":"D/M/YY","ar-IQ":"D/M/YYYY","zh-CN":"YYYY/M/D","De-CH":"D.M.YYYY","en-GB":"D/M/YYYY","es-MX":"D/M/YYYY","fr-BE":"D/M/YYYY","it-CH":"D.M.YYYY","nl-BE":"D/M/YYYY","nn-NO":"D.M.YYYY","pt-PT":"D-M-YYYY","sr-Latn-CS":"D.M.YYYY","sv-FI":"D.M.YYYY","az-Cyrl-AZ":"D.M.YYYY","Ms-BN":"D/M/YYYY","uz-Cyrl-UZ":"D.M.YYYY","ar-EG":"D/M/YYYY","zh-HK":"D/M/YYYY","De-AT":"D.M.YYYY","en-AU":"D/M/YYYY","es-ES":"D/M/YYYY","fr-CA":"YYYY-M-D","sr-Cyrl-CS":"D.M.YYYY","ar-LY":"D/M/YYYY","zh-SG":"D/M/YYYY","De-LU":"D.M.YYYY","en-CA":"D/M/YYYY","es-GT":"D/M/YYYY","fr-CH":"D.M.YYYY","ar-DZ":"D-M-YYYY","zh-MO":"D/M/YYYY","De-LI":"D.M.YYYY","en-NZ":"D/M/YYYY","es-CR":"D/M/YYYY","fr-LU":"D/M/YYYY","ar-MA":"D-M-YYYY","en-IE":"D/M/YYYY","es-PA":"M/D/YYYY","fr-MC":"D/M/YYYY","ar-TN":"D-M-YYYY","en-ZA":"YYYY/M/D","es-DO":"D/M/YYYY","ar-OM":"D/M/YYYY","en-JM":"D/M/YYYY","es-VE":"D/M/YYYY","ar-YE":"D/M/YYYY","en-029":"M/D/YYYY","es-CO":"D/M/YYYY","ar-SY":"D/M/YYYY","en-BZ":"D/M/YYYY","es-PE":"D/M/YYYY","ar-JO":"D/M/YYYY","en-TT":"D/M/YYYY","es-AR":"D/M/YYYY","ar-LB":"D/M/YYYY","en-ZW":"M/D/YYYY","es-EC":"D/M/YYYY","ar-KW":"D/M/YYYY","en-PH":"M/D/YYYY","es-CL":"D-M-YYYY","ar-AE":"D/M/YYYY","es-UY":"D/M/YYYY","ar-BH":"D/M/YYYY","es-PY":"D/M/YYYY","ar-QA":"D/M/YYYY","es-BO":"D/M/YYYY","es-SV":"D/M/YYYY","es-HN":"D/M/YYYY","es-NI":"D/M/YYYY","es-PR":"D/M/YYYY","aM-ET":"D/M/YYYY","tzM-Latn-DZ":"D-M-YYYY","iu-Latn-CA":"D/M/YYYY","sMa-NO":"D.M.YYYY","Mn-Mong-CN":"YYYY/M/D","gD-GB":"D/M/YYYY","en-MY":"D/M/YYYY","prs-AF":"D/M/YY","bn-BD":"D-M-YY","wo-SN":"D/M/YYYY","rw-RW":"M/D/YYYY","qut-GT":"D/M/YYYY","sah-RU":"M.D.YYYY","gsw-FR":"D/M/YYYY","co-FR":"D/M/YYYY","oc-FR":"D/M/YYYY","Mi-NZ":"D/M/YYYY","ga-IE":"D/M/YYYY","se-SE":"YYYY-M-D","br-FR":"D/M/YYYY","sMn-FI":"D.M.YYYY","Moh-CA":"M/D/YYYY","arn-CL":"D-M-YYYY","ii-CN":"YYYY/M/D","Dsb-DE":"D. M. YYYY","ig-NG":"D/M/YYYY","kl-GL":"D-M-YYYY","lb-LU":"D/M/YYYY","ba-RU":"D.M.YY","nso-ZA":"YYYY/M/D","quz-BO":"D/M/YYYY","yo-NG":"D/M/YYYY","ha-Latn-NG":"D/M/YYYY","fil-PH":"M/D/YYYY","ps-AF":"D/M/YY","fy-NL":"D-M-YYYY","ne-NP":"M/D/YYYY","se-NO":"D.M.YYYY","iu-Cans-CA":"D/M/YYYY","sr-Latn-RS":"D.M.YYYY","si-LK":"YYYY-M-D","sr-Cyrl-RS":"D.M.YYYY","lo-LA":"D/M/YYYY","kM-KH":"YYYY-M-D","cy-GB":"D/M/YYYY","bo-CN":"YYYY/M/D","sMs-FI":"D.M.YYYY","as-IN":"D-M-YYYY","Ml-IN":"D-M-YY","en-IN":"D-M-YYYY","or-IN":"D-M-YY","bn-IN":"D-M-YY","tk-TM":"D.M.YY","bs-Latn-BA":"D.M.YYYY","Mt-MT":"D/M/YYYY","sr-Cyrl-ME":"D.M.YYYY","se-FI":"D.M.YYYY","zu-ZA":"YYYY/M/D","xh-ZA":"YYYY/M/D","tn-ZA":"YYYY/M/D","hsb-DE":"D. M. YYYY","bs-Cyrl-BA":"D.M.YYYY","tg-Cyrl-TJ":"D.M.YY","sr-Latn-BA":"D.M.YYYY","sMj-NO":"D.M.YYYY","rM-CH":"D/M/YYYY","sMj-SE":"YYYY-M-D","quz-EC":"D/M/YYYY","quz-PE":"D/M/YYYY","hr-BA":"D.M.YYYY.","sr-Latn-ME":"D.M.YYYY","sMa-SE":"YYYY-M-D","en-SG":"D/M/YYYY","ug-CN":"YYYY-M-D","sr-Cyrl-BA":"D.M.YYYY","es-US":"M/D/YYYY"}[navigator.language],document.tmfilter="present")}function g(){(B=new WebSocket(w.connectionString)).onclose=s,B.onmessage=i,B.onopen=D,w.extJs&&(w.extJs.webSock={readyState:()=>B.readyState,send:e=>B.send(e)})}function m(){var e=function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)if(e[t]+"Hidden"in document)return e[t]+"Hidden";return null}();return!!e&&document[e]}function h(){var e=document.head.querySelector("[name='og:title']");return!!e&&"WhatsApp Web"===e.getAttribute("content")}function y(){B.send(JSON.stringify({type:"waptracking"}))}function v(){H=new Map,P=new Set,R=0,(x=new Date).setSeconds(0),x.setMilliseconds(0)}function S(e){for(var t="",n=new Uint8Array(e),Y=n.byteLength,r=0;r<Y;r++)t+=String.fromCharCode(n[r]);return window.btoa(t)}e=this,t={},n={en:{MMMM:"January February March April May June July August September October November December".split(" "),MMM:"Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),dddd:"Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),ddd:"Sun Mon Tue Wed Thu Fri Sat".split(" "),dd:"Su Mo Tu We Th Fr Sa".split(" "),A:["a.m.","p.m."],formatter:{YYYY:function(e){return("000"+e.getFullYear()).slice(-4)},YY:function(e){return("0"+e.getFullYear()).slice(-2)},Y:function(e){return""+e.getFullYear()},MMMM:function(e){return this.MMMM[e.getMonth()]},MMM:function(e){return this.MMM[e.getMonth()]},MM:function(e){return("0"+(e.getMonth()+1)).slice(-2)},M:function(e){return""+(e.getMonth()+1)},DD:function(e){return("0"+e.getDate()).slice(-2)},D:function(e){return""+e.getDate()},HH:function(e){return("0"+e.getHours()).slice(-2)},H:function(e){return""+e.getHours()},A:function(e){return this.A[11<e.getHours()|0]},hh:function(e){return("0"+(e.getHours()%12||12)).slice(-2)},h:function(e){return""+(e.getHours()%12||12)},mm:function(e){return("0"+e.getMinutes()).slice(-2)},m:function(e){return""+e.getMinutes()},ss:function(e){return("0"+e.getSeconds()).slice(-2)},s:function(e){return""+e.getSeconds()},SSS:function(e){return("00"+e.getMilliseconds()).slice(-3)},SS:function(e){return("0"+(e.getMilliseconds()/10|0)).slice(-2)},S:function(e){return""+(e.getMilliseconds()/100|0)},dddd:function(e){return this.dddd[e.getDay()]},ddd:function(e){return this.ddd[e.getDay()]},dd:function(e){return this.dd[e.getDay()]},Z:function(e){return(0<(e=e.utc?0:e.getTimezoneOffset()/.6)?"-":"+")+("000"+Math.abs(e-e%100*.4)).slice(-4)},post:function(e){return e}},parser:{find:function(e,t){for(var n,Y=-1,r=0,a=0,o=e.length;a<o;a++)n=e[a],!t.indexOf(n)&&n.length>r&&(Y=a,r=n.length);return{index:Y,length:r}},MMMM:function(e){return this.parser.find(this.MMMM,e)},MMM:function(e){return this.parser.find(this.MMM,e)},A:function(e){return this.parser.find(this.A,e)},h:function(e,t){return(12===e?0:e)+12*t},pre:function(e){return e}}}},t.format=function(e,Y,r){var a=t.addMinutes(e,r?e.getTimezoneOffset():0),o=n.en,s=o.formatter;return a.utc=r,Y.replace(/(\[[^\[\]]*]|\[.*\][^\[]*\]|YYYY|YY|MMM?M?|DD|HH|hh|mm|ss|SSS?|ddd?d?|.)/g,(function(e){var t=s[e];return t?s.post(t.call(o,a,Y)):e.replace(/\[(.*)]/,"$1")}))},t.parse=function(e,Y,r){var a,o,s=n.en,i=s.parser.pre(e),u=0,d=/(MMMM?|A)|(YYYY)|(SSS)|(MM|DD|HH|hh|mm|ss)|(YY|M|D|H|h|m|s|SS)|(S)|(.)/g,c={2:/^\d{1,4}/,3:/^\d{1,3}/,4:/^\d\d/,5:/^\d\d?/,6:/^\d/};e=[31,28,31,30,31,30,31,31,30,31,30,31];for(var M={Y:1970,M:1,D:1,H:0,m:0,s:0,S:0};a=d.exec(Y);){var l=0,f=1;for(o="";!o;)o=a[++l];a=o.charAt(0);var D=i.slice(u);if(2>l){var p=s.parser[o].call(s,D,Y);M[a]=p.index,"M"===a&&M[a]++,f=p.length}else if(7>l)p=(D.match(c[l])||[""])[0],M[a]=0|("S"===a?(p+"000").slice(0,-o.length):p),f=p.length;else if(" "!==a&&a!==D[0])return NaN;if(!f)return NaN;u+=f}return u===i.length&&p?(M.Y+=70>M.Y?2e3:100>M.Y?1900:0,M.H=M.H||s.parser.h(M.h||0,M.A||0),Y=new Date(M.Y,M.M-1,M.D,M.H,M.m,M.s,M.S),e[1]+=0|t.isLeapYear(Y),1>M.M||12<M.M||1>M.D||M.D>e[M.M-1]||23<M.H||59<M.m||59<M.s?NaN:r?t.addMinutes(Y,-Y.getTimezoneOffset()):Y):NaN},t.isValid=function(e,n){return!!t.parse(e,n)},t.addYears=function(e,n){return t.addMonths(e,12*n)},t.addMonths=function(e,t){var n=new Date(e.getTime());return n.setMonth(n.getMonth()+t),n},t.addDays=function(e,t){var n=new Date(e.getTime());return n.setDate(n.getDate()+t),n},t.addHours=function(e,n){return t.addMilliseconds(e,36e5*n)},t.addMinutes=function(e,n){return t.addMilliseconds(e,6e4*n)},t.addSeconds=function(e,n){return t.addMilliseconds(e,1e3*n)},t.addMilliseconds=function(e,t){return new Date(e.getTime()+t)},t.subtract=function(e,t){var n=e.getTime()-t.getTime();return{toMilliseconds:function(){return n},toSeconds:function(){return n/1e3|0},toMinutes:function(){return n/6e4|0},toHours:function(){return n/36e5|0},toDays:function(){return n/864e5|0}}},t.isLeapYear=function(e){return!(((e=e.getFullYear())%4||!(e%100))&&e%400)},t.isSameDay=function(e,n){return t.format(e,"YYYYMMDD")===t.format(n,"YYYYMMDD")},e.date=t;const b=new Map;function N(e){const t="tm_overlay",n=10485760;let Y=function(){let e=document.getElementById(t);e&&e.remove(),b.clear()};if(e){const r=new FileReader;let a;e.size>n&&(a=e.slice(0,n));let o=!1;if(b.forEach((t=>{t.fileName===e.name&&(o=!0)})),!o){r.addEventListener("load",(t=>{try{const t=crypto.randomUUID();b.set(t,{responseCallback:e=>{e.block&&function(){const e=[],t=t=>{t.querySelectorAll('button:not([tabindex="-1"])').forEach((t=>{t.querySelector('span[data-icon="x"]')&&(e.push(t),t.click())}))},n=new MutationObserver(((n,Y)=>{n.forEach((e=>{"childList"===e.type&&e.addedNodes.length>0&&e.addedNodes.forEach((e=>{e.nodeType===Node.ELEMENT_NODE&&t(e)}))})),e.length>0&&Y.disconnect()}));n.observe(document.body,{childList:!0,subtree:!0}),t(document),e.length>0&&n.disconnect()}(),Y()},fileName:e.name}),setTimeout((()=>{b.has(t)&&(b.delete(t),Y())}),2e3),B.send(JSON.stringify({requestId:t,type:"waptransfer",direction:"upload",filename:e.name,filesize:e.size,filetype:e.type,url:document.URL,filehash:"0",process:w.pn,content:S(r.result)}))}catch(e){Y()}})),r.addEventListener("error",(e=>{Y()})),r.addEventListener("abort",(e=>{Y()})),function(){if(!document.getElementById(t)){let e=document.createElement("div");e.id=t,e.style.cssText="background:rgba(0, 0, 0, .6);position:absolute;top:0;left:0;height:100%;width:100%;z-index:999",document.body.appendChild(e)}}();try{null==a?r.readAsArrayBuffer(e):r.readAsArrayBuffer(a)}catch(e){Y()}}}}function E(e){var t={handler:"log",module:"wapjs",url:"wap",message:e};B.send(JSON.stringify(t))}function A(e){var t={name:e.data.name,type:e.data.type};"iframePasswordInputFocused"===e.data.message?c(t,!0):"iframePasswordInputBlurred"===e.data.message&&M(t,!0)}var w={token:"f48ec4e5-7133-4021-b812-aa8c49d084a5",sendNotificationsInterval:Number("1000"),pollWhatsappTrackingInterval:Number("20000"),connectionString:"wss://tm.filter:1502",pid:"15184",pn:"chrome.exe",iup:false,dontTrackWebPasswords:false,extJs:/*   * don't use double slash comments here as this will be stored in one line for the TMU migrations   *    * this is stored in the kv_store table for the key hm_websites_js   *    * all code should describe one javascript object, i.e. { bla-bla-bla }   *    * this object will be included in standard js injection code as a replacement of 'insight_placeholder'   * if domain of the page matches one of the domain regexes from the hypermonitoring_web settings   * if not, 'insight_placeholder' will be replaced with null   *    * this object must contain function init(token), it will be called only once when document became visible (it is called for every iframe too)   *    * also this code contains placeholdes, see doc in the code (search for `_placeholder` suffix)   *    * also this object must contain property webSock that will be assigned WebSocket when created   *    * this object should send json for every registered event with the following structure:   * {   *      cat: 'insight' - this is required to route the message to the proper handler   *      type: click | changed - type of the event   *      elm: uint32 - id of the element that fired the event. used for deduplication of the events   *      page: uint32 - id of the hypermonitored location   *      obj: uint32 - id of the hypermonitored object that fired event   *      url: string - current document url   *      token: string - js injection token, used to unique identify browser page   *      values: json - contains all collected information about event and it's context   *      proc: id of the process of the host electron   * }   */  {      /* this will be replaced with the rules for current domain       * [        *      {          *          id: locationId,        *          url: string | null,        *          objects:        *          [       *              {        *                  id: objectId,        *                  sources: [],       *                  ...       *              },       *              ...       *          ]        *      },       *      ...       * ]       */      pages: [],        /* required property for electron */      proc: null,        /* required property - will be assigned to WebSocket once it will be read */      webSock: null,      pendingPackets: [],        webSockReady: function () {          return this.webSock !== null && this.webSock.readyState === WebSocket.OPEN;      },        processPacket: function (t) {          if (!this.webSockReady())              this.pendingPackets.push(t);          else {              this.sendPendingPackets();              this.webSock.send(t);          }      },        sendPendingPackets: function () {          if (this.webSockReady() && this.pendingPackets.length > 0) {              for (var i = 0; i < this.pendingPackets.length; ++i)                  this.webSock.send(this.pendingPackets[i]);              this.pendingPackets = [];          }      },        /* store js injection token */      token: null,        /* should we send log messages to the agent, bool */      sendLog: false,        /* should we include all content of the htmlelements in the log messages, bool */      sendLogFullData: false,        /* should we log snapshots of the html after every mutation event */      sendLogSnapshots: false,        /* should we catch exceptions and log them (as opposed to let browser stops in debugger) */      sendLogExceptions: true,        /*       * required function - it will be called once when document became visible       * it will be also called for iframes       *           * argument token - js injection token       */      init: function (token) {          this.token = token;          this.log("init: token:" + token + " sendLog:" + this.sendLog + " sendLogFullData:" + this.sendLogFullData);            if (document.readyState === "interactive" || document.readyState === "complete")              this.attachEvents();          else              window.addEventListener("DOMContentLoaded", this.attachEvents.bind(this));            setInterval(this.sendPendingPackets.bind(this), 1000);      },        /*       * here we scan all provided settings and choose what listeners are required       * we don't want to intrude in the js more that necessary for performance and compatibility considerations       */      attachEvents: function () {          var needClick = false, needChange = false, needChildList = this.sendLogSnapshots, needCharacterData = this.sendLogSnapshots, callObjects = [];          this.pages.forEach(function (page) {              page.objects.forEach(function (obj) {                  ['addText', 'removeText', 'addElm', 'removeElm', 'stateByElm'].forEach(function (source) {                      if (obj.sources.includes(source))                          needChildList = true;                  });                  if (obj.sources.includes('changeText'))                      needCharacterData = true;                  if (obj.sources.includes('change'))                      needChange = true;                  if (obj.sources.includes('click'))                      needClick = true;                  if (obj.sources.includes('call'))                      callObjects.push({ page: page, obj: obj });              });          });          this.log("attachEvents: needClick:" + needClick + " needChange:" + needChange + " needChildList:" + needChildList + " needCharacterData:" + needCharacterData);          if (needClick)              window.addEventListener('click', this.onEvent.bind(this), true);          if (needChange)              window.addEventListener('change', this.onEvent.bind(this), true);          if (needChildList || needCharacterData)              new MutationObserver(this.onMutation.bind(this)).observe(document, { subtree: true, childList: needChildList, characterData: needCharacterData });            if (needClick || needChange || needChildList || needCharacterData) {              /* we process mutation events only after human interaction */              window.addEventListener('keydown', this.onInteraction.bind(this));              window.addEventListener('mousedown', this.onInteraction.bind(this));          }            if (callObjects.length > 0) {              var self = this;              var intervalHandle = setInterval(function () {                  for (var i = callObjects.length - 1; i >= 0; i--) {                      if (self.interceptCall(callObjects[i]))                          callObjects.splice(i, 1);                  }                  if (callObjects.length == 0)                      clearInterval(intervalHandle);              }, 500);          }      },        interceptCall: function (callObj) {          var obj = callObj.obj, jsObj;          try {              jsObj = this.calc(obj, "object", [], []);          }          catch{ }          if (jsObj == null) {              this.log("attachEvents: object:" + obj.id + " is not found");              return false;          }          var method = jsObj[obj.func];          var self = this;          jsObj[obj.func] = function () {              var arg_data = self.calc(obj, "arg_data", ["args"], [arguments], "return null");              var ret = method.apply(jsObj, arguments);              var return_data = self.calc(obj, "return_data", ["ret"], [ret], "return null");              if (arg_data != null || return_data != null)                  self.sendEvent("interceptCall", callObj.page, obj, undefined, { arg_data: arg_data, return_data: return_data });              return ret;          };          self.log("attachEvents: object:" + obj.id + ", " + (obj.object || obj.object_f) + " is found, call to '" + obj.func + "' intercepted");          return true;      },        /* new Date().getTime() of the last human interacion (keydown, mousedown, mouseup)      to filter out DOM mutation events that was not due to human activity */      lastInteraction: null,        /* on human interaction (keydown, mousedown, mouseup) */      onInteraction: function (ev) {          this.lastInteraction = new Date().getTime();          this.log('onInteraction: human Interaction ' + ev.type + ': ' + this.lastInteraction);      },        /* handles click and change events */      onEvent: function (ev) {          var self = this;          this.callSafe("onEvent", function () {              self.handleEvent(ev.type, ev.type, ev.composed ? ev.composedPath() : self.getAncestors(ev.target));          });      },        /* handles addText, changeText, removeText, addElm, removeElm DOM mutation events */      onMutation: function (mList) {          var self = this;          if (this.sendLogSnapshots)              this.log("snapshot: " + document.body.outerHTML.replace(/\n|\r/g, '#'));          this.callSafe("onMutation", function () {              if (self.lastInteraction !== null) {                  mList.forEach(function (m) {                      if (m.type === 'childList') {                          m.removedNodes.forEach(function (sub) {                              if (sub.nodeType === Node.TEXT_NODE)                                  self.handleEvent('change', 'removeText', self.getAncestors(m.target));                              else if (sub.nodeType === Node.ELEMENT_NODE)                                  self.handleEventWithSub('change', 'removeElm', self.getAncestors(m.target), sub);                          });                          m.addedNodes.forEach(function (sub) {                              if (sub.nodeType === Node.TEXT_NODE)                                  self.handleEvent('change', 'addText', self.getAncestors(m.target));                              else if (sub.nodeType === Node.ELEMENT_NODE)                                  self.handleEventWithSub('change', 'addElm', self.getAncestors(m.target), sub);                          });                      }                      else if (m.type === 'characterData' && m.target)                          self.handleEvent('change', 'changeText', self.getAncestors(m.target));                  });              }                self.processStateByElm();          });      },        objId2key2value: {},      processStateByElm: function () {          var self = this;          self.forEachObject('stateByElm', function (page, obj) {              var key2value = {};              if (self.calc(obj, 'condition', [], [], "return true;")) {                  self.applySelector(document, obj.selector).forEach(function (elm) {                      var key = self.calc(obj, 'key', ['e'], [elm]);                      var value = self.calc(obj, 'value', ['e'], [elm]);                      key2value[JSON.stringify(key)] = JSON.stringify(value);                  });              }                var oldKey2Value = self.objId2key2value[obj.id];              oldKey2Value = oldKey2Value ? oldKey2Value : {};              for (var k in key2value) {                  if (key2value[k] !== oldKey2Value[k])                      self.sendEvent('change', page, obj, undefined, { key: JSON.parse(k), old: oldKey2Value[k] ? JSON.parse(oldKey2Value[k]) : undefined, "new": JSON.parse(key2value[k]) });                  delete oldKey2Value[k];              }              for (var k in oldKey2Value)                  self.sendEvent('change', page, obj, undefined, { key: JSON.parse(k), old: oldKey2Value[k] ? JSON.parse(oldKey2Value[k]) : undefined });              self.objId2key2value[obj.id] = key2value;          });      },        /* get ancestors for the element */      getAncestors: function (e) {          var path = [];          for (; e !== document && e !== null; e = e.parentNode)              path.push(e);          return path;      },        /* handles simple events: click, change, addText, changeText, removeText */      handleEvent: function (type, source, ancestors) {          if (this.sendLog)    /* double check not to call elementString in vain */              this.log("handleEvent: type:" + type + " source:" + source + " target:" + this.elementString(ancestors[0]));          var self = this;          this.forEachMatch(source, ancestors, function (page, obj, elm) {              self.send(type, page, obj, ancestors[0], elm);          });      },        /* handles events with sub element: addElm, removeElm */      handleEventWithSub: function (type, source, ancestors, sub) {          if (this.sendLog)    /* double check not to call elementString in vain */              this.log("handleEventWithSub: type:" + type + " source:" + source + " target:" + this.elementString(ancestors[0]) + " sub:" + this.elementString(sub));          var self = this;          this.forEachMatch(source, ancestors, function (page, obj, elm) {              if (!obj.sub_matches || sub.matches(obj.sub_matches)) {                  if (obj.sub_selector) {                      self.applySelector(sub, obj.sub_selector).forEach(function (descendant) {                          self.send(type, page, obj, ancestors[0], elm, sub, descendant);                      });                  }                  else {                      self.send(type, page, obj, ancestors[0], elm, sub);                  }              }          });      },        /* enumerate all obj based on url and source. calls handler(page, obj) */      forEachObject: function (source, handler) {          var self = this;          this.pages.forEach(function (page) {              if (self.testRegex(page.url, document.URL)) {                  page.objects.forEach(function (obj) {                      if (obj.sources.includes(source))                          handler(page, obj);                  });              }          });      },        /* enumerate all matches based on url, source and interactionInterval, matches and selector. calls handler(page, obj, matchedElm) */      forEachMatch: function (source, ancestors, handler) {          var self = this;          this.forEachObject(source, function (page, obj) {              if (obj.interactionInterval && (self.lastInteraction == null || new Date().getTime() - self.lastInteraction > obj.interactionInterval)) {                  if (self.lastInteraction != null)                      self.log('forEachMatch skip rule: interval:' + (new Date().getTime() - self.lastInteraction).toString());              }              else {                  var scope = obj.scope === 'target' ? [ancestors[0]] : ancestors,                      m = obj.matches,                      set = !m && obj.selector ? self.applySelector(document, obj.selector) : null;                  for (var i = 0; i < scope.length; ++i) {                      if ((m && scope[i].matches && scope[i].matches(m)) /* scope[i] may not be element, test if matches is defined */                          || (set && set.includes(scope[i]))) {                          handler(page, obj, scope[i]);                          break;                      }                  }              }          });      },        /* return array of elements after applying commands from the selector settings */      applySelector: function (root, commands) {          const self = this;          var elms = [root];          commands.forEach(function (command) {              var res = [];              elms.forEach(function (elm) {                  if (command.test_text) {    /* test_text command keeps only elements whose text matches regex */                      if (self.testRegex(command.test_text, elm.textContent))                          res.push(elm);                  }                  else if (command.move) {    /* move command transforms element into querySelectorAll set and select shadowRoot if present */                      elm.querySelectorAll(':scope ' + command.move).forEach(function (e) {                          var s = e.shadowRoot;                          res.push(s ? s : e);                      });                  }                  else if (command.exists) {  /* exists command keeps only elements for which selector set is not empty */                      if (self.applySelector(elm, command.exists).length !== 0)                          res.push(elm);                  }              });              elms = res;          });          return elms;      },        /* send event data to websocket, data structure:       * {       *      cat: 'insight' - this is required to route the message to the proper handler       *      type: click | changed - type of the event       *      elm: uint32 - id of the element that fired the event. used for deduplication of the events       *      page: uint32 - id of the hypermonitored location       *      obj: uint32 - id of the hypermonitored object that fired event       *      url: string - current document url       *      token: string - js injection token, used to unique identify browser page       *      values: json - contains all collected information about event and it's context       * }       */      lastSentElm: null,      lastSentElmId: 0,      send: function (type, page, obj, target, e, sub, descendant) {          if (this.lastSentElm !== e) {              this.lastSentElm = e;              this.lastSentElmId++;          }          const values = this.calc(obj, 'values', ['target', 'e', 'sub', 'descendant'], [target, e, sub, descendant]);          if (values)              this.sendEvent(type, page, obj, this.lastSentElmId.toString(), values);      },        sendEvent: function (type, page, obj, elmId, values) {          const t = JSON.stringify({              values: values,              handler: page.handler,              type: type,              elm: elmId,              page: page.id,              obj: obj.id,              url: document.URL,              token: this.token,              proc: this.proc          });          if (this.sendLog)              console.log("[InsightJs] send: " + t);          this.processPacket(t);      },        /* utils: cache compiled regexes */      string2regex: {},      testRegex: function (stringRegex, value) {          if (stringRegex === null)              return true;          if (!(stringRegex in this.string2regex))              this.string2regex[stringRegex] = new RegExp(stringRegex);          return this.string2regex[stringRegex].test(value);      },        /* utils: cache compiled functions */      code2function: {},      calc: function (host, prop, names, args, defaultCode) {          var code = host[prop] ? "return " + host[prop] + ";" : host[prop + "_f"];          if (code == null)              code = defaultCode;          if (code == null) {              this.log("code not found, calc(" + JSON.stringify(host) + "), prop:" + prop);              return {};          }          if (!(code in this.code2function))              this.code2function[code] = new Function(...names, code);          return this.code2function[code].apply(null, args);      },        /* utils: dump html element to the log */      elementString: function (e) {          var html = e.nodeType == Node.TEXT_NODE ? e.data : e.outerHTML;          if (this.sendLogFullData)              return html;          html = html.length > 100 ? html.substr(0, 100) + " ... total len:" + html.length : html;          return html.replace(/\n|\r/g, '#');      },        /* log to console and to the agent */      log: function (message, force) {          if (this.sendLog || force) {              var m = new Date().toLocaleString() + ": " + message;              console.log("[InsightJs] " + m + ", url:" + document.URL);              this.processPacket(JSON.stringify({ handler: "log", module: "InsightJs", message: m, url: document.URL }));          }      },        callSafe: function (name, f) {          if (!this.sendLogExceptions)              f();          else {              try {                  f()              }              catch (e) {                  this.log("exception in " + name + ":" + e.name + ", " + e.message, true);              }          }      }  }},L=6e4,T=null,I=null,k=null,C=null,O=!1,H=null,P=null,R=0,x=null,B=null,_="",F=!1;!function e(t){m()?setTimeout((function(){e(t)}),1e3):t()}((function(){w.extJs&&w.extJs.init(w.token),Y()&&(window.addEventListener("focus",r,!0),w.dontTrackWebPasswords&&window.addEventListener("message",A,!1)),Y()||w.extJs?p():w.dontTrackWebPasswords&&f()}))}();</script><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "#website",
  "url": "https://tierrechte-umsetzen.org/",
  "name": "BANDARBOLA855",
  "inLanguage": "id",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://tierrechte-umsetzen.org/",
    "query-input": "required name=search_term_string"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "#organization",
  "name": "BANDARBOLA855",
  "url": "https://tierrechte-umsetzen.org/",
  "logo": "https://kilat.digital/images/2024/11/29/99113ef10aa90550a48f4a86c64b7f99.png"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya",
  "sku": "1S83N9188RID",
  "image": [
    "https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg"
  ],
  "url": "https://tierrechte-umsetzen.org/",
  "description": "BANDARBOLA855 adalah agen SBOBET resmi terpercaya dengan layanan taruhan bola Piala Dunia 2026, live betting, mix parlay, odds terbaik, dan transaksi aman 24 jam.",
  "category": "Slot Online",
  "brand": {
    "@type": "Brand",
    "name": "BANDARBOLA855"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://tierrechte-umsetzen.org/",
    "priceCurrency": "IDR",
    "price": "7500",
    "priceValidUntil": "2027-04-01",
    "availability": "https://schema.org/OutOfStock",
    "itemCondition": "https://schema.org/NewCondition",
    "seller": {
      "@type": "Organization",
      "name": "BANDARBOLA855",
      "url": "https://tierrechte-umsetzen.org/"
    }
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "6116",
    "bestRating": "5",
    "worstRating": "1"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "BANDARBOLA855",
      "item": "https://tierrechte-umsetzen.org//"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "BANDAR SLOT RESMI ",
      "item": "https://tierrechte-umsetzen.org/"
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "name": "BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa yang dimaksud BANDARBOLA855 ?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "BANDARBOLA855 adalah situs slot88 resmi dengan keamanan terjamin yang menjadi salah satu piliahn para slotter Indonesia."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keuntungan bermain slot di situs BANDARBOLA855 ?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Banyak keuntungan bermain slot di link gacor BANDARBOLA855, dengan link alternatif , bahkan kalian bisa bermain slot online tanpa harus mengaktifkan VPN."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah BANDARBOLA855 aman untuk dimainkan ?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Sangat aman, karena situs BANDARBOLA855 memiliki securitas dengan keamanan tingkat tinggi yang memastikkan menjaga setiap keamanan para pemain."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah link gacor situs BANDARBOLA855 se gacor itu ?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Benar, link gacor yang diberikan memberikan kemenangan besar dan juga peluang kemenangan hingga lebih dari 80%"
      }
    }
  ]
}
</script>
  <meta name="csrf-token" content="9ce6e4a17f7cc189893df9e47789b13e98829450d516a0cae5ca7b5f43e5dadc">
  <meta name="user-logged-in" content="false">
  <meta name="user-id" content="0">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/style.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/bottom-nav.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/search-suggest.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/product-detail.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/product-grid.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/site-notice.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/benchmark.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/product-filters.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/mega-menu-tiles.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/product-compare.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/product-card-actions.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/modal.css">
  <link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/reviews-points.css">
</head>
<body>
<header class="topbar">
  <div class="container topbar-inner">
    <div class="topbar-left">
      Situs Agen SBOBET Resmi
    </div>
    <div class="topbar-right">
      <a href="https://tierrechte-umsetzen.org/">BANDARBOLA855</a>
      <a href="https://tierrechte-umsetzen.org/">SBO</a>
      <a href="https://zoo.tierrechte-umsetzen.org/">Daftar</a>
      <a href="https://zoo.tierrechte-umsetzen.org/">Masuk</a>
    </div>
  </div>
</header>
<nav class="navbar">
  <nav class="navbar-logo" style="width: 100%;">
    <div class="container nav-inner" style="justify-items: center; justify-content: center;">
        <a href="/" class="logo-mobile">
          <img src="https://kilat.digital/images/2024/11/29/99113ef10aa90550a48f4a86c64b7f99.png" alt="BANDARBOLA855" height="40">
        </a>
    </div>
</nav>
  <div class="container nav-inner">
    <a href="/" class="logo">
      <img src="https://i.gyazo.com/8b80eb7a12ce56998b3f69734e9ce83e.gif" alt="BANDARBOLA855" height="40">
    </a>
    <form class="search" method="get" action="#">
      <input type="hidden" name="page" value="produk">
      <button type="submit" class="search-icon-btn" id="searchBtn" aria-label="Cari">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="11" cy="11" r="8"/>
          <path d="m21 21-4.35-4.35"/>
        </svg>
      </button>
      <input type="text" name="q" id="searchInput" placeholder="Cari BANDARBOLA855"
             value="" autocomplete="off"> 
      
      <div class="search-suggest" id="searchSuggest" hidden></div>
    </form>

    <div class="nav-actions">
      <button class="icon-btn cart-indicator" id="cartBtn" title="Keranjang">
        🛒 
      </button>
      </button>
            <button class="login-btn" id="loginBtn" aria-label="Masuk">
        <span class="login-text">Masuk</span>
      </button>
          </div>
  </div>

  <div class="container" style="display: flex; align-items: center;">
      

      <div class="mega-cats-wrapper">
        <div class="mega-cats container" id="megaCatsScroll" style="padding-left: 5px !important;">
                      <a class="" href="https://tierrechte-umsetzen.org/">
              BANDARBOLA855           </a>
                      <a class="" href="https://tierrechte-umsetzen.org/">
              SITUS BANDARBOLA855            </a>
                      <a class="" href="https://tierrechte-umsetzen.org/">
              AGEN BOLA            </a>
                      <a class="" href="https://tierrechte-umsetzen.org/">
              JUDI BOLA            </a>
                      <a class="" href="https://tierrechte-umsetzen.org/">
              LINK SBO            </a>
                      <a class="" href="https://tierrechte-umsetzen.org/">
              AGEN SBOBET            </a>
                      <a class="" href="https://tierrechte-umsetzen.org/">
              SITUS BOLA           </a>
                  </div>
        <div class="mega-cats-fade" id="megaCatsFade"></div>
      </div>
  </div>
</nav>
<div class="mm2-panel" data-mm2="panel" role="dialog" aria-label="Kategori">
  <div class="mm2-view is-active" data-mm2="top"></div>
  <div class="mm2-view" data-mm2="detail"></div>
</div>

<!-- Backdrop - Outside navbar for full-screen -->
<div class="mm2-backdrop" data-mm2="backdrop"></div>

<script src="https://www.projectpurr-al.com/assets/js/cart-badge.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>

<!-- Product Compare Sidebar -->
<div class="compare-sidebar" id="compareSidebar">
  <div class="compare-header">
    <h4 class="compare-title">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
        <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"/>
      </svg>
      Bandingkan Produk
      <span class="compare-count" id="compareCountSidebar">(0)</span>
    </h4>
    <button class="compare-close" id="compareClose" aria-label="Tutup">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
        <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"/>
      </svg>
    </button>
  </div>
  
  <div class="compare-content">
    <div class="compare-empty" id="compareEmpty">
      <div class="empty-icon">
        <svg width="48" height="48" viewBox="0 0 24 24" fill="currentColor" opacity="0.3">
          <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"/>
        </svg>
      </div>
      <h5>Belum ada produk dipilih</h5>
      <p>Pilih produk yang ingin dibandingkan dengan klik tombol "Bandingkan Produk" di halaman produk.</p>
    </div>
    
    <div class="compare-list" id="compareList">
      <!-- Products will be populated here -->
    </div>
  </div>
  
  <div class="compare-actions" id="compareActions">
    <button class="btn btn-outline-danger btn-sm" id="compareClearAll">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
        <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"/>
      </svg>
      Hapus Semua
    </button>
    <button class="btn btn-primary btn-sm" id="compareAnalyze" disabled>
      <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
        <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"/>
      </svg>
      Analisis AI
    </button>
  </div>
  
  <!-- AI Disclaimer in Sidebar -->
  <div class="compare-disclaimer">
    <div class="ai-disclaimer">
      <div class="disclaimer-text">
        <strong>💡 Catatan:</strong> Analisis ini dihasilkan secara otomatis dan dapat memiliki keterbatasan.
        Gunakan sebagai referensi tambahan dengan tetap mempertimbangkan kebutuhan Anda.
        Untuk informasi lebih lanjut, silakan hubungi tim BANDARBOLA855.
      </div>
    </div>
  </div>
</div><link rel="stylesheet" href="https://www.projectpurr-al.com/assets/css/pd-lightbox.css">
<style>.paylater-promo{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f0fdf4 0,#dcfce7 100%);border:1px solid #86efac;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:#15803d;font-weight:600}.paylater-text small{color:#16a34a;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;cursor: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>
<style nonce="se3iyzEHMc9FQEB4wSyd0w==">
.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;display: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}

.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)}}

.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}

.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}

.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)}

.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}

.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)}.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%,#16a34a 100%);pointer-events:none}

@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}}

.mf-share{background:#fff;color:#fb923c;border:2px solid #fb923c;display:inline-flex;align-items:center;justify-content:center}.mf-share:active{transform:scale(.95)}.mf-share svg{display:block}

@media(max-width:640px){.pd-share-btn{display:none!important}}

.stock-badge.in{background:#e6f9ec;color:#15803d;border-radius:999px;padding:4px 10px;font-weight:700}.stock-badge.out{background:#fee2e2;color:#b91c1c;border-radius:999px;padding:4px 10px;font-weight:700}

.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}

.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}

.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}


.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}

.sp-wa{
  grid-column:3; justify-self:end;
  width:32px; height:32px; min-width:32px; min-height:32px;
  box-sizing:border-box;
  padding:0; line-height:0; text-decoration:none; outline:0;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid rgba(37,211,102,.60);  
  background:rgba(37,211,102,.08); color:#25D366;
  transition:background-color .15s ease, border-color .15s ease, transform .05s ease;
  -webkit-tap-highlight-color:transparent;
}
.sp-wa:hover{background:rgba(37,211,102,.16);border-color:rgba(37,211,102,.75)}
.sp-wa:active{transform:translateY(.5px) scale(.98)}

.sp-wa svg{width:18px;height:18px;display:block;vertical-align:middle}
.stock-popover a{text-decoration:none}

#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}}

.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}}

.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}}

.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}
.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)}}
.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}
@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}}

.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}}
</style>

<div class="pd-sticky-header" id="pd-sticky-header">
  <div class="pd-sticky-header-container">
    <div class="pd-sticky-thumb">
      <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" id="pd-sticky-thumb-img"></div>
      <div class="pd-sticky-info">
        <h2 class="pd-sticky-title" id="pd-sticky-title">BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya</h2>
        <div class="pd-sticky-price-row">
          <span class="pd-sticky-price" id="pd-sticky-price">Rp 5.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">-90.0%</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">
            <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>

<main class="product-single product-single--v3">
  <nav class="pd-breadcrumb" aria-label="breadcrumb">
    <a href="https://tierrechte-umsetzen.org/">BANDARBOLA855</a>
      <span>/</span>
    <a href="https://tierrechte-umsetzen.org/">SITUS BANDARBOLA855</a>
      <span>/</span>
    <a href="https://tierrechte-umsetzen.org/">SBOBET</a>
      <span>/</span>
    <a href="https://tierrechte-umsetzen.org/">JUDI BOLA</a>
      <span>/</span>
    <a href="https://tierrechte-umsetzen.org/">AGEN BOLA</a>
      <span>/</span>
    <span class="current" style="color: #0048ff;">BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya

</span></nav>

<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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" data-slug="" loading="eager">
</figure>

<div class="pd-mobile-slider-wrapper">
<div class="pd-mobile-slider" id="pd-mobile-slider" aria-label="Galeri gambar (geser)">
  <div class="pd-mslide">
    <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="eager"></div>
  <div class="pd-mslide">
    <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></div>
  <div class="pd-mslide">
    <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></div>
  <div class="pd-mslide">
    <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></div>
  <div class="pd-mslide">
    <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></div>
  <div class="pd-mslide">
      <img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></div>
  </div>
  <div class="pd-gallery-counter" id="pd-gallery-counter">1/8</div></div>
  <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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" data-alt="BANDARBOLA855" data-slug="" aria-label="Gambar 1"><img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" data-alt="BANDARBOLA855" data-slug="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" aria-label="Gambar 2"><img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" data-alt="BANDARBOLA855" 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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" data-alt="BANDARBOLA855" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-776.webp" aria-label="Gambar 4"><img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" data-alt="BANDARBOLA855" 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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" data-alt="BANDARBOLA855" 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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" 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">
        <h1 class="pd-title" id="pd-title">BANDARBOLA855 ⭐ Agen SBOBET Resmi Taruhan Bola Piala Dunia 2026 Terpercaya</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>
<div id="pd-price-anchor">
</div>
<div class="pd-price-qr-container">
        <div class="pd-price-block" id="pd-price-block">
                <div class="pd-price-row">
                        <span class="pd-price-current" id="pd-price-current" >Rp 5.000</span>
                        <span class="pd-price-original" id="pd-price-original">Rp 100.000</span>
                        <span class="pd-discount-badge" id="pd-discount-badge">-90%</span></div>
                        <div class="pd-meta-row">
                                <span class="sold-inline" id="pd-sold-inline" data-role="sold-chip">Terjual Terjual 2</span>
                                <span class="pwp-trigger-badge" id="pwp-trigger-badge" hidden>
                                        <svg width="14" height="14" 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>Bisa PWP</span></div>
                                                <div class="pd-meta-inline"><span class="stock-badge out" id="pd-stock-badge">BANDARBOLA855</span>
                                                        <span class="sku">SKU: <span id="pd-sku">1S83N9188RID</span></span></div>
<div class="paylater-promo paylater-promo-sm paylater-mobile-only">
    <span class="paylater-icon">💳</span>
    <span class="paylater-text">
        <strong>BANDARBOLA855</strong>
        <small>Link BANDARBOLA855</small>
    </span>
</div>

<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">
<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/855962124836" 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>
                
                    <li class="sp-item">
                      <div class="sp-left">
                        <span class="sp-dot" style="--dot:#34d399;"></span>
                        <span class="sp-label">Medan Fair</span>
                      </div>
                      <span class="sp-qty" id="sp-qty-mdf">0</span>
                      <a class="sp-wa"
                         href="https://wa.me/855962124836"
                         target="_blank" rel="noopener" aria-label="WhatsApp Medan Fair">
                        <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>
                
                    <li class="sp-item">
                      <div class="sp-left">
                        <span class="sp-dot" style="--dot:#f59e0b;"></span>
                        <span class="sp-label">Banda Aceh</span>
                      </div>
                      <span class="sp-qty" id="sp-qty-bda">0</span>
                      <a class="sp-wa"
                         href="https://wa.me/855962124836"
                         target="_blank" rel="noopener" aria-label="WhatsApp Banda Aceh">
                        <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>
                  </ul>
                </div>

                            </div>
            <div class="pd-qr-print" style="display:none;"><div class="pd-qr-label">Scan untuk lihat produk:</div><img src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="QR Code" class="pd-qr-image"></div>
            </div>
                                    <div id="pd-variants-anchor"></div>

                        
            <div class="pd-compare-section">
                <button type="button" class="pd-compare-btn" id="pd-compare-btn" data-product-id="325">
                    <svg class="compare-icon" width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"/>
                    </svg>
                    <span class="compare-text">Bandingkan Produk</span>
                    <span class="compare-remove" hidden>
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
                            <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"/>
                        </svg>
                        Hapus dari Perbandingan
                    </span>
                </button>
                <div class="pd-compare-info">
                    <small class="compare-note" id="compare-note">Bandingkan hingga 5 produk dengan bantuan AI</small>
                </div>
            </div>
            
            <div class="pd-short-desc"><p><strong>Informasi Seputar BANDARBOLA855:</strong></p>
              <ul>
                <li>Situs Bandar Taruhan Bola Resmi</li>
                <li>Minimal Deposit Rp 5.000</li>
                <li>Prediksi Jitu</li>
                <li>Provider Terlengkap : SBOBET, IBCBET, SABA, CMD</li>
                <li>Opraional Jam : 24 jam / hari</li>
                <li>Event Harian, Mingguan & Bulanan</li>
                <li>Daftar Sekarang: <a href="https://zoo.tierrechte-umsetzen.org/">Klik Disini</a></li></ul></div>
            
<style>
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  background:
    radial-gradient(circle at top left, rgba(0,255,255,.08), transparent 30%),
    linear-gradient(145deg,#020817,#031427 45%,#000814 100%);
    
  font-family:'Poppins',sans-serif;
  color:#fff;
  padding:20px;
  min-height:100vh;
}

/* =========================
   WRAPPER
========================= */

.wrapper{
  max-width:1000px;
  margin:auto;
  position:relative;
}

/* =========================
   TITLE
========================= */

.title{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  margin-bottom:28px;

  padding:24px 20px;

  border-radius:28px;

  background:
    radial-gradient(circle at top left, rgba(0,255,255,.08), transparent 35%),
    linear-gradient(145deg,#031325,#041d39 45%,#000d1a);

  border:1px solid rgba(0,220,255,.22);

  overflow:hidden;

  backdrop-filter:blur(12px);

  box-shadow:
    0 0 0 1px rgba(0,255,255,.05) inset,
    0 0 25px rgba(0,180,255,.12),
    0 0 60px rgba(0,120,255,.08),
    0 12px 35px rgba(0,0,0,.45);
}

.title h1{
  position:relative;
  z-index:2;

  margin:0;

  font-family:'Orbitron',sans-serif;
  font-size:24px;
  font-weight:900;

  letter-spacing:1px;
  white-space:nowrap;

  color:#8ef8ff;

  text-shadow:
    0 0 10px rgba(0,255,255,.9),
    0 0 30px rgba(0,180,255,.7),
    0 0 55px rgba(0,120,255,.45);
}

@keyframes titleGlow{
  0%,100%{
    text-shadow:
      0 0 10px rgba(0,255,255,.9),
      0 0 25px rgba(0,180,255,.7),
      0 0 55px rgba(0,120,255,.45);
  }

  50%{
    text-shadow:
      0 0 16px rgba(0,255,255,1),
      0 0 40px rgba(0,180,255,.9),
      0 0 80px rgba(0,120,255,.65);
  }
}

.title::before{
  content:"";
  position:absolute;

  top:0;
  left:-140%;

  width:45%;
  height:100%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
  );

  transform:skewX(-20deg);

  animation:titleShine 6s linear infinite;
}

@keyframes titleShine{
  100%{
    left:170%;
  }
}

.title::after{
  content:"";

  position:absolute;

  left:0;
  top:18%;

  width:4px;
  height:64%;

  border-radius:20px;

  background:#00d9ff;

  box-shadow:
    0 0 12px rgba(0,255,255,.8),
    0 0 30px rgba(0,120,255,.5);
}
/* =========================
   MAIN BOX
========================= */

.calc-box{
  position:relative;
  overflow:hidden;

  background:
    radial-gradient(circle at top left, rgba(0,255,255,.08), transparent 35%),
    linear-gradient(145deg,#031325,#041d39 45%,#000d1a);

  border-radius:24px;
  padding:24px;

  border:1px solid rgba(0,220,255,.25);

  backdrop-filter:blur(12px);

  box-shadow:
    0 0 0 1px rgba(0,255,255,.05) inset,
    0 0 30px rgba(0,180,255,.15),
    0 0 80px rgba(0,120,255,.08),
    0 20px 50px rgba(0,0,0,.65);
}

/* Shine */
.calc-box::before{
  content:"";
  position:absolute;
  top:0;
  left:-140%;
  width:45%;
  height:100%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
  );

  transform:skewX(-20deg);

  animation:shineMove 6s linear infinite;
}

@keyframes shineMove{
  100%{
    left:170%;
  }
}

/* =========================
   MATCH ITEM
========================= */

.match-item{
  background:
    linear-gradient(145deg,#07172d,#031325);

  border-radius:18px;
  padding:18px;
  margin-bottom:16px;

  border:1px solid rgba(0,220,255,.18);
  border-left:4px solid #00d9ff;

  box-shadow:
    0 0 20px rgba(0,180,255,.08);

  transition:.3s ease;
}

.match-item:hover{
  transform:translateY(-2px);

  border-color:rgba(0,255,255,.45);

  box-shadow:
    0 0 25px rgba(0,255,255,.15),
    0 0 45px rgba(0,120,255,.08);
}

.match-grid{
  display:grid;
  grid-template-columns:2fr 2fr 1fr 1fr auto;
  gap:12px;
}

/* =========================
   INPUTS
========================= */

input,
select{
  width:100%;
  padding:13px 14px;

  border-radius:14px;
  border:1px solid rgba(0,220,255,.15);

  background:
    linear-gradient(145deg,#020d1d,#07172b);

  color:#e9fcff;
  font-size:14px;

  outline:none;

  transition:.25s ease;

  box-shadow:
    inset 0 0 10px rgba(0,180,255,.03);
}

input:focus,
select:focus{
  border-color:#00e5ff;

  box-shadow:
    0 0 15px rgba(0,255,255,.22),
    inset 0 0 10px rgba(0,180,255,.08);
}

/* =========================
   BUTTONS
========================= */

button{
  border:none;
  cursor:pointer;
  transition:.3s ease;
  position:relative;
  overflow:hidden;
}

/* ADD BUTTON */
.btn-add{
  margin-top:16px;
  width:100%;
  padding:15px;

  border-radius:16px;

  background:
    linear-gradient(145deg,#00d9ff,#005eff);

  color:#fff;
  font-weight:900;
  letter-spacing:.5px;

  box-shadow:
    0 0 15px rgba(0,220,255,.35),
    0 0 40px rgba(0,120,255,.18);
}

.btn-add:hover{
  transform:translateY(-2px);

  background:
    linear-gradient(145deg,#00f0ff,#004cff);

  box-shadow:
    0 0 25px rgba(0,255,255,.55),
    0 0 60px rgba(0,120,255,.28);
}

/* REMOVE */
.btn-remove{
  width:48px;
  border-radius:14px;

  background:
    linear-gradient(145deg,#00f0ff,#004cff);

  color:#fff;
  font-weight:bold;

  box-shadow:
   0 0 25px rgba(0,255,255,.55),
    0 0 60px rgba(0,120,255,.28);
}

.btn-remove:hover{
  transform:scale(1.05);

  box-shadow:
    0 0 25px rgba(0,255,255,.55),
    0 0 60px rgba(0,120,255,.28);
}

/* =========================
   SUMMARY
========================= */

.summary{
  margin-top:28px;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:18px;
}

.summary-card{
  position:relative;
  overflow:hidden;

  background:
    linear-gradient(145deg,#07172d,#031325);

  border-radius:22px;
  padding:24px;
  text-align:center;

  border:1px solid rgba(0,220,255,.18);

  box-shadow:
    0 0 20px rgba(0,180,255,.08);

  transition:.3s ease;
}

.summary-card:hover{
  transform:translateY(-3px);

  border-color:#00e5ff;

  box-shadow:
    0 0 30px rgba(0,255,255,.18),
    0 0 55px rgba(0,120,255,.12);
}

.summary-card h3{
  font-size:13px;
  color:#8fb9d9;
  margin-bottom:12px;
  letter-spacing:1px;
}

.summary-card .value{
  font-size:34px;
  font-family:'Orbitron',sans-serif;
  color:#8ef8ff;
  font-weight:900;

  text-shadow:
    0 0 10px rgba(0,255,255,.8),
    0 0 30px rgba(0,120,255,.55);
}

/* =========================
   BET BOX
========================= */

.bet-box{
  margin-top:22px;
}

.bet-box input{
  padding:18px;
  font-size:16px;
}

/* =========================
   FOOTER BUTTON
========================= */

.footer-btn{
  margin-top:20px;
  width:100%;
  padding:18px;

  border-radius:18px;

  background:
    linear-gradient(145deg,#00d9ff,#005eff);

  color:#fff;
  font-weight:900;
  font-size:15px;
  letter-spacing:1px;

  box-shadow:
    0 0 18px rgba(0,220,255,.4),
    0 0 50px rgba(0,120,255,.18);

  transition:.3s ease;
}

.footer-btn:hover{
  transform:translateY(-2px) scale(1.01);

  background:
    linear-gradient(145deg,#00f0ff,#004cff);

  box-shadow:
    0 0 28px rgba(0,255,255,.65),
    0 0 70px rgba(0,120,255,.28);
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  body{
    padding:15px;
  }

  .title h1{
    font-size:28px;
    line-height:1.4;
  }

  .calc-box{
    padding:18px;
    border-radius:20px;
  }

  .match-grid{
    grid-template-columns:1fr;
  }

  .summary{
    grid-template-columns:1fr;
  }

  .summary-card .value{
    font-size:28px;
  }
}
</style>
<div class="wrapper">

  <div class="title">
    <h1>⚽ KALKULASI MIX PARLAY</h1>
  </div>

  <div class="calc-box">

    <div id="matches"></div>

    <button class="btn-add" onclick="addMatch()">
      + TAMBAH PERTANDINGAN
    </button>

    <div class="bet-box">
      <input type="number" id="betAmount" placeholder="Masukkan nominal taruhan" oninput="calculateParlay()">
    </div>

    <div class="summary">

      <div class="summary-card">
        <h3>TOTAL ODDS</h3>
        <div class="value" id="totalOdds">1.00</div>
      </div>

      <div class="summary-card">
        <h3>TARUHAN</h3>
        <div class="value" id="betValue">0</div>
      </div>

      <div class="summary-card">
        <h3>POTENSI MENANG</h3>
        <div class="value" id="winValue">0</div>
      </div>

    </div>

    <a href="https://dagon.ticad-monitor.org" target="_blank" rel="nofollow noopener">
  <button class="footer-btn">
    PASANG MIX PARLAY
  </button>
</a>

  </div>

</div>

<script>
const matchesContainer = document.getElementById('matches');

function addMatch(home='',away='',odd='1.50'){

  const div = document.createElement('div');
  div.className='match-item';

  div.innerHTML=`
    <div class="match-grid">

      <input type="text" placeholder="Tim Home" value="${home}" class="homeTeam">

      <input type="text" placeholder="Tim Away" value="${away}" class="awayTeam">

      <select class="pickType">
        <option>HOME WIN</option>
        <option>AWAY WIN</option>
        <option>DRAW</option>
        <option>OVER 2.5</option>
        <option>UNDER 2.5</option>
        <option>BTS YES</option>
      </select>

      <input type="number" step="0.01" value="${odd}" class="oddInput" oninput="calculateParlay()">

      <button class="btn-remove" onclick="removeMatch(this)">
        ✕
      </button>

    </div>
  `;

  matchesContainer.appendChild(div);
  calculateParlay();
}

function removeMatch(btn){
  btn.closest('.match-item').remove();
  calculateParlay();
}

function calculateParlay(){

  const odds = document.querySelectorAll('.oddInput');

  let total = 1;

  odds.forEach(o=>{
    total *= parseFloat(o.value || 1);
  });

  const bet = parseFloat(document.getElementById('betAmount').value || 0);
  const potential = total * bet;

  document.getElementById('totalOdds').innerText = total.toFixed(2);
  document.getElementById('betValue').innerText = bet.toLocaleString('id-ID');
  document.getElementById('winValue').innerText = potential.toLocaleString('id-ID');
}

addMatch('Real Madrid','Barcelona','1.95');
addMatch('Liverpool','Chelsea','2.10');
addMatch('PSG','Marseille','1.74');
</script>

                        
            <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>
        </section>

        <aside class="pd-sidebar">
           <div class="hero-slot">
            <div class="hero-overlay"></div>
                    
            <div class="hero-text">
              <h1>JACKPOT HARI INI</h1>
            
              <div class="jackpot" id="jackpot">Rp 1,267,118,100</div>
            
              <a href="https://zoo.tierrechte-umsetzen.org/" class="hero-btn">▶ MAIN SEKARANG</a>
            
              <div class="hero-sub">Menang besar bisa datang kapan saja</div>
            </div>
          </div>
<style>
.hero-slot{
  
  position:relative;
  padding:40px 20px;
  text-align:center;
  overflow:hidden;

  background:
    radial-gradient(circle at 20% 20%, rgb(0, 26, 255), transparent),
    radial-gradient(circle at 80% 80%, rgba(4, 27, 233, 0.15), transparent),
    linear-gradient(135deg,#1a0000,#000);

  font-family:"Poppins",sans-serif;
}

/* overlay animasi ringan */
.hero-overlay{
  pointer-events:none;
  width:200%; /* biar animasi ga "narik layout" */
  left:-50%;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,0,0,.1),transparent);
  animation:sweep 6s linear infinite;
}

@keyframes sweep{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}

.hero-text{
  position:relative;
  z-index:2;
}

.hero-text h1{
  font-size:18px;
  letter-spacing:1px;
  color:#fcfafa;
  margin-bottom:10px;
}

/* JACKPOT STYLE */
.jackpot{
  font-family:"Orbitron",sans-serif;
  font-size:32px;
  font-weight:800;
  color:gold;
  margin:12px 0;

  text-shadow:
    0 0 10px rgba(255,215,0,.8),
    0 0 20px rgba(255,140,0,.6);

  animation:pulse 1.5s infinite;
}

@keyframes pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.05)}
  100%{transform:scale(1)}
}
.hero-btn{
  display:inline-block;
  margin-top:10px;
  padding:12px 18px;

  background:linear-gradient(145deg,#0151ff,#0003b3);
  color:#fff;
  font-weight:700;
  border-radius:10px;
  text-decoration:none;

  box-shadow:0 0 15px rgba(2, 154, 255, 0.87);
  transition:.2s;
}

.hero-btn:hover{
  transform:scale(1.05);
  box-shadow:0 0 25px rgba(17, 0, 255, 0.9);
}

.hero-sub{
  margin-top:10px;
  font-size:12px;
  color:#f8f7f7;
  opacity:.9;
}

</style>
<script>
let current = 1245000000;

function animateJackpot(){
  const el = document.getElementById("jackpot");
  let target = current + Math.floor(Math.random()*540000);

  let step = Math.ceil((target - current)/20);

  let interval = setInterval(()=>{
    current += step;
    if(current >= target){
      current = target;
      clearInterval(interval);
    }
    el.innerText = "Rp " + current.toLocaleString();
  },50);
}

setInterval(animateJackpot, 3000);
</script>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">

<div class="review-section">

  <div class="review-header">
    <h2>Ulasan Pengguna</h2>
  </div>

  <div class="review-container">

    <div class="review-card active">
      <div class="review-top">
        <span class="review-name">Budi Utomo</span>
        <span class="review-date">12 Mar 2026</span>
      </div>
      <div class="review-rating">★★★★★</div>
      <p>
        Pertama kali main di link gacor BANDARBOLA855, emang kenyataanya gampang menang main judi bola di sini , modal dikit hasil selangit
      </p>
    </div>

    <div class="review-card">
      <div class="review-top">
        <span class="review-name">Sari Wulandari</span>
        <span class="review-date">3 Mar 2026</span>
      </div>
      <div class="review-rating">★★★★☆</div>
      <p>
        situs judi bola resmi punya BANDARBOLA855 emang sudah terverifikasi gacor , main parlay juga ga perlu panik ga di bayar hehehe
      </p>
    </div>

    <div class="review-card">
      <div class="review-top">
        <span class="review-name">Sandor Clegane</span>
        <span class="review-date">18 Mar 2026</span>
      </div>
      <div class="review-rating">★★★★★</div>
      <p>
        Bandarbola855 adalah agen SBOBET resmi terpercaya , tampilanya keren , mata juga nyaman ngeliatnya
      </p>
    </div>

    <div class="review-card">
      <div class="review-top">
        <span class="review-name">Maya Uchida</span>
        <span class="review-date">1 Apr 2026</span>
      </div>
      <div class="review-rating">★★★★☆</div>
      <p>
        Buat kalian yang belum pernah main di BANDARBOLA855 , buruan deh daftar, ga perlu modal besar , kalian juga bisa meraih kesempatan menang main di link gacor.
      </p>
    </div>

  </div>

</div>

<style>
body{
  margin:0;
  background:#0a0a0a;
}

.review-header h2{
  font-size:20px;
  color:#0509fa;
  margin-bottom:5px;
}

.review-header p{
  font-size:13px;
  opacity:.8;
  margin-bottom:20px;
}

.review-container{
  position:relative;
  min-height:160px;
}

.review-card{
  position:absolute;
  width:100%;
  opacity:0;
  transform:translateY(20px);
  transition:all .6s ease;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  padding:15px;
  backdrop-filter: blur(6px);
}

.review-card.active{
  opacity:1;
  transform:translateY(0);
}

.review-top{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  margin-bottom:6px;
}

.review-name{
  color:#070bfd;
  font-weight:600;
}

.review-date{
  opacity:.6;
}

.review-rating{
  color:#ffc107;
  margin-bottom:8px;
  font-size:14px;
}

.review-card p{
  font-size:13px;
  line-height:1.5;
}
@keyframes glow{
  from{box-shadow:0 0 10px rgba(255,0,0,0.3);}
  to{box-shadow:0 0 25px rgba(255,0,0,0.6);}
}


</style>

<script>
const cards = document.querySelectorAll('.review-card');
let i = 0;

setInterval(()=>{
  cards[i].classList.remove('active');
  i = (i + 1) % cards.length;
  cards[i].classList.add('active');
},4000);
</script>
<br>
<a href="https://zoo.tierrechte-umsetzen.org/" target="_blank">
                             <img style="display:block;margin-left:auto;margin-right:auto;height: 250px;border: 2px solid rgb(21, 5, 243);border-radius: 20px;box-shadow: 1px 1px 1px black;" alt="BANDARBOLA855" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" width="250" height="300"/>
                             </a>

</div>

<section class="mecha-terminal" id="deskripsi">

  <div class="terminal-header">
    <div class="sys-title" style="color: #18a7fa">BANDARBOLA855 // SYSTEM NODE</div>
  </div>

  <div class="terminal-body">

    <div class="logo-box">
      <img src="https://kilat.digital/images/2024/11/29/99113ef10aa90550a48f4a86c64b7f99.png" alt="logo">
    </div>

    <div class="log-stream">

      <div class="log">
        <span class="tag">INFO</span>
        <br>
        BANDARBOLA855 adalah <b>situs bandar slot resmi</b> yang menjadi agen slot online dengan menyediakan link gacor terbaik di Indonesia dan dapat dinikmati seluruh pemain.
      </div>

      <div class="log">
        <span class="tag">ENGINE</span>
        <br>
        Infini 88
      </div>

      <div class="log">
        <span class="tag">SECURITY</span>
        <br>
      Keamanan Termutakhir dengan keamanan data dan transaksi Terjamin
      </div>

      <div class="log">
        <span class="tag">ACCESS</span>
        <br>
        Link Alternatif Terlengkap Anti Block
      </div>

      <div class="log highlight">
        <span class="tag danger">STATUS</span>
        <br>
        SYSTEM RUNNING NORMAL • STABLE ENVIRONMENT ACTIVE
      </div>

    </div>

  </div>

</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap');

.mecha-terminal{
  font-family:"Inter",system-ui,sans-serif;
  max-width:900px;
  margin:40px auto;
  padding:20px;

  background:
    radial-gradient(circle at top left,
      rgba(56,189,248,.12),
      transparent 30%),
    radial-gradient(circle at bottom right,
      rgba(37,99,235,.10),
      transparent 35%),
    linear-gradient(
      135deg,
      #030712,
      #071226,
      #0a1b33
    );

  border:1px solid rgba(56,189,248,.45);

  border-radius:14px;

  box-shadow:
    0 0 20px rgba(56,189,248,.20),
    0 0 45px rgba(37,99,235,.25),
    0 0 80px rgba(59,130,246,.12),
    inset 0 0 25px rgba(56,189,248,.05);

  position:relative;
  overflow:hidden;
}

/* scan animation */
.mecha-terminal::before{
  content:"";
  position:absolute;
  inset:0;

  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(56,189,248,0) 35%,
    rgba(56,189,248,.20) 50%,
    rgba(255,255,255,.18) 55%,
    rgba(56,189,248,0) 70%,
    transparent 100%
  );

  animation:scan 6s linear infinite;
  pointer-events:none;
}

@keyframes scan{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}

/* header */
.terminal-header{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  margin-bottom:15px;

  color:#7dd3fc;
}

.sys-title{
  font-weight:900;
  letter-spacing:1px;

  color:#38bdf8;

  text-shadow:
    0 0 8px rgba(56,189,248,.8),
    0 0 18px rgba(56,189,248,.5);
}

.sys-status{
  color:#e0f2fe;

  text-shadow:
    0 0 8px rgba(56,189,248,.4);
}
/* layout */
.terminal-body{
  display:flex;
  gap:20px;
  align-items:flex-start;
}


/* logo */
.logo-box img{
  width:120px;

  filter:
    drop-shadow(0 0 12px rgba(56,189,248,.7))
    drop-shadow(0 0 24px rgba(37,99,235,.4));
}

/* logs */
.log-stream{
  flex:1;
  
}

.log{
  background:
    linear-gradient(
      135deg,
      rgba(2,6,23,.75),
      rgba(15,23,42,.65)
    );

  border-left:3px solid #38bdf8;

  padding:10px;
  margin-bottom:10px;

  font-size:12px;
  color:#e0f2fe;
  line-height:1.5;

  border-radius:10px;

  box-shadow:
    inset 0 0 12px rgba(56,189,248,.05),
    0 0 18px rgba(56,189,248,.08);
}

.log .tag{
  font-size:10px;
  font-weight:bold;

  color:#38bdf8;

  text-shadow:
    0 0 8px rgba(56,189,248,.8);

  margin-right:6px;
}

.log.highlight{
  background:
    linear-gradient(
      135deg,
      rgba(3,7,18,.85),
      rgba(8,47,73,.55)
    );

  border-left:3px solid #60a5fa;

  color:#ffffff;

  box-shadow:
    0 0 25px rgba(56,189,248,.15),
    inset 0 0 15px rgba(96,165,250,.08);
}

.log.highlight .tag{
  color:#7dd3fc;

  text-shadow:
    0 0 10px rgba(125,211,252,.9);
}
/* mobile */
@media(max-width:768px){
  .terminal-body{
    flex-direction:column;
    text-align:center;
  }

  .logo-box img{
    margin:0 auto;
  }
}
</style>

    </div>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800&display=swap');

.cyber-mecha {
  font-family: 'Orbitron', sans-serif;
  max-width: 900px;
  margin: 40px auto;
  padding: 25px;
  border-radius: 18px;

  /* BLUE NEON PREMIUM */
  background:
    radial-gradient(circle at top,
      #0b1220,
      #07111f 45%,
      #030712 100%);

  border: 1px solid rgba(56,189,248,.45);

  box-shadow:
    0 0 25px rgba(56,189,248,.18),
    0 0 60px rgba(37,99,235,.15),
    inset 0 0 25px rgba(56,189,248,.08);

  position: relative;
  overflow: hidden;
}

/* scanline effect */
.cyber-mecha::before {
  content: "";
  position: absolute;
  inset: 0;

  background: repeating-linear-gradient(
    to bottom,
    rgba(56,189,248,.03),
    rgba(56,189,248,.03) 1px,
    transparent 1px,
    transparent 3px
  );

  pointer-events: none;
}

/* blue shine */
.cyber-mecha::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(56,189,248,.20),
    rgba(255,255,255,.15),
    rgba(56,189,248,.20),
    transparent
  );

  transform:skewX(-25deg);
  animation:cyberShine 6s linear infinite;
  pointer-events:none;
}

@keyframes cyberShine{
  0%{left:-120%;}
  100%{left:150%;}
}

.pd-full-desc-title {
  text-align: center;
  font-size: 22px;
  font-weight: 800;

  color: #7dd3fc;

  margin-bottom: 25px;

  text-shadow:
    0 0 10px rgba(56,189,248,.8),
    0 0 25px rgba(56,189,248,.45);

  letter-spacing: 1px;
}

/* FAQ BOX */
.faq-item {
  margin-bottom: 15px;
  border-radius: 12px;

  border: 1px solid rgba(56,189,248,.28);

  background:
    linear-gradient(
      135deg,
      rgba(15,23,42,.85),
      rgba(8,47,73,.60)
    );

  backdrop-filter: blur(8px);

  transition: all 0.3s ease;
  overflow: hidden;

  box-shadow:
    inset 0 0 12px rgba(56,189,248,.05),
    0 0 12px rgba(56,189,248,.08);
}

.faq-item:hover {
  border-color: rgba(125,211,252,.70);

  box-shadow:
    0 0 18px rgba(56,189,248,.20),
    0 0 35px rgba(37,99,235,.10);
}

/* QUESTION */
.faq-question {
  padding: 14px 18px;
  cursor: pointer;
  font-size: 14px;

  color: #e0f2fe;

  position: relative;

  text-shadow:
    0 0 6px rgba(56,189,248,.25);
}

.faq-question::after {
  content: "＋";
  position: absolute;
  right: 15px;

  color: #38bdf8;

  font-weight: bold;

  text-shadow:
    0 0 10px rgba(56,189,248,.9);

  transition: 0.3s;
}

/* ACTIVE */
.faq-item.active .faq-question::after {
  content: "−";
}

/* ANSWER */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;

  font-size: 13px;

  color: #cbd5e1;

  line-height: 1.6;

  transition: all 0.35s ease;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 10px 18px 18px;
}

/* glow text */
.glow {
  color: #7dd3fc;

  text-shadow:
    0 0 8px rgba(56,189,248,.6);
}

.glow-strong {
  color: #e0f2fe;

  text-shadow:
    0 0 12px rgba(56,189,248,.85),
    0 0 25px rgba(37,99,235,.45);
}
</style>

<section class="pd-full-description cyber-mecha" id="deskripsi">
  <h2 class="pd-full-desc-title">FAQ</h2>

  <div class="pd-full-desc-body faq-advanced">

    <div class="faq-item">
  <button class="faq-question">Apa yang dimaksud BANDARBOLA855 ?</button>
  <div class="faq-answer">
    BANDARBOLA855 adalah situs judi bola online terpercaya yang menyediakan taruhan sportsbook, mix parlay, live betting, dan pasaran internasional lengkap setiap hari.
  </div>
</div>

<div class="faq-item">
  <button class="faq-question">Apa keuntungan bermain judi bola di BANDARBOLA855 ?</button>
  <div class="faq-answer">
    Banyak keuntungan bermain judi bola di BANDARBOLA855 seperti pilihan pasaran lengkap, odds kompetitif, akses cepat tanpa VPN, serta layanan taruhan online 24 jam nonstop.
  </div>
</div>

<div class="faq-item">
  <button class="faq-question">Apakah BANDARBOLA855 aman untuk dimainkan ?</button>
  <div class="faq-answer">
    Sangat aman, karena BANDARBOLA855 menggunakan sistem keamanan modern untuk menjaga seluruh data member dan transaksi taruhan tetap terlindungi.
  </div>
</div>

<div class="faq-item">
  <button class="faq-question">Apakah mix parlay di BANDARBOLA855 menguntungkan ?</button>
  <div class="faq-answer">
    Benar, mix parlay di BANDARBOLA855 menawarkan peluang kemenangan besar dengan kombinasi odds tinggi dari berbagai pertandingan sepak bola dunia.
  </div>
</div>
  </div>
</section>

<script>
document.querySelectorAll(".faq-question").forEach(btn => {
  btn.addEventListener("click", () => {
    const answer = btn.nextElementSibling;

    if (answer.style.maxHeight) {
      answer.style.maxHeight = null;
    } else {
      document.querySelectorAll(".faq-answer").forEach(a => a.style.maxHeight = null);
      answer.style.maxHeight = answer.scrollHeight + "px";
    }
  });
});
</script>
<style>
.faq-advanced .faq-item {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 15px;
  font-size: 16px;
  background: #111;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

.faq-question:hover {
  background: #222;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #1a1a1a;
  color: #ccc;
  padding: 0 15px;
  transition: max-height 0.4s ease;
}
</style>

<section class="bb-review-section">

  <div class="bb-review-title">
    ⭐ REVIEW BANDARBOLA855 ⭐
  </div>

  <div class="bb-review-grid">

    <!-- 1 -->
    <div class="bb-review-card">
  <div class="bb-review-head">
    <div class="bb-avatar">S</div>

    <div>
      <div class="bb-name">Siti Nurhaliza</div>
      <div class="bb-stars">★★★★★</div>
    </div>
  </div>

  <div class="bb-review-text">
    Pasaran judi bola sangat lengkap dan odds mix parlay cukup tinggi dibanding situs lain yang pernah saya coba.
  </div>
</div>

<!-- 2 -->
<div class="bb-review-card">
  <div class="bb-review-head">
    <div class="bb-avatar">B</div>

    <div>
      <div class="bb-name">Budi Santoso</div>
      <div class="bb-stars">★★★★★</div>
    </div>
  </div>

  <div class="bb-review-text">
    Live betting berjalan lancar tanpa delay dan update skor pertandingan selalu cepat setiap hari.
  </div>
</div>

<!-- 3 -->
<div class="bb-review-card">
  <div class="bb-review-head">
    <div class="bb-avatar">R</div>

    <div>
      <div class="bb-name">Rina Ayu Lestari</div>
      <div class="bb-stars">★★★★★</div>
    </div>
  </div>

  <div class="bb-review-text">
    Prediksi mix parlay cukup akurat dan pilihan liga bola internasional sangat lengkap untuk dimainkan.
  </div>
</div>

<!-- 4 -->
<div class="bb-review-card">
  <div class="bb-review-head">
    <div class="bb-avatar">D</div>

    <div>
      <div class="bb-name">Dimas Saputra</div>
      <div class="bb-stars">★★★★★</div>
    </div>
  </div>

  <div class="bb-review-text">
    Customer service responsif saat membantu proses taruhan bola dan withdraw juga cepat tanpa kendala.
  </div>
</div>

<!-- 5 -->
<div class="bb-review-card">
  <div class="bb-review-head">
    <div class="bb-avatar">p</div>

    <div>
      <div class="bb-name">Putri Wulandari</div>
      <div class="bb-stars">★★★★★</div>
    </div>
  </div>

  <div class="bb-review-text">
    Saya sering menang lewat taruhan over under dan handicap karena pasaran yang tersedia cukup lengkap.
  </div>
</div>

<!-- 6 -->
<div class="bb-review-card">
  <div class="bb-review-head">
    <div class="bb-avatar">a</div>

    <div>
      <div class="bb-name">Agus Wirawan</div>
      <div class="bb-stars">★★★★★</div>
    </div>
  </div>

  <div class="bb-review-text">
    Situs taruhan bola terbaik menurut saya karena loading cepat dan jadwal pertandingan selalu update.
  </div>
</div>

  </div>

</section>

<style>
/* SECTION */
.bb-review-section{
  max-width:1100px;
  margin:40px auto;
  padding:25px;

  border:1px solid #00a2ff;
  border-radius:20px;

  background:#031321;

  box-shadow:
    0 0 15px rgba(0,162,255,.25);
}

/* TITLE */
.bb-review-title{
  text-align:center;
  font-size:34px;
  font-weight:800;
  margin-bottom:25px;

  color:#7dd3fc;

  text-shadow:
    0 0 10px #38bdf8,
    0 0 25px rgba(56,189,248,.4);
}

/* GRID 3 KOLOM */
.bb-review-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:18px;

  width:100%;
}

/* CARD */
.bb-review-card{
  background:#081726 !important;

  border:1px solid rgba(56,189,248,.35);
  border-radius:16px;

  padding:18px;

  box-sizing:border-box;

  overflow:hidden;

  box-shadow:
    0 0 12px rgba(56,189,248,.08);

  transition:.25s;
}

.bb-review-card:hover{
  transform:translateY(-4px);

  box-shadow:
    0 0 18px rgba(56,189,248,.25);
}

/* HEAD */
.bb-review-head{
  display:flex;
  align-items:center;
  gap:12px;

  margin-bottom:14px;
}

/* AVATAR */
.bb-avatar{
  width:52px;
  height:52px;

  min-width:52px;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:linear-gradient(135deg,#38bdf8,#2563eb);

  color:#fff;
  font-size:22px;
  font-weight:bold;

  box-shadow:
    0 0 12px rgba(56,189,248,.45);
}

/* NAME */
.bb-name{
  color:#fff;
  font-size:16px;
  font-weight:700;
}

/* STARS */
.bb-stars{
  color:#ffd700;
  font-size:14px;
  margin-top:2px;
}

/* TEXT */
.bb-review-text{
  color:#dbeafe;
  font-size:14px;
  line-height:1.7;

  border-top:1px solid rgba(56,189,248,.15);

  padding-top:12px;
}

/* TABLET */
@media(max-width:900px){

  .bb-review-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

/* MOBILE */
@media(max-width:600px){

  .bb-review-grid{
    grid-template-columns:1fr;
  }

  .bb-review-title{
    font-size:24px;
  }

  .bb-review-section{
    padding:16px;
  }

}
</style>

<section class="product-section" aria-label="Produk Rekomendasi">

  <header class="product-header">
    <h2>Produk Rekomendasi Terbaik</h2>
    <p>Dipilih berdasarkan popularitas &amp; performa pengguna</p>
  </header>

  <div class="product-grid" id="productGrid">

    <!-- FEATURED AUTO -->
    <article class="product-card featured">
      <span class="badge">🔥 BEST PICK</span>

      <a href="#" aria-label="Situs Slot88">
        <img loading="lazy" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="Situs Slot88">

        <div class="content">
          <h3>Situs Slot88</h3>

          <div class="meta">
            <span class="price">Rp 11.500.000</span>
            <span class="old-price">Rp 12.800.000</span>
          </div>

          <div class="info">
            <span>Terjual 200+</span>
            <span class="dot ready"></span>
          </div>
        </div>
      </a>
    </article>

    <!-- ITEM -->
    <article class="product-card">
      <a href="#">
        <img loading="lazy" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="Produk 2">

        <div class="content">
          <h3>Situs Pro</h3>
          <div class="meta">
            <span class="price">Rp 22.000.000</span>
            <span class="old-price">Rp 21.000.000</span>
          </div>
          <div class="info">
            <span>Terjual 120+</span>
            <span class="dot low"></span>
          </div>
        </div>
      </a>
    </article>

    <!-- ITEM -->
    <article class="product-card">
      <a href="#">
        <img loading="lazy" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="Produk 3">

        <div class="content">
          <h3>Bandar Slot Resmi</h3>
          <div class="meta">
            <span class="price">Rp 18.800.000</span>
          </div>
          <div class="info">
            <span>Terjual 50+</span>
            <span class="dot ready"></span>
          </div>
        </div>
      </a>
    </article>

    <!-- ITEM -->
    <article class="product-card">
      <a href="#">
        <img loading="lazy" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="Produk 3">

        <div class="content">
          <h3>Agen Slot</h3>
          <div class="meta">
            <span class="price">Rp 18.800.000</span>
          </div>
          <div class="info">
            <span>Terjual 50+</span>
            <span class="dot ready"></span>
          </div>
        </div>
      </a>
    </article>
    <!-- ITEM -->
    <article class="product-card">
      <a href="#">
        <img loading="lazy" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="Produk 3">

        <div class="content">
          <h3>Link Slot</h3>
          <div class="meta">
            <span class="price">Rp 18.800.000</span>
          </div>
          <div class="info">
            <span>Terjual 50+</span>
            <span class="dot ready"></span>
          </div>
        </div>
      </a>
    </article>
    <!-- ITEM -->
    <article class="product-card">
      <a href="#">
        <img loading="lazy" src="https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="Produk 3">

        <div class="content">
          <h3>Agen Slot Resmi</h3>
          <div class="meta">
            <span class="price">Rp 18.800.000</span>
          </div>
          <div class="info">
            <span>Terjual 50+</span>
            <span class="dot ready"></span>
          </div>
        </div>
      </a>
    </article>
    
  </div>

</section>
<style>
.product-section{
  max-width:1100px;
  margin:auto;
  padding:20px;
  font-family:system-ui,-apple-system,sans-serif;
}

.product-header h2{
  margin:0;
  font-size:20px;
}

.product-header p{
  font-size:13px;
  opacity:.7;
}

/* GRID SCROLL (FAST + LIGHT) */
.product-grid{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding-top:15px;
  scroll-snap-type:x mandatory;
}

/* CARD */
.product-card{
  flex:0 0 260px;
  background:#1a0000;
  border-radius:12px;
  overflow:hidden;
  scroll-snap-align:start;
  transition:.2s;
  position:relative;
  border:1px solid rgba(255,255,255,.05);
}

.product-card:hover{
  transform:translateY(-4px);
}

/* FEATURED */
.featured{
  border:1px solid gold;
  box-shadow:0 0 15px rgba(255,215,0,.15);
}

/* BADGE */
.badge{
  position:absolute;
  top:10px;
  left:10px;
  background:gold;
  font-size:10px;
  padding:3px 6px;
  border-radius:4px;
  font-weight:bold;
}

/* IMAGE */
.product-card img{
  width:100%;
  height:150px;
  object-fit:cover;
}

/* CONTENT */
.content{
  padding:10px;
}

.content h3{
  font-size:14px;
  margin:0 0 6px;
  color:#fff;
}

/* PRICE */
.meta{
  display:flex;
  gap:8px;
  align-items:center;
}

.price{
  color:#fff;
  font-weight:700;
}

.old-price{
  font-size:12px;
  text-decoration:line-through;
  opacity:.5;
}

/* INFO */
.info{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  font-size:11px;
  opacity:.8;
}

/* STOCK DOT */
.dot{
  width:8px;
  height:8px;
  border-radius:50%;
}

.ready{background:#00ff7b;}
.low{background:#ffcc00;}
</style>

<script>
document.addEventListener("DOMContentLoaded",()=>{
  const cards = document.querySelectorAll(".product-card");
  if(cards.length) cards[0].classList.add("featured");
});
</script>
    <button type="button"
            class="pd-scroll-top"
            id="pd-scroll-top"
            aria-label="Kembali ke atas"
            title="Kembali ke atas">
        <svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
            <path fill="currentColor" d="M7.41 14.59 12 10l4.59 4.59L18 13.17l-6-6-6 6z"/>
        </svg>
    </button>
</main>

<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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg" alt="BANDARBOLA855" class="pd-share-preview-img"><div class="pd-share-preview-info"><h3 class="pd-share-preview-name">BANDARBOLA855</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"><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://tierrechte-umsetzen.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>

<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>
<style>
.toast .msg { word-break: break-word; overflow-wrap: anywhere; }

.toast-root { bottom: max(12px, env(safe-area-inset-bottom, 12px)); }

@media (max-width: 540px) {
  .toast-root {
    left: 0; right: 0; transform: none;
    padding: 0 12px;
    bottom: calc(max(12px, env(safe-area-inset-bottom, 12px)) + var(--fab-offset, 72px));
    max-width: none;
  }
  .toast {
    grid-template-columns: 1fr; /* 1 kolom */
    position: relative;
    padding: 14px 14px 12px 14px;
    border-radius: 16px;
  }
  .toast .ico {
    position: absolute; left: 14px; top: 14px;
    margin: 0; transform: translateY(1px);
  }
  .toast .cnt { padding-left: 34px; }
  .toast .ttl { font-size: 15px; margin-bottom: 6px; }
  .toast .msg { font-size: 13px; opacity: .96; }
  .toast .actions {
    margin-top: 12px; gap: 10px; width: 100%;
    display: grid; grid-template-columns: 1fr 1fr;
  }
  .toast .btn { width: 100%; min-width: 0; padding: 10px 0; }
  .toast .close { position: absolute; right: 6px; top: 6px; }
}
</style>

<script nonce="se3iyzEHMc9FQEB4wSyd0w==">
(function adjustToastFabOffset(){
  const root = document.getElementById('toastRoot');
  if (!root) return;

  function isVisible(el){
    if (!el) return false;
    const cs = getComputedStyle(el);
    if (cs.display === 'none' || cs.visibility === 'hidden' || cs.opacity === '0') return false;
    const r = el.getBoundingClientRect();
    return r.width > 0 && r.height > 0;
  }

  function update(){
    const fab = document.getElementById('pd-mobile-fab');
    let extra = 16;
    if (isVisible(fab)) {
      const h = Math.round(fab.getBoundingClientRect().height) || 56;
      extra = h + 16; // FAB height + margin
    }
    root.style.setProperty('--fab-offset', extra + 'px');
  }

  window.addEventListener('resize', update, { passive: true });
  const fab = document.getElementById('pd-mobile-fab');
  if (window.ResizeObserver && fab) {
    const ro = new ResizeObserver(update);
    ro.observe(fab);
  }
  
  update();
})();
</script>
<div class="toast-root" id="toastRoot" aria-live="polite" aria-atomic="true"></div>

<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>'}
window.showToast=function(opts){const o=Object.assign({title:'',message:'',type:'info',duration:4000,actions:[]},opts||{});const el=document.createElement('div');el.className='toast '+(o.type||'info');el.setAttribute('role','status');el.style.position='relative';const acts=(o.actions||[]).map(a=>{const lab=a.label||'OK';const cls='btn'+(a.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>`;

    const close = ()=> {
      if (!el.parentNode) return;
      el.style.transition = 'transform .2s ease, opacity .2s ease';
      el.style.opacity = '0'; el.style.transform = 'translateY(10px)';
      setTimeout(()=>{ if (el.parentNode) el.parentNode.removeChild(el); }, 220);
    };

    el.querySelector('.close').addEventListener('click', close);
    el.querySelectorAll('.actions .btn').forEach(btn=>{
      btn.addEventListener('click', ()=>{
        const lab = btn.getAttribute('data-act');
        try {
          (o.actions||[]).forEach(a=>{ if (a.label===lab && typeof a.onClick==='function') a.onClick(); });
        } catch(_){}
        close();
      });
    });

    root.appendChild(el);
    setTimeout(close, o.duration);
    return el;
  };
})();

const _0x1a2b=[{"url":"https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.jpg"},{"url":"https://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.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://kilat.digital/images/2026/06/04/e427852b045c7f143316e092413a78db.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="1S83N9188RID";function getVariantSummaryText(){const a=document.getElementById('pd-variant-summary');if(!a)return '';const b=Array.from(a.querySelectorAll('.vs-item strong')).map(c=>c.textContent.trim()).filter(Boolean);return b.length?b.join(' / '):''}
function encodeVariantHash(id){if(!id||id<=0)return '';const xor=id^0x4A5D;return xor.toString(36)}
function decodeVariantHash(hash){if(!hash)return 0;const xor=parseInt(hash,36);return isNaN(xor)?0:xor^0x4A5D}

function 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:"1S83N9188RID",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})}

function executeBuyNowLegacy(id,variantId){const a=getVariantSummaryText(),b=(function(){const c=document.getElementById('pd-sku');return c?c.textContent.trim():_0x5e6f})();

    let willRedirect = false;
    try {
        if (window.addToCart) {
            window.addToCart(id, 1, variantId);
            willRedirect = false;
        }
    } catch(_){}

    if (willRedirect) {
        showToast({
            type: 'info',
            title: 'Menuju Keranjang',
            message: `<strong>${escapeHtml(PD_NAME)}</strong>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: 1`,
            duration: 1800
        });
        setTimeout(()=>{ window.location.href='/keranjang'; }, 1200);
    } else {
        showToast({
            type: 'warn',
            title: 'Fitur Beli Langsung Segera Hadir',
            message: `Sementara ini Anda bisa menambahkan produk ke keranjang terlebih dahulu.<br><strong>${escapeHtml(PD_NAME)}</strong>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}`,
            duration: 6000,
            actions: [
                { label: '+ Keranjang', onClick: ()=> { try{ if (window.addToCart) window.addToCart(id,1,variantId); }catch(_){} } },
                { label: 'Hubungi CS', variant: 'alt', onClick: ()=> { window.open('https://wa.me/855962124836','_blank'); } }
            ]
        });
    }
}

document.addEventListener('DOMContentLoaded',function(){var a=document.getElementById('pd-buy-form');if(a){a.addEventListener('submit',function(e){var b=parseInt(a.getAttribute('data-pid'),10)||0;if(window.addToCartSubmit){return window.addToCartSubmit(e,b)}})}});document.addEventListener('DOMContentLoaded',function(){var a=document.getElementById('btn-buy');if(a){a.addEventListener('click',function(){var b=a.getAttribute('data-id');buyNow(b)})}});

function _0x2m3n(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[m]))}

(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')}})})();

(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;slides.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})})();

/* ================= Simulasi Cicilan ================= */
(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'}

function _0x4o5p(bank){const a=getBasePrice();listEl.innerHTML='';const b=rates[bank]||{};let c=false;tenors.forEach(m=>{let d=b[m]??1;if(zeroEligible&&(bank==='BRI'||bank==='Mandiri')){d=1;c=true}const e=a/d;const f=m>0?Math.ceil((e/m)/100)*100:0;const g=document.createElement('li');g.className='inst-month-item';g.innerHTML=`<span class="tenor-badge">${m}x</span><span class="amount">${formatRupiah(f)} / bln</span>${zeroEligible&&(bank==='BRI'||bank==='Mandiri')?'<span class="tag tag-zero">0%</span>':''}`;listEl.appendChild(g)});zeroNote.style.display=c?'block':'none'}

card.addEventListener('click',function(ev){const a=ev.target.closest('.bank-tab');if(!a)return;card.querySelectorAll('.bank-tab').forEach(b=>{b.classList.remove('active');b.setAttribute('aria-selected','false')});a.classList.add('active');a.setAttribute('aria-selected','true');_0x4o5p(a.dataset.bank)});

window.instSetBasePrice=function(newPrice){setBasePrice(newPrice);_0x4o5p(activeBank())};_0x4o5p(activeBank());
})();

/* ====== Fokus gambar varian ====== */
function _0x6q7r(s){return String(s||'').toLowerCase().replace(/[^a-z0-9]+/g,'')}function _0x8s9t(u){try{return new URL(u,window.location.origin).pathname.split('/').pop().toLowerCase()}catch(e){try{return(u||'').split('/').pop().toLowerCase()}catch(_){return ''}}}
function _0xau1v(url,altOpt){const a=document.getElementById('pd-main-img'),b=document.getElementById('pd-thumb-gallery'),c=document.getElementById('pd-mobile-slider');if(a&&url){a.src=url;if(altOpt)a.alt=altOpt}if(b){const d=_0x8s9t(url);let e=null;b.querySelectorAll('.pd-thumb-btn').forEach(btn=>{const f=btn.getAttribute('data-full')||'',g=_0x8s9t(f)===d;if(g)e=btn;btn.classList.toggle('active',g)});if(e){const h=e.getAttribute('data-alt')||'',i=e.getAttribute('data-slug')||'';if(h&&a)a.alt=h;if(i&&a)a.dataset.slug=i}}
  if (c){
    const targetName = _0x8s9t(url);
    const slideImg = Array.from(c.querySelectorAll('img')).find(im => _0x8s9t(im.src) === targetName);
    if (slideImg){
      
      try {
        const container = c;
        const imgRect = slideImg.getBoundingClientRect();
        const contRect = container.getBoundingClientRect();
        const offsetLeft = slideImg.offsetLeft - container.offsetLeft;
        const center = offsetLeft - (container.clientWidth - slideImg.clientWidth) / 2;
        container.scrollTo({ left: Math.max(0, center), behavior: 'smooth' });
      } catch(_){
        
        slideImg.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
      }
    }
  }
}
function findImageForVariant(variant){
  if (!variant || !variant.attrs) return null;
  const tokens = [];
  try{
    Object.values(variant.attrs).forEach(v=>{
      if (!v) return;
      const raw = String(v);
      tokens.push(raw);
      tokens.push(normalize(raw));
    });
  }catch(_){}
  if (variant.sku){
    tokens.push(String(variant.sku));
    tokens.push(normalize(String(variant.sku)));
  }
  if (variant.image_url) {
      tokens.push(String(variant.image_url));
  }
  let best = null;
  let bestScore = -1;

  for (const g of (galleryData||[])){
    const slugN = normalize(g.slug||'');
    const altN  = normalize(g.alt||'');
    const file  = _0x8s9t(g.url||'');
    const fileN = normalize(file);
    const imgU  = g.url;

    for (const t of tokens){
      const tN = normalize(t);
      if (!tN) continue;

      let score = -1;
      if (imgU === tN) score = 300;
      if (slugN && slugN === tN) score = 300;
      else if (fileN && fileN.includes(tN)) score = 200;
      else if (altN && altN.includes(tN)) score = 120;

      if (score > bestScore){
        bestScore = score;
        best = g;
      }
      if (bestScore >= 300) break;
    }
    if (bestScore >= 300) break;
  }
  return bestScore >= 120 ? best : null;
}
function _0xey3z(variant){const a=_0xcw2x(variant);if(a&&a.url){_0xau1v(a.url,a.alt||'')}}

/* ====== Layout mobile ====== */
(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;

    let pricePlaced = false;
    let varPlaced = false;
    let titlePlaced = false;
    let promoPlaced = false;
    const mq = window.matchMedia('(max-width: 640px)');

    function apply(){
        if (mq.matches) {
            if (!titlePlaced && a && titleRow && d.contains(titleRow)) { try{a.appendChild(titleRow);titlePlaced=true;}catch(_){} }
            if (!pricePlaced && a && b) { try{a.appendChild(b);pricePlaced=true;}catch(_){} }
            if (!varPlaced && f && d && e) {
                try{
                    f.hidden = false;
                    if (i && !f.contains(i)) f.appendChild(i);
                    if (g && !f.contains(g)) f.appendChild(g);
                    if(d.contains(e))d.insertBefore(f, e);
                    varPlaced = true;
                }catch(_){}
            }
            if (!promoPlaced && promoBanner && compareSection && compareSection.parentNode) {
                try{
                    compareSection.parentNode.insertBefore(promoBanner, compareSection);
                    promoPlaced = true;
                }catch(_){}
            }
        } else {
            if (titlePlaced && titleRow && d) {
                try{
                    const vcombined = document.getElementById('pd-variant-combined');
                    if (vcombined && d.contains(vcombined)) {
                        d.insertBefore(titleRow, vcombined);
                    } else {
                        d.insertBefore(titleRow, d.firstChild);
                    }
                    titlePlaced=false;
                }catch(_){}
            }
            if (pricePlaced && b && c && c.parentNode) {
                try{c.parentNode.insertBefore(b, c.nextSibling);pricePlaced=false;}catch(_){}
            }
            if (varPlaced) {
                try{
                    if (i && j && j.parentNode && !j.parentNode.contains(i)) j.parentNode.insertBefore(i, j.nextSibling);
                    if (g && h && h.parentNode && !h.parentNode.contains(g)) h.parentNode.insertBefore(g, h.nextSibling);
                    if (f) { f.hidden = true; f.innerHTML = ''; }
                    varPlaced = false;
                }catch(_){}
            }
            if (promoPlaced && promoBanner && b) {
                try{
                    b.appendChild(promoBanner);
                    promoPlaced = false;
                }catch(_){}
            }
        }
    }

    mq.addEventListener ? mq.addEventListener('change', apply) : mq.addListener(apply);
    apply();

    const fab = document.getElementById('pd-mobile-fab');
    if (fab) {
        const pid = parseInt(fab.getAttribute('data-pid')||'0',10) || 325;
        const btnCart = document.getElementById('mf-cart');

        if (btnCart) btnCart.addEventListener('click', function(){
            const varInput = document.getElementById('pd-variant-id');
            const variantId = varInput ? parseInt(varInput.value||'0',10) : 0;
            try { if (window.addToCart) addToCart(pid, 1, variantId); } catch(_){}
            const variantText = getVariantSummaryText();
            const skuText = (function(){ const el=document.getElementById('pd-sku'); return el?el.textContent.trim():PD_SKU; })();
            showToast({
                type: 'success',
                title: 'Berhasil ditambahkan ke Keranjang',
                message: `<strong>${escapeHtml(PD_NAME)}</strong>${variantText?` · <em>${escapeHtml(variantText)}</em>`:''}<br>SKU: ${escapeHtml(skuText)} · Qty: 1`,
                duration: 5000,
                actions: [
                    { label: 'Lihat Keranjang', onClick: ()=> { window.location.href = '/keranjang'; } },
                    { label: 'Lanjut Belanja', variant: 'alt', onClick: ()=>{} }
                ]
            });
        });
    }
})();

/* ====== Auto-hide installment banner if sidebar too tall (Desktop only) ====== */
(function(){
    function adjustSidebarBanner() {
        if (window.innerWidth <= 768) return;
        const sidebar = document.querySelector('.pd-sidebar');
        const infoCard = document.querySelector('.pd-info-card');
        const banner = document.querySelector('.pd-side-card.inst-alt-banner.inst-alt-banner--compact');
        if (!sidebar || !infoCard || !banner) return;
        const sidebarHeight = sidebar.offsetHeight;
        const infoCardHeight = infoCard.offsetHeight;
        if (sidebarHeight > infoCardHeight) {
            banner.style.display = 'none';
        } else {
            banner.style.display = '';
        }
    }
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', adjustSidebarBanner);
    } else {
        adjustSidebarBanner();
    }
    let resizeTimer;
    window.addEventListener('resize', function() {
        clearTimeout(resizeTimer);
        resizeTimer = setTimeout(adjustSidebarBanner, 250);
    });
    const pwpSection = document.getElementById('pwp-deals-section');
    if (pwpSection) {
        const observer = new MutationObserver(function(mutations) {
            let shouldRecheck = false;
            mutations.forEach(function(mutation) {
                if (mutation.type === 'attributes' && mutation.attributeName === 'hidden') {
                    shouldRecheck = true;
                } else if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                    shouldRecheck = true;
                }
            });
            if (shouldRecheck) {
                setTimeout(adjustSidebarBanner, 100);
            }
        });
        observer.observe(pwpSection, {
            attributes: true,
            childList: true,
            subtree: true
        });
    }
    window.adjustSidebarBanner = adjustSidebarBanner;
})();

/* ====== Global constants ====== */
const IS_DIGITAL=false;
const IS_PREORDER=false;

/* ====== Variants state (REVISED) ====== */
(function initVariants(){
const _0x7g8h=[];window.variants=_0x7g8h;
window.isPreorderProduct=false;
    const attrOrder = [];

    if (!variants.length || !attrOrder.length) return;

    function comboKey(sel){
        return attrOrder.map(a => a + '=' + (sel[a] ?? '')).join('|');
    }

    const variantMap = {};
    variants.forEach(v=>{
        const key = comboKey(v.attrs);
        variantMap[key] = v;
    });

    function readSelection(){
        const sel = {};
        attrOrder.forEach(a=>{
            const r = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio]:checked`);
            sel[a] = r ? r.value : '';
        });
        return sel;
    }

    function findVariant(sel){
        return variantMap[comboKey(sel)] || null;
    }

    function autoFillMissing(sel){
        let changed = false;
        for (const a of attrOrder) {
            if (sel[a]) continue;
            const possible = [];
            const seen = new Set();
            variants.forEach(v=>{
                let ok = true;
                for (const a2 of attrOrder) {
                    if (a2 === a) continue;
                    if (sel[a2] && v.attrs[a2] !== sel[a2]) { ok = false; break; }
                }
                if (ok) {
                    const val = v.attrs[a];
                    if (!seen.has(val)) { seen.add(val); possible.push(val); }
                }
            });
            if (possible.length === 1) {
                const val = possible[0];
                const input = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio][value="${CSS.escape(val)}"]`);
                if (input && !input.checked) { input.checked = true; sel[a] = val; changed = true; }
            }
        }
        return changed;
    }

    function rupiah(n){
        n = parseInt(n||0,10)||0;
        return 'Rp ' + n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,'.');
    }
    
    function focusGalleryByUrl(imageUrl) {
        const isMobile = window.matchMedia && window.matchMedia('(max-width: 640px)').matches;
          if (isMobile) {
            _0xau1v(imageUrl);
            return;
          }
        
          const gallery = document.getElementById('pd-thumb-gallery');
          const targetName = _0x8s9t(imageUrl);
        
          if (gallery) {
            const btns = Array.from(gallery.querySelectorAll('.pd-thumb-btn'));
            const btn = btns.find(b => _0x8s9t(b.getAttribute('data-full') || '') === targetName);
            if (btn) { btn.click(); return; }
          }
          
          _0xau1v(imageUrl);
    }
    

function formatStockLabel(n){n=parseInt(n||0,10)||0;return(n>10)?'10+':String(n)}
function updateBranchPopover(v){try{if(!v)return;const a=document.getElementById('sp-qty-meg'),b=document.getElementById('sp-qty-mdf'),c=document.getElementById('sp-qty-bda');if(a)a.textContent=formatStockLabel(Math.max(0,v.smm|0));if(b)b.textContent=formatStockLabel(Math.max(0,v.smf|0));if(c)c.textContent=formatStockLabel(Math.max(0,v.sba|0))}catch(_){}}

    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)}

    function applyVariant(v, focusImage = true){
        const elCur  = document.getElementById('pd-price-current');
        const elOri  = document.getElementById('pd-price-original');
        const elDisc = document.getElementById('pd-discount-badge');
        const elSku  = document.getElementById('pd-sku');
        const elStock= document.getElementById('pd-stock-badge');
        const elQty  = document.getElementById('qty');
        const btnAdd = document.getElementById('btn-add-cart');
        const btnBuy = document.getElementById('btn-buy');
        const hidVar = document.getElementById('pd-variant-id');

        const mfCart= document.getElementById('mf-cart');
        const mfBuy = document.getElementById('mf-buy');
        const fab = document.getElementById('pd-mobile-fab');

        if (hidVar) hidVar.value = v ? v.id : 0;
        if (elCur) elCur.textContent = rupiah(v ? v.final : 0);
        if (elSku && v && v.sku) elSku.textContent = v.sku;

        if (v && v.ori > v.final) {
            if (elOri) { elOri.style.display='inline'; elOri.textContent = rupiah(v.ori); }
            if (elDisc) { elDisc.style.display='inline'; elDisc.textContent = '-' + (v.disc||0) + '%'; }
        } else {
            if (elOri) elOri.style.display='none';
            if (elDisc) elDisc.style.display='none';
        }

        const stock = v ? (parseInt(v.stock||0,10)||0) : 0;
        let effectiveStock = stock;
        let isActivePreorder = false;
        if (window.isPreorderProduct && v && 'preorder_remaining' in v && v.preorder_remaining !== null) {
            effectiveStock = parseInt(v.preorder_remaining, 10);
            if (isNaN(effectiveStock)) effectiveStock = 0;
            isActivePreorder = true;
        }
        if (elStock){
            elStock.classList.remove('in','out');
            if (effectiveStock>0){ 
                elStock.classList.add('in'); 
                elStock.textContent = IS_DIGITAL ? 'Tersedia' : (isActivePreorder ? 'Sisa Slot: ' + effectiveStock : 'Stok: ' + formatStockLabel(effectiveStock)); 
            } else { 
                elStock.classList.add('out'); 
                elStock.textContent = 'Habis'; 
            }
        }
        if (elQty){
            elQty.max = String(effectiveStock>0?effectiveStock:0);
            if (effectiveStock<=0) { elQty.value = '0'; elQty.disabled = true; }
            else { if (parseInt(elQty.value||'1',10) < 1) elQty.value='1'; elQty.disabled=false; }
        }
        
        const shouldDisable = !(v && effectiveStock>0);
        const updateButtons = () => {
            const btnAddCart = document.getElementById('btn-add-cart');
            const btnBuyNow = document.getElementById('btn-buy');
            const mobileCart = document.getElementById('mf-cart');
            const mobileBuy = document.getElementById('mf-buy');
            [btnAddCart, btnBuyNow, mobileCart, mobileBuy].forEach(btn => {
                if (!btn) return;
                if (shouldDisable) {
                    btn.disabled = true;
                    btn.setAttribute('disabled', 'disabled');
                    btn.classList.add('stock-disabled');
                    btn.setAttribute('data-stock-blocked', 'true');
                    btn.setAttribute('data-stock-reason', window.isPreorderProduct ? 'Pre-order habis' : 'Stok habis');
                } else {
                    btn.disabled = false;
                    btn.removeAttribute('disabled');
                    btn.classList.remove('stock-disabled');
                    btn.removeAttribute('data-stock-blocked');
                    btn.removeAttribute('data-stock-reason');
                }
            });
        };
        updateButtons();
        setTimeout(updateButtons, 10);
        setTimeout(updateButtons, 50);
        setTimeout(updateButtons, 100);
        if (mfBuy && v) {
            const voucherBtn = document.getElementById('btn-buy-voucher');
            const voucherCode = fab ? fab.dataset.voucherCode : '';
            let voucherDiscount = 0;
            
            if (voucherBtn && voucherCode) {
                const vType = voucherBtn.dataset.voucherType;
                const vValue = parseFloat(voucherBtn.dataset.voucherValue) || 0;
                const vMax = parseFloat(voucherBtn.dataset.voucherMax) || 0;
                const finalPrice = v.final || 0;
                if (vType && vValue > 0) {
                    voucherDiscount = calcVoucherDisc(vType, vValue, finalPrice, vMax);
                    if (fab) fab.dataset.voucherValue = voucherDiscount.toString();
                }
            }
            
            const finalPrice = v.final || 0;
            const textEl = mfBuy.querySelector('.mf-buy-text');
            const priceEl = mfBuy.querySelector('.mf-buy-price');
            
            if (effectiveStock > 0) {
                    if (IS_PREORDER) {
                        if (textEl) textEl.textContent = 'Pre Order Sekarang';
                        if (priceEl) priceEl.textContent = rupiah(finalPrice);
                    } else if (voucherCode && voucherDiscount > 0) {
                        if (textEl) textEl.textContent = 'Beli dengan Voucher';
                        if (priceEl) priceEl.textContent = rupiah(Math.max(0, finalPrice - voucherDiscount));
                    } else {
                        if (textEl) textEl.textContent = 'Beli Sekarang';
                        if (priceEl) priceEl.textContent = rupiah(finalPrice);
                    }
                } else {
                    if (textEl) textEl.textContent = 'Stok Habis';
                    if (priceEl) priceEl.textContent = rupiah(finalPrice);
                }
            }
        
        const isMobile = window.initMobile ?? 0;
        if (window.instSetBasePrice) window.instSetBasePrice(v ? (isMobile == '1' ? v.ori : v.final) : 0);
        if (window.updateSoldBySku) window.updateSoldBySku(v.sku);
        updateBranchPopover(v);
        if (v && v.image_url && focusImage) focusGalleryByUrl(v.image_url);
        if (v) {
            window.dispatchEvent(new CustomEvent('pd-variant-changed', {
                detail: {
                    price: v.final,
                    originalPrice: v.ori,
                    discount: v.disc,
                    stock: effectiveStock,
                    sku: v.sku,
                    variant_id: v.id
                }
            }));
            
            const encodedHash = encodeVariantHash(v.id);
            if (encodedHash && window.history && window.history.replaceState) {
                const newHash = '#v=' + encodedHash;
                const newUrl = window.location.pathname + window.location.search + newHash;
                window.history.replaceState(null, '', newUrl);
            }
        }
    }

    let sel = readSelection();
    if (autoFillMissing(sel)) sel = readSelection();

    let v = findVariant(sel);
    if (!v) {
        const candidates = variants.filter(variant=>{
            return attrOrder.every(a=>{
                if (!sel[a]) return true;
                return variant.attrs[a] === sel[a];
            });
        });
        if (candidates.length >= 1) {
            v = candidates[0];
            attrOrder.forEach(a=> sel[a] = v.attrs[a]);
            attrOrder.forEach(a=>{
                const val = sel[a];
                const input = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"] input[type=radio][value="${CSS.escape(val)}"]`);
                if (input) input.checked = true;
            });
        }
    }

    const initSel = readSelection();
    const initVar = findVariant(initSel) || variants[0] || null;
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', () => applyVariant(initVar, false));
    } else {
        applyVariant(initVar, false);
    }
    
function updateSummary(sel){Object.entries(sel).forEach(([a,val])=>{const el=document.getElementById('vs-'+a);if(el)el.textContent=val||'-'})}
    function refreshOptions(sel){
        attrOrder.forEach(a=>{
            const group = document.querySelector(`.v-group[data-attr="${CSS.escape(a)}"]`);
            if (!group) return;
            const chips = group.querySelectorAll('.v-chip');
            chips.forEach(ch=>{
                const val = ch.getAttribute('data-value');
                const possible = variants.some(v=>{
                    if (v.attrs[a] !== val) return false;
                    for (const a2 of attrOrder) {
                        if (a2 === a) continue;
                        if (sel[a2] && v.attrs[a2] !== sel[a2]) return false;
                    }
                    return true;
                });
                const input = ch.querySelector('input[type=radio]');
                const disabled = !possible;
                if (input) input.disabled = disabled;
                ch.classList.toggle('disabled', disabled);

                let candidateVariant = null;
                if (possible) {
                    candidateVariant = variants.find(v=>{
                        if (v.attrs[a] !== val) return false;
                        for (const a2 of attrOrder) {
                            if (a2 === a) continue;
                            if (sel[a2] && v.attrs[a2] !== sel[a2]) return false;
                        }
                        return true;
                    });
                }
                const outOfStock = candidateVariant ? (window.isPreorderProduct && candidateVariant.preorder_remaining !== null ? candidateVariant.preorder_remaining <= 0 : candidateVariant.stock <= 0) : false;
                ch.classList.toggle('out', !disabled && outOfStock);
                const badge = ch.querySelector('.chip-badge');
                if (badge) badge.hidden = !(candidateVariant && outOfStock);
            });
            group.querySelectorAll('.v-chip').forEach(ch=>{
                const input = ch.querySelector('input[type=radio]');
                ch.classList.toggle('selected', input && input.checked);
            });
        });
    }
    updateSummary(sel);
    refreshOptions(sel);
    document.querySelectorAll('.v-chip').forEach(chip=>{const input=chip.querySelector('input[type=radio]');if(input&&input.checked){chip.classList.add('selected');}});

    const container = document.getElementById('pd-variants');
    container && container.addEventListener('change', function(ev){
        const radio = ev.target.closest('input[type=radio]');
        if (!radio) return;
        sel = readSelection();
        if (autoFillMissing(sel)) sel = readSelection();
        const chosen = findVariant(sel);
        applyVariant(chosen || null, true);
        
        updateSummary(sel);
        refreshOptions(sel);
    });
    
window.applyVariant=applyVariant;
})();

(function cleanBrokenDescImages(){
    const containers = [
        document.querySelector('.pd-full-desc-body'),
        document.querySelector('.pd-short-desc')
    ].filter(Boolean);

    containers.forEach(root => {
        const imgs = root.querySelectorAll('img');
        imgs.forEach(img => {
            if (img.complete && img.naturalWidth === 0) {
                img.remove();
                return;
            }
            img.addEventListener('error', () => {
                img.remove();
            }, { once:true });
        });
    });
})();

/* ====== Scroll To Top ====== */
(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'})})})();

/* Format stok 10+ */
function _0xk67l(n){n=parseInt(n||0,10)||0;return n>10?'10+':String(n)}

/* Toggle popover stok per cabang */
(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=''}}
function e(){d();b.classList.add('show');a.setAttribute('aria-expanded','true');b.setAttribute('aria-hidden','false');document.addEventListener('click',g,{capture:true});window.addEventListener('resize',d,{passive:true});window.addEventListener('scroll',d,{passive:true})}function f(){b.classList.remove('show');a.setAttribute('aria-expanded','false');b.setAttribute('aria-hidden','true');document.removeEventListener('click',g,{capture:true});window.removeEventListener('resize',d);window.removeEventListener('scroll',d)}function g(h){if(b.contains(h.target)||a.contains(h.target))return;f()}
a.addEventListener('click',function(h){h.preventDefault();b.classList.contains('show')?f():e()});if(c)c.addEventListener('click',f)})();

/* ===== Share Product Modal ===== */
(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://tierrechte-umsetzen.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=encodeURIComponent(i),q=encodeURIComponent(g);let r='';switch(n){case 'whatsapp':r=`https://wa.me/?text=${p}${o}`;break;case 'facebook':r=`https://www.facebook.com/sharer/sharer.php?u=${o}`;break;case 'twitter':r=`https://twitter.com/intent/tweet?text=${p}${o}`;break;case 'telegram':r=`https://t.me/share/url?url=${o}&text=${p}`;break;case 'email':r=`mailto:?subject=${encodeURIComponent('🔥 Cek Produk Keren Ini!')}&body=${p}${o}`;window.location.href=r;k();return;case 'copy':s();return;case 'pdf':const ps=document.querySelector('.product-single');if(ps){ps.setAttribute('data-print-date',new Date().toLocaleDateString('id-ID',{year:'numeric',month:'long',day:'numeric'}))}k();setTimeout(function(){window.print();try{if(window.ga4Ecomm&&window.ga4Ecomm.trackEvent)window.ga4Ecomm.trackEvent('share',{method:'pdf_export',content_type:'product',item_id:"1S83N9188RID"})}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:"1S83N9188RID"})}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)}})();

/* ===== Embedding variants (server → client) ===== */
(function(){
  window.__PD_VARIANTS_WITH_BRANCH__ = [];
})();

/* ===== Helper: update angka popover ===== */
function updateStockPopoverForVariant(v){
  try{
    const elMeg = document.getElementById('sp-qty-meg');
    const elMdf = document.getElementById('sp-qty-mdf');
    const elBda = document.getElementById('sp-qty-bda');

    if (typeof v?.smm === 'number' && elMeg) elMeg.textContent = formatStockLabel(Math.max(0, v.smm|0));
    if (typeof v?.smf === 'number' && elMdf) elMdf.textContent = formatStockLabel(Math.max(0, v.smf|0));
    if (typeof v?.sba === 'number' && elBda) elBda.textContent = formatStockLabel(Math.max(0, v.sba|0));
  }catch(_){}
}

/* ===== applyVariant: 10+ dan update popover ===== */
(function patchApplyVariant(){
  if (typeof applyVariant !== 'function') return;
  const original = applyVariant;
  window.applyVariant = function(v){
    original(v);
    
    try {
      const elStock = document.getElementById('pd-stock-badge');
      if (elStock){
        let txt = elStock.textContent || '';
        let m = txt.match(/\d+/);
        if (m) {
          const n = parseInt(m[0]||'0',10)||0;
          elStock.textContent = (n>0) ? ('Stok: ' + formatStockLabel(n)) : 'Habis';
        }
      }
    } catch(_){}
if(window.__PD_VARIANTS_WITH_BRANCH__&&v){const vv=window.__PD_VARIANTS_WITH_BRANCH__.find(x=>x.id===v.id)||v;updateStockPopoverForVariant(vv)}
  };
})();

(function initCurrentVariantBranch(){
  const list = window.__PD_VARIANTS_WITH_BRANCH__ || [];
  if (!list.length) return;
  const hid = document.getElementById('pd-variant-id');
  const vid = hid ? parseInt(hid.value||'0',10) : 0;
  const current = list.find(x => x.id === vid) || list[0] || null;
  if (current) updateStockPopoverForVariant(current);
})();

(function(){
    if (!window.ga4Ecomm) return;
    const catSegs = ["Komputer & Laptop","Laptop","Gaming"];
    window.ga4Ecomm.viewItem({
      currency: 'IDR',
      value: 20789000,
      item_id: "1S83N9188RID",
      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: catSegs && catSegs.length ? catSegs.join(' / ') : ''
    });
  })();
  
(function patchApplyVariantFocus(){
  if (typeof applyVariant !== 'function') return;
  const original = applyVariant;
  window.applyVariant = function(v, focusImage = true){
    
    original(v, focusImage);
    
    if (focusImage && v && v.image_url) {
      _0xau1v(v.image_url);
    }
  };
})();

(function() {
  var soldMap = [];
  var soldTotalLabel = "Terjual 457 75
  4//";

  function formatSoldLabel(qty) {
    if (qty >= 1000000) {
      var v = Math.floor((qty / 100000) ) / 10;
      return 'Terjual ' + (String(v).replace('.', ',')) + 'jt+';
    }
    if (qty >= 1000) {
      var v2 = Math.floor((qty / 100) ) / 10;
      return 'Terjual ' + (String(v2).replace('.', ',')) + 'rb+';
    }
    if (qty >= 100) {
      var v2 = Math.floor((qty / 100) ) * 100;
      return 'Terjual ' + (String(v2).replace('.', ',')) + '+';
    }
    if (qty >= 10) {
      var v2 = Math.floor((qty / 10) ) * 10;
      return 'Terjual ' + (String(v2).replace('.', ',')) + '+';
    }
    return 'Terjual ' + (qty.toLocaleString('id-ID'));
  }

  function updateSoldLabel(labelText) {
    var el = document.querySelector('#pd-sold-inline, [data-role="sold-chip"]');
    if (el) el.textContent = labelText;
  }

  window.updateSoldBySku = function(sku) {
    if (!sku || typeof sku !== 'string') {
      updateSoldLabel(soldTotalLabel);
      return;
    }
    var qty = soldMap[sku] || 0;
    updateSoldLabel(formatSoldLabel(qty));
  };

    updateSoldLabel(soldTotalLabel);
  })();

(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)}})}
function 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}
const ch=document.getElementById('pd-sticky-chat');if(ch){ch.addEventListener('click',function(e){e.preventDefault();if(!window.plazaChat){console.warn('Chat widget not loaded');return}window.plazaChat.attachProduct(getChatProductData());window.plazaChat.openWidget()})}const dch=document.getElementById('btn-chat-icon');if(dch){dch.addEventListener('click',function(e){e.preventDefault();if(!window.plazaChat){console.warn('Chat widget not loaded');return}window.plazaChat.attachProduct(getChatProductData());window.plazaChat.openWidget()})}const mch=document.getElementById('mf-chat');if(mch){mch.addEventListener('click',function(e){e.preventDefault();if(!window.plazaChat){console.warn('Chat widget not loaded');return}window.plazaChat.attachProduct(getChatProductData());window.plazaChat.openWidget()})}window.addEventListener('pd-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}});function formatRupiah(n){return'Rp'+Math.floor(n).toLocaleString('id-ID')}})();

(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')}})();
</script>
<script nonce="se3iyzEHMc9FQEB4wSyd0w==">
window.PD_ID=325;window.PD_NAME=_0x3c4d;window.PD_SKU=_0x5e6f;window.PD_CATEGORY_PATH="Komputer & Laptop/Laptop/Gaming";window.PD_BEST_VOUCHER=null;
window.IS_DIGITAL=IS_DIGITAL;
window.isPreorderProduct=false;
window.PD_PREORDER_DATA=null;
</script>

<script src="https://www.projectpurr-al.com/assets/js/pd-lightbox.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/cart.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/stock-validator-vanilla.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/pd-addtocart.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/pd-buynow.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/pd-voucher-recalc.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<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>

<script nonce="se3iyzEHMc9FQEB4wSyd0w==">
(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:'/',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'}})}}

function _0x1k2l(){var a=document.querySelector('.qoala-cta[data-ga-event="qoala_banner_click"]');if(a){a.addEventListener('click',function(e){_0x9i0j(this)})}}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',_0x1k2l)}else{_0x1k2l()}})();

(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()}})})();
</script><footer class="site-footer footer-compact variant-stripes" role="contentinfo">
  <div class="ft-top ft-collapsible" id="ftTop">
    <div class="container ft-grid">

      <div class="ft-col ft-help">
        <h4 class="ft-title">Butuh Bantuan?</h4>
        <p class="ft-desc">Hubungi kami melalui Official WhatsApp interaktif sekarang.</p>
        <a class="ft-wa-btn" href="#" target="_blank" rel="nofollow noopener">
          <span class="ico" aria-hidden="true">
            <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>
          </span>
          Kirim Pesan
        </a>

        <p class="ft-desc sm-gap">Ikuti kami:</p>
        <div class="ft-social">
          <a aria-label="Facebook" href="https://facebook.com/"><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>
          <a aria-label="Instagram" href="https://www.instagram.com/"><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.8V7.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>
          <a aria-label="TikTok" href="https://www.tiktok.com/"><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>
        </div>
      </div>

            <!-- Collapsible Content Wrapper (Non-Homepage Only) -->
      <div class="ft-collapsible-content" id="ftCollapsible">
      
      <div class="ft-col">
        <h4 class="ft-title">Tentang BANDARBOLA855</h4>
        <ul class="ft-links">
          <li><a href="/">Tentang Kami</a></li>
          <li><a href="/">Kontak Kami</a></li>
          <li><a href="/">Lokasi Toko</a></li>
          <li><a href="/">FAQ</a></li>
        </ul>
      </div>

      <div class="ft-col">
        <h4 class="ft-title">Informasi</h4>
        <ul class="ft-links">
          <li><a href="/">Syarat &amp; Ketentuan</a></li>
          <li><a href="/">Kebijakan Privasi</a></li>
          <li><a href="/">Kebijakan Cookie</a></li>
          <li><a href="/">Pengiriman &amp; Pengembalian</a></li>
          <li><a href="/">Pembayaran &amp; Cicilan</a></li>
          <li><a href="/">Garansi &amp; Layanan</a></li>
        </ul>

        <div class="ft-payments payments-small" aria-label="Metode Pembayaran">
          <div class="pay-row">
            <img src="https://www.projectpurr-al.com/assets/img/payments/mandiri.svg" alt="Mandiri" loading="lazy">
            <img src="https://www.projectpurr-al.com/assets/img/payments/bni.svg" alt="BNI" loading="lazy">
            <img src="https://www.projectpurr-al.com/assets/img/payments/bri.svg" alt="BRI" loading="lazy">
            <img src="https://www.projectpurr-al.com/assets/img/payments/bsi.svg" alt="BSI" loading="lazy">
            <img src="https://www.projectpurr-al.com/assets/img/payments/cimb-logo.svg" alt="ShopeePay" loading="lazy">
          </div>
        </div>
      </div>

            </div>
      <!-- End Collapsible Content -->
      
      <!-- Expand Button (Mobile Only) -->
      <button class="ft-expand-btn" id="ftExpandBtn" aria-label="Lihat semua informasi footer">
        <span class="expand-text">Selengkapnya</span>
        <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor">
          <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
        </svg>
      </button>
      
    </div>
  </div>
  <div class="ft-bottom">
    <div class="container ft-bottom-inner">
      <div class="ft-copy">
        <span>SEO RAIZEL &copy; <span id="yearNow">2026</span></span>
        <span>PT BANDARBOLA855. All rights reserved.</span>
      </div>
    </div>
  </div>
        <div class="modal-overlay" id="chatLoginModal">
            <div class="modal-dialog">
                <div class="modal-header">
                    <h3 class="modal-title">
                        <div class="modal-icon info">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                                <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"/>
                            </svg>
                        </div>
                        Login Diperlukan
                    </h3>
                </div>
                <div class="modal-body">
                    <p class="modal-message">Anda harus login terlebih dahulu untuk menggunakan fitur chat bantuan pelanggan.</p>
                    <div class="modal-actions">
                        <button class="modal-btn modal-btn-secondary" id="chatLoginCancel">Batal</button>
                        <button class="modal-btn modal-btn-primary" id="chatLoginConfirm">Login Sekarang</button>
                    </div>
                </div>
            </div>
        </div>
        <script src="https://www.projectpurr-al.com/assets/js/chat-widget.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script><script src="https://www.projectpurr-al.com/assets/js/chat-notification.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>  
    <!-- Footer Collapse Toggle Script -->
  <script nonce="se3iyzEHMc9FQEB4wSyd0w==">
  document.addEventListener('DOMContentLoaded', function() {
    const ftTop = document.getElementById('ftTop');
    const expandBtn = document.getElementById('ftExpandBtn');
    
    if (ftTop && expandBtn) {
      const expandText = expandBtn.querySelector('.expand-text');
      
      expandBtn.addEventListener('click', function() {
        ftTop.classList.toggle('expanded');
        const isExpanded = ftTop.classList.contains('expanded');
        if (expandText) {
          expandText.textContent = isExpanded ? 'Sembunyikan' : 'Selengkapnya';
        }
      });
    }
  });
  </script>
  </footer>

<!-- Compare Sidebar Overlay -->
<div class="compare-overlay" id="compareOverlay"></div>

<!-- Floating Compare Badge (Sticky) -->
<button class="compare-floating-badge" id="compareFloatingBadge" aria-label="Lihat produk yang dibandingkan" style="display:none;">
  <svg class="cfb-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
    <path d="M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z"/>
  </svg>
  <span class="cfb-text">Bandingkan</span>
  <span class="cfb-count" id="cfbCount">0</span>
</button>

<!-- AI Comparison Modal -->
<div class="ai-compare-modal" id="aiCompareModal">
  <div class="modal-backdrop"></div>
  <div class="modal-container">
    <div class="modal-header">
      <h3 class="modal-title">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
          <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"/>
        </svg>
        Analisis AI: Perbandingan Produk
      </h3>
      <button class="modal-close" id="aiCompareModalClose" aria-label="Tutup">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
          <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"/>
        </svg>
      </button>
    </div>
    
    <div class="modal-content">
      <!-- Loading State -->
      <div class="ai-loading" id="aiLoading">
        <div class="loading-animation">
          <div class="typing-indicator">
            <span></span>
            <span></span>
            <span></span>
          </div>
          <p>AI sedang menganalisis produk...</p>
          <small>Proses ini membutuhkan waktu 10-30 detik</small>
        </div>
      </div>
      
      <!-- Error State -->
      <div class="ai-error" id="aiError" hidden>
        <div class="error-icon">
          <svg width="48" height="48" viewBox="0 0 24 24" fill="#ef4444">
            <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"/>
          </svg>
        </div>
        <h4>Analisis AI Gagal</h4>
        <p id="aiErrorMessage">Terjadi kesalahan saat memproses analisis.</p>
        <button class="btn btn-outline-primary" id="aiRetry">Coba Lagi</button>
      </div>
      
      <!-- Analysis Results -->
      <div class="ai-results" id="aiResults" hidden>
        <!-- Summary Section -->
        <div class="ai-summary-card">
          <h4>
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <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"/>
            </svg>
            Ringkasan Analisis
          </h4>
          <p id="aiSummary" class="summary-text"></p>
          <div class="winner-badge" id="winnerBadge">
            <strong>Rekomendasi Terbaik:</strong> <span id="winnerProduct"></span>
            <small id="winnerReason"></small>
          </div>
        </div>
        
        <!-- Comparison Table -->
        <div class="ai-comparison-table">
          <h4>
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <path d="M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z"/>
            </svg>
            Perbandingan Detail
          </h4>
          <div id="comparisonTable" class="comparison-grid"></div>
        </div>
        
        <!-- Detailed Analysis -->
        <div class="ai-detailed-analysis">
          <h4>
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <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"/>
            </svg>
            Analisis Mendalam
          </h4>
          <div id="detailedAnalysis" class="products-analysis"></div>
        </div>
        
        <!-- Recommendations -->
        <div class="ai-recommendations">
          <h4>
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <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"/>
            </svg>
            Rekomendasi Berdasarkan Kebutuhan
          </h4>
          <div class="recommendations-grid">
            <div class="recommendation-card">
              <h5>💰 Budget Conscious</h5>
              <p id="budgetRecommendation"></p>
            </div>
            <div class="recommendation-card">
              <h5>⚡ Performance Focused</h5>
              <p id="performanceRecommendation"></p>
            </div>
            <div class="recommendation-card">
              <h5>⚖️ Balanced Choice</h5>
              <p id="balancedRecommendation"></p>
            </div>
          </div>
        </div>
        
        <!-- Buying Tips -->
        <div class="ai-tips">
          <h4>
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <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,6M5,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"/>
            </svg>
            Tips Pembelian
          </h4>
          <ul id="buyingTips" class="tips-list"></ul>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Cart Login Modal -->
<div class="modal-overlay" id="cartLoginModal">
  <div class="modal-dialog">
    <div class="modal-header">
      <h3 class="modal-title">
        <div class="modal-icon info">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
            <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"/>
          </svg>
        </div>
        Login untuk Melanjutkan
      </h3>
    </div>
    <div class="modal-body">
      <p class="modal-message" style="margin-bottom: 16px;">Silakan login atau daftar untuk mengakses keranjang belanja dan menyelesaikan pesanan Anda.</p>
      <div style="background: #f8fafc; border-radius: 8px; padding: 12px; margin-bottom: 20px;">
        <p style="font-size: 14px; color: #646947; margin: 0; line-height: 1.6;">
          <strong style="color: #2a2a0f;">Keuntungan dengan akun:</strong><br>
          ✓ Simpan keranjang belanja Anda<br>
          ✓ Lacak status pesanan secara real-time<br>
          ✓ Checkout lebih cepat dengan data tersimpan<br>
          ✓ Dapatkan notifikasi promo & diskon eksklusif
        </p>
      </div>
      <div class="modal-actions">
        <button class="modal-btn modal-btn-secondary" id="cartLoginCancel">Batal</button>
        <button class="modal-btn modal-btn-primary" id="cartLoginConfirm" style="background: #ff6b35; border-color: #ff6b35;">Login</button>
        <button class="modal-btn modal-btn-primary" id="cartRegisterBtn" style="background: #f7931e; border-color: #f7931e;">Daftar</button>
      </div>
    </div>
  </div>
</div>


<script src="https://www.projectpurr-al.com/assets/js/app.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/site-notice.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/guest-cart.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/cart.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script defer src="https://www.projectpurr-al.com/assets/js/mega-menu-tiles.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
    <script src="https://www.projectpurr-al.com/assets/js/benchmark.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
  <script src="https://www.projectpurr-al.com/assets/js/product-compare.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
<script src="https://www.projectpurr-al.com/assets/js/product-card-actions.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
    <script src="https://www.projectpurr-al.com/assets/js/product-reviews.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
    <script src="https://www.projectpurr-al.com/assets/js/review-submission.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
    
    
    <!-- PREMIUM FIXED FOOTER -->
<!-- PREMIUM FIXED FOOTER -->


<div class="bb-premium-footer">

  <!-- BONUS -->
  <a href="https://zoo.tierrechte-umsetzen.org/" class="bb-nav-btn">
    <span class="bb-icon">
      <i class="fa-solid fa-gift"></i>
    </span>

    <span class="bb-text">BONUS</span>
  </a>

  <!-- TELEGRAM -->
  <a href="https://zoo.tierrechte-umsetzen.org/" class="bb-nav-btn">
    <span class="bb-icon">
      <i class="fa-brands fa-telegram"></i>
    </span>

    <span class="bb-text">TELEGRAM</span>
  </a>

  <!-- DAFTAR -->
  <a href="https://zoo.tierrechte-umsetzen.org/" class="bb-nav-btn bb-nav-center">
    <span class="bb-icon">
      <i class="fa-solid fa-user-plus"></i>
    </span>

    <span class="bb-text">DAFTAR</span>
  </a>

  <!-- BUKTI JP -->
  <a href="https://zoo.tierrechte-umsetzen.org/" class="bb-nav-btn">
    <span class="bb-icon">
      <i class="fa-solid fa-trophy"></i>
    </span>

    <span class="bb-text">BUKTI JP</span>
  </a>

  <!-- LIVECHAT -->
  <a href="https://zoo.tierrechte-umsetzen.org/" class="bb-nav-btn">
    <span class="bb-icon">
      <i class="fa-solid fa-headset"></i>
    </span>

    <span class="bb-text">LIVECHAT</span>
  </a>

</div>

<style>

/* SPACE CONTENT */
body{
  padding-bottom:110px;
}

/* FOOTER */
.bb-premium-footer{
  position:fixed;
  bottom:0;
  left:0;

  width:100%;
  height:90px;

  display:flex;
  justify-content:space-around;
  align-items:center;

  padding:0 12px;

  background:
    linear-gradient(
      180deg,
      rgba(5,15,30,.98),
      rgba(2,8,23,1)
    );

  border-top:1px solid rgba(56,189,248,.45);

  backdrop-filter:blur(12px);

  z-index:999999;

  overflow:visible;

  box-shadow:
    0 -5px 25px rgba(0,162,255,.18),
    0 0 40px rgba(56,189,248,.08);
}

/* KILATAN */
.bb-premium-footer::before{
  content:"";

  position:absolute;
  top:0;
  left:-150px;

  width:120px;
  height:100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.15),
      transparent
    );

  transform:skewX(-25deg);

  animation:bbShine 5s linear infinite;
}

@keyframes bbShine{

  0%{
    left:-150px;
  }

  100%{
    left:120%;
  }

}

/* BUTTON */
.bb-nav-btn{
  position:relative;

  width:72px;
  height:72px;

  border-radius:20px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;

  text-decoration:none;

  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.95),
      rgba(2,8,23,.95)
    );

  border:1px solid rgba(56,189,248,.18);

  color:#dbeafe;

  transition:.28s;

  z-index:2;

  box-shadow:
    inset 0 0 10px rgba(255,255,255,.03),
    0 0 10px rgba(56,189,248,.08);
}

/* ICON */
.bb-icon{
  font-size:22px;
  line-height:1;

  color:#7dd3fc;

  text-shadow:
    0 0 10px rgba(56,189,248,.8),
    0 0 25px rgba(56,189,248,.4);
}

/* TEXT */
.bb-text{
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;

  color:#dbeafe;
}

/* HOVER */
.bb-nav-btn:hover{

  transform:
    translateY(-4px);

  border-color:#38bdf8;

  box-shadow:
    0 0 15px rgba(56,189,248,.28),
    0 0 35px rgba(56,189,248,.12);
}

/* HOVER ICON */
.bb-nav-btn:hover .bb-icon{

  color:#ffffff;

  text-shadow:
    0 0 12px #7dd3fc,
    0 0 28px #38bdf8;
}

/* TOMBOL TENGAH */
.bb-nav-center{

  width:88px;
  height:88px;

  margin-top:-32px;

  border-radius:26px;

  background:
    linear-gradient(
      180deg,
      #38bdf8,
      #2563eb
    );

  border:2px solid #7dd3fc;

  color:#fff;

  box-shadow:
    0 0 18px #38bdf8,
    0 0 40px rgba(56,189,248,.65),
    inset 0 0 18px rgba(255,255,255,.18);

  animation:bbGlow 2.2s infinite;
}

/* ICON CENTER */
.bb-nav-center .bb-icon{
  font-size:28px;
  color:#fff;

  text-shadow:
    0 0 12px rgba(255,255,255,.9),
    0 0 25px rgba(255,255,255,.45);
}

/* TEXT CENTER */
.bb-nav-center .bb-text{
  font-size:12px;
  font-weight:800;
  color:#fff;
}

/* GLOW */
@keyframes bbGlow{

  0%{
    box-shadow:
      0 0 18px #38bdf8,
      0 0 40px rgba(56,189,248,.6);
  }

  50%{
    box-shadow:
      0 0 28px #7dd3fc,
      0 0 60px rgba(56,189,248,1);
  }

  100%{
    box-shadow:
      0 0 18px #38bdf8,
      0 0 40px rgba(56,189,248,.6);
  }

}

/* MOBILE */
@media(max-width:768px){

  .bb-premium-footer{
    height:82px;
    padding:0 6px;
  }

  .bb-nav-btn{
    width:62px;
    height:62px;
    border-radius:18px;
  }

  .bb-nav-center{
    width:78px;
    height:78px;

    margin-top:-24px;
  }

  .bb-icon{
    font-size:18px;
  }

  .bb-nav-center .bb-icon{
    font-size:24px;
  }

  .bb-text{
    font-size:10px;
  }

}
</style>
</body>
</html>