







<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="id" lang="id">
<head>
    <script data-hantu="1">
    var LOCALE = 'id-ID';
    var BASE_URL = 'https://imagenesymusicagratis.com/';
    var VIEW_URL = 'https://imagenesymusicagratis.com/slot';
    var requiredModules = [];
    var requireModule = (deps, callback) => requiredModules.push([deps, callback]);
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru</title>
<meta name="description" content="Rasakan keseruan main slot online bareng Bang Ocit di HANTU777! Nikmati game gacor terlengkap, bonus melimpah, dan peluang maxwin setiap hari."/>
<meta name="keywords" content="Hantu777, Hantu777 Masuk, Slot Login, Link Slot, Slot777, Slot Gacor, Slot Online, Slot777 Resmi, Link Alternatif">
<meta name="pinterest" content="nosearch">
<meta name="pinterest" content="nopin" />
<meta content='index, follow' name='robots'>
<meta property="og:site_name" content="SLOT GACOR" />
<meta property="og:title" content="HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru" />
<link rel="alternate" hreflang="id-id" href="https://imagenesymusicagratis.com/slot"/>
<link rel="alternate" hreflang="id" href="https://imagenesymusicagratis.com/slot"/>
<link rel="alternate" hreflang="en" href="https://imagenesymusicagratis.com/slot"/>
<link rel="alternate" hreflang="x-default" href="https://imagenesymusicagratis.com/slot"/>
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://imagenesymusicagratis.com/slot" />
<link rel="alternate" media="handheld" href="https://imagenesymusicagratis.com/slot" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, user-scalable=yes"/>

<link rel="canonical" href="https://imagenesymusicagratis.com/"/>
<link rel="amphtml"   href="https://imagenesymusicagratis.com/slot"/>

<link rel="icon"href="HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru" type="https://imagenesymusicagratis.com/images/favicon.webp"/>
<link rel="shortcut icon" href="HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru" type="https://imagenesymusicagratis.com/images/favicon.webp"/>
<link rel="apple-touch-icon" sizes="180x180" href="HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru"/>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "HANTU777",
  "alternateName": ["HANTU777"],
  "url": "https://imagenesymusicagratis.com/"
}
</script>
<div class="green-particles-container">
</div>
<script>
    // Fungsi untuk membuka popup dan mengisi data ulasan secara dinamis
    function openReviewPopup(name, fullText) {
        document.getElementById('popupName').innerText = name;
        document.getElementById('popupText').innerText = fullText;
        document.getElementById('reviewModal').classList.add('show');
    }

    // Fungsi untuk menutup popup ketika area gelap di luar box diklik
    function closeReviewPopup(event) {
        if (event.target.id === 'reviewModal') {
            document.getElementById('reviewModal').classList.remove('show');
        }
    }
</script>
<!-- SCRIPT JAVASCRIPT (UNTUK EFEK KLIK BUKA-TUTUP) -->
<script>
    document.addEventListener("DOMContentLoaded", function() {
  // 1. Paksa Container pindah langsung ke tag <body> agar POSISI FIX (tidak ikut scroll)
  const container = document.getElementById('canvas-container');
  if (container) {
    document.body.appendChild(container);
  }

  // 2. Setup Scene, Camera, & Renderer
  const scene = new THREE.Scene();
  const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
  camera.position.z = 50;

  const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
  renderer.setSize(window.innerWidth, window.innerHeight);
  renderer.setPixelRatio(window.devicePixelRatio);
  container.appendChild(renderer.domElement);

  // 3. Pencahayaan
  const ambientLight = new THREE.AmbientLight(0xffffff, 0.8);
  scene.add(ambientLight);

  const dirLight = new THREE.DirectionalLight(0xffffff, 0.7);
  dirLight.position.set(20, 40, 20);
  scene.add(dirLight);

  // 4. Geometri Daun & Buah Ukuran Sedang
  const leafShape = new THREE.Shape();
  leafShape.moveTo(0, 0);
  leafShape.bezierCurveTo(1.5, 2, 2, 4, 0, 7);
  leafShape.bezierCurveTo(-2, 4, -1.5, 2, 0, 0);

  const extrudeSettings = { depth: 0.15, bevelEnabled: true, bevelSegments: 2, steps: 1, bevelSize: 0.08, bevelThickness: 0.08 };
  const leafGeometry = new THREE.ExtrudeGeometry(leafShape, extrudeSettings);
  leafGeometry.center();

  // Geometri Buah Ukuran Sedang
  const fruitGeometry = new THREE.SphereGeometry(0.8, 16, 16);

  // Palet Warna-Warni
  const colors = [0xff3366, 0x33cc66, 0xffcc00, 0x9933ff, 0xff6600, 0x00ccff, 0xff3300];

  // 5. Generate Objek Banyak (150 Pcs) & Ukuran Sedang
  const items = [];
  const itemCount = 150; // Jumlah relatif banyak

  for (let i = 0; i < itemCount; i++) {
    const isLeaf = Math.random() > 0.4;
    const geometry = isLeaf ? leafGeometry : fruitGeometry;
    
    const randomColor = colors[Math.floor(Math.random() * colors.length)];
    const material = new THREE.MeshStandardMaterial({
      color: randomColor,
      roughness: 0.3,
      metalness: 0.1
    });

    const mesh = new THREE.Mesh(geometry, material);

    // Sebaran Posisi Awal
    mesh.position.x = (Math.random() - 0.5) * 120;
    mesh.position.y = Math.random() * 100 - 20;
    mesh.position.z = (Math.random() - 0.5) * 50;

    // Rotasi Awal
    mesh.rotation.x = Math.random() * Math.PI;
    mesh.rotation.y = Math.random() * Math.PI;

    // Skala Ukuran Sedang (0.35 - 0.55)
    const scale = Math.random() * 0.2 + 0.35;
    mesh.scale.set(scale, scale, scale);

    // Kecepatan Jatuh & Meliuk
    mesh.userData = {
      fallSpeed: Math.random() * 0.12 + 0.04,
      rotSpeedX: (Math.random() - 0.5) * 0.025,
      rotSpeedY: (Math.random() - 0.5) * 0.025,
      rotSpeedZ: (Math.random() - 0.5) * 0.025,
      swayAmplitude: Math.random() * 0.04 + 0.01
    };

    scene.add(mesh);
    items.push(mesh);
  }

  // 6. Animasi Continuous
  let clock = new THREE.Clock();

  function animate() {
    requestAnimationFrame(animate);
    const elapsedTime = clock.getElapsedTime();

    items.forEach(item => {
      item.position.y -= item.userData.fallSpeed;
      item.position.x += Math.sin(elapsedTime + item.position.y) * item.userData.swayAmplitude;

      item.rotation.x += item.userData.rotSpeedX;
      item.rotation.y += item.userData.rotSpeedY;
      item.rotation.z += item.userData.rotSpeedZ;

      // Loop Kembali ke Atas
      if (item.position.y < -40) {
        item.position.y = 50;
        item.position.x = (Math.random() - 0.5) * 120;
      }
    });

    renderer.render(scene, camera);
  }

  animate();

  // 7. Auto Resize Layar
  window.addEventListener('resize', () => {
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);
  });
});
    document.querySelectorAll('.faq-premium-question').forEach(button => {
        button.addEventListener('click', () => {
            const faqItem = button.parentElement;
            const answer = faqItem.querySelector('.faq-premium-answer');
            
            // Tutup faq lain yang sedang terbuka (opsional)
            document.querySelectorAll('.faq-premium-item').forEach(item => {
                if (item !== faqItem) {
                    item.classList.remove('active');
                    item.querySelector('.faq-premium-answer').style.maxHeight = null;
                }
            });

            // Toggle item yang diklik
            faqItem.classList.toggle('active');
            if (faqItem.classList.contains('active')) {
                answer.style.maxHeight = answer.scrollHeight + "px";
            } else {
                answer.style.maxHeight = null;
            }
        });
    });
</script>
<!-- Container Tempat Efek Tampil -->
<div id="canvas-container"></div>

<!-- Library Three.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<style>
    #canvas-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important; /* Agar klik mouse tetap bisa menembus ke tombol/link */
  z-index: 99999 !important; /* Agar berada di atas/belakang konten tanpa terganggu */
  transform: none !important;
}
</style>

