PasteShr

New Paste Browse

<!DOCTYPE html>
  <html lang="id">
  <head>
    <meta charset="UTF-8">
    <title>DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k</title>
    <meta name="description" content="Nikmati akses game online bersama DANATOTO dengan sistem responsif, metode pembayaran QRIS yang mudah digunakan, pilihan permainan menarik, dan deposit terjangkau mulai 5K.">
    <meta name="robots" content="index,follow">
    <link rel="canonical" href="https://cobseindia.co.in/about/">
    <link rel="amphtml" href="https://danatoto-25u.pages.dev/">
    <link rel="alternate" hreflang="id-id" href="https://danatoto-25u.pages.dev/"/>
    <link rel="alternate" href="https://danatoto-25u.pages.dev/"/>
    <link rel="alternate" hreflang="id" href="https://danatoto-25u.pages.dev/"/>
    <link rel="alternate" hreflang="en" href="https://danatoto-25u.pages.dev/"/>
    <link rel="alternate" hreflang="x-default" href="https://danatoto-25u.pages.dev/"/>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-0LSM1YJSPZ" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>
    <script nonce="se3iyzEHMc9FQEB4wSyd0w==">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("consent","default",{ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"granted",wait_for_update:500});gtag("js",new Date);gtag("config","G-0LSM1YJSPZ",{send_page_view:!0,linker:{domains:["plazait.co.id","www.plazait.co.id"]}});window.ga4Ecomm={viewItem:function(e){if(!window.gtag)return;try{gtag("event","view_item",{currency:e.currency||"IDR",value:e.value||0,items:[{item_id:e.item_id||"",item_name:e.item_name||"",item_brand:e.item_brand||"",item_category:e.item_category||"",price:e.price||0,quantity:1}]})}catch(t){}},addToCart:function(e){if(!window.gtag)return;try{gtag("event","add_to_cart",{currency:e.currency||"IDR",value:(e.price||0)*(e.quantity||1),items:[{item_id:e.item_id||"",item_name:e.item_name||"",item_brand:e.item_brand||"",item_category:e.item_category||"",price:e.price||0,quantity:e.quantity||1}]})}catch(t){}}};</script>
    <meta property="og:locale" content="id_ID">
    <meta property="og:site_name" content="Plaza IT">
    <meta property="og:type" content="product">
    <meta property="og:title" content="DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k">
    <meta property="og:description" content="Nikmati akses game online bersama DANATOTO dengan sistem responsif, metode pembayaran QRIS yang mudah digunakan, pilihan permainan menarik, dan deposit terjangkau mulai 5K.">
    <meta property="og:url" content="https://cobseindia.co.in/about/">
    <meta property="og:image" content="https://selubang.b-cdn.net/Albino/danatoto.png">
    <meta property="og:image:alt" content="DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k">
  <meta property="product:price:amount" content="10000">
  <meta property="product:price:currency" content="IDR">
  <meta property="product:availability" content="out of stock">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k">
  <meta name="twitter:description" content="Nikmati akses game online bersama DANATOTO dengan sistem responsif, metode pembayaran QRIS yang mudah digunakan, pilihan permainan menarik, dan deposit terjangkau mulai 5K.">
  <meta name="twitter:image" content="https://selubang.b-cdn.net/Albino/danatoto.png">

"@context": "https://schema.org",

"@type": "FAQPage",

"mainEntity": [

{

"@type": "Question",

"name": "Apa itu DANATOTO?",

"acceptedAnswer": {

"@type": "Answer",

"text": "DANATOTO merupakan platform digital yang menyediakan akses ke berbagai jenis permainan slot online melalui perangkat desktop maupun mobile. Dengan tampilan yang responsif dan navigasi yang sederhana, pengguna dapat menjelajahi berbagai kategori permainan dengan lebih mudah dan nyaman."

}

{

"@type": "Question",

"name": "Bagaimana cara melakukan DANATOTO login slot?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Pengguna dapat mengakses akun melalui halaman login DANATOTO dengan memasukkan username dan password yang telah terdaftar. Setelah proses autentikasi berhasil, pengguna dapat menjelajahi berbagai pilihan permainan dan fitur platform sesuai kebutuhan."

}

{

"@type": "Question",

"name": "Apakah DANATOTO dapat diakses melalui smartphone?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Ya. DANATOTO dirancang dengan tampilan responsif dan mobile-friendly sehingga dapat diakses melalui smartphone, tablet, maupun desktop. Pengguna dapat menjelajahi berbagai kategori permainan melalui browser dengan tampilan yang menyesuaikan ukuran layar."

}

{

"@type": "Question",

"name": "Mengapa permainan slot di DANATOTO banyak diminati?",

"acceptedAnswer": {

"@type": "Answer",

"text": "DANATOTO menghadirkan berbagai pilihan permainan slot digital dengan tema, fitur, dan karakteristik yang beragam. Antarmuka modern, navigasi intuitif, serta sistem yang responsif membantu memberikan pengalaman penggunaan yang lebih nyaman melalui berbagai perangkat."

}

{

"@type": "Question",

"name": "Apa fungsi informasi RTP di DANATOTO?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Informasi RTP di DANATOTO dapat digunakan sebagai referensi untuk memahami persentase pengembalian teoritis suatu permainan dalam jangka panjang. Angka RTP, termasuk nilai seperti 98 persen, tidak menjamin kemenangan atau Maxwin pada sesi permainan tertentu."

}

{

"@type": "Question",

"name": "Apakah proses akses di DANATOTO cepat?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Ya. DANATOTO dirancang dengan sistem yang responsif sehingga proses akses dapat dilakukan secara praktis melalui berbagai perangkat dan jaringan yang kompatibel. Tampilan yang ringan serta struktur navigasi yang terorganisir membantu pengguna menemukan fitur dan permainan dengan lebih efisien."

}

]

}

</script>
    
      <meta name="csrf-token" content="9ce6e4a17f7cc189893df9e47789b13e98829450d516a0cae5ca7b5f43e5dadc">
    <meta name="user-logged-in" content="false">
    <meta name="user-id" content="0">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

<div class="nav-actions">
        
        <button class="icon-btn cart-indicator" id="cartBtn" title="Keranjang">
          🛒 <span id="cartCount" class="badge" data-role="cart-badge" aria-live="polite">0</span>
        </button>
        
        
          <span id="compareCount" class="badge" data-role="compare-badge" aria-live="polite">0</span>
        </button>
        
        
              <button class="login-btn" id="loginBtn" aria-label="Masuk">
          <span class="login-text">Masuk</span>
          <span class="login-ico" aria-hidden="true">😊</span>
        </button>
            </div>
    </div>

<div class="mega-cats-wrapper">
          <div class="mega-cats container" id="megaCatsScroll" style="padding-left: 5px !important;">
                        <a class="" href="https://cobseindia.co.in/about/">
                DANATOTO            </a>
                        <a class="" href="https://cobseindia.co.in/about/">
                DANATOTO SLOT             </a>
                        <a class="" href="https://cobseindia.co.in/about/">
                SLOT ONLINE            </a>
                        <a class="" href="https://cobseindia.co.in/about/">
                TOTO SLOT            </a>
                        <a class="" href="https://cobseindia.co.in/about/">
                DANATOTO LOGIN SLOT         </a>
                        <a class="" href="https://cobseindia.co.in/about/">
                SLOT            </a>
                        <a class="" href="https://cobseindia.co.in/about/">
                SITUS TOTO SLOT            </a>
                    </div>
          <div class="mega-cats-fade" id="megaCatsFade"></div>
        </div>
    </div>
  </nav>

<div class="mm2-panel" data-mm2="panel" role="dialog" aria-label="Kategori">
    <div class="mm2-view is-active" data-mm2="top"></div>
    <div class="mm2-view" data-mm2="detail"></div>
  </div>

<div class="mm2-backdrop" data-mm2="backdrop"></div>

<nav class="bottom-nav">
    <div class="bottom-nav-inner">
      
      <a href="/" class="bottom-nav-item" id="bottomHomeBtn" data-page="home">
        <div class="bottom-nav-item-icon">
          
          <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
            <polyline points="9 22 9 12 15 12 15 22"/>
          </svg>
          
          <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor">
            <path d="M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 010 1.06l-.03.03a.75.75 0 01-1.06 0l-8.16-8.16-8.16 8.16a.75.75 0 01-1.06 0l-.03-.03a.75.75 0 010-1.06l8.69-8.69z"/>
            <path d="M12 5.5l-7.5 7.5v8.25c0 .414.336.75.75.75h3.75v-6h6v6h3.75a.75.75 0 00.75-.75V13l-7.5-7.5z"/>
          </svg>
        </div>
        <span class="bottom-nav-item-label">Home</span>
      </a>

<button class="bottom-nav-item" id="bottomCategoryBtn" data-mm2="trigger" aria-label="Kategori">
        <div class="bottom-nav-item-icon">
          
          <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="3" y1="12" x2="21" y2="12"/>
            <line x1="3" y1="6" x2="21" y2="6"/>
            <line x1="3" y1="18" x2="21" y2="18"/>
          </svg>
          
          <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor">
            <path d="M3 5.25A.75.75 0 013.75 4.5h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 5.25zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 6.75a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z"/>
          </svg>
        </div>
        <span class="bottom-nav-item-label">Kategori</span>
      </button>

<button class="bottom-nav-item" id="bottomCartBtn">
        <div class="bottom-nav-item-icon">
          
          <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="9" cy="21" r="1"/>
            <circle cx="20" cy="21" r="1"/>
            <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>
          </svg>
          
          <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor">
            <path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"/>
          </svg>
          <span class="bottom-nav-item-badge" id="bottomCartCount">0</span>
        </div>
        <span class="bottom-nav-item-label">Keranjang</span>
      </button>

<button class="bottom-nav-item" id="bottomCompareBtn">
        <div class="bottom-nav-item-icon">
          
          <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="17 11 21 7 17 3"/>
            <path d="M21 7H9"/>
            <polyline points="7 21 3 17 7 13"/>
            <path d="M15 17H3"/>
          </svg>
          
          <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor">
            <path d="M21.75 6.75a.75.75 0 00-.75-.75H9a.75.75 0 000 1.5h10.19L15.22 11.47a.75.75 0 001.06 1.06l4.5-4.5a.75.75 0 00.22-.53.75.75 0 00-.22-.53l-.03-.03zM8.78 12.47L4.28 16.97a.75.75 0 000 1.06l4.5 4.5a.75.75 0 001.06-1.06L6.06 18H15a.75.75 0 000-1.5H4.81l3.97-3.97a.75.75 0 00-1.06-1.06z"/>
          </svg>
          <span class="bottom-nav-item-badge" id="bottomCompareCount" style="display:none;">0</span>
        </div>
        <span class="bottom-nav-item-label">Compare</span>
      </button>

<button class="bottom-nav-item" id="bottomChatBtn" data-page="chat">
        <div class="bottom-nav-item-icon">
          
          <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" opacity="0.85">
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
          </svg>
          
          <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor">
            <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/>
          </svg>
          <span class="bottom-nav-item-badge" id="bottomChatCount" style="display:none;">0</span>
        </div>
        <span class="bottom-nav-item-label">Chat</span>
      </button>

<button class="bottom-nav-item" id="bottomLoginBtn">
        <div class="bottom-nav-item-icon">
          
          <svg class="icon-outlined" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
            <circle cx="12" cy="7" r="4"/>
          </svg>
          
          <svg class="icon-filled" viewBox="0 0 24 24" fill="currentColor">
            <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/>
          </svg>
        </div>
        <span class="bottom-nav-item-label">Login</span>
      </button>
          </svg>
        </div>
      </button>
        </div>
  </nav>

// ========== HORIZONTAL SCROLL FADE INDICATOR ==========
  (function(){
    const megaCats = document.getElementById('megaCatsScroll');
    const fade = document.getElementById('megaCatsFade');
    if (!megaCats || !fade) return;

// Update on scroll
    megaCats.addEventListener('scroll', updateFade, { passive: true });
    
    // Update on resize
    window.addEventListener('resize', updateFade, { passive: true });
    
    // Initial check
    setTimeout(updateFade, 100);
  })();

const loginBtn = document.getElementById('loginBtn');
    if (loginBtn) {
      loginBtn.addEventListener('click', function(e) {
        e.preventDefault();
        window.location.href = 'https://cobseindia.co.in/about/';
      });
    }

// Bottom nav profile button - toggle mobile bottom sheet
    const bottomProfileBtn = document.getElementById('bottomProfileBtn');
    const mobileUserSheet = document.getElementById('mobileUserSheet');
    const mobileUserSheetBackdrop = document.getElementById('mobileUserSheetBackdrop');
    
    if (bottomProfileBtn && mobileUserSheet) {
      function openMobileSheet() {
        mobileUserSheet.hidden = false;
        document.body.style.overflow = 'hidden';
        // Trigger animation
        requestAnimationFrame(() => {
          mobileUserSheet.classList.add('active');
        });
      }
      
      function closeMobileSheet() {
        mobileUserSheet.classList.remove('active');
        document.body.style.overflow = '';
        setTimeout(() => {
          mobileUserSheet.hidden = true;
        }, 300);
      }
      
      bottomProfileBtn.addEventListener('click', function(e) {
        e.preventDefault();
        openMobileSheet();
      });
      
      if (mobileUserSheetBackdrop) {
        mobileUserSheetBackdrop.addEventListener('click', closeMobileSheet);
      }
      
      // Close on escape key
      document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape' && !mobileUserSheet.hidden) {
          closeMobileSheet();
        }
      });
      
      // Close sheet when clicking profile links
      mobileUserSheet.querySelectorAll('[data-close-sheet]').forEach(link => {
        link.addEventListener('click', function() {
          closeMobileSheet();
        });
      });
    }
    
    // Handle Google avatar error in bottom-nav (fallback to initials)
    const bottomNavAvatar = document.querySelector('.bottom-nav-avatar-img');
    if (bottomNavAvatar) {
      bottomNavAvatar.addEventListener('error', function() {
        const initials = this.getAttribute('data-fallback-initials') || 'U';
        const initialsDiv = document.createElement('div');
        initialsDiv.className = 'bottom-nav-avatar-initials';
        initialsDiv.textContent = initials;
        this.parentNode.replaceChild(initialsDiv, this);
      });
    }

// Mobile logout button
    const mobileLogoutBtn = document.getElementById('mobileLogoutBtn');
    if (mobileLogoutBtn) {
      mobileLogoutBtn.addEventListener('click', async function(e) {
        e.preventDefault();
        
        // Check push notification before logout
        if (window.ChatNotification && typeof window.ChatNotification.confirmLogoutWithPushNotification === 'function') {
          const confirmLogout = await window.ChatNotification.confirmLogoutWithPushNotification();
          if (!confirmLogout) {
            return; // User cancelled logout
          }
        }
        
        const getCsrfToken = () => document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
        
        try {
          const response = await fetch('/auth/logout', {
            method: 'POST',
            credentials: 'same-origin',
            headers: {
              'Content-Type': 'application/json',
              'X-CSRF-Token': getCsrfToken()
            },
            body: JSON.stringify({
              csrf_token: getCsrfToken()
            })
          });
          
          if (response.ok) {
            if (window.guestCart && typeof window.guestCart.clear === 'function') {
              window.guestCart.clear();
            }
            window.location.href = '/login?logged_out=1';
          } else {
            console.error('Logout failed');
            window.location.href = '/logout';
          }
        } catch (error) {
          console.error('Logout error:', error);
          window.location.href = '/logout';
        }
      });
    }