<!-- Script JavaScript Animasi Pergerakan Burung -->
<script>
    const canvas = document.getElementById('birdsCanvas');
    const ctx = canvas.getContext('2d');

    // Menyesuaikan ukuran canvas dengan layar browser
    function resizeCanvas() {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
    }
    window.addEventListener('resize', resizeCanvas);
    resizeCanvas();

    // Diubah menjadi ratusan (250 partikel) agar terlihat natural dan tidak terlalu padat
    const birdCount = 250; 
    const birds = [];

    // Inisialisasi properti dasar setiap burung melayang
    class Bird {
        constructor() {
            this.x = Math.random() * canvas.width;
            this.y = Math.random() * canvas.height;
            
            // Ukuran variasi untuk efek kedalaman visual (3D depth)
            this.size = Math.random() * 4 + 2; 
            
            // Mengatur multiplier kecepatan agar burung terkesan "melayang santai"
            const speedMultiplier = this.size / 4;
            this.speedX = (Math.random() * 0.8 + 0.4) * speedMultiplier; // Kecepatan horizontal lebih lambat (melayang)
            this.speedY = ((Math.random() - 0.5) * 0.25) * speedMultiplier; // Gerakan naik turun yang halus
            
            // Kecepatan kepakan sayap dibuat lebih lambat agar terasa melayang anggun
            this.wingSpeed = (Math.random() * 0.05 + 0.03) * speedMultiplier;
            this.wingPhase = Math.random() * Math.PI;

            // Efek opacity berdasarkan ukuran (semakin kecil/jauh, semakin samar)
            const opacity = (this.size / 6) * 0.75; 
            this.color = `rgba(225, 30, 30, ${opacity})`; // Warna merah pekat estetik ala anime
        }

        update() {
            this.x += this.speedX;
            this.y += this.speedY;
            this.wingPhase += this.wingSpeed;

            // Jika lewat batas kanan layar, muncul kembali dari sebelah kiri secara acak
            if (this.x > canvas.width + 20) {
                this.x = -20;
                this.y = Math.random() * canvas.height;
            }
            
            // Batasi variasi naik turun agar pergerakannya tetap mengalir natural
            if (this.y < -20) {
                this.y = canvas.height + 20;
            } else if (this.y > canvas.height + 20) {
                this.y = -20;
            }
        }

        draw() {
            ctx.save();
            ctx.translate(this.x, this.y);
            
            // Arah hadap sudut siluet mengikuti arah angin/kecepatan
            const angle = Math.atan2(this.speedY, this.speedX);
            ctx.rotate(angle);

            ctx.fillStyle = this.color; 
            ctx.beginPath();

            // Kepakan sayap dinamis menyerupai gerakan melayang di udara
            const wingSpread = Math.sin(this.wingPhase) * this.size;

            // Menggambar siluet burung minimalis berbentuk V/W
            ctx.moveTo(0, 0); 
            ctx.lineTo(-this.size, -wingSpread); 
            ctx.lineTo(-this.size * 0.6, 0); 
            ctx.lineTo(-this.size, wingSpread); 
            ctx.closePath();
            ctx.fill();
            
            ctx.restore();
        }
    }

    // Mengisi array objek burung
    for (let i = 0; i < birdCount; i++) {
        birds.push(new Bird());
    }

    // Loop Animasi
    function animate() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

        for (let i = 0; i < birdCount; i++) {
            birds[i].update();
            birds[i].draw();
        }

        requestAnimationFrame(animate);
    }

    // Jalankan animasi penuh
    animate();
</script>
<style>
  /* Menghilangkan paksa margin dan padding bawaan sistem template di bagian dasar */
  html, body {
    margin: 0 !important;
    padding-bottom: 0 !important;
    background-color: #6f40dba2 !important; /* Jika template jebol ke bawah, latarnya akan otomatis menjadi hitam sehingga tidak terlihat putih */
  }

  /* Menghilangkan sisa jarak kosong bawaan pembungkus konten utama tema */
  main, #wrapper, .main-container, .page-wrapper, .site-main, .post-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Setelan wajib penyeimbang */
  .footer-container {
    margin-bottom: -50px !important; /* Menarik paksa area hitam menembus sisa padding dasar template */
  }
/* ---- RESET & BASE ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: 'Montserrat', sans-serif;
  color: #fffdfdde; background: #fff; line-height: 1.6;
}
a { color: #fffdfdde; text-decoration: none; transition: color .2s; }
a:hover { color: #05505e; }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
.clearfix::after { content: ""; display: table; clear: both; }

/* ---- CONTAINER ---- */
.container {
  width: 100%; max-width: 1200px;
  margin: 0 auto; padding: 0 15px;
}

/* ---- GRID SYSTEM ---- */
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.col { padding: 0 15px; }
.col-12 { width: 100%; }
.col-8  { width: 66.666%; }
.col-6  { width: 50%; }
.col-4  { width: 33.333%; }
.col-3  { width: 25%; }

/* ================================================================
   HEADER
   ================================================================ */
.header-container {
  background: #2a2a2a; border-bottom: 2px solid #ffffff;
  position: sticky; top: 0; z-index: 1000;
}
.header { padding: 12px 0; }
.header-content {
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 12px;
}

/* ---- LOGO ---- */
.logo-container { flex-shrink: 0; }
.logo-container a { display: inline-block; }
.logo-container img {
  max-height: 60px; width: auto;
}

/* ---- DESKTOP NAV ---- */
.nav-desktop { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.nav-desktop a {
  display: inline-block; padding: 8px 14px;
  font-size: 13px; font-weight: 600; text-transform: uppercase;
  color: #ffc404; border-radius: 4px; transition: background .2s, color .2s;
}
.nav-desktop a:hover { background: #6f40dba2; color: #fff; }

/* ---- SEARCH ---- */
.search-box {
  display: flex; align-items: center;
  border: 2px solid #ffffff; border-radius: 5px; overflow: hidden;
  max-width: 320px; width: 100%;
}
.search-box input {
  border: none; outline: none; padding: 9px 12px;
  font-size: 13px; flex: 1; font-family: inherit;
}
.search-box button {
  background: #6f40dba2; color: #fff; border: none;
  padding: 9px 16px; font-size: 13px; font-weight: 700;
  cursor: pointer; transition: background .2s;
}
.search-box button:hover { background: #05505e; }

/* ---- MINI CART ---- */
.mini-cart a {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: #6f40dba2;
}
.mini-cart .cart-icon { font-size: 22px; }
.mini-cart .cart-count {
  background: #6f40dba2; color: #fff;
  border-radius: 50%; width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700;
}

/* ---- HAMBURGER ---- */
.hamburger {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 8px;
}
.hamburger span {
  display: block; width: 26px; height: 3px;
  background: #6f40dba2; border-radius: 2px; transition: .3s;
}

/* ---- MOBILE NAV ---- */
.nav-mobile {
  display: none; flex-direction: column;
  background: #6f40dba2; border-top: 1px solid #e0e0e0;
  padding: 10px 0;
}
.nav-mobile.active { display: flex; }
.nav-mobile a {
  display: block; padding: 10px 20px;
  font-size: 14px; font-weight: 500; color: #6f40dba2;
  border-bottom: 1px solid #eee;
}
.nav-mobile a:hover { background: #ffffff; color: #6f40dba2; }

/* ================================================================
   BREADCRUMB
   ================================================================ */
.breadcrumbs {
  background: #a291db9c; padding: 12px 0;
  border-bottom: 1px solid #eee; font-size: 13px;
}
.breadcrumbs ul { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.breadcrumbs li { color: #131313; }
.breadcrumbs li a { color: #131313; }
.breadcrumbs li a:hover { color: #6f40dba2; text-decoration: underline; }
.breadcrumbs .sep { margin: 0 2px; color: #bbb; }

/* ================================================================
   PRODUCT AREA
   ================================================================ */
.product-section { padding: 30px 0; }

/* ---- BANNER PROMO (di atas gambar) ---- */
.product-banner {
  margin-bottom: 18px; border-radius: 6px;
  overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.product-banner img { width: 100%; display: block; }
.product-banner .banner-caption {
  background: #6f40dba2; color: #fff; text-align: center;
  padding: 8px 12px; font-size: 13px;
}
.product-banner .banner-caption strong { font-weight: 700; }

/* ---- IMAGE BOX ---- */
.product-img-box { position: relative; }
.product-img-box .main-image {
  border: 1px solid #eee; border-radius: 6px;
  overflow: hidden; margin-bottom: 12px;
}
.product-img-box .main-image img { width: 100%; cursor: zoom-in; }
.product-img-box .thumb-list {
  display: flex; gap: 8px; flex-wrap: wrap;
}
.product-img-box .thumb-list li {
  width: 70px; height: 70px; border: 2px solid #e0e0e0;
  border-radius: 4px; overflow: hidden; cursor: pointer;
  transition: border-color .2s;
}
.product-img-box .thumb-list li:hover,
.product-img-box .thumb-list li.active { border-color: #6f40dba2; }
.product-img-box .thumb-list li img { width: 100%; height: 100%; object-fit: cover; }

.img-actions { margin-top: 10px; display: flex; gap: 12px; font-size: 13px; }
.img-actions a { color: #000; font-weight: 600; }
.img-actions a:hover { text-decoration: underline; }

/* ---- PRODUCT DETAIL ---- */
.product-detail { padding-left: 10px; }
.product-detail .product-name h1 {
  font-size: 24px; font-weight: 700; color: #ffc400; margin-bottom: 6px;
}
.product-detail .product-sku {
  font-size: 13px; color: #ebe3e3; margin-bottom: 4px;
}
.product-detail .availability {
  font-size: 13px; font-weight: 600; margin-bottom: 14px;
}
.product-detail .availability.in-stock { color: #ffc400; }
.product-detail .availability.out-of-stock { color: #6f40dba2; }
.product-detail .short-desc {
  font-size: 15px; color: #ebe3e3; margin-bottom: 18px; line-height: 1.7;
}

/* ---- HARGA ---- */
.price-box { margin-bottom: 16px; }
.price-box .special-price {
  font-size: 28px; font-weight: 800; color: #ffc400;
}
.price-box .old-price {
  font-size: 16px; color: #ffc400; text-decoration: line-through;
  margin-left: 10px;
}
.price-box .price-label { display: block; font-size: 12px; font-weight: 500; color: #ffc400; }
.promo-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.promo-badges a {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: #000;
  padding: 6px 12px; border: 1px solid #fcefef; border-radius: 4px;
  transition: background .2s;
}
.promo-badges a:hover { background: #f5f5dc; }
.promo-badges a img { width: 18px; height: 18px; }

/* ---- QTY & ADD TO CART ---- */
.add-to-cart-box { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.qty-wrapper {
  display: flex; align-items: center;
  border: 2px solid #ffc400; border-radius: 5px; overflow: hidden;
}
.qty-wrapper button {
  background: #f5f5f5; border: none; width: 36px; height: 40px;
  font-size: 18px; font-weight: 700; cursor: pointer;
  color: #8b7f11; transition: background .2s;
}
.qty-wrapper button:hover { background: #e0e0e0; }
.qty-wrapper input {
  width: 50px; height: 40px; text-align: center;
  border: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd;
  font-size: 15px; font-weight: 600; font-family: inherit; outline: none;
}
.btn-add-cart {
  background: #f1ba04; color: #fff; border: none;
  padding: 11px 30px; font-size: 15px; font-weight: 700;
  border-radius: 5px; cursor: pointer; transition: background .2s;
  text-transform: uppercase; letter-spacing: .5px;
}
.btn-add-cart:hover { background: #03928b; }

.extra-links { display: flex; gap: 16px; margin-bottom: 18px; font-size: 13px; }
.extra-links a { color: #f1ba04; font-weight: 500; }
.extra-links a:hover { color: #f1ba04; text-decoration: underline; }

/* ---- LOGIN/REGISTER BOX ---- */
.login-register-box {
  padding: 14px 16px; background: #f7f7f7;
  border: 1px solid #e0e0e0; border-radius: 5px; margin-bottom: 18px;
}
.login-register-box p { font-size: 13px; color: #555; margin-bottom: 10px; }
.login-register-box .btn-group { display: flex; gap: 8px; flex-wrap: wrap; }
.btn-login, .btn-register {
  flex: 1; min-width: 110px; text-align: center;
  padding: 10px 16px; border-radius: 4px;
  font-size: 13px; font-weight: 700;
  cursor: pointer; transition: all .2s;
  display: inline-block;
}
.btn-login {
  background: #f1ba04; color: #fff; border: 2px solid #f1ba04;
}
.btn-login:hover { background: #03928b; border-color: #03928b; color: #fff; }
.btn-register {
  background: #fff; color: #6f40dba2; border: 2px solid #6f40dba2;
}
.btn-register:hover { background: #6f40dba2; color: #fff; }

/* ---- SOCIAL SHARE ---- */
.social-share { display: flex; gap: 10px; flex-wrap: wrap; }
.social-share a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: #eee; color: #555; font-size: 16px;
  transition: background .2s, color .2s;
}
.social-share a:hover { background: #6f40dba2; color: #fff; }

/* ================================================================
   PRODUCT TABS
   ================================================================ */
.product-tabs-section { padding: 30px 0 40px; }
.tabs-nav {
  display: flex; border-bottom: 2px solid #e0e0e0; margin-bottom: 20px;
}
.tabs-nav button {
  background: none; border: none; border-bottom: 3px solid transparent;
  padding: 12px 24px; font-size: 15px; font-weight: 700;
  color: #888; cursor: pointer; transition: all .2s;
  font-family: inherit; margin-bottom: -2px;
}
.tabs-nav button:hover { color: #181817; }
.tabs-nav button.active {
  color: #181817; border-bottom-color: #181817;
}
.tab-content { display: none; }
.tab-content.active { display: block; }
.tab-content h2 { font-size: 20px; font-weight: 700; margin-bottom: 14px; color: #222; }
.tab-content p { font-size: 14px; line-height: 1.8; color: #444; margin-bottom: 12px; }
.tab-content ul.detail-list { padding-left: 20px; margin-top: 10px; }
.tab-content ul.detail-list li {
  list-style: disc; font-size: 14px; line-height: 1.8;
  color: #444; margin-bottom: 4px;
}

/* ================================================================
   FOOTER
   ================================================================ */
.footer-container { background: #2a2a2a; color: #ccc; padding: 40px 0 0; margin-top: 40px; }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.footer-col h3 {
  color: #fff; font-size: 15px; font-weight: 700;
  text-transform: uppercase; margin-bottom: 16px;
  padding-bottom: 10px; border-bottom: 2px solid #444;
}
.footer-col p { font-size: 13px; line-height: 1.7; color: #ffffff; }
.footer-col ul li { margin-bottom: 8px; }
.footer-col ul li a { color: #ffffff; font-size: 13px; transition: color .2s; }
.footer-col ul li a:hover { color: #fff; }
.footer-col .contact-item {
  display: flex; align-items: flex-start; gap: 8px;
  margin-bottom: 10px; font-size: 13px; color: #ffffff;
}
.footer-col .contact-item .icon { font-size: 16px; flex-shrink: 0; }
.footer-col .social-links { display: flex; gap: 10px; margin-top: 14px; }
.footer-col .social-links a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: #444; color: #ccc; font-size: 14px;
  transition: background .2s, color .2s;
}
.footer-col .social-links a:hover { background: #6f40dba2; color: #fff; }
.footer-col .payment-icons { margin-top: 14px; }
.footer-col .payment-icons img { max-height: 30px; }

.footer-bottom {
  border-top: 1px solid #444; margin-top: 30px;
  padding: 16px 0; text-align: center;
}
.footer-bottom p { font-size: 12px; color: #888; }
.footer-bottom .footer-links { margin-bottom: 8px; }
.footer-bottom .footer-links a {
  color: #ffffff; font-size: 12px; margin: 0 8px;
}
.footer-bottom .footer-links a:hover { color: #fff; }

/* ---- BACK TO TOP ---- */
.back-to-top {
  position: fixed; bottom: 30px; right: 30px;
  width: 44px; height: 44px; border-radius: 50%;
  background: #6f40dba2; color: #fff; border: none;
  font-size: 20px; cursor: pointer;
  display: none; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.2); transition: background .2s;
  z-index: 999;
}
.back-to-top:hover { background: #03928b; }
.back-to-top.visible { display: flex; }

/* ================================================================
   POPUP / MODAL
   ================================================================ */
.modal-overlay {
  display: none; position: fixed; inset: 0;
  background: rgba(0,0,0,.6); z-index: 2000;
  align-items: center; justify-content: center;
}
.modal-overlay.active { display: flex; }
.modal-box {
  background: #fff; border-radius: 8px; padding: 30px;
  max-width: 500px; width: 90%; position: relative;
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  max-height: 90vh; overflow-y: auto;
}
.modal-box .modal-close {
  position: absolute; top: 10px; right: 14px;
  background: none; border: none; font-size: 22px;
  cursor: pointer; color: #888; transition: color .2s;
}
.modal-box .modal-close:hover { color: #6f40dba2; }
.modal-box h3 { font-size: 18px; font-weight: 700; margin-bottom: 14px; }
.modal-box p { font-size: 14px; color: #555; line-height: 1.7; }

/* ---- FORM INSIDE MODAL ---- */
.modal-box .form-group { margin-bottom: 14px; }
.modal-box .form-group label {
  display: block; font-size: 13px; font-weight: 600;
  margin-bottom: 4px; color: #6f40dba2;
}
.modal-box .form-group label em { color: #6f40dba2; }
.modal-box .form-group input,
.modal-box .form-group textarea {
  width: 100%; padding: 9px 12px; border: 1px solid #ddd;
  border-radius: 4px; font-size: 14px; font-family: inherit;
  outline: none; transition: border-color .2s;
}
.modal-box .form-group input:focus,
.modal-box .form-group textarea:focus { border-color: #6f40dba2; }
.modal-box .form-group textarea { resize: vertical; min-height: 80px; }
.modal-box .btn-submit {
  background: #6f40dba2; color: #fff; border: none;
  padding: 10px 24px; border-radius: 4px; font-size: 14px;
  font-weight: 700; cursor: pointer; transition: background .2s;
}
.modal-box .btn-submit:hover { background: #03928b; }

/* ================================================================
   RESPONSIVE - TABLET
   ================================================================ */
@media (max-width: 992px) {
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .col-4 { width: 50%; }
  .col-8 { width: 50%; }
  .col-3 { width: 50%; }
  .product-detail { padding-left: 0; margin-top: 10px; }
}

/* ================================================================
   RESPONSIVE - MOBILE
   ================================================================ */
@media (max-width: 768px) {
  .nav-desktop { display: none; }
  .hamburger   { display: flex; }
  .header-content { flex-wrap: wrap; }
  .search-box  { max-width: 100%; order: 10; margin-top: 8px; }

  .row { flex-direction: column; }
  .col-12, .col-8, .col-6, .col-4, .col-3 { width: 100%; }

  .product-detail { padding-left: 0; margin-top: 20px; }
  .product-detail .product-name h1 { font-size: 20px; }
  .price-box .special-price { font-size: 24px; }

  .footer-grid { grid-template-columns: 1fr; }

  .tabs-nav { overflow-x: auto; }
  .tabs-nav button { padding: 10px 16px; font-size: 14px; white-space: nowrap; }

  .back-to-top { bottom: 16px; right: 16px; width: 40px; height: 40px; font-size: 18px; }
}

@media (max-width: 480px) {
  .product-detail .product-name h1 { font-size: 18px; }
  .price-box .special-price { font-size: 22px; }
  .btn-add-cart { padding: 10px 20px; font-size: 14px; }
  .add-to-cart-box { flex-direction: column; align-items: stretch; }
  .qty-wrapper { align-self: flex-start; }
}<!-- STYLE CSS (UNTUK DESAIN KEREN) -->
<style>
    .faq-premium-section {
        width: 100%;
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: 'Segoe UI', Roboto, sans-serif;
    }
    .faq-main-title {
        text-align: center;
        color: #fff; /* Ubah ke #222 jika background website kamu putih */
        margin-bottom: 25px;
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .faq-premium-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .faq-premium-item {
        background: #1e1e1e; /* Warna box gelap yang elegan */
        border: 1px solid #333;
        border-radius: 8px;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    .faq-premium-item:hover {
        border-color: #ffcc00; /* Efek warna emas saat disorot */
        box-shadow: 0 4px 12px rgba(255, 204, 0, 0.1);
    }
    .faq-premium-question {
        width: 100%;
        background: none;
        border: none;
        outline: none;
        padding: 18px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: color 0.3s ease;
    }
    .faq-premium-item.active .faq-premium-question {
        color: #ffcc00; /* Warna teks pertanyaan berubah saat aktif */
    }
    .faq-icon {
        font-size: 20px;
        transition: transform 0.3s ease;
        color: #ffcc00;
    }
    .faq-premium-item.active .faq-icon {
        transform: rotate(45deg); /* Efek memutar ikon + menjadi x */
    }
    .faq-premium-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        background: #161616;
    }
    .faq-premium-answer p {
        padding: 20px;
        color: #bbb;
        font-size: 14px;
        line-height: 1.6;
        margin: 0;
    }
    <style>
    .review-popup-section {
        width: 100%;
        max-width: 850px;
        margin: 30px auto;
        padding: 0 15px;
        font-family: 'Segoe UI', Roboto, sans-serif;
    }
    .section-title {
        color: #fff;
        text-align: center;
        margin-bottom: 20px;
        font-size: 22px;
        text-transform: uppercase;
    }
    /* Kotak Utama pembungkus semua review (aliran ke bawah) */
    .review-box-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
        background: #161616;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #333;
    }
    /* Gaya tiap baris review */
    .review-mini-card {
        background: #1e1e1e;
        border: 1px solid #2a2a2a;
        border-radius: 6px;
        padding: 15px;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .review-mini-card:hover {
        border-color: #ffcc00;
        background: #222;
        transform: translateX(5px); /* Efek geser sedikit saat di-hover */
    }
    .review-meta {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
    }
    .reviewer-name {
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }
    .review-stars {
        color: #ffcc00;
        font-size: 14px;
    }
    .review-snippet {
        color: #ffffff;
        font-size: 13px;
        line-height: 1.5;
        margin: 0 0 8px 0;
    }
    .btn-baca {
        color: #ffcc00;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

    /* CSS UNTUK POPUP (MODAL OVERLAY) */
    .review-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }
    .review-modal-overlay.show {
        opacity: 1;
        pointer-events: auto;
    }
    .review-modal-content {
        background: #222;
        border: 2px solid #ffcc00;
        padding: 25px;
        border-radius: 8px;
        width: 90%;
        max-width: 500px;
        position: relative;
        box-shadow: 0 5px 25px rgba(255, 204, 0, 0.2);
        transform: scale(0.7);
        transition: transform 0.3s ease;
    }
    .review-modal-overlay.show .review-modal-content {
        transform: scale(1);
    }
    .close-popup-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #ffffff;
        font-size: 28px;
        cursor: pointer;
        transition: color 0.2s;
    }
    .close-popup-btn:hover {
        color: #ffcc00;
    }
    .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #333;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .modal-header h3 {
        color: #fff;
        margin: 0;
        font-size: 18px;
    }
    #popupText {
        color: #ddd;
        font-size: 14px;
        line-height: 1.6;
        margin: 0;
    }
</style>
</style>
<style>
.HANTU777-info-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 10px;
}

.HANTU777-info-btn {
    position: relative;
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 8px;
    overflow: hidden;
    border: 1px solid #ffd54a;
    border-radius: 5px;
    background: linear-gradient(135deg, #575555, #0a0a0a);
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.28),
        inset 0 1px rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: clamp(9px, 2.5vw, 12px);
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
}

.HANTU777-info-btn::before {
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    content: "";
    transform: skewX(-25deg);
    transition: left 0.5s ease;
}

.HANTU777-info-btn:hover {
    background: linear-gradient(135deg, #e6a900, #ffc800);
    color: #4b0000;
    transform: translateY(-2px);
}

.HANTU777-info-btn:hover::before {
    left: 140%;
}

.HANTU777-btn-icon {
    flex-shrink: 0;
    color: #ffd54a;
    font-size: 14px;
}

.HANTU777-info-btn:hover .HANTU777-btn-icon {
    color: #575555;
}

@media (max-width: 420px) {
    .HANTU777-info-buttons {
        gap: 6px;
        margin: 8px;
    }

    .HANTU777-info-btn {
        min-height: 44px;
        padding: 8px 5px;
        font-size: 9px;
    }
}
</style>
<style>
.HANTU777-rate-section {
    margin: 12px 10px 20px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 211, 65, 0.7);
    border-radius: 12px;
    background:
        radial-gradient(
            circle at top right,
            rgba(255, 204, 0, 0.22),
            transparent 32%
        ),
        linear-gradient(145deg, #6f40dba2, #6f40dba2);
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.32),
        inset 0 1px rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.HANTU777-rate-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.rate-main-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #fff06a, #e89c00);
    box-shadow: 0 0 18px rgba(255, 210, 40, 0.55);
    color: #6d0000;
    font-size: 21px;
}

.HANTU777-rate-header h2 {
    margin: 0;
    color: #ffd941;
    font-size: clamp(15px, 3vw, 21px);
    letter-spacing: 1px;
}

.HANTU777-rate-header p {
    margin: 4px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
}

.HANTU777-rate-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.HANTU777-rate-card {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 217, 65, 0.28);
    border-radius: 9px;
    background: rgba(48, 0, 0, 0.52);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}

.HANTU777-rate-card::after {
    position: absolute;
    top: -42px;
    right: -42px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255, 215, 64, 0.08);
    content: "";
}

.HANTU777-rate-card:hover {
    border-color: #ffd941;
    background: rgba(73, 0, 0, 0.78);
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.25);
    transform: translateY(-3px);
}

.rate-icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 11px;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.35),
        0 5px 10px rgba(0, 0, 0, 0.2);
    font-size: 25px;
    font-style: normal;
}

.rate-icon.zeus {
    background: linear-gradient(145deg, #7755e6, #2f1b71);
}

.rate-icon.sweet {
    background: linear-gradient(145deg, #ff7bc1, #d71f76);
}

.rate-icon.mahjong {
    background: linear-gradient(145deg, #28b874, #07623b);
    color: #fff4a3;
    font-family: Georgia, serif;
    font-weight: bold;
}

.rate-icon.sugar {
    background: linear-gradient(145deg, #ff9b2e, #da3a18);
}

.rate-icon.chicky {
    background: linear-gradient(145deg, #ffe058, #e98b00);
}

.rate-icon.spaceman {
    background: linear-gradient(145deg, #35b9ff, #2933a7);
}

.rate-content {
    min-width: 0;
    flex: 1;
}

.rate-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.rate-title h3 {
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rate-title b {
    padding: 3px 6px;
    border-radius: 4px;
    background: #ffd941;
    color: #630000;
    font-size: 11px;
}

.rate-stars {
    margin: 3px 0;
    color: #ffd941;
    font-size: 10px;
    letter-spacing: 1px;
}

.rate-bar {
    height: 4px;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.15);
}

.rate-bar span {
    display: block;
    width: var(--rate);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ff9e00, #fff274);
    box-shadow: 0 0 8px rgba(255, 217, 65, 0.75);
    animation: rateAnimation 1.3s ease-out;
}

.rate-content p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    line-height: 1.4;
}

.rate-notice {
    margin: 13px 0 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 9px;
    line-height: 1.5;
    text-align: center;
}

@keyframes rateAnimation {
    from {
        width: 0;
    }
}

@media (max-width: 600px) {
    .HANTU777-rate-section {
        padding: 12px;
    }

    .HANTU777-rate-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .HANTU777-rate-card {
        transition: none;
    }

    .rate-bar span {
        animation: none;
    }
}
</style>
</head>

<!-- ================================================================
     BODY
     ================================================================ -->
<body>

<!-- ======================== NOSCRIPT ======================== -->
<noscript>
  <div style="background:#fff3cd;color:#856404;padding:12px 20px;text-align:center;font-size:14px;">
    <strong>JavaScript seems to be disabled in your browser.</strong><br/>
    You must have JavaScript enabled to utilize the full functionality of this website.
  </div>
</noscript>

<!-- ================================================================
     HEADER
     ================================================================ -->
<header class="header-container">
  <div class="container">
    <div class="header">
      <div class="header-content">

        <!-- ==== LOGO ==== -->
        <!--
          GANTI URL LOGO DI BAWAH INI:
          - Ubah src="" menjadi URL logo Anda
          - Ubah alt="" sesuai nama toko/brand
          - Ubah href="/" ke halaman utama Anda
        -->
          <link rel="alternate" hreflang="id" href="https://imagenesymusicagratis.com/images/logo.webp"/>
        <div class="logo-container">
          <a href="https://imagenesymusicagratis.com/images/logo.webp" title="HANTU777" class="logo">
            <img
              id="site-logo"
              src="https://imagenesymusicagratis.com/images/logo.webp"
              alt="HANTU777"
           />
          </a>
        </div>

        <!-- ==== DESKTOP NAVIGATION ==== -->
        <nav class="nav-desktop" id="navDesktop">
          <a href="https://imagenesymusicagratis.com/">GAME ONLINE</a>
          <a href="https://imagenesymusicagratis.com/">LINK SLOT</a>
          <a href="https://imagenesymusicagratis.com/">SLOT HANTU777</a>
          <a href="https://imagenesymusicagratis.com/">LINK HANTU777</a>
          <a href="https://imagenesymusicagratis.com/">SLOT GACOR</a>
          <a href="https://imagenesymusicagratis.com/">SITUS RESMI</a>
          <a href="https://imagenesymusicagratis.com/">SLOT GACOR LINK</a>
          <a href="https://imagenesymusicagratis.com/">LINK ALTERNATIF</a>
        </nav>

        <!-- ==== SEARCH ==== -->
        <div class="search-box">
          <input type="text" id="searchInput" placeholder="Search entire store here..." maxlength="128" aria-label="Search"/>
          <button type="button" id="searchBtn" aria-label="Search">Search</button>
        </div>

        <!-- ==== MINI CART ==== -->
        <div class="mini-cart">
          <a href="https://imagenesymusicagratis.com/" title="View Cart">
            <span class="cart-icon">&#128722;</span>
            <span class="cart-count" id="cartCount">0</span>
          </a>
        </div>

        <!-- ==== HAMBURGER (Mobile) ==== -->
        <button class="hamburger" id="hamburgerBtn" aria-label="Open Menu">
          <span></span><span></span><span></span>
        </button>

      </div><!-- /header-content -->
    </div><!-- /header -->

    <!-- ==== MOBILE NAVIGATION ==== -->
    <nav class="nav-mobile" id="navMobile">
      <a href="https://imagenesymusicagratis.com/">GAME ONLINE</a>
      <a href="https://imagenesymusicagratis.com/">LINK SLOT</a>
      <a href="https://imagenesymusicagratis.com/">SLOT HANTU777</a>
      <a href="https://imagenesymusicagratis.com/">SLOT HANTU777</a>
      <a href="https://imagenesymusicagratis.com/">SLOT GACOR</a>
      <a href="https://imagenesymusicagratis.com/">SITUS RESMI</a>
      <a href="https://imagenesymusicagratis.com/">SLOT GACOR LINK</a>
      <a href="https://imagenesymusicagratis.com/">LINK ALTERNATIF</a>
    </nav>

  </div><!-- /container -->
</header>

<!-- ================================================================
     BREADCRUMB
     ================================================================ -->
<div class="breadcrumbs">
  <div class="container">
    <ul>
      <li><a href="https://imagenesymusicagratis.com/" title="Go to Home Page">GAME ONLINE</a> <span class="sep">/</span></li>
      <li><a href="https://imagenesymusicagratis.com/">SWEET BONANZA</a> <span class="sep">/</span></li>
      <li><a href="https://imagenesymusicagratis.com/">2026</a> <span class="sep">/</span></li>
      <li><strong>HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru</strong></li>
    </ul>
  </div>
</div>

<!-- ================================================================
     PRODUCT SECTION
     ================================================================ -->
<section class="product-section">
  <div class="container">
    <form id="product_addtocart_form" method="post" action="/">
      <div class="row">

        <!-- ======== KOLOM KIRI: BANNER + GAMBAR ======== -->
        <div class="col col-4">

          <!-- Banner Promo -->
          <div class="product-banner" id="LINK SLOT">
            <a href="https://imagenesymusicagratis.com/" title="LINK SLOT">
              <!--
                GANTI URL BANNER DI BAWAH INI:
              -->
              <img
                id="bannerImage"
                src="https://imagenesymusicagratis.com/images/banner.webp"
                alt="LINK SLOT GACOR"
                onerror="this.style.display='none'"
             />
            </a>
            
          </div>

          <!-- Gambar Produk Utama -->
          <div class="product-img-box">
            <div class="main-image">
            </div>

            <!-- Thumbnail -->
            <ul class="thumb-list" id="thumbList">
              <li class="active" onclick="changeImage(this, 'https://imagenesymusicagratis.com/images/banner.webp')">
                <img src="https://imagenesymusicagratis.com/images/banner.webp" alt="HANTU777"/>
              </li>
              <li onclick="changeImage(this, 'https://imagenesymusicagratis.com/images/banner.webp')">
                <img src="https://imagenesymusicagratis.com/images/banner.webp" alt="HANTU777"/>
              </li>
              <li onclick="changeImage(this, 'https://imagenesymusicagratis.com/images/banner.webp')">
                <img src="https://imagenesymusicagratis.com/images/banner.webp" alt="HANTU777"/>
              </li>
              <li onclick="changeImage(this, 'https://imagenesymusicagratis.com/images/banner.webp')">
                <img src="https://imagenesymusicagratis.com/images/banner.webp" alt="HANTU777"/>
              </li>
            </ul>

            <!-- Aksi gambar -->
            <div class="img-actions">
              <a href="https://imagenesymusicagratis.com/" id="askQuestionLink">&#10067; Ask A Question</a>
              <a href="https://imagenesymusicagratis.com/" id="viewLargeLink">&#128269; View Large</a>
            </div>
          </div>
        </div><!-- /col kiri -->

        <!-- ======== KOLOM KANAN: DETAIL PRODUK ======== -->
        <div class="col col-8">
          <div class="product-detail">

            <!-- Nama Produk -->
            <div class="product-name">
              <h1>HANTU777 # Sekarang Main Slot Bersama Bang Ocit Jauh Lebih Seru</h1>
            </div>
            <p class="availability in-stock">&#10003; In Stock</p>

            <!-- Deskripsi Singkat -->
            <p class="short-desc">
            Rasakan keseruan main slot online bareng Bang Ocit di HANTU777! Nikmati game gacor terlengkap, bonus melimpah, dan peluang maxwin setiap hari.
            </p>

            <!-- Harga -->
            <div class="price-box">
              <span class="price-label">Special Price</span>
              <span class="special-price" id="product-price">Rp. 5.000</span>
              <span class="old-price" id="old-price">Rp.  25.000</span>
            </div>

            <!-- Badge Promo -->
            <div class="promo-badges">
              <a href="https://imagenesymusicagratis.com/" id="freeDeliveryLink">&#128666; Free In Home Delivery</a>
              <a href="https://imagenesymusicagratis.com/" id="priceMatchLink">&#10004; 100% Price Match Guarantee</a>
            </div>

            <!-- Qty & Add to Cart -->
            <div class="add-to-cart-box">
              <div class="qty-wrapper">
                <button type="button" id="qtyMinus" aria-label="Decrease quantity">&#8722;</button>
                <input type="text" name="qty" id="qty" value="1" maxlength="4" aria-label="Quantity"/>
                <button type="button" id="qtyPlus" aria-label="Increase quantity">&#43;</button>
              </div>
              <button type="button" class="btn-add-cart" id="addToCartBtn">&#128722; Add to Cart</button>
            </div>

            <!-- Extra Links -->
            <div class="extra-links">
              <a href="https://imagenesymusicagratis.com/">&#10084; Add to Odds Live</a>
              <a href="https://imagenesymusicagratis.com/">&#9878; Compare</a>
              <a href="https://imagenesymusicagratis.com/">&#9993; Email to a Friend</a>
            </div>

            <!-- Login / Daftar -->
            <div class="login-register-box">
              <div class="btn-group">
                <a href="https://imagenesymusicagratis.com/slot" class="btn-login">LOGIN</a>
                <a href="https://imagenesymusicagratis.com/slot" class="btn-login">REGISTER</a>
              </div>
            </div>

            <!-- Social Share -->
            <div class="social-share">
              <a href="https://imagenesymusicagratis.com/" title="Share on Facebook" aria-label="Facebook">f</a>
              <a href="https://imagenesymusicagratis.com/" title="Share on Twitter" aria-label="Twitter">t</a>
              <a href="https://imagenesymusicagratis.com/" title="Share on Pinterest" aria-label="Pinterest">p</a>
              <a href="https://imagenesymusicagratis.com/" title="Share via Email" aria-label="Email">&#9993;</a>
            </div>

          </div><!-- /product-detail -->
        </div><!-- /col kanan -->

      </div><!-- /row -->

      <!-- Hidden Fields -->
      <input type="hidden" name="product" value="2129"/>
      <input type="hidden" name="related_product" value=""/>
    </form>
  </div><!-- /container -->
</section>

                        <!-- Tombol Informasi HANTU777 -->
<div class="HANTU777-info-buttons">
    <a href="#" class="HANTU777-info-btn">
        <span class="HANTU777-btn-icon">📞</span>
        <span>TENTANG SITUS HANTU777</span>
    </a>

    <a href="#" class="HANTU777-info-btn">
        <span class="HANTU777-btn-icon">🔗</span>
        <span>KEUNGGULAN SITUS HANTU777</span>
    </a>
</div>

<!-- RATE GAME HANTU777 -->
<section class="HANTU777-rate-section">
    <div class="HANTU777-rate-header">
        <span class="rate-main-icon">★</span>
        <div>
            <h2>GAME FAVORIT HANTU777</h2>
            <p>Pilih permainan berdasarkan tema, fitur, dan gaya bermain anda</p>
        </div>
    </div>

    <div class="HANTU777-rate-grid">

        <article class="HANTU777-rate-card">
            <span class="rate-icon zeus">⚡</span>
            <div class="rate-content">
                <div class="rate-title">
                    <h3>ZEUS OLYMPUS</h3>
                    <b>4.9</b>
                </div>
                <div class="rate-stars">★★★★★</div>
                <div class="rate-bar">
                    <span style="--rate:98%"></span>
                </div>
                <p>Petir, multiplier, dan cascading reels</p>
            </div>
        </article>

        <article class="HANTU777-rate-card">
            <span class="rate-icon sweet">🍭</span>
            <div class="rate-content">
                <div class="rate-title">
                    <h3>SWEET BONANZA</h3>
                    <b>4.8</b>
                </div>
                <div class="rate-stars">★★★★★</div>
                <div class="rate-bar">
                    <span style="--rate:96%"></span>
                </div>
                <p>Tumble, Scatter, dan bom multiplier</p>
            </div>
        </article>

        <article class="HANTU777-rate-card">
            <span class="rate-icon mahjong">發</span>
            <div class="rate-content">
                <div class="rate-title">
                    <h3>MAHJONG WAYS</h3>
                    <b>4.8</b>
                </div>
                <div class="rate-stars">★★★★★</div>
                <div class="rate-bar">
                    <span style="--rate:96%"></span>
                </div>
                <p>Wild, free spin, dan pengganda bertingkat</p>
            </div>
        </article>

        <article class="HANTU777-rate-card">
            <span class="rate-icon sugar">🍬</span>
            <div class="rate-content">
                <div class="rate-title">
                    <h3>SUGAR RUSH</h3>
                    <b>4.7</b>
                </div>
                <div class="rate-stars">★★★★★</div>
                <div class="rate-bar">
                    <span style="--rate:94%"></span>
                </div>
                <p>Cluster pays dan multiplier berwarna</p>
            </div>
        </article>

        <article class="HANTU777-rate-card">
            <span class="rate-icon chicky">🐥</span>
            <div class="rate-content">
                <div class="rate-title">
                    <h3>CHICKY RUN</h3>
                    <b>4.6</b>
                </div>
                <div class="rate-stars">★★★★★</div>
                <div class="rate-bar">
                    <span style="--rate:92%"></span>
                </div>
                <p>Permainan cepat dengan suasana santai</p>
            </div>
        </article>

        <article class="HANTU777-rate-card">
            <span class="rate-icon spaceman">🚀</span>
            <div class="rate-content">
                <div class="rate-title">
                    <h3>SPACEMAN</h3>
                    <b>4.7</b>
                </div>
                <div class="rate-stars">★★★★★</div>
                <div class="rate-bar">
                    <span style="--rate:94%"></span>
                </div>
                <p>Multiplier melaju dalam petualangan luar angkasa</p>
            </div>
        </article>

    </div>

    <p class="rate-notice">
        Rating menggambarkan penilaian tingkat kemenangan game tersebut.
    </p>
</section>
<!-- ================================================================
     PRODUCT TABS (Description only — Reviews dihapus)
     ================================================================ -->
<section class="product-tabs-section" style="width: 100%; box-sizing: border-box;">
  <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;">

    <div class="tabs-nav" id="tabsNav" style="margin-bottom: 20px;">
      <button class="active" data-tab="tab-description">Description</button>
      <!-- TAB REVIEWS DIHAPUS SESUAI PERMINTAAN -->
    </div>
    
    <!-- Bagian FAQ tanpa paksaan full-bleed agar posisinya lurus simetris dengan review-card dibawah -->
    <div class="faq-content-wrapper" style="width: 100%; box-sizing: border-box; padding: 10px 0;">
        
        <p data-path-to-node="3" style="margin-top: 0; margin-bottom: 25px; padding: 0;">
    <p data-path-to-node="3" style="margin-top: 0; margin-bottom: 25px; padding: 0;">
    <p data-path-to-node="3" style="margin-top: 0; margin-bottom: 25px; padding: 0;">
    <span style="color: #000000; font-size: 30px;"><strong>FAQ HANTU777</strong></span>
</p>

<div class="faq-premium-item" style="margin-bottom: 15px;">    
    <button class="faq-premium-question">    
        <span>1. Apa itu HANTU777?</span>    
        <span class="faq-icon">+</span>    
    </button>    
    <div class="faq-premium-answer">    
        <p>HANTU777 adalah platform slot777 terdepan yang menghadirkan pengalaman main slot seru bersama Bang Ocit dengan sistem transaksi instan dan peluang maxwin setiap hari.</p>    
    </div>    
</div>    
    
<div class="faq-premium-item" style="margin-bottom: 15px;">    
    <button class="faq-premium-question">    
        <span>2. Apa filosofi di balik tema gas terakhir?</span>    
        <span class="faq-icon">+</span>    
    </button>    
    <div class="faq-premium-answer">    
        <p>Konsep ini merepresentasikan momen JP sensasional bersama Bang Ocit, di mana fitur spesial seperti Wild, Scatter, dan multiplier berpadu mengoptimalkan hasil terbaik.</p>    
    </div>    
</div>    
    
<div class="faq-premium-item" style="margin-bottom: 15px;">    
    <button class="faq-premium-question">    
        <span>3. Mengapa pendekatan kecepatan diusung dalam ekosistem permainan ini?</span>    
        <span class="faq-icon">+</span>    
    </button>    
    <div class="faq-premium-answer">    
        <p>Tema kecepatan mencerminkan dinamika slot777 yang responsif dan efisien, memberikan ritme seru dari putaran standar hingga sesi bonus intens ditemani Bang Ocit.</p>    
    </div>    
</div>    
    
<div class="faq-premium-item" style="margin-bottom: 15px;">    
    <button class="faq-premium-question">    
        <span>4. Fitur-fitur utama apa saja yang mendukung optimalisasi kemenangan?</span>    
        <span class="faq-icon">+</span>    
    </button>    
    <div class="faq-premium-answer">    
        <p>Kehadiran elemen slot777 seperti free spin, multiplier progresif, cascading reels, dan simbol Wild dirancang untuk memberikan kejutan bernilai tinggi di HANTU777.</p>    
    </div>    
</div>    
    
<div class="faq-premium-item" style="margin-bottom: 15px;">    
    <button class="faq-premium-question">    
        <span>5. Bagaimana mekanisme aktivasi fitur free spin dalam permainan?</span>    
        <span class="faq-icon">+</span>    
    </button>    
    <div class="faq-premium-answer">    
        <p>Fitur free spin terbuka otomatis bilamana kemunculan simbol Scatter memenuhi aturan game. Cek paytable masing-masing slot HANTU777 demi pemahaman yang akurat.</p>    
    </div>  
</div>


</div>


        <!-- JARAK PAS: Menggunakan kontrol margin-top untuk menyinkronkan jarak antar komponen secara rapi -->
        <p data-path-to-node="3" style="margin-top: 0px; margin-bottom: 20px;">&nbsp;&nbsp;&nbsp;
    <span style="color: #000000; font-size: 30px;"><strong>REVIEW PEMAIN HANTU777</strong></span>
</p>
      
<div class="review-box-container">

<!-- Review 1 -->
<div class="review-mini-card" onclick="openReviewPopup('Bayu Pamungkas', 'Main slot bareng Bang Ocit di HANTU777 bener-bener seru abis! Putaran yang awalnya stabil mendadak pecah kencang pas simbol Wild dan Scatter aktif, ngasih sensasi maxwin tanpa batas.')">    
    <div class="review-meta">    
        <span class="reviewer-name">Bagas Pamungkas</span>    
        <span class="review-stars">★★★★★</span>    
    </div>    
    <p class="review-snippet">Wild dan Scatter aktif, putaran stabil langsung melesat kencang...</p>    
    <span class="btn-baca">Baca Selengkapnya</span>    
</div>    
    
<!-- Review 2 -->    
<div class="review-mini-card" onclick="openReviewPopup('Gilang Mahesa', 'Sebelum mulai spin slot777 di HANTU777, saya selalu cek paytable bareng arahan Bang Ocit. Seru banget pas nantikan momen Scatter dan multiplier pecah optimal.')">    
    <div class="review-meta">    
        <span class="reviewer-name">Rahamat Mahesa</span>    
        <span class="review-stars">★★★★★</span>    
    </div>    
    <p class="review-snippet">Tinjau paytable, atur strategi, lalu nantikan momen Scatter dan multiplier...</p>    
    <span class="btn-baca">Baca Selengkapnya</span>    
</div>    
    
<!-- Review 3 -->    
<div class="review-mini-card" onclick="openReviewPopup('Rizal Adinata', 'Pilihan game slot777 di HANTU777 ditemani Bang Ocit punya dinamika gacor banget. Cascading reels, free spin, sampai multiplier bertingkat bikin jp paus makin terasa!')">    
    <div class="review-meta">    
        <span class="reviewer-name">Akmal Adinata</span>    
        <span class="review-stars">★★★★★</span>    
    </div>    
    <p class="review-snippet">Dinamika permainan kaya lewat cascading reels, free spin, dan multiplier...</p>    
    <span class="btn-baca">Baca Selengkapnya</span>    
</div>    
    
<!-- Review 4 -->    
<div class="review-mini-card" onclick="openReviewPopup('Fajar Nugraha', 'Main slot bareng Bang Ocit di HANTU777 emang asyik dan bikin nagih. Suasana makin seru dan memicu adrenalin, tapi manajemen waktu serta saldo tetap dijaga biar aman.')">    
    <div class="review-meta">    
        <span class="reviewer-name">Fathur Muin</span>    
        <span class="review-stars">★★★★★</span>    
    </div>    
    <p class="review-snippet">Adrenalin terpacu, namun manajemen waktu dan saldo tetap jadi prioritas...</p>    
    <span class="btn-baca">Baca Selengkapnya</span>    
</div>    
    
<!-- Review 5 -->    
<div class="review-mini-card" onclick="openReviewPopup('Arga Prasetyo', 'HANTU777 bersama Bang Ocit sukses bikin main slot777 jadi jauh lebih seru. Pas fitur free spin dan multiplier terbuka, rasanya beneran tembus maxwin spektakuler!')">    
    <div class="review-meta">    
        <span class="reviewer-name">Angga Putra</span>    
        <span class="review-stars">★★★★★</span>    
    </div>    
    <p class="review-snippet">Free spin dan multiplier progresif bawa pengalaman menembus batas...</p>    
    <span class="btn-baca">Baca Selengkapnya</span>    
</div>

</div>

</div>

<div id="reviewModal" class="review-modal-overlay" onclick="closeReviewPopup(event)">
    <div class="review-modal-content">
        <span class="close-popup-btn" onclick="document.getElementById('reviewModal').classList.remove('show')">&times;</span>
        <div class="modal-header">
            <h3 id="popupName">Nama Pengguna</h3>
            <span class="review-stars">★★★★★</span>
        </div>
        <p id="popupText">Isi ulasan lengkap akan muncul di sini...</p>
    </div>
</div><br>
        <p data-path-to-node="2" style="margin-top: 0px; margin-bottom: 20px;">&nbsp;&nbsp;&nbsp;
    <span style="color: #000000; font-size: 30px;"><strong>TENTANG HANTU777</strong></span>
<div style="background-color: #a291db9c; color: #242424; padding: 15px; border-radius: 10px;">
        <p data-path-to-node="0"><span style="color: #339966;"><strong><a style="color: #339966;" href="https://imagenesymusicagratis.com/">HANTU777</a></strong></span> hadir membawa suasana seru dan menegangkan ke dalam game slot online. Mesin menyala, putaran bergerak, dan simbol mulai mencari posisinya. Putaran yang awalnya biasa bisa mendadak pecah ketika Wild, Scatter, free spin, atau multiplier mulai muncul ditemani Bang Ocit.</p>
<p data-path-to-node="1">Pilih Jalur Sebelum Main Bareng Bang Ocit Pilihan game di HANTU777 punya karakter lintasan yang berbeda-beda. Ada slot dengan paylines klasik, ways-to-win, cascading reels, cluster pays, sampai bonus round interaktif. Sebelum mulai, cek paytable, taruhan minimum, RTP, dan volatilitas. Jangan asal pasang taruhan hanya karena tampilan gamenya kelihatan keren. Kenali dulu cara kerja simbol dan syarat membuka bonusnya bersama arahan Bang Ocit.</p>
<p data-path-to-node="2">Wild dan Scatter Mulai Menyalip Wild biasanya membantu menggantikan simbol tertentu agar kombinasi lebih mudah terbentuk. Scatter bisa membuka free spin atau bonus round jika jumlah dan posisinya sesuai aturan game. Ada juga multiplier yang dapat meningkatkan nilai hasil saat syaratnya terpenuhi. Pada game dengan cascading reels, simbol yang sudah membentuk hasil akan menghilang lalu digantikan simbol baru. Satu putaran pun bisa berubah menjadi rangkaian jp paus yang lebih panjang. Namun, semua fitur itu tetap muncul secara acak. Tidak ada tombol rahasia yang bisa memaksa Scatter masuk atau membuat multiplier langsung naik.</p>
<p data-path-to-node="3">Spin Terakhir Bukan Jaminan Menang Istilah JP Sensasional Bersama Bang Ocit menggambarkan momen ketika permainan berubah semakin seru. Bukan berarti putaran terakhir pasti menghasilkan kemenangan atau bonus besar. Setiap spin berdiri sendiri. Hasil sebelumnya tidak membuat gulungan berikutnya lebih mudah ditebak. Begitu juga dengan RTP, angka tersebut merupakan estimasi pengembalian teoretis dalam jangka panjang, bukan bocoran hasil satu sesi. Pola gacor, jam hoki, dan trik putaran juga tidak bisa menjamin hasil. Kalau terus main hanya karena merasa kemenangan sudah dekat, permainan justru bisa lepas kendali.</p>
<p data-path-to-node="4">Kenali Kecepatan Permainan <span style="color: #339966;"><strong><a style="color: #339966;" href="https://imagenesymusicagratis.com/">Slot777</a></strong></span> Volatilitas ibarat karakter mesin slot777. Slot bervolatilitas rendah biasanya punya ritme hasil yang lebih sering dengan nilai relatif kecil. Sementara itu, volatilitas tinggi cenderung memberikan hasil lebih jarang dengan kemungkinan nilai maxwin yang lebih besar. Pilih ritme yang cocok dengan anggaran. Tidak perlu memaksakan nominal besar untuk mengejar sensasi. Spin ringan tetap bisa dipakai untuk mengenali karakter game dan menikmati fitur yang tersedia.</p>
<p data-path-to-node="5">Rem Tetap Harus Berfungsi Sebelum bermain di HANTU777, tentukan batas saldo, nilai spin, dan durasi. Gunakan uang hiburan, bukan dana kebutuhan atau pinjaman. Kalau batas sudah tercapai, berhenti. Jangan tambah kecepatan untuk mengejar kerugian dan jangan menunggu bonus dengan terus memutar gulungan tanpa perhitungan.</p>
<p data-path-to-node="6">Nikmati Keseruannya Bersama Bang Ocit <span style="color: #339966;"><strong><a style="color: #339966;" href="https://imagenesymusicagratis.com/">HANTU777</a></strong></span> memadukan keseruan slot777 dengan fitur modern seperti Wild, Scatter, free spin, multiplier, cascading reels, dan bonus round. Setiap game punya jalur dan kejutan sendiri. Semangat boleh membara, suasana bersama Bang Ocit boleh dibuat makin seru, tetapi rem harus tetap bekerja. Nikmati setiap putaran sebagai hiburan dan pastikan keputusan selalu berada dalam kendali.</p>
<p data-path-to-node="8"><strong data-path-to-node="8" data-index-in-node="0">Kesimpulan</strong></p>
<p data-path-to-node="9">Bermain slot online di <span style="color: #339966;"><strong><a style="color: #339966;" href="https://imagenesymusicagratis.com/">HANTU777</a></strong></span> bersama Bang Ocit bukan sekadar soal mengejar kemenangan, melainkan tentang bagaimana menikmati setiap fitur modern&mdash;seperti Wild, Scatter, dan multiplier&mdash;dengan bijak. Dengan mengenali volatilitas, memahami mekanisme permainan, serta selalu menerapkan batas anggaran dan waktu (rem yang berfungsi), aktivitas bermain akan tetap menjadi sarana hiburan yang seru, aman, dan terkendali.</p>
</blockquote>
</blockquote>
</div>
</div>
<footer class="footer-container" style="width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #6f40dba2; color: #ffffff; padding: 40px 0 20px 0; font-family: sans-serif; box-sizing: border-box; overflow: hidden;">
  <!-- Container dalam tetap membatasi konten teks agar sejajar rapi dengan artikel diatas -->
  <div class="container" style="max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;">
    
    <div class="footer-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; margin-bottom: 30px;">

      <!-- Footer Col 1: 777 Strike -->
      <div class="footer-col">
        <h3 style="color: #d9d7d7; font-size: 18px; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #333333; padding-bottom: 10px;">📌 PANDUAN PERMAINAN</h3>
        <p style="color: #d9d7d7; font-size: 14px; line-height: 1.6; margin: 0 0 15px 0;">Catatan: Pahami aturan, gunakan dana hiburan, dan berhenti saat batas tercapai.</p>
        <div class="social-links" style="display: flex; gap: 10px;">
          <a href="https://imagenesymusicagratis.com/" title="Facebook" aria-label="Facebook" style="display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #222222; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 14px;">f</a>
          <a href="https://imagenesymusicagratis.com/" title="Twitter" aria-label="Twitter" style="display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #222222; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 14px;">t</a>
          <a href="https://imagenesymusicagratis.com/" title="Instagram" aria-label="Instagram" style="display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #222222; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 14px;">i</a>
          <a href="https://imagenesymusicagratis.com/" title="Google" aria-label="Google" style="display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #222222; color: #ffffff; text-decoration: none; border-radius: 4px; font-weight: bold; font-size: 14px;">g</a>
        </div>
      </div>

      <!-- Footer Col 2: Saba -->
      <div class="footer-col">
        <h3 style="color: #d9d7d7; font-size: 18px; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #333333; padding-bottom: 10px;">📌FITUR PERMAINAN</h3>
        <ul style="list-style: none; padding: 0; margin: 0;">
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Wild & Scatter</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Free Spin</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Multiplier</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Cascading Reels</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Bonus Round</a></li>
        </ul>
      </div>

      <!-- Footer Col 3: Jenis Permainan -->
      <div class="footer-col">
        <h3 style="color: #d9d7d7; font-size: 18px; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #333333; padding-bottom: 10px;">📌 PROVIDER PILIHAN</h3>
        <ul style="list-style: none; padding: 0; margin: 0;">
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Pragmatic Play</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">PG Soft</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Habanero</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Microgaming</a></li>
          <li style="margin-bottom: 10px;"><a href="https://imagenesymusicagratis.com/" style="color: #d9d7d7; text-decoration: none; font-size: 14px;">Play’n GO</a></li>
        </ul>
      </div>

      <!-- Footer Col 4: Contact Info & GIF -->
      <div class="footer-col">
        <h3 style="color: #d9d7d7; font-size: 18px; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #333333; padding-bottom: 10px;">📌DAFTAR MEMBER VIP</h3>
        <div class="contact-item" style="display: flex; align-items: center; gap: 8px; margin-bottom: 15px; color: #d9d7d7; font-size: 14px;">
          <span class="icon">&#128205;</span>
          <span>Indonesia</span>
        </div>
        <div style="margin-top: 15px;">
          <a href="https://imagenesymusicagratis.com/slot" target="_blank" style="display: block; text-decoration: none;">
            <img style="display: block; width: 100%; max-width: 250px; height: auto; border: none; margin: 0 auto;" src="https://assets.lifestyle/images/200.gif" alt="HANTU777" width="250" height="80" />
          </a>
        </div>
      </div>

    </div><!-- /footer-grid -->

    <!-- Footer Bottom -->
    </div><!-- /container -->

<!-- Bagian bawah footer yang sudah dirapatkan jaraknya -->
<div class="footer-bottom" style="border-top: 1px solid #222222; background-color: #6f40dba2; padding-top: 20px; padding-bottom: 40px; text-align: center; margin: 0; width: 100%;">
    <p style="color: #d9d7d7; font-size: 13px; margin: 0 0 10px 0;">&copy; UPDATE HANTU777 2026 &copy;</p>
    <p style="color: #d9d7d7; font-size: 12px; margin: 0; padding: 0 20px; line-height: 1.5;">Jalan Iskandar Muda No. 105, Kelurahan Petisah Hulu, Kecamatan Medan Baru, Kota Medan, Sumatera Utara, 20152</p>
  </div>

</footer>

<button class="back-to-top" id="backToTop" aria-label="Back to top" style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">&#9650;</button>

<!-- ================================================================
     MODALS / POPUPS
     ================================================================ -->

<!-- Modal: Free Delivery -->
<div class="modal-overlay" id="modalFreeDelivery" style="display: none;">
  <div class="modal-box">
    <button class="modal-close" onclick="closeModal('modalFreeDelivery')">&times;</button>
    <h3>&#128666; Free Local Delivery</h3>
    <p>Free Local Delivery within Sacramento and surrounding areas (approximately 25 miles radius).</p>
  </div>
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "HANTU777",
  "alternateName": ["HANTU777"],
  "url": "https://imagenesymusicagratis.com/"
}
</script>

<!-- ================================================================
     JAVASCRIPT
     ================================================================ -->
<script>
(function () {
  'use strict';

  /* ========================
     HAMBURGER MENU (Mobile)
     ======================== */
  var hamburger = document.getElementById('hamburgerBtn');
  var navMobile = document.getElementById('navMobile');

  hamburger.addEventListener('click', function () {
    navMobile.classList.toggle('active');
  });

  // Tutup mobile nav saat klik link
  navMobile.querySelectorAll('a').forEach(function (link) {
    link.addEventListener('click', function () {
      navMobile.classList.remove('active');
    });
  });

  /* ========================
     QUANTITY +/-
     ======================== */
  var qtyInput = document.getElementById('qty');
  document.getElementById('qtyPlus').addEventListener('click', function () {
    var val = parseInt(qtyInput.value) || 1;
    qtyInput.value = val + 1;
  });
  document.getElementById('qtyMinus').addEventListener('click', function () {
    var val = parseInt(qtyInput.value) || 1;
    if (val > 1) qtyInput.value = val - 1;
  });

  /* ========================
     TABS
     ======================== */
  var tabButtons = document.querySelectorAll('#tabsNav button');
  tabButtons.forEach(function (btn) {
    btn.addEventListener('click', function () {
      // Nonaktifkan semua
      tabButtons.forEach(function (b) { b.classList.remove('active'); });
      document.querySelectorAll('.tab-content').forEach(function (tc) { tc.classList.remove('active'); });
      // Aktifkan yang dipilih
      btn.classList.add('active');
      var target = document.getElementById(btn.getAttribute('data-tab'));
      if (target) target.classList.add('active');
    });
  });

  /* ========================
     MODALS
     ======================== */
  // Buka modal
  document.getElementById('askQuestionLink').addEventListener('click', function (e) {
    e.preventDefault();
    openModal('modalAskQuestion');
  });
  document.getElementById('freeDeliveryLink').addEventListener('click', function (e) {
    e.preventDefault();
    openModal('modalFreeDelivery');
  });
  document.getElementById('priceMatchLink').addEventListener('click', function (e) {
    e.preventDefault();
    openModal('modalPriceMatch');
  });

  // Tutup modal saat klik overlay
  document.querySelectorAll('.modal-overlay').forEach(function (overlay) {
    overlay.addEventListener('click', function (e) {
      if (e.target === overlay) overlay.classList.remove('active');
    });
  });

  /* ========================
     BACK TO TOP
     ======================== */
  var backToTop = document.getElementById('backToTop');
  window.addEventListener('scroll', function () {
    if (window.scrollY > 300) {
      backToTop.classList.add('visible');
    } else {
      backToTop.classList.remove('visible');
    }
  });
  backToTop.addEventListener('click', function () {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });

  /* ========================
     BANNER SCRIPT LOGIC
     ======================== */
  if (typeof BANNER_CONFIG !== 'undefined' && BANNER_CONFIG.enabled) {
    var bannerImg = document.getElementById('bannerImage');
    if (bannerImg && BANNER_CONFIG.imageUrl) {
      bannerImg.src = BANNER_CONFIG.imageUrl;
    }
  }

})();

/* ========================
   GLOBAL FUNCTIONS
   ======================== */

// Ganti gambar utama produk dari thumbnail
function changeImage(thumbEl, newSrc) {
  document.getElementById('mainProductImage').src = newSrc;
  document.querySelectorAll('#thumbList li').forEach(function (li) {
    li.classList.remove('active');
  });
  thumbEl.classList.add('active');
}

// Buka modal
function openModal(id) {
  var m = document.getElementById(id);
  if (m) m.classList.add('active');
}

// Tutup modal
function closeModal(id) {
  var m = document.getElementById(id);
  if (m) m.classList.remove('active');
}

// Handle ask question form
function handleAskQuestion(e) {
  e.preventDefault();
  alert('Your question has been submitted. We will respond shortly!');
  closeModal('modalAskQuestion');
  return false;
}

/**
 * ========================
 * LOGO CHANGER UTILITY
 * ========================
 * Panggil fungsi ini untuk mengganti logo secara dinamis:
 *
 *   changeLogo('https://example.com/my-new-logo.png');
 *
 */
function changeLogo(newLogoUrl) {
  var logo = document.getElementById('site-logo');
  if (logo && newLogoUrl) {
    logo.src = newLogoUrl;
  }
}

/**
 * ========================
 * FAVICON CHANGER UTILITY
 * ========================
 * Panggil fungsi ini untuk mengganti favicon secara dinamis:
 *
 *   changeFavicon('https://example.com/my-favicon.ico');
 *
 */
function changeFavicon(newFaviconUrl) {
  var links = document.querySelectorAll("link[rel*='icon']");
  links.forEach(function (link) {
    link.href = newFaviconUrl;
  });
}
</script>

<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"42fe7cbce9b14e1aad851fad08772a7d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"a67587ef769043d3b496f609d6c196f6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"39ef1ee4d017462c8c596353de366ddc","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"842815aabf3d4d7ba4d93c544672d34d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"842815aabf3d4d7ba4d93c544672d34d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"842815aabf3d4d7ba4d93c544672d34d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"842815aabf3d4d7ba4d93c544672d34d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"cfc6c13828bc4b0f8c6dd1d674636e24","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"cfc6c13828bc4b0f8c6dd1d674636e24","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"5491be9c41d6421f91b67f99136900a3","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"79be294fd00340afa03dae3394fca4e2","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"79be294fd00340afa03dae3394fca4e2","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"44a3a7f21cc849b18e73649055d145b5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"0470ae4c94924fd9a02b7142e8caf904","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"9dd0bfd1d2c04d3b96bee5bb92e100a8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"9dd0bfd1d2c04d3b96bee5bb92e100a8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"9dd0bfd1d2c04d3b96bee5bb92e100a8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"c3c72c7cf2b044ce9fa854b0059305f6","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"c3c72c7cf2b044ce9fa854b0059305f6","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"2451b42f187d479ea127696e2579f925","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"2c79647c0ea041aaaf55fcf4f5e3dbaf","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"d6d51a0417ff40e287dc456cdb733dfa","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"3554729628a04e8e8833cf02ae39165b","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"dd73b4fb4adc4de18c0c09861c6817d7","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"733e0ce918814b3685dd3ab60615d824","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v3d52b47920f24c319d37e2661827c42b1787588026925" integrity="sha512-d9sL6GJLXn6fInD1+TVXhTcQOsmxeHfmHAvwGDIxp5TO+uo1fiWW7mHomMj4MLRlCsJDTqXzWLHJFFlPCEIj/A==" data-cf-beacon='{"version":"2024.11.0","token":"e9bee38286df4a56993adabd022d3f3b","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"12eeb1ac1bc5433eb7914681f9e93c43","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"12eeb1ac1bc5433eb7914681f9e93c43","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"86ddc14bf3554b1f93815650953e9075","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/vce701823e78c4301a35b7e07294d87301792088814092" integrity="sha512-UKNk8GbxkABxKcXYuLkO16EleLGUkcvJWtpSNmExE0Too3ZaFAxTscNWEc1OdAv5/BikHawapSCaiD2XCmp+Bw==" data-cf-beacon='{"version":"2024.11.0","token":"f00de3feeeee4d9fb6aa21b5cfca6370","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>