// ========== MOBILE BOTTOM NAVIGATION ==========
  (function initBottomNav() {
    // Sync cart badge with bottom nav
    function syncBottomCartBadge() {
      const mainBadge = document.getElementById('cartCount');
      const bottomBadge = document.getElementById('bottomCartCount');
      if (mainBadge && bottomBadge) {
        const count = mainBadge.textContent;
        bottomBadge.textContent = count;
        bottomBadge.style.display = parseInt(count) > 0 ? 'flex' : 'none';
      }
    }

// Sync compare badge with bottom nav
    function syncBottomCompareBadge() {
      const mainBadge = document.getElementById('compareCount');
      const bottomBadge = document.getElementById('bottomCompareCount');
      if (mainBadge && bottomBadge) {
        const count = mainBadge.textContent;
        bottomBadge.textContent = count;
        bottomBadge.style.display = parseInt(count) > 0 ? 'flex' : 'none';
      }
    }

// Initial sync
    syncBottomCartBadge();
    syncBottomCompareBadge();

// Observe badge changes
    const observer = new MutationObserver(function() {
      syncBottomCartBadge();
      syncBottomCompareBadge();
    });

const cartBadge = document.getElementById('cartCount');
    const compareBadge = document.getElementById('compareCount');
    
    if (cartBadge) observer.observe(cartBadge, { childList: true, characterData: true, subtree: true });
    if (compareBadge) observer.observe(compareBadge, { childList: true, characterData: true, subtree: true });

// Bottom Cart Button
    const bottomCartBtn = document.getElementById('bottomCartBtn');
    if (bottomCartBtn) {
      bottomCartBtn.addEventListener('click', function(e) {
        e.preventDefault();
        
        const checkLogin = () => {
          return window.isUserLoggedIn ? window.isUserLoggedIn() : false;
        };
        
        if (checkLogin()) {
          window.location.href = '/keranjang';
        } else {
          showCartLoginModal();
        }
      });
    }

// Bottom Compare Button
    const bottomCompareBtn = document.getElementById('bottomCompareBtn');
    if (bottomCompareBtn) {
      bottomCompareBtn.addEventListener('click', function(e) {
        e.preventDefault();
        
        // Close chat widget if open
        if (window.plazaChat && window.plazaChat.isWidgetOpen) {
          window.plazaChat.closeWidget();
        }
        
        const mainCompareBtn = document.getElementById('compareBtn');
        if (mainCompareBtn) {
          mainCompareBtn.click();
        }
      });
    }

// Bottom Category Button - triggers mega menu
    const bottomCategoryBtn = document.getElementById('bottomCategoryBtn');
    if (bottomCategoryBtn) {
      bottomCategoryBtn.addEventListener('click', function(e) {
        e.preventDefault();
        // Trigger desktop mega menu
        const desktopTrigger = document.querySelector('.mm2-trigger:not(#bottomCategoryBtn)');
        if (desktopTrigger) {
          desktopTrigger.click();
        }
      });
    }

// Bottom Login Button
    const bottomLoginBtn = document.getElementById('bottomLoginBtn');
    if (bottomLoginBtn) {
      bottomLoginBtn.addEventListener('click', function(e) {
        e.preventDefault();
        window.location.href = '/login';
      });
    }

// Bottom Chat Button
    const bottomChatBtn = document.getElementById('bottomChatBtn');
    if (bottomChatBtn) {
      bottomChatBtn.addEventListener('click', function(e) {
        e.preventDefault();
        
        // Trigger chat widget (try multiple times if needed)
        const triggerChat = () => {
          const chatToggle = document.getElementById('chat-toggle-btn');
          if (chatToggle) {
            chatToggle.click();
            return true;
          }
          return false;
        };
        
        // Immediate attempt
        if (!triggerChat()) {
          // Retry after 100ms if not found
          setTimeout(() => {
            if (!triggerChat()) {
              // Last resort: manually show popup
              const popup = document.getElementById('chat-popup');
              if (popup) {
                popup.style.display = 'block';
              }
            }
          }, 100);
        }
      });
    }

// Sync chat unread badge
    function syncBottomChatBadge() {
      const chatBadge = document.getElementById('chat-unread-badge');
      const bottomChatBadge = document.getElementById('bottomChatCount');
      if (chatBadge && bottomChatBadge) {
        const count = chatBadge.textContent;
        bottomChatBadge.textContent = count;
        bottomChatBadge.style.display = chatBadge.style.display;
      }
    }

// Observe chat badge changes
    const chatBadge = document.getElementById('chat-unread-badge');
    if (chatBadge) {
      observer.observe(chatBadge, { attributes: true, childList: true, characterData: true, subtree: true });
      syncBottomChatBadge();
    }

// Active state management based on current page
    function updateActiveState() {
      const currentPath = window.location.pathname;
      const bottomNavItems = document.querySelectorAll('.bottom-nav-item');
      
      bottomNavItems.forEach(item => {
        item.classList.remove('active');
        
        const itemId = item.id;
        const page = item.getAttribute('data-page');
        const href = item.getAttribute('href');
        
        // Check by ID for specific pages
        if (itemId === 'bottomHomeBtn' && currentPath === '/') {
          item.classList.add('active');
        } else if (itemId === 'bottomCartBtn' && (currentPath === '/keranjang' || currentPath === '/cart')) {
          item.classList.add('active');
        } else if (itemId === 'bottomProfileBtn' && currentPath.startsWith('/profile')) {
          item.classList.add('active');
        } else if (itemId === 'bottomCategoryBtn' && currentPath.startsWith('/kategori')) {
          item.classList.add('active');
        } else if (itemId === 'bottomCompareBtn' && currentPath === '/compare') {
          item.classList.add('active');
        } else if (itemId === 'bottomChatBtn' && currentPath === '/chat') {
          item.classList.add('active');
        }
        // Fallback: check by data-page attribute
        else if (page === 'home' && currentPath === '/') {
          item.classList.add('active');
        } else if (page === 'profile' && currentPath.startsWith('/profile')) {
          item.classList.add('active');
        }
        // Fallback: check by href
        else if (href && currentPath === href) {
          item.classList.add('active');
        }
      });
    }

// Update active state on load
    updateActiveState();

// Bottom nav always visible - auto-hide disabled for better UX
    // const bottomNav = document.querySelector('.bottom-nav');
    // if (bottomNav && window.innerWidth <= 640) {
    //   // Auto-hide feature disabled
    // }
  })();
  // Cart Login Modal Handler (Global scope)
  function showCartLoginModal() {
    const modal = document.getElementById('cartLoginModal');
    if (!modal) return;
    
    modal.classList.add('show');
    
    const confirmBtn = document.getElementById('cartLoginConfirm');
    const registerBtn = document.getElementById('cartRegisterBtn');
    const cancelBtn = document.getElementById('cartLoginCancel');
    
    const handleLogin = () => {
      window.location.href = '/login?return=' + encodeURIComponent('/keranjang');
    };
    
    const handleRegister = () => {
      window.location.href = '/register?return=' + encodeURIComponent('/keranjang');
    };
    
    const handleCancel = () => {
      modal.classList.remove('show');
      confirmBtn.removeEventListener('click', handleLogin);
      registerBtn.removeEventListener('click', handleRegister);
      cancelBtn.removeEventListener('click', handleCancel);
    };
    
    confirmBtn.removeEventListener('click', handleLogin);
    registerBtn.removeEventListener('click', handleRegister);
    cancelBtn.removeEventListener('click', handleCancel);
    
    confirmBtn.addEventListener('click', handleLogin);
    registerBtn.addEventListener('click', handleRegister);
    cancelBtn.addEventListener('click', handleCancel);
    
    modal.addEventListener('click', (e) => {
      if (e.target === modal) {
        handleCancel();
      }
    });
  }
  </script>
  <script src="cart-badge.js" defer nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>

<div class="compare-sidebar" id="compareSidebar">
    <div class="compare-header">
      <h4 class="compare-title">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
          <path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/>
        </svg>
        Bandingkan Produk
        <span class="compare-count" id="compareCountSidebar">(0)</span>
      </h4>
      <button class="compare-close" id="compareClose" aria-label="Tutup">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
          <path d="M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 0 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z"/>
        </svg>
      </button>
    </div>
    
    <div class="compare-content">
      <div class="compare-empty" id="compareEmpty">
        <div class="empty-icon">
          <svg width="48" height="48" viewBox="0 0 24 24" fill="currentColor" opacity="0.3">
            <path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/>
          </svg>
        </div>
        <h5>Belum ada produk dipilih</h5>
        <p>Pilih produk yang ingin dibandingkan dengan klik tombol "Bandingkan Produk" di halaman produk.</p>
      </div>
      
      <div class="compare-list" id="compareList">
        
      </div>
    </div>
    
    <div class="compare-actions" id="compareActions">
      <button class="btn btn-outline-danger btn-sm" id="compareClearAll">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
          <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/>
        </svg>
        Hapus Semua
      </button>
      <button class="btn btn-primary btn-sm" id="compareAnalyze" disabled>
        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
          <path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z"/>
        </svg>
        Analisis AI
      </button>
    </div>
    
    
    <div class="compare-disclaimer">
      <div class="ai-disclaimer">
        <div class="disclaimer-text">
          <strong>💡 Catatan:</strong> Dengan berbagai pilihan yang tersedia, pengguna memiliki kebebasan untuk menentukan jenis permainan yang paling sesuai dengan preferensi masing-masing.
        </div>
      </div>
    </div>
  </div><link rel="stylesheet" href="https://plazaitdotid.pages.dev/assets/css/pd-lightbox.css">
  <style>.paylater-promo{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#141815 0,#131614 100%);border:1px solid #ff0000;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.4;margin:8px 0}.paylater-promo-sm{padding:6px 10px;font-size:11px;gap:6px}.paylater-promo-md{padding:8px 12px;font-size:13px;gap:8px}.paylater-promo-lg{padding:10px 16px;font-size:14px;gap:10px}.paylater-icon{font-size:1.2em;flex-shrink:0}.paylater-text{display:flex;flex-direction:column;gap:2px}.paylater-text strong{color:#ff0000;font-weight:600}.paylater-text small{color:#ff0000;font-size:.85em;opacity:.9}.paylater-desktop-only{display:none}.paylater-mobile-only{display:flex}@media (min-width:641px){.paylater-desktop-only{display:flex}.paylater-mobile-only{display:none}}@media (max-width:640px){.paylater-promo{font-size:12px;padding:7px 10px}.paylater-promo-lg{font-size:13px;padding:8px 12px}}@media print{.paylater-promo{display:none!important}}.paylater-compact{display:inline-block;font-size:11px;font-weight:600;color:#ff0000;background:#d1fae5;padding:3px 8px;border-radius:4px;margin:6px 0 4px;line-height:1.3}@media (max-width:640px){.paylater-compact{font-size:10px;padding:2px 6px;margin:5px 0 3px}}@media print{.paylater-compact{display:none!important}}</style><style nonce="se3iyzEHMc9FQEB4wSyd0w==">.pd-voucher-minimal{margin:10px 0;display:flex;flex-direction:column;gap:6px}.pdv-min-item{display:flex;align-items:center;gap:8px;padding:0;height:32px;transition:all .2s ease}.pdv-min-hidden{display:none}.pdv-min-disabled{opacity:.5}.pdv-badge-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;border-radius:8px;padding:3px;cursor:pointer;transition:all .2s ease;width:auto}.pdv-badge-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.pdv-badge-btn:disabled{opacity:.6;cursor:not-allowed}.pdv-badge-icon{color:#fff;flex-shrink:0}.pdv-badge-text{font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.pdv-badge-code{font-family:'Courier New',monospace;font-size:13px;font-weight:700;color:#fff;background:rgba(255,255,255,.2);padding:4px 8px;border-radius:4px;border:none;white-space:nowrap}.pdv-min-copy,.pdv-min-more{padding:4px 12px;font-size:12px;font-weight:600;border-radius:5px;border:1px solid #e2e8f0;background:#fff;color:#667eea;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pdv-min-copy:hover:not(:disabled),.pdv-min-more:hover{background:#667eea;color:#fff;border-color:#667eea}.pdv-min-copy:disabled{opacity:.4;cursor:not-allowed}.pdv-min-copy.copied{background:#c52222;color:#fff;border-color:#c52222}.pdv-min-more{margin-left:auto}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#64748b;padding:4px;transition:color .2s ease}.modal-close:hover{color:#1e293b}.modal-body{margin-bottom:8px}.voucher-modal-content{text-align:center}.voucher-modal-badge{display:inline-flex;flex-direction:row;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:10px;padding:8px 16px;margin-bottom:12px}.vmb-value{font-size:18px;font-weight:700;color:#fff;line-height:1}.vmb-label{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.voucher-modal-code{font-family:'Courier New',monospace;font-size:14px;font-weight:700;color:#667eea;background:rgba(102,126,234,.1);padding:6px 12px;border-radius:6px;border:2px dashed rgba(102,126,234,.3);display:inline-block;margin-bottom:10px}.voucher-modal-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:16px}.voucher-modal-details{text-align:left;background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:16px}.vmd-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;color:#64748b;border-bottom:1px solid #e2e8f0}.vmd-item:last-child{border-bottom:none}.vmd-item svg{color:#667eea;flex-shrink:0;margin-top:2px}.vmd-item strong{color:#1e293b}.modal-actions{padding:20px}.modal-btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.modal-btn-primary:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:640px){.pdv-min-item{gap:6px}.pdv-badge-btn{padding:3px;gap:6px}.pdv-badge-text{font-size:13px}.pdv-badge-code{font-size:12px;padding:3px 6px}.pdv-min-copy,.pdv-min-more{padding:3px 10px;font-size:11px}.modal-dialog{max-width:95%;margin:20px}.vmb-value{font-size:16px}.vmb-label{font-size:16px}.voucher-modal-code{font-size:13px;padding:5px 10px}}</style><style nonce="se3iyzEHMc9FQEB4wSyd0w==">.promo-endyear-mini-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(242,140,26,.2);border-radius:12px;margin:16px 0;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease}.promo-endyear-mini-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12);border-color:rgba(242,140,26,.4)}.pey-icon{font-size:32px;line-height:1;flex-shrink:0}.pey-content{flex:1;min-width:0}.pey-content strong{display:block;font-size:14px;font-weight:700;color:#F28C1A;margin-bottom:2px}.pey-content span{display:block;font-size:13px;color:#64748b;line-height:1.4}.pey-link{flex-shrink:0;padding:8px 16px;background:linear-gradient(135deg,#F28C1A,#FFB84D);color:#fff;text-decoration:none;font-size:13px;font-weight:700;border-radius:8px;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px rgba(242,140,26,.25)}.pey-link:hover{transform:translateX(2px);box-shadow:0 4px 12px rgba(242,140,26,.35)}@media(max-width:640px){.promo-endyear-mini-banner{flex-wrap:wrap;gap:8px;padding:10px 12px}.pey-icon{font-size:28px;align-self:flex-start}.pey-content{flex:1;min-width:0}.pey-content strong{font-size:12px}.pey-content span{font-size:11px;line-height:1.3}.pey-link{width:100%;flex-basis:100%;font-size:11px;padding:6px 12px;text-align:center}}@media print{.promo-endyear-mini-banner{display:none!important}}</style>
  <style nonce="se3iyzEHMc9FQEB4wSyd0w==">
  .pd-title-row{position:relative;margin-bottom:12px;padding-right:52px}.pd-title{margin:0!important}.pd-share-btn{position:absolute;top:0;right:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.pd-share-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.pd-share-btn:active{transform:translateY(0)}.pd-share-btn svg{display:block}

.pd-share-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.75);backdrop-filter:blur(4px);z-index:99999;display:none;align-items:center;justify-content:center;padding:0;animation:fadeIn .2s ease}.pd-share-modal-overlay.show{display:flex}.pd-share-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:480px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

.pd-share-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.pd-share-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.pd-share-close{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pd-share-close:hover{background:#f1f5f9;color:#0f172a}.pd-share-body{padding:24px;overflow-y:auto}

.pd-share-preview{display:flex;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.pd-share-preview-img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #e2e8f0}.pd-share-preview-info{flex:1;min-width:0}.pd-share-preview-name{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pd-share-preview-price{font-size:16px;font-weight:700;color:#ff0000;margin:0}

.pd-share-label{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px 0;text-transform:uppercase;letter-spacing:.5px}.pd-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.pd-share-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.pd-share-option:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-2px)}.pd-share-option:active{transform:translateY(0)}

.pd-share-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;position:relative}.pd-share-icon svg{width:24px;height:24px;display:block}.pd-share-icon-whatsapp{background:linear-gradient(135deg,#ff0000 0%,#3c3300 100%);color:#fff}.pd-share-icon-facebook{background:linear-gradient(135deg,#1877F2 0%,#0c63d4 100%);color:#fff}.pd-share-icon-twitter{background:linear-gradient(135deg,#1DA1F2 0%,#0d8bd9 100%);color:#fff}.pd-share-icon-telegram{background:linear-gradient(135deg,#0088cc 0%,#0077b3 100%);color:#fff}.pd-share-icon-email{background:linear-gradient(135deg,#EA4335 0%,#c5331f 100%);color:#fff}.pd-share-icon-copy{background:linear-gradient(135deg,#f1db63 0%,#e5d146 100%);color:#fff}.pd-share-icon-pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.pd-share-name{font-size:12px;font-weight:600;color:#475569;text-align:center}

.pd-share-copy-section{background:#f8fafc;padding:16px;border-radius:12px}.pd-share-copy-input-wrap{display:flex;gap:8px}.pd-share-copy-input{flex:1;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;font-family:'Segoe UI',system-ui,sans-serif}.pd-share-copy-input:focus{outline:0;border-color:#ff0000;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.pd-share-copy-btn{padding:12px 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#e90e0e 0%,#0284c7 100%);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.pd-share-copy-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.3)}.pd-share-copy-btn:active{transform:translateY(0)}.pd-share-copy-btn svg{width:16px;height:16px}.pd-share-copy-btn.copied{background:linear-gradient(135deg,#c52222 0%,#a31616 100%);pointer-events:none}

@media(max-width:640px){.pd-share-modal{border-radius:20px 20px 0 0;margin-top:auto;max-height:85vh}.pd-share-grid{grid-template-columns:repeat(3,1fr)}.pd-share-header{padding:16px 20px}.pd-share-body{padding:20px}.pd-share-btn{width:36px;height:36px}.pd-share-btn svg{width:18px;height:18px}}@media(max-width:480px){.pd-share-grid{grid-template-columns:repeat(3,1fr);gap:10px}.pd-share-option{padding:12px 6px}.pd-share-icon{width:36px;height:36px}.pd-share-icon svg{width:20px;height:20px}.pd-share-name{font-size:11px}}

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

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

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

.stock-info-btn{--c:#e90e0e;--b:#bae6fd;--bg:#f0f9ff;--bg-h:#e0f2fe;--b-h:#e90e0e;margin-left:0;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:4px 10px;border-radius:999px;border:1.5px solid var(--b);background:var(--bg);color:var(--c);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.stock-info-btn:hover{background:var(--bg-h);border-color:var(--b-h);color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 8px rgba(14,165,233,.15)}.stock-info-btn:active{transform:translateY(0)}.stock-info-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(14,165,233,.2)}.stock-info-btn svg{width:14px;height:14px;flex-shrink:0}.stock-info-btn .btn-text{white-space:nowrap}

.stock-popover{position:absolute;z-index:9999;min-width:280px;max-width:92vw;background:#0b1220;color:#eef3ff;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 40px rgba(12,12,20,.45);padding:12px 12px 8px;display:none}.stock-popover.show{display:block}.stock-popover::before{content:"";position:absolute;top:-8px;left:24px;width:14px;height:14px;background:#0b1220;border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}.sp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sp-title{font-weight:800;font-size:14px}.sp-close{background:transparent;border:0;color:#98a2b3;cursor:pointer}

.sp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sp-item{display:grid;grid-template-columns:1fr auto 32px;column-gap:12px;align-items:center;padding:10px 10px;min-height:44px;border-radius:10px;background:rgba(255,255,255,.03)}.sp-left{display:flex;align-items:center;gap:10px}.sp-dot{width:10px;height:10px;border-radius:999px;background:var(--dot,#60a5fa);display:inline-block}.sp-label{font-weight:600;font-size:13px}

.sp-qty{grid-column:2;justify-self:end;min-width:40px;text-align:right;font-weight:800;font-size:13px;color:#cfe4ff;font-variant-numeric:tabular-nums}

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

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

#deskripsi img{max-width:200px!important;height:unset!important}@media(max-width:640px){.stock-popover{position:fixed;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom,12px));margin:0 10px;padding:14px 12px 10px;border-radius:16px}.stock-popover::before{display:none}.stock-info-btn{padding:4px 8px;gap:4px;border:0;background:transparent}.stock-info-btn:hover{background:transparent;box-shadow:none;transform:none}.stock-info-btn .btn-text{display:none}.stock-info-btn svg{width:16px;height:16px}.sp-item{grid-template-columns:1fr auto 36px}.sp-wa{width:36px;height:36px;min-width:36px;min-height:36px}.sp-wa svg{width:19px;height:19px}}

.stock-dot{position:absolute;bottom:8px;right:8px;width:8px;height:8px;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.4);z-index:2;cursor:help}.stock-dot.ready{background:#10b981}.stock-dot.low{background:#f5130b}.stock-dot.out{background:#ef4444}.stock-dot:hover{transform:scale(1.2);transition:transform 0.2s ease}@media(max-width:640px){.stock-dot{width:7px;height:7px;bottom:6px;right:6px}}

.pd-related-card .spec-chips{font-size:11px;color:#64748b;margin:4px 0 6px 0;line-height:1.3;font-weight:500}.pd-related-card .spec-chips .spec-divider{margin:0 4px;opacity:0.6}@media(max-width:640px){.pd-related-card .spec-chips{font-size:10px;margin:3px 0 5px 0}#deskripsi img{max-width:300px!important;height:unset!important;justify-self:center!important}}

.pwp-trigger-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 4px;background:linear-gradient(135deg,#fb4424 0%,#f5130b 100%);color:#78350f;border-radius:6px;font-size:.65rem;font-weight:600;border:0}.pwp-trigger-badge svg{flex-shrink:0;width:12px;height:12px}
  .pwp-deals-section{margin:0;padding:12px;background:linear-gradient(135deg,#fef3c7 0%,#da6c12 100%);border-radius:12px;border:2px solid #fb4424}.pwp-deals-header{display:flex;gap:10px;margin-bottom:10px}.pwp-icon{flex-shrink:0;color:#f5130b;width:18px;height:18px}.pwp-text .pwp-title{margin:0 0 2px 0;font-size:14px;font-weight:700;color:#78350f}.pwp-text .pwp-subtitle{margin:0;font-size:11px;color:#92400e;opacity:0.9}.pwp-deals-loading{text-align:center;padding:40px 0;color:#92400e}.pwp-spinner{width:40px;height:40px;border:3px solid #fb4424;border-top-color:#f5130b;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}
  .pwp-deals-grid{display:flex;flex-direction:column;gap:6px}.pwp-deal-card{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #fb4424;display:flex;align-items:center;padding:8px;gap:10px}.pwp-deal-card:hover{background:#fef3c7}.pwp-deal-thumb{flex-shrink:0;width:50px;height:50px;background:#f8fafc;overflow:hidden;border-radius:4px}.pwp-deal-thumb img{width:100%;height:100%;object-fit:cover}.pwp-deal-badge{background:#dc2626;color:#fff;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:700;margin-left:auto}.pwp-deal-info{flex:1;display:flex;flex-direction:column;gap:4px}.pwp-deal-name{font-size:12px;font-weight:600;color:#0f172a;margin:0;line-height:1.2}.pwp-deal-prices{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pwp-deal-price{font-size:14px;font-weight:800;color:#dc2626;white-space:nowrap}.pwp-deal-original{font-size:11px;color:#64748b;text-decoration:line-through;white-space:nowrap}.pwp-cart-note{margin-top:8px;padding:6px 10px;background:#e0f2fe;border-left:2px solid#e90e0e;font-size:11px;color:#0c4a6e;border-radius:4px}
  @media(max-width:640px){.pwp-deals-section{margin:12px 0;padding:10px;border-radius:10px}.pwp-deals-header{gap:8px}.pwp-text .pwp-title{font-size:13px}.pwp-text .pwp-subtitle{font-size:10px}.pwp-deal-card{padding:6px;gap:8px}.pwp-deal-thumb{width:45px;height:45px}.pwp-deal-name{font-size:11px}.pwp-deal-price{font-size:13px}.pwp-deal-original{font-size:10px}}

.preorder-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border-radius:8px;font-size:13px;font-weight:700;border:0;box-shadow:0 2px 8px rgba(139,92,246,.25)}.preorder-badge svg{width:16px;height:16px;flex-shrink:0}.preorder-info{margin:12px 0;padding:14px;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1.5px solid #c4b5fd;border-radius:12px}.preorder-info-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.preorder-info-icon{width:20px;height:20px;color:#7c3aed;flex-shrink:0}.preorder-info-title{font-size:14px;font-weight:700;color:#5b21b6;margin:0}.preorder-info-items{display:flex;flex-direction:column;gap:8px}.preorder-info-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.preorder-info-label{color:#6b21a8;font-weight:600}.preorder-info-value{color:#5b21b6;font-weight:700}.preorder-info-value.highlight{color:#dc2626;font-size:14px}.preorder-info-note{margin-top:10px;padding:8px 10px;background:#fef3c7;border-left:2px solid #f5130b;font-size:12px;color:#78350f;border-radius:6px;line-height:1.4}@media(max-width:640px){.preorder-badge{font-size:12px;padding:5px 10px}.preorder-info{margin:10px 0;padding:12px}.preorder-info-title{font-size:13px}.preorder-info-row{font-size:12px}.preorder-info-note{font-size:11px;padding:6px 8px}}
  </style>

<div class="pd-sticky-header" id="pd-sticky-header"><div class="pd-sticky-header-container"><div class="pd-sticky-thumb"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" id="pd-sticky-thumb-img"></div><div class="pd-sticky-info"><h2 class="pd-sticky-title" id="pd-sticky-title">DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k</h2><div class="pd-sticky-price-row"><span class="pd-sticky-price" id="pd-sticky-price">Rp 10.000,-</span><span class="pd-sticky-price-original" id="pd-sticky-price-original">Rp 100.000</span><span class="pd-sticky-discount" id="pd-sticky-discount">-99.5%</span></div></div><div class="pd-sticky-actions"><button type="button" class="pd-sticky-share-btn" id="pd-sticky-share-btn" aria-label="Bagikan produk" title="Bagikan"><svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true"><path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg></button><button type="button" class="pd-sticky-btn pd-sticky-btn-chat" id="pd-sticky-chat"><svg viewBox="0 0 640 640" fill="currentColor" aria-hidden="true"><path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/></svg>Tanya</button><button type="button" class="pd-sticky-btn pd-sticky-btn-cart" id="pd-sticky-add-cart" disabled>+ Keranjang</button><button type="button" class="pd-sticky-btn pd-sticky-btn-buy" id="pd-sticky-buy" disabled>Beli Sekarang</button></div></div></div>

<main class="product-single product-single--v3"><nav class="pd-breadcrumb" aria-label="breadcrumb"><a href="https://cobseindia.co.in/about/">DANATOTO</a><span>/</span><a href="https://cobseindia.co.in/about/">DANATOTO SLOT</a><span>/</span><a href="https://cobseindia.co.in/about/">SLOT ONLINE</a><span>/</span><a href="https://cobseindia.co.in/about/">TOTO SLOT</a><span>/</span><a href="https://cobseindia.co.in/about/">DANATOTO LOGIN SLOT </a><span>/</span><span class="current">DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k

</span></nav>

<div class="pd-mobile-slider-wrapper">
  <div class="pd-mobile-slider" id="pd-mobile-slider" aria-label="Galeri gambar (geser)"><div class="pd-mslide"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="eager"></div><div class="pd-mslide"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></div><div class="pd-mslide"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></div><div class="pd-mslide"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></div><div class="pd-mslide"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></div><div class="pd-mslide"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></div></div><div class="pd-gallery-counter" id="pd-gallery-counter">1/6</div></div>
  <div class="pd-thumb-gallery" id="pd-thumb-gallery" aria-label="Galeri gambar produk"><button type="button" class="pd-thumb-btn active" data-full="https://selubang.b-cdn.net/Albino/danatoto.png" data-alt="DANATOTO" data-slug="" aria-label="Gambar 1"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://selubang.b-cdn.net/Albino/danatoto.png" data-alt="DANATOTO" data-slug="https://selubang.b-cdn.net/Albino/danatoto.png" aria-label="Gambar 2"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://selubang.b-cdn.net/Albino/danatoto.png" data-alt="DANATOTO" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-223.webp" aria-label="Gambar 3"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://selubang.b-cdn.net/Albino/danatoto.png" data-alt="DANATOTO" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-776.webp" aria-label="Gambar 4"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://selubang.b-cdn.net/Albino/danatoto.png" data-alt="DANATOTO" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-634.webp" aria-label="Gambar 5"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></button><button type="button" class="pd-thumb-btn " data-full="https://selubang.b-cdn.net/Albino/danatoto.png" data-alt="DANATOTO" data-slug="lenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-b-1761796941-892.webp" aria-label="Gambar 6"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" loading="lazy"></button></div></section><section class="pd-info-card"><div id="pd-variant-combined" class="pd-variant-combined" hidden></div><div class="pd-title-row">
          <h1 class="pd-title" id="pd-title">DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k</h1><button type="button" class="pd-share-btn" id="pd-share-btn" aria-label="Bagikan produk" title="Bagikan"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg></button></div>
  <div id="pd-price-anchor">
  </div>
  <div class="pd-price-qr-container">
          <div class="pd-price-block" id="pd-price-block">
                  <div class="pd-price-row">
                          <span class="pd-price-current" id="pd-price-current" >Rp 10.000</span>
                          <span class="pd-price-original" id="pd-price-original">Rp 100.000</span>
                          <span class="pd-discount-badge" id="pd-discount-badge">-90%</span></div>
                          <div class="pd-meta-row">
                                  <span class="sold-inline" id="pd-sold-inline" data-role="sold-chip">Terjual Terjual 2K</span>
                                  <span class="pwp-trigger-badge" id="pwp-trigger-badge" hidden>
                                          <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
                                                  <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></svg>Bisa PWP</span></div>
                                                  <div class="pd-meta-inline"><span class="stock-badge out" id="pd-stock-badge">DANATOTO</span>
                                                          <span class="sku">SKU: <span id="pd-sku">8S89G1554EGB</span></span></div>
  <div class="paylater-promo paylater-promo-sm paylater-mobile-only">
      <span class="paylater-icon">💳</span>
      <span class="paylater-text">
          <strong>DANATOTO</strong>
          <small>DANATOTO SLOT</small>
      </span>
  </div>

<div class="stock-popover" id="pd-stock-popover" role="dialog" aria-hidden="true" aria-label="Informasi stok cabang"><div class="sp-head"><div class="sp-title">Stok Cabang</div><button type="button" class="sp-close" id="pd-stock-popover-close" aria-label="Tutup"><svg width="18" height="18" viewBox="0 0 24 24"><path fill="currentColor" d="M18.3 5.71L12 12.01l-6.3-6.3-1.4 1.41 6.3 6.3-6.3 6.3 1.4 1.41 6.3-6.3 6.3 6.3 1.41-1.41-6.3-6.3 6.3-6.3z"/></svg></button></div><ul class="sp-list">
  <li class="sp-item"><div class="sp-left"><span class="sp-dot" style="--dot:#60a5fa;"></span><span class="sp-label">Asia Mega Mas</span></div><span class="sp-qty" id="sp-qty-meg">0</span><a class="sp-wa" href="https://wa.me/6281380009898?text=Halo%2C%20saya%20ingin%20tanya%20stok%20di%20Asia%20Mega%20Mas%20untuk%20produk%20https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black" target="_blank" rel="noopener" aria-label="WhatsApp Asia Mega Mas"><svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/></svg></a></li>
                  
                      <li class="sp-item">
                        <div class="sp-left">
                          <span class="sp-dot" style="--dot:#d33434;"></span>
                          <span class="sp-label">Medan Fair</span>
                        </div>
                        <span class="sp-qty" id="sp-qty-mdf">0</span>
                        <a class="sp-wa"
                          href="https://wa.me/6285388992009?text=Halo%2C%20saya%20ingin%20tanya%20stok%20di%20Medan%20Fair%20untuk%20produk%20https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black"
                          target="_blank" rel="noopener" aria-label="WhatsApp Medan Fair">
                          <svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                              <path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/>
                            </svg>
                        </a>
                      </li>
                  
                      <li class="sp-item">
                        <div class="sp-left">
                          <span class="sp-dot" style="--dot:#f5130b;"></span>
                          <span class="sp-label">Banda Aceh</span>
                        </div>
                        <span class="sp-qty" id="sp-qty-bda">0</span>
                        <a class="sp-wa"
                          href="https://wa.me/628116833411?text=Halo%2C%20saya%20ingin%20tanya%20stok%20di%20Banda%20Aceh%20untuk%20produk%20https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black"
                          target="_blank" rel="noopener" aria-label="WhatsApp Banda Aceh">
                          <svg class="ico-wa" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                              <path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/>
                            </svg>
                        </a>
                      </li>
                    </ul>
                  </div>

</div>
              <div class="pd-qr-print" style="display:none;"><div class="pd-qr-label">Scan untuk lihat produk:</div><img src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=https%3A%2F%2Fplazait.co.id%2Fproduct%2Flenovo-legion-go-8asp2-83n0000rid-ryzen-z2-extreme-amd-radeon-graphics-eclipse-black" alt="QR Code" class="pd-qr-image"></div>
              </div>
                                      <div id="pd-variants-anchor"></div>

<div class="pd-compare-section">
                  <button type="button" class="pd-compare-btn" id="pd-compare-btn" data-product-id="325">
                      <svg class="compare-icon" width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
                          <path d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"/>
                      </svg>
                      <span class="compare-text">Bandingkan Produk</span>
                      <span class="compare-remove" hidden>
                          <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
                              <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/>
                          </svg>
                          Hapus dari Perbandingan
                      </span>
                  </button>
                  <div class="pd-compare-info">
                      <small class="compare-note" id="compare-note">Bandingkan hingga 5 produk dengan bantuan AI</small>
                  </div>
              </div>
              
              <div class="pd-short-desc"><p><strong>Informasi DANATOTO :</strong></p><ul><li>Minimal Deposit: Rp.10.000,-</li><li>Jenis Permainan: Toto Slot, Slot Online</li><li>Metode Pembayaran: Bank, QRIS, E-Wallet, USDT</li><li>Mata Uang: IDR (Indonesian Rupiah)</li><li>Jam Operasional: 24 Jam Nonstop</li><li>Total Rating: 1.056.670</li><li>Rating: ⭐⭐⭐⭐⭐</li><li>Daftar Sekarang: <a href="https://danatoto-25u.pages.dev/">Klik Disini</a></li></ul></div>
  <div id="golden-slot-standalone-v3">
                          
              <div class="pwp-deals-section" id="pwp-deals-section" hidden data-product-id="325" data-variant-id="0" data-category-path="Komputer &amp; Laptop/Laptop/Gaming"><div class="pwp-deals-header"><svg class="pwp-icon" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></svg><div class="pwp-text"><h3 class="pwp-title">Penawaran Spesial PWP (Purchase with Purchase)</h3><p class="pwp-subtitle">Beli produk ini dan dapatkan produk pilihan dengan harga spesial</p></div></div><div class="pwp-deals-loading"><div class="pwp-spinner"></div><p>Memuat penawaran...</p></div><div class="pwp-deals-grid" id="pwp-deals-grid"></div><p class="pwp-cart-note">💡 Produk PWP dapat ditambahkan di halaman keranjang setelah produk ini dimasukkan</p></div>
          </section>

<aside class="pd-sidebar">
              <div class="pd-side-card pd-buy-card">
                  <form class="pd-buy-form" id="pd-buy-form" data-pid="325">
                      <input type="hidden" name="variant_id" id="pd-variant-id" value="0">
                      <div>
                          <label for="qty" class="qty-label">Qty</label>
                          <input type="number" id="qty" name="qty" value="0" min="1"
                                max="0"
                                disabled>
                      </div>
                      <div class="pd-actions">
                          <button type="submit" class="btn-add-cart" id="btn-add-cart" disabled>+ Keranjang</button>
                          <button type="button" class="btn-buy" id="btn-buy" data-id="278426" disabled >Beli</button>
                          <button type="button" class="btn-chat-icon" id="btn-chat-icon" aria-label="Tanya Produk" title="Tanya Produk"><svg viewBox="0 0 640 640" fill="currentColor"><path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/></svg></button>
                                              </div>
                  </form>
                  <div class="paylater-promo paylater-promo-md paylater-desktop-only">
      <span class="paylater-icon">💳</span>
      <span class="paylater-text">
          <strong>DANATOTO</strong>
          <small>DANATOTO SLOT</small>
      </span>
  </div>            </div>

<div class="pd-side-card qoala-banner-card">
                  <div class="qoala-banner">
                      <div class="qoala-banner-content">
                          <div class="qoala-icon">
                              <center><img src="https://selubang.b-cdn.net/icondana.png" alt="DANATOTO" class="qoala-shield-img"></center>
                          </div>
                          <div class="qoala-text">
                              <div class="qoala-title">Login DANATOTO</div>
                              <div class="qoala-subtitle">Verified</div>
                          </div>
                      </div>
                      <a href="https://cobseindia.co.in/about/" class="qoala-cta"
                        data-ga-event="qoala_banner_click"
                        data-product-id="325"
                        data-product-name="DANATOTO"
                        data-category-path="Komputer &amp; Laptop/Laptop/Gaming" target="_blank">Info</a>
                  </div>
  <style>.qoala-banner-card{padding:0;overflow:hidden}.qoala-banner{background:linear-gradient(135deg, #c70000 0%, #c51c06 100%);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:white;text-decoration:none;min-height:60px}.qoala-banner-content{display:flex;align-items:center;gap:12px}.qoala-icon{display:flex;align-items:center;justify-content:center}.qoala-shield-img{width:36px;height:36px;object-fit:contain;opacity:0.9}.qoala-title{font-weight:600;font-size:14px;line-height:1.2}.qoala-subtitle{font-size:12px;opacity:0.9;line-height:1.2}.qoala-cta{background:rgba(255,255,255,0.2);color:white;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:background 0.2s ease;border:1px solid rgba(255,255,255,0.3)}.qoala-cta:hover{background:rgba(255,255,255,0.3);color:white}@media(max-width:768px){.qoala-banner{padding:10px 12px}.qoala-title{font-size:17px}.qoala-subtitle{font-size:11px}}</style>
              </div>
              
                          <div class="pd-side-card pd-installment-card2"
                  id="inst-card"
                  data-base-price="20789000"
                  data-zero-smart="0">
                  <div class="inst-head">
                      <h3>Promo & Fitur DANATOTO</h3>
                                      </div>

<div class="inst-bank-tabs" role="tablist" aria-label="Bank">
                      <button type="button" class="bank-tab active" data-bank="Lucky Draw" aria-selected="true">Lucky Draw</button>
                      <button type="button" class="bank-tab" data-bank="Lomba Panjat Turnover" aria-selected="false">Lomba Panjat Turnover</button>
                      <button type="button" class="bank-tab" data-bank="Rtp Slot Gacor" aria-selected="false">Rtp Slot Gacor</button>
                  </div>

<ul class="inst-month-list" id="inst-month-list" aria-label="Daftar cicilan per bulan"></ul>
                  <div class="inst-note" id="inst-zero-note" style="display:none;">0% Cicilan khusus bank terpilih*</div>
                  <div class="inst-disclaimer">Angka estimasi. Bisa ber ttps://vava4dinksite-amp.vercel.app/ sesuai kebijakan bank / penyedia.</div>
              </div>
              
              
  <div class="tnt-review-mecha">

</div>
    </div>

</div>

/* ✨ CAHAYA GERAK */
  .article-pro::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255, 240, 81, 0.49),
      transparent
    );
    transform: skewX(-20deg);
    animation: shineMove 4s linear infinite;
  }

/* ✨ GLOW DALAM */
  .article-pro::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    box-shadow: inset 0 0 15px rgba(178, 166, 32, 0.15);
    pointer-events: none;
  }

/* ANIMASI */
  @keyframes shineMove {
    0% { left: -150%; }
    100% { left: 150%; }
  }

/* PARAGRAF */
  .article-pro p {
    font-size: 15px;
    margin-bottom: 18px;
    text-align: justify;
    color: #1e293b; /* 🔥 warna teks gelap biar enak dibaca */
    position: relative;
    z-index: 2;
  }

/* HOVER PARAGRAF */
  .article-pro p:hover {
    color: #000000;
    text-shadow: 0 0 6px rgba(178, 166, 32, 0.4);
    transition: 0.3s;
  }

/* LINK */
  .article-pro a {
    color: #d3b300;
    text-decoration: none;
    font-weight: 600;
  }

.article-pro a:hover {
    text-shadow: 0 0 8px #ff0000;
  }

/* RESPONSIVE */
  @media(max-width:600px){
    .article-pro{
      padding:20px 15px;
    }
  }
  </style>

<p>
  Di era digital yang terus berkembang, kebutuhan akan akses hiburan online yang cepat, praktis, dan nyaman menjadi salah satu prioritas bagi banyak pengguna. DANATOTO hadir sebagai platform game online dengan pilihan permainan beragam, dukungan pembayaran QRIS, proses transaksi praktis, serta minimal deposit mulai Rp5.000. Dengan tampilan modern dan navigasi yang intuitif, DANATOTO memberikan pengalaman penggunaan yang nyaman baik melalui desktop maupun perangkat mobile.
  </p>

<p>
  Salah satu keunggulan yang membuat DANATOTO banyak diminati adalah proses akses dan transaksi yang sederhana. Pengguna dapat menjelajahi berbagai fitur platform dengan sistem responsif, sementara metode pembayaran QRIS memberikan alternatif transaksi yang praktis sesuai ketentuan layanan yang tersedia.
  </p>

<p>
  Selain itu, DANATOTO dirancang dengan antarmuka yang ramah pengguna, memungkinkan pemain baru maupun pengguna berpengalaman untuk menavigasi berbagai menu, informasi transaksi, dan kategori permainan dengan mudah.
  </p>
  <p>
  DANATOTO menghadirkan berbagai pilihan permainan online dengan tema dan konsep yang beragam. Kehadiran banyak variasi permainan memberikan pengalaman yang lebih menarik dan membuat pengguna memiliki lebih banyak pilihan saat menjelajahi platform.
  </p>
  <p>
  Popularitas <a href="https://cobseindia.co.in/about/">Slot Online</a> terus meningkat karena menawarkan mekanisme permainan yang sederhana namun tetap menarik. Berbagai tema permainan yang tersedia memberikan variasi hiburan yang berbeda sehingga pengguna tidak mudah merasa bosan.
  </p>
  <p>
  Didukung perkembangan teknologi terkini, berbagai permainan slot online kini hadir dengan tampilan visual yang lebih modern, animasi yang menarik, serta performa yang responsif. Kombinasi tersebut memberikan pengalaman hiburan digital yang semakin interaktif dan menyenangkan.
  </p>
  <p>
    Selain slot online, kategori <a href="https://cobseindia.co.in/about/">Toto Slot</a> juga memiliki daya tarik tersendiri. Kombinasi konsep permainan yang beragam membuat banyak pengguna tertarik untuk menjelajahi berbagai fitur yang tersedia di dalamnya.
  </p>
  <p>
    DANATOTO menjadi salah satu platform yang banyak diperbincangkan berkat kemudahan akses, tampilan modern, dukungan pembayaran QRIS, serta navigasi yang sederhana. Dengan minimal deposit mulai Rp5.000 sesuai ketentuan platform, pengguna dapat menjelajahi berbagai kategori permainan dan fitur transaksi dengan lebih praktis. Didukung performa yang responsif dan kompatibilitas di berbagai perangkat, DANATOTO menghadirkan pengalaman akses yang nyaman, efisien, dan mudah digunakan.
  </p>

</div>
  <style>
  body{
      background:#ffffff;
      font-family:'Segoe UI',sans-serif;
      margin:0;
  }

/* WRAP */
  .sgt-wrap{
      max-width:1100px;
      margin:60px auto;
      padding:0 20px;
  }

/* =========================
    MAIN BOX + GLOW ANIMATION
  ========================= */
  .sgt-box{
      background:#ffffff;
      border-radius:20px;
      padding:40px;
      border:1px solid rgba(178, 171, 32, 0.35);
      position:relative;
      overflow:hidden;

box-shadow:0 0 15px rgba(178, 159, 32, 0.15);
      animation: boxGlow 2.8s infinite ease-in-out;
  }

/* glow pulse */
  @keyframes boxGlow{
      0%{
          box-shadow:0 0 10px rgba(178, 156, 32, 0.15),
                    0 0 0px rgba(178, 163, 32, 0);
      }
      50%{
          box-shadow:0 0 25px rgba(178, 161, 32, 0.55),
                    0 0 60px rgba(178, 168, 32, 0.25);
      }
      100%{
          box-shadow:0 0 10px rgba(178, 151, 32, 0.15),
                    0 0 0px rgba(178, 32, 32, 0);
      }
  }

/* SHINE EFFECT DI BOX */
  .sgt-box::after{
      content:"";
      position:absolute;
      top:0;
      left:-75%;
      width:50%;
      height:100%;
      background:linear-gradient(
          120deg,
          transparent,
          rgba(255, 238, 106, 0.25),
          transparent
      );
      animation: shine 3.5s infinite;
  }

@keyframes shine{
      0%{ left:-75%; }
      100%{ left:125%; }
  }

/* TITLE */
  .sgt-title{
      text-align:center;
      font-size:26px;
      font-weight:700;
      color:#eb1b1b;
      margin-bottom:25px;
  }

/* =========================
    FAQ CARD + GLOW
  ========================= */
  .sgt-faq{
      background:#f8fafc;
      border-radius:14px;
      margin-bottom:14px;
      cursor:pointer;
      border:1px solid rgba(178, 166, 32, 0.25);
      transition:0.3s;
      position:relative;
      overflow:hidden;
  }

/* glow subtle tiap kotak */
  .sgt-faq::after{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at top left,
          rgba(255, 60, 0, 0.808),
          transparent 60%);
      opacity:0;
      transition:0.3s;
  }

.sgt-faq:hover::after{
      opacity:1;
  }

.sgt-faq:hover{
      transform:translateY(-3px);
      box-shadow:0 0 20px rgba(0, 0, 0, 0.25);
      border-color:#b24220;
  }

/* QUESTION */
  .sgt-question{
      padding:18px 20px;
      display:flex;
      justify-content:space-between;
      font-weight:600;
      font-size:16px;
      color:#0f172a;
  }

.sgt-icon{
      color:#b26720;
  }

/* ANSWER */
  .sgt-answer{
      max-height:0;
      overflow:hidden;
      padding:0 20px;
      font-size:15px;
      color:#475569;
      transition:0.3s;
  }

.sgt-faq.active .sgt-answer{
      max-height:250px;
      padding:15px 20px;
  }

/* =========================
    REVIEW CARD + GLOW
  ========================= */
  .sgt-review{
      background:#f8fafc;
      padding:18px;
      border-radius:14px;
      margin-top:12px;
      border:1px solid rgba(32,178,170,0.25);
      color:#334155;
      position:relative;
      overflow:hidden;
      transition:0.3s;
  }

/* glow sweep review */
  .sgt-review::after{
      content:"";
      position:absolute;
      top:0;
      left:-80%;
      width:50%;
      height:100%;
      background:linear-gradient(
          120deg,
          transparent,
          rgba(178, 159, 32, 0.25),
          transparent
      );
      animation: shine 4s infinite;
  }

.sgt-review:hover{
      transform:translateY(-3px);
      box-shadow:0 0 20px rgba(178, 161, 32, 0.25);
      border-color:#ff0000;
  }

.sgt-name{
      color:#d80000;
      font-weight:700;
      margin-bottom:6px;
      position:relative;
      z-index:2;
  }

/* FOOTER */
  .sgt-footer{
      margin-top:30px;
      padding-top:18px;
      border-top:1px solid rgba(178, 159, 32, 0.2);
      text-align:center;
      font-size:14px;
      color:#be5b21;
  }

/* RESPONSIVE */
  @media(max-width:768px){
      .sgt-box{
          padding:25px;
      }
      .sgt-title{
          font-size:20px;
      }
  }
  </style>
  </head>

<body>

<div class="sgt-title">
  FAQ & REVIEW DANATOTO
  </div>

<h3 class="sgt-title">SEPUTARAN PEMAIN DANATOTO SLOT</h3>

<div class="sgt-faq">
  <div class="sgt-question">Apa itu DANATOTO?<span class="sgt-icon">▼</span></div>
  <div class="sgt-answer">DANATOTO merupakan platform game online dengan berbagai pilihan permainan, dukungan pembayaran QRIS, proses transaksi yang praktis, serta minimal deposit mulai Rp5.000 sesuai ketentuan layanan yang berlaku.</div>
  </div>

<div class="sgt-faq">
  <div class="sgt-question">Bagaimana cara melakukan DANATOTO login slot?<span class="sgt-icon">▼</span></div>
  <div class="sgt-answer">Pengguna dapat mengakses akun melalui halaman login DANATOTO dengan memasukkan username dan password yang telah terdaftar. Setelah login berhasil, pengguna dapat menjelajahi berbagai kategori permainan dan fitur transaksi yang tersedia.</div>
  </div>

<div class="sgt-faq">
  <div class="sgt-question">Apakah DANATOTO dapat diakses melalui smartphone?<span class="sgt-icon">▼</span></div>
  <div class="sgt-answer">Ya. DANATOTO dirancang dengan tampilan responsif dan mobile-friendly sehingga dapat digunakan melalui smartphone, tablet, laptop, maupun desktop dengan navigasi yang tetap nyaman.</div>
  </div>

<div class="sgt-faq">
  <div class="sgt-question">Mengapa game online DANATOTO banyak diminati?<span class="sgt-icon">▼</span></div>
  <div class="sgt-answer">DANATOTO menghadirkan berbagai pilihan permainan dengan tema dan fitur yang beragam, didukung tampilan modern, navigasi intuitif, serta sistem responsif yang memudahkan pengguna menjelajahi platform melalui berbagai perangkat.</div>
  </div>

<div class="sgt-faq">
  <div class="sgt-question">Apakah DANATOTO mendukung pembayaran QRIS dan minimal deposit 5K?<span class="sgt-icon">▼</span></div>
  <div class="sgt-answer">DANATOTO menyediakan dukungan metode pembayaran QRIS dengan minimal deposit mulai Rp5.000 sesuai ketentuan platform. Pengguna sebaiknya memeriksa informasi transaksi terbaru sebelum melakukan pembayaran.</div>
  </div>

<div class="sgt-faq">
  <div class="sgt-question">Apakah proses transaksi di DANATOTO berlangsung instan?<span class="sgt-icon">▼</span></div>
  <div class="sgt-answer">DANATOTO dirancang untuk mendukung proses transaksi yang praktis dan responsif. Namun, waktu pemrosesan dapat berbeda tergantung metode pembayaran, jaringan, proses verifikasi, dan kondisi layanan yang digunakan.</div>
  </div>

<h3 class="sgt-title">REVIEW PEMAIN DANATOTO</h3>
<div class="sgt-review"><div class="sgt-name">JUAN</div>Menurut saya, DANATOTO memiliki tampilan yang nyaman dan mudah digunakan. Proses akses akun terasa praktis, sementara berbagai pilihan permainan dan informasi transaksi tersusun rapi sehingga mudah dijelajahi melalui desktop maupun perangkat mobile.</div>

<div class="sgt-review"><div class="sgt-name">ASIONG</div>Desain DANATOTO terasa responsif saat diakses melalui smartphone. Navigasinya sederhana, tampilannya ringan, dan informasi mengenai pembayaran QRIS serta kategori permainan dapat ditemukan dengan cukup mudah.</div>

<div class="sgt-review"><div class="sgt-name">PENDY</div>Login di DANATOTO terasa sederhana dan praktis. Menu platform tertata cukup rapi sehingga pengguna dapat menemukan permainan, informasi deposit mulai 5K, serta fitur transaksi tanpa harus membuka terlalu banyak halaman.</div>

<div class="sgt-review"><div class="sgt-name">ACONG</div>Pilihan permainan online yang tersedia di DANATOTO cukup beragam sehingga memberikan lebih banyak opsi hiburan. Tampilan modern dan navigasi yang user-friendly juga memudahkan pengguna baru memahami berbagai fitur platform.</div>

<div class="sgt-review"><div class="sgt-name">AHENG</div>Salah satu keunggulan DANATOTO adalah kemudahan akses di berbagai perangkat serta dukungan metode pembayaran seperti QRIS. Sistemnya responsif dan informasi transaksi disusun dengan cukup jelas untuk memudahkan pengguna.</div>

<div class="sgt-review"><div class="sgt-name">NELLY</div>DANATOTO memberikan pengalaman penggunaan yang cukup konsisten dengan sistem ringan, navigasi jelas, serta antarmuka yang mudah dipahami. Informasi pembayaran QRIS dan minimal deposit juga tersedia sebagai referensi sesuai ketentuan layanan yang berlaku.</div>

<div class="sgt-footer">
  ©2026 SEO SELOBANG | DANATOTO
  </div>

</div>
  </div>

faq.forEach(item=>{
      item.addEventListener("click", ()=>{
          faq.forEach(el=>{
              if(el !== item) el.classList.remove("active");
          });
          item.classList.toggle("active");
      });
  });
  </script>
      
      
      
          <section class="pd-related-full">
          <h2 class="pd-related-title">Produk Terkait</h2>
          <div class="pd-related-grid pd-related-grid--full">
                          <a class="pd-related-card" href="https://selubang.b-cdn.net/imagedana.png">
                  <div class="thumb">
                      <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO">
                      <span class="mini-disc">-2%</span>                </div>
                  <div class="info">
                      <h3>DANATOTO</h3>
                      <div class="spec-chips">I5 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX3050</div>                    <span class="price">
                          <span class="final">Rp 9.500.000</span>
                                                    <span class="ori">Rp 14.599.000</span>
                                              </span>
                      <span class="sold">Terjual 200+</span>                    <span class="stock-dot low" title="Stok Terbatas"></span>
                  </div>
              </a>
                          <a class="pd-related-card" href="https://selubang.b-cdn.net/imagedana.png">
                  <div class="thumb">
                      <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO SLOT">
                      <span class="mini-disc">-1%</span>                </div>
                  <div class="info">
                      <h3>DANATOTO SLOT</h3>
                      <div class="spec-chips">I7 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX5050</div>                    <span class="price">
                          <span class="final">Rp 18.887.000</span>
                                                    <span class="ori">Rp 27.950.000</span>
                                              </span>
                      <span class="sold">Terjual 20+</span>                    <span class="stock-dot out" title="Habis"></span>
                  </div>
              </a>
                          <a class="pd-related-card" href="https://cobseindia.co.in/about/">
                  <div class="thumb">
                      <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="SLOT ONLINE">
                      <span class="mini-disc">-1%</span>                </div>
                  <div class="info">
                      <h3>SLOT ONLINE</h3>
                      <div class="spec-chips">R7AI <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 1TB <span class="spec-divider">|</span> RTX5060</div>                    <span class="price">
                          <span class="final">Rp 14.600.000</span>
                                                    <span class="ori">Rp 23.300.000</span>
                                              </span>
                      <span class="sold">Terjual 6</span>                    <span class="stock-dot ready" title="Ready"></span>
                  </div>
              </a>
                          <a class="pd-related-card" href="https://cobseindia.co.in/about/">
                  <div class="thumb">
                      <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="TOTO SLOT">
                      <span class="mini-disc">-1%</span>                </div>
                  <div class="info">
                      <h3>TOTO SLOT</h3>
                      <div class="spec-chips">R5AI <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 1TB <span class="spec-divider">|</span> RTX5060</div>                    <span class="price">
                          <span class="final">Rp 15.500.000</span>
                                                    <span class="ori">Rp 18.700.000</span>
                                              </span>
                      <span class="sold">Terjual 5</span>                    <span class="stock-dot ready" title="Ready"></span>
                  </div>
              </a>
                          <a class="pd-related-card" href="https://cobseindia.co.in/about/">
                  <div class="thumb">
                      <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO LOGIN SLOT">
                      <span class="mini-disc">-1%</span>                </div>
                  <div class="info">
                      <h3>DANATOTO LOGIN SLOT</h3>
                      <div class="spec-chips">I7 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX5050</div>                    <span class="price">
                          <span class="final">Rp 20.600.080</span>
                                                    <span class="ori">Rp 25.000.000</span>
                                              </span>
                      <span class="sold">Terjual 6</span>                    <span class="stock-dot low" title="Stok Terbatas"></span>
                  </div>
              </a>
                          <a class="pd-related-card" href="https://cobseindia.co.in/about/">
                  <div class="thumb">
                      <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="BANDAR SLOT">
                      <span class="mini-disc">-1%</span>                </div>
                  <div class="info">
                      <h3>BANDAR SLOT</h3>
                      <div class="spec-chips">CORE5 <span class="spec-divider">|</span> 16GB <span class="spec-divider">|</span> 512GB <span class="spec-divider">|</span> RTX4050</div>                    <span class="price">
                          <span class="final">Rp 15.500.000</span>
                                                    <span class="ori">Rp 19.999.000</span>
                                              </span>
                                          <span class="stock-dot low" title="Stok Terbatas"></span>
                  </div>
              </a>
                          
                      </div>
      </section>
      
      <div class="pd-mobile-fab" id="pd-mobile-fab" data-pid="325" data-price="20789000" data-voucher-code="" data-voucher-value="0"><div class="mf-actions"><button type="button" class="mf-btn mf-share" id="mf-share" aria-label="Bagikan"><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg></button><button type="button" class="mf-btn mf-chat" id="mf-chat" aria-label="Tanya Produk"><svg viewBox="0 0 640 640" fill="currentColor"><path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/></svg></button><button type="button" class="mf-btn mf-cart" id="mf-cart" disabled aria-label="Tambah ke keranjang"><svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path fill="currentColor" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg></button><button type="button" class="mf-btn mf-buy" id="mf-buy" disabled><span class="mf-buy-text">Beli Sekarang</span><span class="mf-buy-price">Rp 20.789.000</span></button></div></div>

<div class="pd-share-modal-overlay" id="pd-share-modal-overlay"><div class="pd-share-modal"><div class="pd-share-header"><h2 class="pd-share-title">Bagikan Produk</h2><button type="button" class="pd-share-close" id="pd-share-close" aria-label="Tutup"><svg width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></button></div><div class="pd-share-body"><div class="pd-share-preview"><img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="DANATOTO" class="pd-share-preview-img"><div class="pd-share-preview-info"><h3 class="pd-share-preview-name">DANATOTO</h3><p class="pd-share-preview-price">Rp 20.789.000</p></div></div><p class="pd-share-label">Bagikan ke</p><div class="pd-share-grid"><a href="#" class="pd-share-option" data-share="whatsapp" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-whatsapp"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.029-.967-.273-.099-.471-.148-.669.149-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.173.198-.297.298-.495.099-.198.05-.372-.025-.521-.075-.149-.669-1.612-.916-2.206-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.718 2.006-1.411.248-.694.248-1.29.173-1.411-.074-.123-.272-.198-.57-.347m-5.421 7.403h-.002a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.263c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.887 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.158 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.86 11.86 0 005.67 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.485-8.413"/></svg></span><span class="pd-share-name">WhatsApp</span></a><a href="#" class="pd-share-option" data-share="facebook" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-facebook"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></span><span class="pd-share-name">Facebook</span></a><a href="#" class="pd-share-option" data-share="twitter" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-twitter"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg></span><span class="pd-share-name">Twitter</span></a><a href="#" class="pd-share-option" data-share="telegram" target="_blank" rel="noopener"><span class="pd-share-icon pd-share-icon-telegram"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg></span><span class="pd-share-name">Telegram</span></a><a href="#" class="pd-share-option" data-share="email"><span class="pd-share-icon pd-share-icon-email"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg></span><span class="pd-share-name">Email</span></a><button type="button" class="pd-share-option" data-share="copy"><span class="pd-share-icon pd-share-icon-copy"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg></span><span class="pd-share-name">Salin Link</span></button><button type="button" class="pd-share-option" data-share="pdf"><span class="pd-share-icon pd-share-icon-pdf"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.5h1.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4zm6 0h1c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2h-1v6zm-4.5-1.5H8v-1h1.5v1zM14 13h1v1h-1v-1z"/></svg></span><span class="pd-share-name">Export PDF</span></button></div><div class="pd-share-copy-section"><div class="pd-share-copy-input-wrap"><input type="text" class="pd-share-copy-input" id="pd-share-url-input" value="https://cobseindia.co.in/about/" readonly><button type="button" class="pd-share-copy-btn" id="pd-share-copy-url-btn"><svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg><span class="pd-share-copy-text">Salin</span></button></div></div></div></div></div>

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

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

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

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

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

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

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

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

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

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

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

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

(function initGallery(){const mainImg=document.getElementById('pd-main-img');const gallery=document.getElementById('pd-thumb-gallery');if(!mainImg||!gallery)return;gallery.addEventListener('click',function(ev){const btn=ev.target.closest('.pd-thumb-btn');if(!btn)return;const full=btn.getAttribute('data-full');if(full){mainImg.src=full;const alt=btn.getAttribute('data-alt')||'';if(alt)mainImg.alt=alt;const slug=btn.getAttribute('data-slug')||'';if(slug)mainImg.dataset.slug=slug;gallery.querySelectorAll('.pd-thumb-btn').forEach(b=>b.classList.remove('active'));btn.classList.add('active')}})})();

(function initMobileSliderCounter(){const slider=document.getElementById('pd-mobile-slider');const counter=document.getElementById('pd-gallery-counter');if(!slider||!counter)return;let ticking=false;slider.addEventListener('scroll',function(){if(!ticking){window.requestAnimationFrame(function(){const slides=slider.querySelectorAll('.pd-mslide');if(!slides.length)return;const containerRect=slider.getBoundingClientRect();const containerCenter=containerRect.left+containerRect.width/2;let currentIdx=0;let minDist=Infinity;slides.forEach((slide,idx)=>{const slideRect=slide.getBoundingClientRect();const slideCenter=slideRect.left+slideRect.width/2;const dist=Math.abs(slideCenter-containerCenter);if(dist<minDist){minDist=dist;currentIdx=idx}});counter.textContent=(currentIdx+1)+'/'+slides.length;ticking=false});ticking=true}},{passive:true})})();

/* ================= Simulasi Cicilan ================= */
  (function initInstallmentList(){const card=document.getElementById('inst-card');if(!card)return;function getBasePrice(){return parseInt(card.getAttribute('data-base-price')||'0',10)||0}function setBasePrice(v){card.setAttribute('data-base-price',String(parseInt(v||'0',10)||0))}const zeroEligible=card.getAttribute('data-zero-smart')==='1';window.initMobile=zeroEligible;const listEl=document.getElementById('inst-month-list');const zeroNote=document.getElementById('inst-zero-note');const tenors=[3,6,12];const rates={BRI:{3:0.975,6:0.975,12:0.975},Mandiri:{3:0.984,6:0.9725,12:0.96},BCA:{3:0.97,6:0.94,12:0.91}};function formatRupiah(num){return 'Rp '+(Math.round(num)).toString().replace(/\B(?=(\d{3})+(?!\d))/g,'.')}function activeBank(){const tab=card.querySelector('.bank-tab.active');return tab?tab.dataset.bank:'BRI'}

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

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

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

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

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

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

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

/* ====== Layout mobile ====== */
  (function _0xg04h(){const a=document.querySelector('.pd-media-card'),b=document.getElementById('pd-price-block'),c=document.getElementById('pd-price-anchor'),d=document.querySelector('.pd-info-card'),e=document.getElementById('pd-title'),f=document.getElementById('pd-variant-combined'),g=document.getElementById('pd-variants'),h=document.getElementById('pd-variants-anchor'),i=document.getElementById('pd-variant-summary'),j=document.getElementById('pd-summary-anchor'),titleRow=document.querySelector('.pd-title-row'),promoBanner=document.querySelector('.promo-endyear-mini-banner'),compareSection=document.querySelector('.pd-compare-section');if(!a||!b||!c||!d||!e)return;

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

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

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

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

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

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

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

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

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

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

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

function calcVoucherDisc(type,value,price,maxDisc){if(type==='PERCENTAGE'){let d=(price*value)/100;if(maxDisc>0&&d>maxDisc)d=maxDisc;return Math.round(d)}return Math.round(value)}

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

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

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

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

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

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

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

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

/* ====== Scroll To Top ====== */
  (function _0xi25j(){const a=document.getElementById('pd-scroll-top');if(!a)return;function b(){if(window.matchMedia('(max-width:640px)').matches){const d=document.querySelector('.bottom-nav'),e=document.querySelector('.pd-mobile-fab');if(!d&&!e){setTimeout(b,100);return}const f=d&&window.getComputedStyle(d).display!=='none'&&window.getComputedStyle(d).visibility!=='hidden',g=e&&window.getComputedStyle(e).display!=='none'&&window.getComputedStyle(e).visibility!=='hidden';let h;if(f&&g){h='calc(68px + 54px + env(safe-area-inset-bottom))'}else if(g){h='calc(68px + 8px + env(safe-area-inset-bottom))'}else if(f){h='calc(60px + env(safe-area-inset-bottom))'}else{h='calc(20px + env(safe-area-inset-bottom))'}a.style.setProperty('--scroll-top-bottom',h)}else{a.style.removeProperty('--scroll-top-bottom')}}function c(){const d=window.pageYOffset||document.documentElement.scrollTop||0,e=d>300;a.classList.toggle('visible',e);a.setAttribute('aria-hidden',e?'false':'true');b()}window.addEventListener('scroll',c,{passive:!0});window.addEventListener('resize',b,{passive:!0});setTimeout(b,100);c();a.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'})})})();

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

/* Toggle popover stok per cabang */
  (function _0xm89n(){const a=document.getElementById('pd-stock-info-btn'),b=document.getElementById('pd-stock-popover'),c=document.getElementById('pd-stock-popover-close');if(!a||!b)return;function d(){if(window.matchMedia('(min-width: 641px)').matches){const e=document.getElementById('pd-stock-badge');if(!e)return;const f=e.getBoundingClientRect(),g=window.pageXOffset||document.documentElement.scrollLeft||0,h=window.pageYOffset||document.documentElement.scrollTop||0;b.style.left=(f.left+g-10)+'px';b.style.top=(f.bottom+h+10)+'px'}else{b.style.left='';b.style.top=''}}
  function e(){d();b.classList.add('show');a.setAttribute('aria-expanded','true');b.setAttribute('aria-hidden','false');document.addEventListener('click',g,{capture:true});window.addEventListener('resize',d,{passive:true});window.addEventListener('scroll',d,{passive:true})}function f(){b.classList.remove('show');a.setAttribute('aria-expanded','false');b.setAttribute('aria-hidden','true');document.removeEventListener('click',g,{capture:true});window.removeEventListener('resize',d);window.removeEventListener('scroll',d)}function g(h){if(b.contains(h.target)||a.contains(h.target))return;f()}
  a.addEventListener('click',function(h){h.preventDefault();b.classList.contains('show')?f():e()});if(c)c.addEventListener('click',f)})();

/* ===== Share Product Modal ===== */
  (function(){const a=document.getElementById('pd-share-btn'),z=document.getElementById('mf-share'),b=document.getElementById('pd-share-modal-overlay'),c=document.getElementById('pd-share-close'),d=document.getElementById('pd-share-copy-url-btn'),e=document.getElementById('pd-share-url-input');if((!a&&!z)||!b)return;const f="https://cobseindia.co.in/about/",g="Lenovo Legion Go 8ASP2 - 83N0000RID /AMD Ryzen Z2 Extreme/32GB/1TB SSD/AMD Radeon Graphics/8.8\" WUXGA OLED Touch/Win 11 Home/Eclipse Black/3Y",h="Rp 20.789.000";const discountPercent=1;let i='';if(discountPercent>0){i=`🔥 Lagi Promo Nih! Diskon ${discountPercent}%\n\n✨ ${g}\n💰 Cuma ${h} aja!\n\n🛒 Buruan cek sebelum kehabisan!\n👉 `}else{i=`✨ Ada barang bagus nih!\n\n📦 ${g}\n💸 Harga: ${h}\n\n🛍️ Yuk, langsung cek!\n👉 `}function j(){b.classList.add('show');document.body.style.overflow='hidden'}function k(){b.classList.remove('show');document.body.style.overflow=''}if(a)a.addEventListener('click',j);if(z)z.addEventListener('click',j);if(c)c.addEventListener('click',k);b.addEventListener('click',function(l){if(l.target===b)k()});document.addEventListener('keydown',function(l){if(l.key==='Escape'&&b.classList.contains('show'))k()});b.addEventListener('click',function(l){const m=l.target.closest('[data-share]');if(!m)return;const n=m.getAttribute('data-share'),o=encodeURIComponent(f),p=encodeURIComponent(i),q=encodeURIComponent(g);let r='';switch(n){case 'whatsapp':r=`https://wa.me/?text=${p}${o}`;break;case 'facebook':r=`https://www.facebook.com/sharer/sharer.php?u=${o}`;break;case 'twitter':r=`https://twitter.com/intent/tweet?text=${p}${o}`;break;case 'telegram':r=`https://t.me/share/url?url=${o}&text=${p}`;break;case 'email':r=`mailto:?subject=${encodeURIComponent('🔥 Cek Produk Keren Ini!')}&body=${p}${o}`;window.location.href=r;k();return;case 'copy':s();return;case 'pdf':const ps=document.querySelector('.product-single');if(ps){ps.setAttribute('data-print-date',new Date().toLocaleDateString('id-ID',{year:'numeric',month:'long',day:'numeric'}))}k();setTimeout(function(){window.print();try{if(window.ga4Ecomm&&window.ga4Ecomm.trackEvent)window.ga4Ecomm.trackEvent('share',{method:'pdf_export',content_type:'product',item_id:"8S89G1554EGB"})}catch(_){}},300);return}if(r){window.open(r,'_blank','noopener,noreferrer');try{if(window.ga4Ecomm&&window.ga4Ecomm.trackEvent)window.ga4Ecomm.trackEvent('share',{method:n,content_type:'product',item_id:"8S89G1554EGB"})}catch(_){}}});function s(){if(!e)return;e.select();e.setSelectionRange(0,99999);try{if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(f).then(function(){t()}).catch(function(){document.execCommand('copy');t()})}else{document.execCommand('copy');t()}}catch(u){console.error('Failed to copy:',u)}}function t(){if(!d)return;const v=d.innerHTML;d.classList.add('copied');d.innerHTML='<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg><span class="pd-share-copy-text">Tersalin!</span>';if(window.showToast)showToast({type:'success',title:'✨ Link Tersalin!',message:'Link produk berhasil disalin. Yuk bagikan ke teman!',duration:3000});setTimeout(function(){d.classList.remove('copied');d.innerHTML=v},2000)}if(d)d.addEventListener('click',s);if(navigator.share){const shareHandler=function(w){w.preventDefault();navigator.share({title:g,text:i+f,url:f}).catch(function(x){console.log('Native share cancelled or failed:',x)})};if(a)a.addEventListener('dblclick',shareHandler);if(z)z.addEventListener('dblclick',shareHandler)}})();

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

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

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

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

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

(function() {
    var soldMap = [];
    var soldTotalLabel = "Terjual 2";

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

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

updateSoldLabel(soldTotalLabel);
    })();

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

<div class="ft-col ft-help">
          <h4 class="ft-title">Butuh Bantuan?</h4>
          <p class="ft-desc">Hubungi kami melalui Official WhatsApp interaktif sekarang.</p>
          <a class="ft-wa-btn" href="#" target="_blank" rel="nofollow noopener">
            <span class="ico" aria-hidden="true">
              <svg viewBox="0 0 24 24" width="18" height="18"><path fill="#d32525" d="M12.04 2c-5.52 0-10 4.43-10 9.9 0 1.75.47 3.45 1.38 4.94L2 22l5.3-1.38c1.43.78 3.05 1.19 4.7 1.19 5.52 0 10-4.43 10-9.9S17.56 2 12.04 2Zm5.86 13.9c-.25.7-1.23 1.28-1.7 1.33-.45.06-1.02.08-1.65-.1-.38-.12-.88-.29-1.52-.56-2.66-1.15-4.4-3.83-4.53-4.01-.13-.18-1.08-1.44-1.08-2.75 0-1.31.68-1.95.92-2.22.25-.27.54-.33.72-.33.18 0 .36.01.52.01.17 0 .39-.06.62.47.25.6.85 2.07.92 2.22.07.15.12.33.02.53-.1.2-.15.33-.3.5-.15.17-.32.39-.46.53-.15.15-.3.31-.13.6.18.3.8 1.31 1.73 2.12 1.19 1.03 2.17 1.36 2.48 1.5.31.14.49.12.67-.07.18-.18.77-.82.98-1.1.21-.27.42-.23.7-.14.27.09 1.72.81 2.02.95.3.14.5.22.58.35.08.13.08.72-.17 1.42Z"/></svg>
            </span>
            Kirim Pesan
          </a>

<p class="ft-desc sm-gap">Ikuti kami:</p>
          <div class="ft-social">
            <a aria-label="Facebook" href="https://facebook.com/PlazaIt/"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M13.5 22v-8.2h2.7l.4-3.2h-3.1V8c0-.9.3-1.5 1.6-1.5H17V3.7c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.3-3.8 3.9v2.2H8v3.2h3v8.1h2.5Z"/></svg></a>
            <a aria-label="Instagram" href="https://www.instagram.com/plazait"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm9.9 1.7a1.1 1.1 0 1 1 0 2.3 1.1 1.1 0 0 1 0-2.3ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg></a>
            <a aria-label="TikTok" href="https://www.tiktok.com/@plazait"><svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M18.9 7.4a6.4 6.4 0 0 1-3.2-1.2v6.3a5.47 5.47 0 1 1-5.5-5.5c.2 0 .4 0 .6.02v2.37a2.92 2.92 0 0 0-.6-.07 2.8 2.8 0 1 0 2.8 2.8V2h2.3a4.6 4.6 0 0 0 4.5 4.1v2.3Z"/></svg></a>
          </div>
        </div>

<div class="ft-collapsible-content" id="ftCollapsible">
        
        <div class="ft-col">
          <h4 class="ft-title">Tentang DANATOTO</h4>
          <ul class="ft-links">
            <li><a href="/tentang-kami">Tentang Kami</a></li>
            <li><a href="/kontak-kami">Kontak Kami</a></li>
            <li><a href="/lokasi-toko">Lokasi Toko</a></li>
            <li><a href="/faq">FAQ</a></li>
          </ul>
          <div class="ft-address">
            <p class="company">PT TISU-AJAIB</p>
                        <p>JL. Asia Raya Blok BB No. 12-A, Kel. Sukaramai II,</p>
                        <p>Kec. Medan Area, Kota Medan, Sumatera Utara, 20216</p>
                    </div>
        </div>

<div class="ft-col">
          <h4 class="ft-title">Informasi</h4>
          <ul class="ft-links">
            <li><a href="/syarat-dan-ketentuan">Syarat &amp; Ketentuan</a></li>
            <li><a href="/kebijakan-privasi">Kebijakan Privasi</a></li>
            <li><a href="/kebijakan-cookie">Kebijakan Cookie</a></li>
            <li><a href="/pengiriman-dan-pengembalian">Pengiriman &amp; Pengembalian</a></li>
            <li><a href="/pembayaran-dan-cicilan">Pembayaran &amp; Cicilan</a></li>
            <li><a href="/garansi-dan-layanan">Garansi &amp; Layanan</a></li>
          </ul>

</div>
        
        
        
        <button class="ft-expand-btn" id="ftExpandBtn" aria-label="Lihat semua informasi footer">
          <span class="expand-text">Selengkapnya</span>
          <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor">
            <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
          </svg>
        </button>
        
      </div>
    </div>
    <div class="ft-bottom">
      <div class="container ft-bottom-inner">
        <div class="ft-copy">
          <span>TISU-AJAIB &copy; <span id="yearNow">2026</span></span>
          <span>PT TISU-AJAIB. All rights reserved.</span>
        </div>
      </div>
    </div>
    <style>
      .Popup Banner {
        margin: 0;
        padding: 0;
        font-family: 'Playfair Display', 'Segoe UI', serif;
        background-color: transparent;
        color: #ca0c0c;
        overflow: hidden;
      }

.popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
      }

.popup-container {
        position: relative;
        width: 90%;
        max-width: 420px;
        background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
        border-radius: 20px;
        overflow: hidden;
        text-align: center;
        animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 175, 55, 0.2);
        padding-bottom: 20px;
        border: 1px solid rgba(212, 175, 55, 0.15);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

/* 💛 Emas berdenyut yang mewah */
      @keyframes goldPulse {
        0%, 100% {
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.2);
        }
        50% {
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
        }
      }

/* ✨ Shiny diagonal emas yang elegan */
      .popup-container::before {
        content: "";
        position: absolute;
        top: -100%;
        left: -100%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
          135deg,
          rgba(255, 255, 255, 0) 45%,
          rgba(255, 215, 0, 0.15) 50%,
          rgba(255, 255, 255, 0) 55%
        );
        animation: shineDiagonal 5s linear infinite;
        z-index: 2;
        pointer-events: none;
      }

@keyframes shineDiagonal {
        0% {
          transform: translate(-100%, -100%) rotate(30deg);
        }
        100% {
          transform: translate(100%, 100%) rotate(30deg);
        }
      }

.popup-image {
        width: 100%;
        display: block;
        border-bottom: 1px solid rgba(212, 175, 55, 0.15);
      }

.clk-btn-sgp {
      width: 97%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      padding: 20px;
      position: relative;
      overflow: hidden;
      
  }

/* Gold Accent Line */
  .clk-btn-sgp::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 30px);
      height: 2px;
      background: linear-gradient(90deg, 
          transparent, 
          #8c790b, 
          #ff0000, 
          #fde973, 
          transparent);
      opacity: 0.4;
      filter: blur(1px);
  }

.clk-btn-sgp a {
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      padding: 16px 12px;
      margin: 0;
      border-radius: 14px;
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 2px solid transparent;
      box-shadow: 0 8px 0px #000000;
      clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut));
      z-index: 1;
  }

/* Gold Border Effect */
  .clk-btn-sgp a::after {
      content: '';
      position: absolute;
      top: -2px;
      left: -2px;
      right: -2px;
      bottom: -2px;
      background: linear-gradient(45deg, 
          #9b8400, 
          #9e8700, 
          #ff0000, 
          #9e8700, 
          #d8ba10);
      border-radius: 16px;
      z-index: -1;
      opacity: 0;
      transition: opacity 0.3s ease;
  }

.clk-btn-sgp a:hover::after {
      opacity: 1;
  }

.clk-btn-sgp a:hover {
      transform: translateY(-6px) scale(1.03);
      border-color: #ff0000;
  }

/* LOGIN BUTTON - Black & Gold */
  .login {
      color: #ff0000 !important;
      background: linear-gradient(145deg, #535050, #000000);
      border: 2px solid #ff0000;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      position: relative;
  }

.login::before {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      opacity: 0.7;
      transition: all 0.3s ease;
      filter: drop-shadow(0 0 3px #ff0000);
  }

.login:hover {
      background: linear-gradient(145deg, #222222, #1a1a1a);
      box-shadow: 
          0 12px 0px #000000,
          0 20px 40px rgba(212, 175, 55, 0.4),
          0 0 30px rgba(255, 215, 0, 0.2);
      color: #fff8dc !important;
      border-color: #ff0000;
  }

.login:hover::before {
      opacity: 1;
      transform: translateY(-50%) rotate(15deg);
      filter: drop-shadow(0 0 8px #ff0000);
  }

/* REGISTER BUTTON - Gold & Black */
  .register {
      color: #000000 !important;
      background: linear-gradient(145deg, #504927, #f5f5f5);
      border: 2px solid #000000;
      text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
      position: relative;
  }

.register::before {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      opacity: 0.7;
      transition: all 0.3s ease;
  }

.register:hover {
      background: linear-gradient(145deg, #ff0000, #b89c00);
      box-shadow: 
          0 12px 0px #000000,
          0 20px 40px rgba(212, 175, 55, 0.5),
          0 0 35px rgba(255, 215, 0, 0.3);
      color: #000000 !important;
      border-color: #000000;
  }

.register:hover::before {
      opacity: 1;
      transform: translateY(-50%) scale(1.2) rotate(360deg);
      filter: drop-shadow(0 0 5px #b89c00);
  }

/* Button Text Container */
  .clk-btn-sgp a span {
      display: inline-block;
      transition: transform 0.3s ease;
  }

.clk-btn-sgp a:hover span {
      transform: translateX(3px);
  }

/* Responsive Design */
  @media (max-width: 768px) {
      .clk-btn-sgp {
          grid-template-columns: 1fr;
          gap: 12px;
      }
      
      .clk-btn-sgp a {
          padding: 18px 12px;
      }
      
      .login::before,
      .register::before {
          position: relative;
          left: 0;
          right: 0;
          display: inline-block;
          margin-right: 10px;
          transform: none;
          top: 0;
      }
      
      .login:hover::before,
      .register:hover::before {
          transform: none;
      }
  }

/* Subtle Glow Animation */
  @keyframes subtleGlow {
      0%, 100% { 
          box-shadow: 
              0 15px 35px rgba(0, 0, 0, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
      }
      50% { 
          box-shadow: 
              0 15px 35px rgba(0, 0, 0, 0.6),
              inset 0 1px 0 rgba(255, 255, 255, 0.1),
              0 0 20px rgba(212, 175, 55, 0.15);
      }
  }

.info-table {
        width: 90%;
        margin: 20px auto;
        border-collapse: collapse;
        color: #eee;
        font-size: 14px;
        position: relative;
        z-index: 3;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      }

.info-table th {
        background: linear-gradient(135deg, #bb0000, #b8941f);
        padding: 14px 10px;
        font-size: 15px;
        color: #000;
        border: none;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }

.info-table td {
        padding: 12px;
        border-bottom: 1px solid rgba(212, 175, 55, 0.1);
        text-align: left;
      }

.info-table tr:last-child td {
        border-bottom: none;
      }

.popup-footer {
        font-size: 13px;
        color: #ccc;
        padding: 20px 10px;
        position: relative;
        z-index: 3;
        line-height: 1.6;
        font-family: 'Playfair Display', serif;
      }

@keyframes rotateScaleIn {
        0% {
          opacity: 0;
          transform: scale(0.3) rotate(-10deg);
        }
        50% {
          transform: scale(1.05) rotate(2deg);
        }
        100% {
          opacity: 1;
          transform: scale(1) rotate(0deg);
        }
      }

/* Efek partikel emas */
      .gold-particle {
        position: absolute;
        background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%);
        border-radius: 50%;
        pointer-events: none;
        z-index: 1;
        animation: floatGold 10s infinite ease-in-out;
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
      }

@keyframes floatGold {
        0%, 100% {
          transform: translateY(0) translateX(0);
          opacity: 0;
        }
        10% {
          opacity: 0.8;
        }
        90% {
          opacity: 0.8;
        }
        100% {
          transform: translateY(-120px) translateX(40px);
          opacity: 0;
        }
      }

/* Efek border emas mewah */
      .luxury-border {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid rgba(212, 175, 55, 0.2);
        border-radius: 20px;
        pointer-events: none;
        z-index: 4;
        background: linear-gradient(135deg, 
          rgba(212, 175, 55, 0) 0%, 
          rgba(212, 175, 55, 0.1) 50%, 
          rgba(212, 175, 55, 0) 100%);
      }

/* Tombol Close */
      .close-btn {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s ease;
        border: 1px solid rgba(212, 175, 55, 0.3);
      }

.close-btn:hover {
        background: rgba(212, 175, 55, 0.8);
        transform: rotate(90deg);
      }

.close-btn::before,
      .close-btn::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 2px;
        background: #fefae3;
      }

.close-btn::before {
        transform: rotate(45deg);
      }

.close-btn::after {
        transform: rotate(-45deg);
      }

/* Responsif untuk layar kecil */
      @media (max-width: 480px) {
        .popup-container {
          width: 95%;
          max-width: 350px;
        }
        
        .popup-buttons a {
          font-size: 14px;
          padding: 16px 0;
        }
        
        .info-table {
          font-size: 13px;
        }
        
        .popup-footer {
          font-size: 12px;
        }
        
        .close-btn {
          width: 28px;
          height: 28px;
        }
      }
    </style>
  <div class="popup-overlay" id="popupOverlay">
      <div class="popup-container">
          
          <div class="close-btn" onclick="closePopup()"></div>
          
          <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
          <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
          <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
          <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
          <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
          
          <div class="luxury-border"></div>
          <div class="Popup Banner">
              <img src="https://selubang.b-cdn.net/Albino/danatoto.png" alt="Popup Banner" class="popup-image" />
              <div class="clk-btn-sgp" style="font-size: 20px;">
                  <a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noreferrer"
                      class="login">LOGIN</a>
                  <a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noreferrer"
                      class="register">DAFTAR</a>
              </div>
              <div class="popup-footer">
                  DANATOTO : Platform Resmi Game Online Gacor Pembayaran Instan Qris Minimal 5k<br/>
                  <span style="color: #ffd900; font-weight: 600; text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);">&copy; COPYRIGHT 2026 DANATOTO 🍀 SEO SELOBANG</span>
              </div>
          </div>
      </div>
  </div>
  <script>
      function closePopup() {
          const popupOverlay = document.getElementById('popupOverlay');
          popupOverlay.style.opacity = '0';
          popupOverlay.style.transition = 'opacity 0.3s ease';
          
          setTimeout(() => {
              popupOverlay.style.display = 'none';
          }, 300);
      }
      
      // Menutup popup ketika mengklik area di luar popup
      document.getElementById('popupOverlay').addEventListener('click', function(event) {
          if (event.target === this) {
              closePopup();
          }
      });
  </script>
            <style nonce="se3iyzEHMc9FQEB4wSyd0w==">
              /* Chat Widget Styles - Lightweight & Minimal */
              .chat-widget {
                  position: fixed;
                  bottom: 20px;
                  right: 20px;
                  z-index: 9999;
                  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
              }
              
              /* Hide floating button on mobile - use bottom nav instead */
              @media (max-width: 640px) {
                  .chat-toggle-btn {
                      display: none !important;
                  }
                  
                  /* Ensure popup is still visible on mobile even when button is hidden */
                  .chat-widget {
                      display: block !important;
                  }
                  
                  .chat-popup {
                      display: none; /* Hidden by default, shown via JS */
                  }
                  
                  .chat-popup[style*="display: block"],
                  .chat-popup[style*="display:block"] {
                      display: block !important;
                  }
              }
              
              .chat-toggle-btn {
                  width: 60px;
                  height: 60px;
                  border-radius: 50%;
                  background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%);
                  border: none;
                  color: white;
                  cursor: pointer;
                  box-shadow: 0 4px 12px rgba(242, 140, 26, 0.3);
                  position: relative;
                  transition: transform 0.2s, box-shadow 0.2s;
              }
              
              .chat-toggle-btn:hover {
                  transform: scale(1.05);
                  box-shadow: 0 6px 20px rgba(242, 140, 26, 0.4);
              }
              
              #chat-toggle-btn .chat-icon {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  width: 28px !important;
                  height: 28px !important;
              }
              
              .chat-unread-badge {
                  position: absolute;
                  top: -5px;
                  right: -5px;
                  background: #ef4444;
                  color: white;
                  border-radius: 12px;
                  padding: 2px 6px;
                  font-size: 11px;
                  font-weight: 600;
                  min-width: 20px;
                  text-align: center;
              }
              
              .chat-popup {
                  position: absolute;
                  bottom: 80px;
                  right: 0;
                  width: 380px;
                  max-width: calc(100vw - 40px);
                  height: 500px;
                  max-height: calc(100vh - 120px);
                  background: white;
                  border-radius: 12px;
                  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
                  display: flex;
                  flex-direction: column;
                  overflow: hidden;
              }
              
              .chat-popup-header {
                  background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%);
                  color: white;
                  padding: 16px 20px;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  flex-shrink: 0;
              }
              
              .chat-header-title {
                  display: flex;
                  flex-direction: column;
                  gap: 2px;
                  min-height: 0;
              }
              
              .chat-popup-header h3 {
                  margin: 0;
                  font-size: 18px;
                  font-weight: 600;
                  line-height: 1.2;
              }
              
              .chat-operating-hours {
                  font-size: 11px;
                  opacity: 0.9;
                  font-weight: 400;
                  display: flex;
                  align-items: center;
                  gap: 4px;
                  line-height: 1.2;
              }
              
              .chat-operating-hours svg {
                  width: 12px;
                  height: 12px;
                  opacity: 0.8;
                  flex-shrink: 0;
              }
              
              .chat-header-actions {
                  display: flex;
                  align-items: center;
                  gap: 8px;
              }
              
              /* Notification Toggle Button */
              .btn-notif-toggle {
                  background: none;
                  border: none;
                  color: white;
                  font-size: 18px;
                  cursor: pointer;
                  padding: 4px 8px;
                  transition: all 0.2s;
                  opacity: 0.8;
              }
              
              .btn-notif-toggle:hover {
                  opacity: 1;
                  transform: scale(1.1);
              }
              
              /* Icon states */
              .btn-notif-toggle[data-status="not-subscribed"] svg {
                  opacity: 0.7;
              }
              
              .btn-notif-toggle[data-status="not-subscribed"]:hover svg {
                  opacity: 1;
              }
              
              .btn-notif-toggle[data-status="subscribed"] svg {
                  opacity: 1;
                  animation: bellRing 2s ease-in-out;
              }
              
              .btn-notif-toggle[data-status="blocked"] svg {
                  color: #ff6b6b;
              }
              
              .btn-notif-toggle[data-status="not-supported"] {
                  display: none !important;
              }
              
              @keyframes bellRing {
                  0%, 100% { transform: rotate(0deg); }
                  10%, 30% { transform: rotate(-10deg); }
                  20%, 40% { transform: rotate(10deg); }
              }
              
              /* Notification Info Bar */
              .chat-notif-info-bar {
                  position: absolute;
                  top: 64px;
                  left: 0;
                  right: 0;
                  background: linear-gradient(to right, #e3f2fd, #f5f5f5);
                  border-bottom: 1px solid #bbdefb;
                  padding: 8px 12px;
                  display: flex;
                  align-items: center;
                  gap: 8px;
                  font-size: 12px;
                  color: #616161;
                  z-index: 10;
                  animation: slideDown 0.3s ease;
              }
              
              .chat-notif-info-bar svg {
                  flex-shrink: 0;
              }
              
              .chat-notif-info-bar .small {
                  flex: 1;
                  line-height: 1.4;
              }
              
              .chat-notif-info-bar .btn-dismiss {
                  background: none;
                  border: none;
                  color: #9e9e9e;
                  cursor: pointer;
                  padding: 0 4px;
                  font-size: 16px;
                  transition: color 0.2s;
              }
              
              .chat-notif-info-bar .btn-dismiss:hover {
                  color: #616161;
              }
              
              @keyframes slideDown {
                  from {
                      max-height: 0;
                      opacity: 0;
                  }
                  to {
                      max-height: 50px;
                      opacity: 1;
                  }
              }
              
              .chat-close-btn {
                  background: none;
                  border: none;
                  color: white;
                  font-size: 28px;
                  line-height: 1;
                  cursor: pointer;
                  padding: 0;
                  width: 30px;
                  height: 30px;
              }
              
              .chat-popup-body {
                  flex: 1 1 auto;
                  display: flex;
                  flex-direction: column;
                  min-height: 0;
                  overflow: hidden;
                  height: calc(100% - 64px);
                  position: relative;
                  transition: padding-top 0.3s ease;
              }
              
              /* Add padding when info bar is visible */
              .chat-popup-body.has-info-bar {
                  padding-top: 40px;
              }
              
              .chat-view {
                  flex: 1 1 auto;
                  display: none;
                  flex-direction: column;
                  min-height: 0;
                  overflow: hidden;
              }
              
              #chat-list-view {
                  display: flex;
              }
              
              #chat-messages-view {
                  display: none;
              }
              
              #chat-messages-view.active {
                  display: flex;
                  flex-direction: column;
              }
              
              #chat-new-view {
                  display: none;
              }
              
              #chat-new-view.active {
                  display: flex;
              }
              
              .chat-conversations-list {
                  flex: 1;
                  overflow-y: auto;
                  padding: 0;
                  background: white;
              }
              
              /* Custom Scrollbar for Conversations List */
              .chat-conversations-list::-webkit-scrollbar {
                  width: 6px;
              }
              
              .chat-conversations-list::-webkit-scrollbar-track {
                  background: #f1f1f1;
              }
              
              .chat-conversations-list::-webkit-scrollbar-thumb {
                  background: #F28C1A;
                  border-radius: 3px;
              }
              
              .chat-conversations-list::-webkit-scrollbar-thumb:hover {
                  background: #D97809;
              }
              
              /* Firefox */
              .chat-conversations-list {
                  scrollbar-width: thin;
                  scrollbar-color: #F28C1A #f1f1f1;
              }
              
              .chat-conversation-item {
                  padding: 12px 16px;
                  cursor: pointer;
                  display: flex;
                  gap: 12px;
                  align-items: flex-start;
                  transition: background 0.15s ease;
                  color: #33371f;
                  border-bottom: 1px solid #f0f0f0;
              }
              
              .chat-conversation-item:hover {
                  background: #f5f5f5;
              }
              
              .chat-conversation-item.active {
                  background: #FFF5EB;
              }
              
              /* WhatsApp-like Avatar */
              .conversation-avatar {
                  width: 48px;
                  height: 48px;
                  border-radius: 50%;
                  background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%);
                  flex-shrink: 0;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  color: white;
                  font-weight: 600;
                  font-size: 18px;
              }
              
              .conversation-avatar svg {
                  width: 24px;
                  height: 24px;
              }
              
              /* WhatsApp-like Content */
              .conversation-content {
                  flex: 1;
                  min-width: 0;
                  display: flex;
                  flex-direction: column;
                  gap: 4px;
              }
              
              .conversation-header {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  gap: 8px;
              }
              
              .conversation-name {
                  font-weight: 600;
                  font-size: 15px;
                  color: #111;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
              }
              
              .conversation-time {
                  font-size: 12px;
                  color: #7d8166;
                  flex-shrink: 0;
              }
              
              .conversation-preview {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  gap: 8px;
              }
              
              .conversation-message {
                  font-size: 14px;
                  color: #667781;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  margin: 0;
                  flex: 1;
              }
              
              .conversation-unread {
                  background: #d32525;
                  color: white;
                  border-radius: 12px;
                  padding: 2px 8px;
                  font-size: 12px;
                  font-weight: 600;
                  min-width: 20px;
                  text-align: center;
                  flex-shrink: 0;
              }
              
              /* Active item styling */
              .chat-conversation-item.active .conversation-name {
                  color: #F28C1A;
              }
              
              .chat-conversation-item.active .conversation-time {
                  color: #F28C1A;
              }
              
              .chat-new-btn {
                  margin: 12px;
                  padding: 12px;
                  background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%);
                  color: white;
                  border: none;
                  border-radius: 8px;
                  cursor: pointer;
                  font-weight: 500;
                  font-size: 14px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  gap: 8px;
                  transition: all 0.2s;
                  flex-shrink: 0;
              }
              
              .chat-new-btn:hover {
                  transform: translateY(-1px);
                  box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3);
              }
              
              .chat-conversation-title {
                  flex: 1;
                  font-weight: 600;
                  font-size: 16px;
                  color: #1f2937;
              }
              
              .chat-messages-container {
                  flex: 1;
                  overflow-y: auto;
                  padding: 16px;
                  display: flex;
                  flex-direction: column;
                  gap: 8px;
                  min-height: 0;
                  background: #E5DDD5;
              }
              
              /* Custom Scrollbar for Messages Container */
              .chat-messages-container::-webkit-scrollbar {
                  width: 6px;
              }
              
              .chat-messages-container::-webkit-scrollbar-track {
                  background: rgba(0, 0, 0, 0.05);
              }
              
              .chat-messages-container::-webkit-scrollbar-thumb {
                  background: rgba(242, 140, 26, 0.6);
                  border-radius: 3px;
              }
              
              .chat-messages-container::-webkit-scrollbar-thumb:hover {
                  background: #F28C1A;
              }
              
              /* Firefox */
              .chat-messages-container {
                  scrollbar-width: thin;
                  scrollbar-color: rgba(242, 140, 26, 0.6) rgba(0, 0, 0, 0.05);
              }
              
              /* WhatsApp Group-like Messages */
              .chat-message {
                  display: flex;
                  margin-bottom: 4px;
                  animation: fadeIn 0.2s ease;
              }
              
              @keyframes fadeIn {
                  from { opacity: 0; transform: translateY(10px); }
                  to { opacity: 1; transform: translateY(0); }
              }
              
              .chat-message.mine {
                  justify-content: flex-end;
              }
              
              .chat-message-bubble {
                  max-width: 80%;
                  padding: 6px 8px 8px 10px;
                  border-radius: 8px;
                  position: relative;
                  box-shadow: 0 1px 0.5px rgba(0,0,0,0.13);
              }
              
              /* Bubble from others (Admin/CS) */
              .chat-message:not(.mine) .chat-message-bubble {
                  background: #FFFFFF;
                  border-radius: 0 8px 8px 8px;
              }
              
              /* Bubble tail for others */
              .chat-message:not(.mine) .chat-message-bubble::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: -8px;
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 8px 13px 0;
                  border-color: transparent #FFFFFF transparent transparent;
              }
              
              /* Bubble from user (mine) */
              .chat-message.mine .chat-message-bubble {
                  background: #e4f5d0; /* Light blue for user messages */
                  border-radius: 8px 0 8px 8px;
              }
              
              /* Bubble tail for mine */
              .chat-message.mine .chat-message-bubble::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  right: -8px;
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 0 13px 8px;
                  border-color: transparent transparent transparent #eaf5d0;
              }
              
              .message-sender {
                  font-size: 12.5px;
                  font-weight: 600;
                  color: #F28C1A !important;
                  margin-bottom: 4px;
              }
              
              .chat-message.mine .message-sender {
                  display: none;
              }
              
              /* Message text */
              .message-text {
                  font-size: 14px;
                  line-height: 19px;
                  color: #000000 !important;
                  word-wrap: break-word;
                  white-space: pre-wrap;
                  margin-bottom: 4px;
              }
              
              /* Message metadata (time + status) */
              .message-meta {
                  display: flex;
                  align-items: center;
                  justify-content: flex-end;
                  gap: 4px;
                  margin-top: 2px;
              }
              
              .message-time {
                  font-size: 11px;
                  color: #728166 !important;
                  line-height: 15px;
              }
              
              /* Use multiple selectors to override global styles */
              .chat-message-bubble .message-status,
              .message-meta .message-status,
              .chat-message .message-status {
                  width: 16px !important;
                  height: 16px !important;
                  min-width: 16px !important;
                  min-height: 16px !important;
                  max-width: 16px !important;
                  max-height: 16px !important;
                  flex-shrink: 0;
                  color: #728166 !important;
                  fill: currentColor !important;
              }
              
              .chat-message:not(.mine) .message-status {
                  display: none;
              }
              
              /* Loading dots animation */
              @keyframes loadingDots {
                  0%, 20% { content: '.'; }
                  40% { content: '..'; }
                  60%, 100% { content: '...'; }
              }
              
              .message-status.loading::after {
                  content: '...';
                  animation: loadingDots 1.5s infinite;
                  font-size: 16px;
                  line-height: 16px;
              }
              
              .message-status.loading path {
                  display: none;
              }
              
              .message-status.failed {
                  color: #ef4444 !important;
                  cursor: pointer;
              }
              
              .message-status.sent {
                  color: #667781 !important;
              }
              
              .chat-new-form {
                  flex: 1;
                  overflow-y: auto;
                  padding: 16px;
                  display: flex;
                  flex-direction: column;
              }
              
              .chat-new-form form {
                  display: flex;
                  flex-direction: column;
                  gap: 16px;
                  flex: 1;
              }
              
              .chat-new-form .form-group {
                  display: flex;
                  flex-direction: column;
                  gap: 6px;
              }
              
              .chat-new-form label {
                  font-size: 14px;
                  font-weight: 500;
                  color: #374151;
              }
              
              .chat-new-form .form-control {
                  width: 100%;
                  padding: 10px 12px;
                  border: 1px solid #d1d5db;
                  border-radius: 8px;
                  font-size: 14px;
                  font-family: inherit;
                  transition: border-color 0.2s;
                  box-sizing: border-box;
              }
              
              .chat-new-form .form-control:focus {
                  outline: none;
                  border-color: #F28C1A;
                  box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1);
              }
              
              .chat-new-form textarea.form-control {
                  resize: vertical;
                  min-height: 100px;
              }
              
              .chat-new-form .btn {
                  padding: 12px 20px;
                  border: none;
                  border-radius: 8px;
                  font-size: 15px;
                  font-weight: 500;
                  cursor: pointer;
                  transition: all 0.2s;
                  text-align: center;
              }
              
              .chat-new-form .btn-primary {
                  background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%);
                  color: white;
              }
              
              .chat-new-form .btn-primary:hover {
                  transform: translateY(-1px);
                  box-shadow: 0 4px 8px rgba(242, 140, 26, 0.3);
              }
              
              .chat-new-form .btn-primary:active {
                  transform: scale(0.98);
              }
              
              .chat-new-form .btn-block {
                  width: 100%;
                  margin-top: auto;
              }
              
              .chat-message-form {
                  padding: 12px;
                  border-top: 1px solid #e5e7eb;
                  display: flex;
                  flex-wrap: wrap;
                  gap: 8px;
                  align-items: flex-end;
                  flex-shrink: 0;
                  background: white;
              }
              
              .chat-product-card {
                  flex: 1 1 100%;
                  max-width: 100%;
                  display: flex;
                  gap: 12px;
                  padding: 12px;
                  background: #f3f4f6;
                  border-radius: 8px;
                  margin-bottom: 4px;
                  border: 1px solid #e5e7eb;
              }
              
              .chat-product-card img {
                  width: 60px;
                  height: 60px;
                  object-fit: cover;
                  border-radius: 6px;
                  flex-shrink: 0;
              }
              
              .chat-product-card-content {
                  flex: 1;
                  min-width: 0;
              }
              
              .chat-product-card-name {
                  font-weight: 500;
                  font-size: 14px;
                  color: #1f2937;
                  margin-bottom: 4px;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
              }
              
              .chat-product-card-variant {
                  font-size: 12px;
                  color: #74806b;
                  margin-bottom: 4px;
              }
              
              .chat-product-card-price {
                  font-size: 13px;
                  color: #8bea66;
                  font-weight: 600;
              }
              
              .chat-product-card-remove {
                  align-self: flex-start;
                  background: none;
                  border: none;
                  color: #9ca3af;
                  cursor: pointer;
                  padding: 4px;
                  font-size: 18px;
                  line-height: 1;
                  transition: color 0.2s;
              }
              
              .chat-product-card-remove:hover {
                  color: #ef4444;
              }
              
              /* Product card in messages (read-only display) */
              .message-product-card {
                  display: flex;
                  gap: 10px;
                  padding: 10px;
                  background: rgba(255, 255, 255, 0.5);
                  border-radius: 8px;
                  margin-bottom: 6px;
                  border: 1px solid rgba(0, 0, 0, 0.08);
                  align-items: center;
              }
              
              .chat-message.mine .message-product-card {
                  background: rgba(255, 255, 255, 0.7);
              }
              
              .message-product-card img {
                  width: 50px;
                  height: 50px;
                  object-fit: cover;
                  border-radius: 6px;
                  flex-shrink: 0;
              }
              
              .message-product-info {
                  flex: 1;
                  min-width: 0;
              }
              
              .message-product-name {
                  font-weight: 500;
                  font-size: 13px;
                  color: #33371f;
                  margin-bottom: 2px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  line-height: 1.3;
              }
              
              .message-product-variant {
                  font-size: 11px;
                  color: #78806b;
                  margin-bottom: 2px;
              }
              
              .message-product-price {
                  font-size: 12px;
                  color: #c7ea66;
                  font-weight: 600;
              }
              
              .message-product-link {
                  flex-shrink: 0;
                  width: 32px;
                  height: 32px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: rgba(102, 126, 234, 0.1);
                  border-radius: 6px;
                  color: #c7ea66;
                  text-decoration: none;
                  transition: all 0.2s;
              }
              
              .message-product-link:hover {
                  background: #b7ea66;
                  color: white;
              }
              
              .message-product-link svg {
                  width: 16px;
                  height: 16px;
              }
              
              .chat-message-input {
                  flex: 1;
                  border: 1px solid #d1d5db;
                  border-radius: 20px;
                  padding: 10px 16px;
                  resize: none;
                  max-height: 100px;
                  font-family: inherit;
                  font-size: 14px;
                  line-height: 1.5;
                  box-sizing: border-box;
                  overflow-y: hidden;
              }
              
              .chat-message-input:focus {
                  outline: none;
                  border-color: #F28C1A;
                  box-shadow: 0 0 0 3px rgba(242, 140, 26, 0.1);
              }
              
              .chat-send-btn {
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                  background: linear-gradient(135deg, #F28C1A 0%, #D97809 100%);
                  border: none;
                  color: white;
                  cursor: pointer;
                  flex-shrink: 0;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  transition: all 0.2s;
              }
              
              .chat-send-btn:hover {
                  transform: scale(1.05);
                  box-shadow: 0 2px 8px rgba(242, 140, 26, 0.3);
              }
              
              .chat-send-btn:active {
                  transform: scale(0.95);
              }
              
              .chat-loading {
                  text-align: center;
                  padding: 20px;
                  color: #6b7280;
              }
              
              /* Date Separator (WhatsApp-style) */
              .date-separator {
                  display: flex;
                  align-items: center;
                  gap: 12px;
                  margin: 24px 0 16px;
                  opacity: 0;
                  animation: fadeInSeparator 0.3s ease forwards;
              }

@keyframes fadeInSeparator {
                  from {
                      opacity: 0;
                      transform: translateY(-10px);
                  }
                  to {
                      opacity: 1;
                      transform: translateY(0);
                  }
              }

.date-separator-line {
                  flex: 1;
                  height: 1px;
                  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent);
              }

.date-separator-text {
                  flex-shrink: 0;
                  padding: 4px 12px;
                  background: #e9ecef;
                  color: #6c757d;
                  font-size: 11px;
                  font-weight: 600;
                  text-transform: uppercase;
                  letter-spacing: 0.5px;
                  border-radius: 12px;
                  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
              }
              
              /* Mobile responsive */
              @media (max-width: 640px) {
                  .chat-popup {
                      position: fixed !important; /* Override absolute positioning */
                      bottom: 45px !important; /* Above bottom nav */
                      right: 0 !important;
                      left: 0 !important;
                      width: 100% !important;
                      max-width: 100% !important;
                      /* Use dvh (dynamic viewport height) for browser UI awareness */
                      height: calc(100dvh - 45px) !important;
                      max-height: calc(100dvh - 45px) !important;
                      /* Fallback for browsers that don't support dvh */
                      height: calc(var(--viewport-height, 100vh) - 45px) !important;
                      max-height: calc(var(--viewport-height, 100vh) - 45px) !important;
                      border-radius: 0 !important;
                      z-index: 9999 !important;
                  }
                  
                  .chat-popup-header {
                      border-radius: 0;
                  }
                  
                  .chat-messages-container,
                  .chat-conversations-list {
                      /* Adjust for mobile keyboard using dynamic viewport */
                      max-height: calc(100dvh - 190px);
                      /* Fallback for browsers that don't support dvh */
                      max-height: calc(var(--viewport-height, 100vh) - 190px);
                  }
              }
          </style>

<div id="chat-widget" class="chat-widget" 
              data-user-id=""
              data-is-logged-in="false"
              data-csrf-token="df5d776748b1ed8c8dd0d987bae99b1ee3dea6c6dcbe0eedb1bea766c56d569a">
              <button id="chat-toggle-btn" class="chat-toggle-btn" aria-label="Toggle chat">
                  <svg class="chat-icon" width="28" height="28" viewBox="0 0 640 640" fill="currentColor">
                      <path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/>
                  </svg>
                  <span id="chat-unread-badge" class="chat-unread-badge" style="display: none;">0</span>
              </button>
              
              <div id="chat-popup" class="chat-popup" style="display: none;">
                  <div class="chat-popup-header">
                      <div class="chat-header-title">
                          <h3>Bantuan</h3>
                          <span id="chatOperatingHours" class="chat-operating-hours" style="display: none;"></span>
                      </div>
                      <div class="chat-header-actions">
                          <button id="chatNotifToggle" class="btn-notif-toggle" data-status="not-supported" title="Push notification" style="display: none;">
                              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
                                  <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/>
                              </svg>
                          </button>
                          <button id="chat-close-btn" class="chat-close-btn" aria-label="Close chat">×</button>
                      </div>
                  </div>
                  
                  
                  <div class="chat-notif-info-bar" id="chatNotifInfoBar" style="display:none;">
                      <svg width="14" height="14" viewBox="0 0 24 24" fill="#ffc107">
                          <path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"/>
                      </svg>
                      <span class="small">Aktifkan notifikasi untuk pemberitahuan balasan</span>
                      <button class="btn-dismiss" onclick="ChatNotification.dismissInfo()">✕</button>
                  </div>
                  
                  <div class="chat-popup-body">
                      
                      <div id="chat-list-view" class="chat-view">
                          <div id="chat-conversations-list" class="chat-conversations-list">
                              <div class="chat-loading">Memuat...</div>
                              
                          </div>
                          <button id="chat-new-btn" class="chat-new-btn">
                              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                  <line x1="12" y1="5" x2="12" y2="19"></line>
                                  <line x1="5" y1="12" x2="19" y2="12"></line>
                              </svg>
                              Percakapan Baru
                          </button>
                      </div>
                      
                      
                      <div id="chat-messages-view" class="chat-view" style="display: none;">
                          <div id="chat-messages-container" class="chat-messages-container">
                              <div class="chat-loading">Memuat pesan...</div>
                              
                          </div>
                          
                          <form id="chat-message-form" class="chat-message-form">
                              <input type="hidden" id="chat-current-conversation-id" value="">
                              <textarea 
                                  id="chat-message-input" 
                                  class="chat-message-input" 
                                  placeholder="Ketik pesan..."
                                  rows="1"
                                  maxlength="5000"
                              ></textarea>
                              <button type="submit" class="chat-send-btn" aria-label="Send message">
                                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                      <line x1="22" y1="2" x2="11" y2="13"></line>
                                      <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
                                  </svg>
                              </button>
                          </form>
                      </div>
                      
                      
                      <div id="chat-new-view" class="chat-view" style="display: none;">
                          <div class="chat-messages-header">
                              <button id="chat-new-back-btn" class="chat-back-btn" aria-label="Back to list">
                                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                      <path d="M19 12H5M12 19l-7-7 7-7"/>
                                  </svg>
                              </button>
                              <div class="chat-conversation-title">Percakapan Baru</div>
                          </div>
                          
                          <div class="chat-new-form">
                              <form id="chat-start-form">
                                  <div class="form-group">
                                      <label for="chat-new-subject">Subjek</label>
                                      <input 
                                          type="text" 
                                          id="chat-new-subject" 
                                          class="form-control" 
                                          placeholder="Bantuan Pelanggan"
                                          maxlength="255"
                                      >
                                  </div>
                                  <div class="form-group">
                                      <label for="chat-new-message">Pesan</label>
                                      <textarea 
                                          id="chat-new-message" 
                                          class="form-control" 
                                          rows="4" 
                                          placeholder="Tulis pertanyaan Anda..."
                                          required
                                          maxlength="5000"
                                      ></textarea>
                                  </div>
                                  <button type="submit" class="btn btn-primary btn-block">Kirim</button>
                              </form>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          
          
          <div class="modal-overlay" id="chatLoginModal">
              <div class="modal-dialog">
                  <div class="modal-header">
                      <h3 class="modal-title">
                          <div class="modal-icon info">
                              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                                  <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/>
                              </svg>
                          </div>
                          Login Diperlukan
                      </h3>
                  </div>
                  <div class="modal-body">
                      <p class="modal-message">Anda harus login terlebih dahulu untuk menggunakan fitur chat bantuan pelanggan.</p>
                      <div class="modal-actions">
                          <button class="modal-btn modal-btn-secondary" id="chatLoginCancel">Batal</button>
                          <button class="modal-btn modal-btn-primary" id="chatLoginConfirm">Login Sekarang</button>
                      </div>
                  </div>
              </div>
          </div>
          <script src="chat-widget.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script><script src="chat-notification.js" nonce="se3iyzEHMc9FQEB4wSyd0w=="></script>  
      
    <script nonce="se3iyzEHMc9FQEB4wSyd0w==">
    document.addEventListener('DOMContentLoaded', function() {
      const ftTop = document.getElementById('ftTop');
      const expandBtn = document.getElementById('ftExpandBtn');
      
      if (ftTop && expandBtn) {
        const expandText = expandBtn.querySelector('.expand-text');
        
        expandBtn.addEventListener('click', function() {
          ftTop.classList.toggle('expanded');
          const isExpanded = ftTop.classList.contains('expanded');
          if (expandText) {
            expandText.textContent = isExpanded ? 'Sembunyikan' : 'Selengkapnya';
          }
        });
      }
    });
    </script>
    </footer>

<div class="compare-overlay" id="compareOverlay"></div>

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

<div class="ai-compare-modal" id="aiCompareModal">
    <div class="modal-backdrop"></div>
    <div class="modal-container">
      <div class="modal-header">
        <h3 class="modal-title">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
            <path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z"/>
          </svg>
          Analisis AI: Perbandingan Produk
        </h3>
        <button class="modal-close" id="aiCompareModalClose" aria-label="Tutup">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
            <path d="M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 0 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z"/>
          </svg>
        </button>
      </div>
      
      <div class="modal-content">
        
        <div class="ai-loading" id="aiLoading">
          <div class="loading-animation">
            <div class="typing-indicator">
              <span></span>
              <span></span>
              <span></span>
            </div>
            <p>AI sedang menganalisis produk...</p>
            <small>Proses ini membutuhkan waktu 10-30 detik</small>
          </div>
        </div>
        
        
        <div class="ai-error" id="aiError" hidden>
          <div class="error-icon">
            <svg width="48" height="48" viewBox="0 0 24 24" fill="#ef4444">
              <path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/>
            </svg>
          </div>
          <h4>Analisis AI Gagal</h4>
          <p id="aiErrorMessage">Terjadi kesalahan saat memproses analisis.</p>
          <button class="btn btn-outline-primary" id="aiRetry">Coba Lagi</button>
        </div>
        
        
        <div class="ai-results" id="aiResults" hidden>
          
          <div class="ai-summary-card">
            <h4>
              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                <path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z"/>
              </svg>
              Ringkasan Analisis
            </h4>
            <p id="aiSummary" class="summary-text"></p>
            <div class="winner-badge" id="winnerBadge">
              <strong>Rekomendasi Terbaik:</strong> <span id="winnerProduct"></span>
              <small id="winnerReason"></small>
            </div>
          </div>
          
          
          <div class="ai-comparison-table">
            <h4>
              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                <path d="M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z"/>
              </svg>
              Perbandingan Detail
            </h4>
            <div id="comparisonTable" class="comparison-grid"></div>
          </div>
          
          
          <div class="ai-detailed-analysis">
            <h4>
              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                <path d="M14,2A8,8 0 0,1 22,10A8,8 0 0,1 14,18A8,8 0 0,1 6,10A8,8 0 0,1 14,2M14,4A6,6 0 0,0 8,10A6,6 0 0,0 14,16A6,6 0 0,0 20,10A6,6 0 0,0 14,4M14,6A4,4 0 0,1 18,10A4,4 0 0,1 14,14A4,4 0 0,1 10,10A4,4 0 0,1 14,6M14,8A2,2 0 0,0 12,10A2,2 0 0,0 14,12A2,2 0 0,0 16,10A2,2 0 0,0 14,8Z"/>
              </svg>
              Analisis Mendalam
            </h4>
            <div id="detailedAnalysis" class="products-analysis"></div>
          </div>
          
          
          <div class="ai-recommendations">
            <h4>
              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                <path d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/>
              </svg>
              Rekomendasi Berdasarkan Kebutuhan
            </h4>
            <div class="recommendations-grid">
              <div class="recommendation-card">
                <h5>💰 Budget Conscious</h5>
                <p id="budgetRecommendation"></p>
              </div>
              <div class="recommendation-card">
                <h5>⚡ Performance Focused</h5>
                <p id="performanceRecommendation"></p>
              </div>
              <div class="recommendation-card">
                <h5>⚖️ Balanced Choice</h5>
                <p id="balancedRecommendation"></p>
              </div>
            </div>
          </div>
          
          
          <div class="ai-tips">
            <h4>
              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                <path d="M11,18H13V16H11V18M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z"/>
              </svg>
              Tips Pembelian
            </h4>
            <ul id="buyingTips" class="tips-list"></ul>
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="modal-overlay" id="cartLoginModal">
    <div class="modal-dialog">
      <div class="modal-header">
        <h3 class="modal-title">
          <div class="modal-icon info">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z"/>
            </svg>
          </div>
          Login untuk Melanjutkan
        </h3>
      </div>
      <div class="modal-body">
        <p class="modal-message" style="margin-bottom: 16px;">Silakan login atau daftar untuk mengakses keranjang belanja dan menyelesaikan pesanan Anda.</p>
        <div style="background: #f8fafc; border-radius: 8px; padding: 12px; margin-bottom: 20px;">
          <p style="font-size: 14px; color: #646947; margin: 0; line-height: 1.6;">
            <strong style="color: #2a2a0f;">Keuntungan dengan akun:</strong><br>
            ✓ Simpan keranjang belanja Anda<br>
            ✓ Lacak status pesanan secara real-time<br>
            ✓ Checkout lebih cepat dengan data tersimpan<br>
            ✓ Dapatkan notifikasi promo & diskon eksklusif
          </p>
        </div>
        <div class="modal-actions">
          <button class="modal-btn modal-btn-secondary" id="cartLoginCancel">Batal</button>
          <button class="modal-btn modal-btn-primary" id="cartLoginConfirm" style="background: #ff6b35; border-color: #ff6b35;">Login</button>
          <button class="modal-btn modal-btn-primary" id="cartRegisterBtn" style="background: #f7931e; border-color: #f7931e;">Daftar</button>
        </div>
      </div>
    </div>
  </div>

.VAVA-red-fixed-footer {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 999;

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

padding: 11px 12px calc(11px + env(safe-area-inset-bottom));
    overflow: hidden;

/* Background Hijau + Hitam */
    background: 
      radial-gradient(circle at 50% 0%, rgba(141, 120, 0, 0.25), rgba(30, 26, 10, 0.95) 60%, rgba(0, 0, 0, 1)),
      linear-gradient(180deg, rgba(50, 45, 20, 0.9), rgb(0, 0, 0));

border-top: 2px solid rgba(141, 118, 0, 0.7);
    border-radius: 20px 20px 0 0;

box-shadow: 
      0 -12px 35px rgba(145, 118, 0, 0.25), 
      inset 0 1px 0 rgba(255, 255, 255, 0.1);

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

/* 🌀 Scanline Halus */
  .VAVA-red-fixed-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(
      0deg,
      rgba(139, 0, 0, 0.04),
      rgba(138, 0, 0, 0.04) 1px,
      transparent 1px,
      transparent 4px
    );
    opacity: 0.8;
    mix-blend-mode: overlay;
  }

/* ⚡ Green Sweep */
  .VAVA-red-fixed-footer::after {
    content: "";
    position: absolute;
    top: 0; left: -160%;
    width: 60%; height: 100%;
    background: linear-gradient(120deg, transparent, rgba(139, 125, 46, 0.4), transparent);
    transform: skewX(-25deg);
    animation: greenShine 4s infinite;
    pointer-events: none;
  }

@keyframes greenShine {
    0% { left: -160%; }
    60% { left: 160%; }
    100% { left: 160%; }
  }

/* =========================================================
    ITEM STYLE
    ========================================================= */

.VAVA-red-fixed-footer a {
    flex: 1;
    max-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 4px;
    text-decoration: none;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    transition: all 0.2s ease;
    position: relative;
  }

.VAVA-red-fixed-footer a:hover {
    color: #ffffff;
    filter: drop-shadow(0 0 8px rgba(139, 122, 46, 0.9));
    transform: translateY(-2px);
  }

.VAVA-red-fixed-footer img {
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 0 6px rgba(139, 127, 46, 0.7));
    transition: transform 0.2s ease;
  }

/* =========================================================
    CENTER CTA – CORE
    ========================================================= */

.VAVA-red-fixed-footer .core-cta {
    background: rgba(46, 139, 87, 0.15);
    border: 1px solid rgba(139, 130, 46, 0.7);
    border-radius: 12px;
    box-shadow: 
      0 0 15px rgba(139, 123, 46, 0.35),
      inset 0 0 10px rgba(139, 123, 46, 0.25);
    transform: scale(1.05);
  }

.VAVA-red-fixed-footer .core-cta img {
    width: 28px;
    height: 28px;
    filter: drop-shadow(0 0 12px rgb(190, 161, 0));
  }

/* Pulse Effect */
  .VAVA-red-fixed-footer .core-cta::before {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 15px;
    background: radial-gradient(circle, rgba(46, 139, 87, 0.35), transparent 70%);
    animation: greenPulse 2s ease-in-out infinite;
    z-index: -1;
  }

@keyframes greenPulse {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.85; transform: scale(1.1); }
  }

/* =========================================================
    RESPONSIVE
    ========================================================= */
  @media (max-width: 400px) {
    .VAVA-red-fixed-footer a { font-size: 10px; }
    .VAVA-red-fixed-footer img { width: 20px; height: 20px; }
    .VAVA-red-fixed-footer .core-cta img { width: 24px; height: 24px; }
  }
  </style>

<div class="VAVA-red-fixed-footer">
    <a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noopener">
      <img src="https://ik.imagekit.io/badutseo303/promo.webp?updatedAt=1765288240199" alt="BONUS DANATOTO">
      PROMO
    </a>
    
    <a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noopener">
      <img src="https://ik.imagekit.io/badutseo303/log.webp?updatedAt=1765288240157" alt="LOGIN DANATOTO">
      LOGIN
    </a>

<a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noopener" class="core-cta">
      <img src="https://ik.imagekit.io/badutseo303/daf.webp?updatedAt=1765288240207" alt="DAFTAR DANATOTO">
      DAFTAR
    </a>

<a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noopener">
      <img src="https://ik.imagekit.io/badutseo303/logo-whatsapp.webp?updatedAt=1765812480343" alt="WA DANATOTO">
      WHATSAPP
    </a>

<a href="https://danatoto-25u.pages.dev/" target="_blank" rel="nofollow noopener">
      <img src="https://ik.imagekit.io/badutseo303/livechet.webp?updatedAt=1765288240132" alt="LIVECHAT DANATOTO">
      LIVECHAT
    </a>
  </div>
  </body>
  </html>

Paste Settings

Paste Title : [Optional]

Paste Folder : [Optional]

Syntax Highlighting : [Optional]

Paste Expiration : [Optional]

Paste Status : [Optional]

Password : [Optional]

Description: [Optional]

Tags: [Optional]

Encrypt Paste (?)

You are currently not logged in, this means you can not edit or delete anything you paste. Sign Up or Login

Recent Pastes

Untitled
Plaintext | 1.3K | 20 hours ago
Untitled
Plaintext | 697 | 21 hours ago
Untitled
Plaintext | 24 | 22 hours ago
Untitled
Plaintext | 25 | 23 hours ago
Untitled
Plaintext | 21 | 1 day ago
Untitled
Plaintext | 19 | 1 day ago
Untitled
Plaintext | 68 | 1 day ago

Paste Settings

Site Languages