
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- ======================== JUDUL & META ======================== -->
    <title>MISTERIBET77| Taktik Tepat Menjelajahi Gaming Kekinian!</title>
    <meta name="description"
        content="MISTERIBET77 hadir sebagai platform gaming kekinian dengan sistem ringan, akses mudah dan pengalaman seru yang bisa kamu nikmati setiap hari." />
    <meta name="robots" content="INDEX,FOLLOW" />
    <meta name="keywords"
        content="MISTERIBET77, MISTERIBET77 daftar, MISTERIBET77 login, MISTERIBET77 link alternatif" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, user-scalable=yes" />
    <meta name="MobileOptimized" content="width">
    <meta name="HandheldFriendly" content="true">

    <!-- ======================== CANONICAL ======================== -->
    <link rel="canonical" href="https://www.toztcafe.com/" />
    <link rel="alternate" hreflang="id-ID" href="https://www.toztcafe.com/amp/"/>
    <link rel="alternate" href="https://www.toztcafe.com/amp/"/>
    <link rel="alternate" hreflang="id" href="https://www.toztcafe.com/amp/"/>
    <link rel="alternate" hreflang="en" href="https://www.toztcafe.com/amp/"/>
    <link rel="alternate" hreflang="x-default" href="https://www.toztcafe.com/amp/"/>
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://www.toztcafe.com/amp/" />
    <link rel="alternate" media="handheld" href="https://www.toztcafe.com/amp/" />

    <!-- ======================== FAVICON ======================== -->
    <!--
  GANTI URL FAVICON DI BAWAH INI:
  - Ganti value href dengan URL favicon Anda (.ico / .png / .svg)
-->
    <link rel="icon" href="https://asset01.source-static.us/assets/images/misteribet77/favicon/favicon.ico"
        type="image/x-icon" />
    <link rel="shortcut icon" href="https://asset01.source-static.us/assets/images/misteribet77/favicon/favicon.ico"
        type="image/x-icon" />
    <link rel="apple-touch-icon" sizes="180x180"
        href="https://asset01.source-static.us/assets/images/misteribet77/favicon/favicon.ico" />

    <!-- ======================== GOOGLE FONT ======================== -->
    <link
        href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

    <!-- ======================== BANNER SCRIPT ======================== -->
    <!--
  GANTI BANNER SCRIPT SESUAI KEBUTUHAN (Google Ads, dll.)
  Letakkan script iklan/banner di sini:
-->
    <script type="text/javascript">
        // Banner / Ad script placeholder
        // Contoh: Google AdSense, affiliate banner, dsb.
        var BANNER_CONFIG = {
            enabled: true,
            imageUrl: 'https://ik.imagekit.io/4pa54JA/toztcafe_banner.png',
            linkUrl: 'https://ik.imagekit.io/4pa54JA/toztcafe_banner.png',
            altText: 'Banner'
        };
    </script>

    <!-- ======================== INLINE CSS ======================== -->
    <style>
        #promoOverlay {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100dvh;
            background: rgb(0 0 0 / .92);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 999999;
            padding: 20px;
            box-sizing: border-box
        }

        .overlay-content {
            width: 100%;
            max-width: 420px;
            background: #371a0c;
            border-radius: 26px;
            padding: 25px 20px;
            box-sizing: border-box;
            position: relative
        }

        .btn-primary {
            display: block;
            width: 100%;
            padding: 15px 0;
            margin-bottom: 14px;
            border-radius: 18px;
            font-weight: 600;
            font-size: 16px;
            text-align: center;
            box-sizing: border-box
        }

        .logo-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 15px
        }

        .logo-img {
            width: 100%;
            max-width: 180px;
            height: auto;
            display: block;
            margin: auto;
            animation: logoFloat 3s ease-in-out infinite
        }

        .overlay-image {
            width: 100%;
            border-radius: 16px;
            margin-bottom: 18px
        }

        .btn-daftar {
            background: linear-gradient(to right, #c16c17, #753f07);
            color: #000
        }

        .btn-vip {
            background: linear-gradient(to right, #c16c17, #753f07);
            color: #000
        }

        .btn-server {
            background: #ff880a;
            color: #fff
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 18px rgb(0 0 0 / .4)
        }

        .btn-primary:active {
            transform: scale(.97)
        }

        @keyframes fadeInScale {
            from {
                opacity: 0;
                transform: scale(.92)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        @keyframes logoFloat {
            0% {
                transform: translateY(0)
            }

            50% {
                transform: translateY(-6px)
            }

            100% {
                transform: translateY(0)
            }
        }

        @media (max-width:480px) {
            .overlay-content {
                padding: 20px 15px
            }

            .btn-primary {
                font-size: 14px;
                padding: 13px
            }
        }

        .close-btn {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 36px;
            height: 36px;
            border: none;
            border-radius: 50%;
            background: #1c2138;
            color: #fff;
            font-size: 22px;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
            transition: 0.2s
        }

        .close-btn:hover {
            background: red;
            transform: scale(1.1)
        }
    </style>
    <style>
        /* ---- RESET & BASE ---- */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            font-size: 16px;
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            color: #d07935;
            background: #fff;
            line-height: 1.6;
        }

        a {
            color: #d07935;
            text-decoration: none;
            transition: color .2s;
        }

        a:hover {
            color: #0000ff;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        ul {
            list-style: none;
        }

        .clearfix::after {
            content: "";
            display: table;
            clear: both;
        }

        /* ---- CONTAINER ---- */
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* ---- GRID SYSTEM ---- */
        .row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -15px;
        }

        .col {
            padding: 0 15px;
        }

        .col-12 {
            width: 100%;
        }

        .col-8 {
            width: 66.666%;
        }

        .col-6 {
            width: 50%;
        }

        .col-4 {
            width: 33.333%;
        }

        .col-3 {
            width: 25%;
        }

        /* ================================================================
   HEADER
   ================================================================ */
        .header-container {
            background: #2a2a2a;
            border-bottom: 2px solid #f0f0f0;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header {
            padding: 12px 0;
        }

        .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
        }

        /* ---- LOGO ---- */
        .logo-container {
            flex-shrink: 0;
        }

        .logo-container a {
            display: inline-block;
        }

        .logo-container img {
            max-height: 60px;
            width: auto;
        }

        /* ---- DESKTOP NAV ---- */
        .nav-desktop {
            display: flex;
            align-items: center;
            gap: 4px;
            flex-wrap: wrap;
        }

        .nav-desktop a {
            display: inline-block;
            padding: 8px 14px;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            color: #d07935;
            border-radius: 4px;
            transition: background .2s, color .2s;
        }

        .nav-desktop a:hover {
            background: #d07935;
            color: #fff;
        }

        /* ---- SEARCH ---- */
        .search-box {
            display: flex;
            align-items: center;
            border: 2px solid #e0e0e0;
            border-radius: 5px;
            overflow: hidden;
            max-width: 320px;
            width: 100%;
        }

        .search-box input {
            border: none;
            outline: none;
            padding: 9px 12px;
            font-size: 13px;
            flex: 1;
            font-family: inherit;
        }

        .search-box button {
            background: #d07935;
            color: #fff;
            border: none;
            padding: 9px 16px;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            transition: background .2s;
        }

        .search-box button:hover {
            background: #0000ff;
        }

        /* ---- MINI CART ---- */
        .mini-cart a {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 600;
            color: #d07935;
        }

        .mini-cart .cart-icon {
            font-size: 22px;
        }

        .mini-cart .cart-count {
            background: #d07935;
            color: #fff;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
        }

        /* ---- HAMBURGER ---- */
        .hamburger {
            display: none;
            flex-direction: column;
            gap: 5px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px;
        }

        .hamburger span {
            display: block;
            width: 26px;
            height: 3px;
            background: #d07935;
            border-radius: 2px;
            transition: .3s;
        }

        /* ---- MOBILE NAV ---- */
        .nav-mobile {
            display: none;
            flex-direction: column;
            background: #fafafa;
            border-top: 1px solid #e0e0e0;
            padding: 10px 0;
        }

        .nav-mobile.active {
            display: flex;
        }

        .nav-mobile a {
            display: block;
            padding: 10px 20px;
            font-size: 14px;
            font-weight: 500;
            color: #d07935;
            border-bottom: 1px solid #eee;
        }

        .nav-mobile a:hover {
            background: #f0f0f0;
            color: #d07935;
        }

        /* ================================================================
   BREADCRUMB
   ================================================================ */
        .breadcrumbs {
            background: #f9f9f9;
            padding: 12px 0;
            border-bottom: 1px solid #eee;
            font-size: 13px;
        }

        .breadcrumbs ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 4px;
        }

        .breadcrumbs li {
            color: #888;
        }

        .breadcrumbs li a {
            color: #555;
        }

        .breadcrumbs li a:hover {
            color: #d07935;
            text-decoration: underline;
        }

        .breadcrumbs .sep {
            margin: 0 2px;
            color: #bbb;
        }

        /* ================================================================
   PRODUCT AREA
   ================================================================ */
        .product-section {
            padding: 30px 0;
        }

        /* ---- BANNER PROMO (di atas gambar) ---- */
        .product-banner {
            margin-bottom: 18px;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
        }

        .product-banner img {
            width: 100%;
            display: block;
        }

        .product-banner .banner-caption {
            background: #d07935;
            color: #fff;
            text-align: center;
            padding: 8px 12px;
            font-size: 13px;
        }

        .product-banner .banner-caption strong {
            font-weight: 700;
        }

        /* ---- IMAGE BOX ---- */
        .product-img-box {
            position: relative;
        }

        .product-img-box .main-image {
            border: 1px solid #eee;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 12px;
        }

        .product-img-box .main-image img {
            width: 100%;
            cursor: zoom-in;
        }

        .product-img-box .thumb-list {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .product-img-box .thumb-list li {
            width: 70px;
            height: 70px;
            border: 2px solid #e0e0e0;
            border-radius: 4px;
            overflow: hidden;
            cursor: pointer;
            transition: border-color .2s;
        }

        .product-img-box .thumb-list li:hover,
        .product-img-box .thumb-list li.active {
            border-color: #d07935;
        }

        .product-img-box .thumb-list li img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .img-actions {
            margin-top: 10px;
            display: flex;
            gap: 12px;
            font-size: 13px;
        }

        .img-actions a {
            color: #000;
            font-weight: 600;
        }

        .img-actions a:hover {
            text-decoration: underline;
        }

        /* ---- PRODUCT DETAIL ---- */
        .product-detail {
            padding-left: 10px;
        }

        .product-detail .product-name h1 {
            font-size: 24px;
            font-weight: 700;
            color: #222;
            margin-bottom: 6px;
        }

        .product-detail .product-sku {
            font-size: 13px;
            color: #888;
            margin-bottom: 4px;
        }

        .product-detail .availability {
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 14px;
        }

        .product-detail .availability.in-stock {
            color: #2e7d32;
        }

        .product-detail .availability.out-of-stock {
            color: #d07935;
        }

        .product-detail .short-desc {
            font-size: 15px;
            color: #555;
            margin-bottom: 18px;
            line-height: 1.7;
        }

        /* ---- HARGA ---- */
        .price-box {
            margin-bottom: 16px;
        }

        .price-box .special-price {
            font-size: 28px;
            font-weight: 800;
            color: #d07935;
        }

        .price-box .old-price {
            font-size: 16px;
            color: #999;
            text-decoration: line-through;
            margin-left: 10px;
        }

        .price-box .price-label {
            display: block;
            font-size: 12px;
            font-weight: 500;
            color: #888;
        }

        .promo-badges {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-bottom: 18px;
        }

        .promo-badges a {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 600;
            color: #000;
            padding: 6px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            transition: background .2s;
        }

        .promo-badges a:hover {
            background: #f5f5dc;
        }

        .promo-badges a img {
            width: 18px;
            height: 18px;
        }

        /* ---- QTY & ADD TO CART ---- */
        .add-to-cart-box {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-bottom: 16px;
        }

        .qty-wrapper {
            display: flex;
            align-items: center;
            border: 2px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
        }

        .qty-wrapper button {
            background: #f5f5f5;
            border: none;
            width: 36px;
            height: 40px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            color: #d07935;
            transition: background .2s;
        }

        .qty-wrapper button:hover {
            background: #e0e0e0;
        }

        .qty-wrapper input {
            width: 50px;
            height: 40px;
            text-align: center;
            border: none;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            font-size: 15px;
            font-weight: 600;
            font-family: inherit;
            outline: none;
        }

        .btn-add-cart {
            background: #d07935;
            color: #fff;
            border: none;
            padding: 11px 30px;
            font-size: 15px;
            font-weight: 700;
            border-radius: 5px;
            cursor: pointer;
            transition: background .2s;
            text-transform: uppercase;
            letter-spacing: .5px;
        }

        .btn-add-cart:hover {
            background: #0000ff;
        }

        .extra-links {
            display: flex;
            gap: 16px;
            margin-bottom: 18px;
            font-size: 13px;
        }

        .extra-links a {
            color: #555;
            font-weight: 500;
        }

        .extra-links a:hover {
            color: #d07935;
            text-decoration: underline;
        }

        /* ---- LOGIN/REGISTER BOX ---- */
        .login-register-box {
            padding: 14px 16px;
            background: #f7f7f7;
            border: 1px solid #e0e0e0;
            border-radius: 5px;
            margin-bottom: 18px;
        }

        .login-register-box p {
            font-size: 13px;
            color: #555;
            margin-bottom: 10px;
        }

        .login-register-box .btn-group {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .btn-login,
        .btn-register {
            flex: 1;
            min-width: 110px;
            text-align: center;
            padding: 10px 16px;
            border-radius: 4px;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            transition: all .2s;
            display: inline-block;
        }

        .btn-login {
            background: #d07935;
            color: #fff;
            border: 2px solid #d07935;
        }

        .btn-login:hover {
            background: #0000ff;
            border-color: #0000ff;
            color: #fff;
        }

        .btn-register {
            background: #fff;
            color: #d07935;
            border: 2px solid #d07935;
        }

        .btn-register:hover {
            background: #d07935;
            color: #fff;
        }

        /* ---- SOCIAL SHARE ---- */
        .social-share {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .social-share a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #eee;
            color: #555;
            font-size: 16px;
            transition: background .2s, color .2s;
        }

        .social-share a:hover {
            background: #d07935;
            color: #fff;
        }

        /* ================================================================
   PRODUCT TABS
   ================================================================ */
        .product-tabs-section {
            padding: 30px 0 40px;
        }

        .tabs-nav {
            display: flex;
            border-bottom: 2px solid #e0e0e0;
            margin-bottom: 20px;
        }

        .tabs-nav button {
            background: none;
            border: none;
            border-bottom: 3px solid transparent;
            padding: 12px 24px;
            font-size: 15px;
            font-weight: 700;
            color: #888;
            cursor: pointer;
            transition: all .2s;
            font-family: inherit;
            margin-bottom: -2px;
        }

        .tabs-nav button:hover {
            color: #d07935;
        }

        .tabs-nav button.active {
            color: #d07935;
            border-bottom-color: #d07935;
        }

        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        .tab-content h2 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 14px;
            color: #222;
        }

        .tab-content p {
            font-size: 14px;
            line-height: 1.8;
            color: #444;
            margin-bottom: 12px;
        }

        .tab-content ul.detail-list {
            padding-left: 20px;
            margin-top: 10px;
        }

        .tab-content ul.detail-list li {
            list-style: disc;
            font-size: 14px;
            line-height: 1.8;
            color: #444;
            margin-bottom: 4px;
        }

        /* ================================================================
   FOOTER
   ================================================================ */
        .footer-container {
            background: #2a2a2a;
            color: #ccc;
            padding: 40px 0 0;
            margin-top: 40px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .footer-col h3 {
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 16px;
            padding-bottom: 10px;
            border-bottom: 2px solid #444;
        }

        .footer-col p {
            font-size: 13px;
            line-height: 1.7;
            color: #aaa;
        }

        .footer-col ul li {
            margin-bottom: 8px;
        }

        .footer-col ul li a {
            color: #aaa;
            font-size: 13px;
            transition: color .2s;
        }

        .footer-col ul li a:hover {
            color: #fff;
        }

        .footer-col .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-bottom: 10px;
            font-size: 13px;
            color: #aaa;
        }

        .footer-col .contact-item .icon {
            font-size: 16px;
            flex-shrink: 0;
        }

        .footer-col .social-links {
            display: flex;
            gap: 10px;
            margin-top: 14px;
        }

        .footer-col .social-links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #444;
            color: #ccc;
            font-size: 14px;
            transition: background .2s, color .2s;
        }

        .footer-col .social-links a:hover {
            background: #d07935;
            color: #fff;
        }

        .footer-col .payment-icons {
            margin-top: 14px;
        }

        .footer-col .payment-icons img {
            max-height: 30px;
        }

        .footer-bottom {
            border-top: 1px solid #444;
            margin-top: 30px;
            padding: 16px 0;
            text-align: center;
        }

        .footer-bottom p {
            font-size: 12px;
            color: #888;
        }

        .footer-bottom .footer-links {
            margin-bottom: 8px;
        }

        .footer-bottom .footer-links a {
            color: #aaa;
            font-size: 12px;
            margin: 0 8px;
        }

        .footer-bottom .footer-links a:hover {
            color: #fff;
        }

        /* ---- BACK TO TOP ---- */
        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #d07935;
            color: #fff;
            border: none;
            font-size: 20px;
            cursor: pointer;
            display: none;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
            transition: background .2s;
            z-index: 999;
        }

        .back-to-top:hover {
            background: #0000ff;
        }

        .back-to-top.visible {
            display: flex;
        }

        /* ================================================================
   POPUP / MODAL
   ================================================================ */
        .modal-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .6);
            z-index: 2000;
            align-items: center;
            justify-content: center;
        }

        .modal-overlay.active {
            display: flex;
        }

        .modal-box {
            background: #fff;
            border-radius: 8px;
            padding: 30px;
            max-width: 500px;
            width: 90%;
            position: relative;
            box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
            max-height: 90vh;
            overflow-y: auto;
        }

        .modal-box .modal-close {
            position: absolute;
            top: 10px;
            right: 14px;
            background: none;
            border: none;
            font-size: 22px;
            cursor: pointer;
            color: #888;
            transition: color .2s;
        }

        .modal-box .modal-close:hover {
            color: #d07935;
        }

        .modal-box h3 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 14px;
        }

        .modal-box p {
            font-size: 14px;
            color: #555;
            line-height: 1.7;
        }

        /* ---- FORM INSIDE MODAL ---- */
        .modal-box .form-group {
            margin-bottom: 14px;
        }

        .modal-box .form-group label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 4px;
            color: #d07935;
        }

        .modal-box .form-group label em {
            color: #d07935;
        }

        .modal-box .form-group input,
        .modal-box .form-group textarea {
            width: 100%;
            padding: 9px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            font-family: inherit;
            outline: none;
            transition: border-color .2s;
        }

        .modal-box .form-group input:focus,
        .modal-box .form-group textarea:focus {
            border-color: #d07935;
        }

        .modal-box .form-group textarea {
            resize: vertical;
            min-height: 80px;
        }

        .modal-box .btn-submit {
            background: #d07935;
            color: #fff;
            border: none;
            padding: 10px 24px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer;
            transition: background .2s;
        }

        .modal-box .btn-submit:hover {
            background: #0000ff;
        }

        /* ================================================================
   RESPONSIVE - TABLET
   ================================================================ */
        @media (max-width: 992px) {
            .footer-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .col-4 {
                width: 50%;
            }

            .col-8 {
                width: 50%;
            }

            .col-3 {
                width: 50%;
            }

            .product-detail {
                padding-left: 0;
                margin-top: 10px;
            }
        }

        /* ================================================================
   RESPONSIVE - MOBILE
   ================================================================ */
        @media (max-width: 768px) {
            .nav-desktop {
                display: none;
            }

            .hamburger {
                display: flex;
            }

            .header-content {
                flex-wrap: wrap;
            }

            .search-box {
                max-width: 100%;
                order: 10;
                margin-top: 8px;
            }

            .row {
                flex-direction: column;
            }

            .col-12,
            .col-8,
            .col-6,
            .col-4,
            .col-3 {
                width: 100%;
            }

            .product-detail {
                padding-left: 0;
                margin-top: 20px;
            }

            .product-detail .product-name h1 {
                font-size: 20px;
            }

            .price-box .special-price {
                font-size: 24px;
            }

            .footer-grid {
                grid-template-columns: 1fr;
            }

            .tabs-nav {
                overflow-x: auto;
            }

            .tabs-nav button {
                padding: 10px 16px;
                font-size: 14px;
                white-space: nowrap;
            }

            .back-to-top {
                bottom: 16px;
                right: 16px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .product-detail .product-name h1 {
                font-size: 18px;
            }

            .price-box .special-price {
                font-size: 22px;
            }

            .btn-add-cart {
                padding: 10px 20px;
                font-size: 14px;
            }

            .add-to-cart-box {
                flex-direction: column;
                align-items: stretch;
            }

            .qty-wrapper {
                align-self: flex-start;
            }
        }
    </style>
</head>

<!-- ================================================================
     BODY
     ================================================================ -->

<body>

    <!-- ======================== NOSCRIPT ======================== -->
    <noscript>
        <div style="background:#fff3cd;color:#856404;padding:12px 20px;text-align:center;font-size:14px;">
            <strong>JavaScript seems to be disabled in your browser.</strong><br />
            You must have JavaScript enabled to utilize the full functionality of this website.
        </div>
    </noscript>

    <!-- ================================================================
     HEADER
     ================================================================ -->
    <header class="header-container">
        <div class="container">
            <div class="header">
                <div class="header-content">

                    <!-- ==== LOGO ==== -->
                    <!--
          GANTI URL LOGO DI BAWAH INI:
          - Ubah src="" menjadi URL logo Anda
          - Ubah alt="" sesuai nama toko/brand
          - Ubah href="/" ke halaman utama Anda
        -->
                    <div class="logo-container">
                        <a href="https://www.toztcafe.com/" title="MISTERIBET77" class="logo">
                            <img id="site-logo"
                                src="https://ik.imagekit.io/0lwnwrj9b/download%20(3)%20(2).png?updatedAt=1769529987862"
                                alt="LOGO MISTERIBET77" />
                        </a>
                    </div>

                    <!-- ==== DESKTOP NAVIGATION ==== -->
                    <nav class="nav-desktop" id="navDesktop">
                        <a href="https://www.toztcafe.com/">Living Room</a>
                        <a href="https://www.toztcafe.com/">Bedroom</a>
                        <a href="https://www.toztcafe.com/">Dining Room</a>
                        <a href="https://www.toztcafe.com/">Kids</a>
                        <a href="https://www.toztcafe.com/">Office</a>
                        <a href="https://www.toztcafe.com/">Patio</a>
                        <a href="https://www.toztcafe.com/">Accents</a>
                        <a href="https://www.toztcafe.com/">Limited Offer</a>
                    </nav>

                    <!-- ==== SEARCH ==== -->
                    <div class="search-box">
                        <input type="text" id="searchInput" placeholder="Search entire store here..." maxlength="128"
                            aria-label="Search" />
                        <button type="button" id="searchBtn" aria-label="Search">Search</button>
                    </div>

                    <!-- ==== MINI CART ==== -->
                    <div class="mini-cart">
                        <a href="https://www.toztcafe.com/" title="View Cart">
                            <span class="cart-icon">&#128722;</span>
                            <span class="cart-count" id="cartCount">0</span>
                        </a>
                    </div>

                    <!-- ==== HAMBURGER (Mobile) ==== -->
                    <button class="hamburger" id="hamburgerBtn" aria-label="Open Menu">
                        <span></span><span></span><span></span>
                    </button>

                </div><!-- /header-content -->
            </div><!-- /header -->

            <!-- ==== MOBILE NAVIGATION ==== -->
            <nav class="nav-mobile" id="navMobile">
                <a href="https://www.toztcafe.com/">Living Room</a>
                <a href="https://www.toztcafe.com/">Bedroom</a>
                <a href="https://www.toztcafe.com/">Dining Room</a>
                <a href="https://www.toztcafe.com/">Kids</a>
                <a href="https://www.toztcafe.com/">Office</a>
                <a href="https://www.toztcafe.com/">Patio</a>
                <a href="https://www.toztcafe.com/">Accents</a>
                <a href="https://www.toztcafe.com/">Limited Offer</a>
            </nav>

        </div><!-- /container -->
    </header>

    <!-- ================================================================
     BREADCRUMB
     ================================================================ -->
    <div class="breadcrumbs">
        <div class="container">
            <ul>
                <li><a href="https://www.toztcafe.com/" title="Go to Home Page">LIVE</a> <span
                        class="sep">/</span></li>
                <li><a href="https://www.toztcafe.com/">LIVE GAMING</a> <span class="sep">/</span></li>
                <li><a href="https://www.toztcafe.com/">2026</a> <span class="sep">/</span></li>
                <li><strong>MISTERIBET77| Taktik Tepat Menjelajahi Gaming Kekinian!</strong></li>
            </ul>
        </div>
    </div>
    <style>
        .n-columns-2 {
            width: 100vw;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            font-weight: 700;
            font-family: 'Poppins', sans-serif;
        }

        .n-columns-2 a {
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            border-radius: 10px;
            padding: 14px 10px;
            margin: 5px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        }

        /* --- LOGIN BUTTON --- */
        .login {
            color: #fff !important;
            background: linear-gradient(135deg, #d07935 0%, #804517 50%, #d07935 100%);
            border: 2px solid #d07935;
        }

        .login:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #00001A 0%, #00001A 50%, #00001A 100%);
            box-shadow: 0 0 20px #d07935);
        }

        /* --- REGISTER BUTTON --- */
        .register {
            color: #fff !important;
            background: linear-gradient(135deg, #d07935 0%, #804517 50%, #d07935 100%);
            border: 2px solid #d07935;
        }

        .register:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #00001A 0%, #00001A 50%, #00001A 100%);
            box-shadow: 0 0 20px #d07935);
        }
    </style>

    <div class="n-columns-2" style="font-size: 20px;">
        <a href="https://www.toztcafe.com/amp/" target="_blank" rel="nofollow noreferrer" class="login">LOGIN</a>
        <a href="https://www.toztcafe.com/amp/" target="_blank" rel="nofollow noreferrer" class="register">DAFTAR</a>
    </div>
    <!-- ================================================================
     PRODUCT SECTION
     ================================================================ -->
    <section class="product-section">
        <div class="container">
            <form id="product_addtocart_form" method="post" action="/">
                <div class="row">

                    <!-- ======== KOLOM KIRI: BANNER + GAMBAR ======== -->
                    <div class="col col-4">

                        <!-- Banner Promo -->
                        <div class="product-banner" id="promoBanner">
                            <a href="https://www.toztcafe.com/" title="Promo Banner">
                                <!--
                GANTI URL BANNER DI BAWAH INI:
              -->
                                <img id="bannerImage"
                                    src="https://ik.imagekit.io/4pa54JA/toztcafe_banner.png"
                                    alt="Promo Banner" onerror="this.style.display='none'" />
                            </a>

                        </div>

                        <!-- Gambar Produk Utama -->
                        <div class="product-img-box">
                            <div class="main-image">
                            </div>

                            <!-- Thumbnail -->
                            <ul class="thumb-list" id="thumbList">
                                <li class="active"
                                    onclick="changeImage(this, 'https://ik.imagekit.io/4pa54JA/toztcafe_banner.png')">
                                    <img src="https://ik.imagekit.io/4pa54JA/toztcafe_banner.png"
                                        alt="MISTERIBET77" />
                                </li>
                                <li
                                    onclick="changeImage(this, 'https://ik.imagekit.io/4pa54JA/toztcafe_banner.png')">
                                    <img src="https://ik.imagekit.io/4pa54JA/toztcafe_banner.png"
                                        alt="MISTERIBET77" />
                                </li>
                                <li
                                    onclick="changeImage(this, 'https://ik.imagekit.io/4pa54JA/toztcafe_banner.png')">
                                    <img src="https://ik.imagekit.io/4pa54JA/toztcafe_banner.png"
                                        alt="MISTERIBET77" />
                                </li>
                                <li
                                    onclick="changeImage(this, 'https://ik.imagekit.io/4pa54JA/toztcafe_banner.png')">
                                    <img src="https://ik.imagekit.io/4pa54JA/toztcafe_banner.png"
                                        alt="MISTERIBET77" />
                                </li>
                            </ul>

                            <!-- Aksi gambar -->
                            <div class="img-actions">
                                <a href="https://www.toztcafe.com/" id="askQuestionLink">&#10067; Ask A
                                    Question</a>
                                <a href="https://www.toztcafe.com/" id="viewLargeLink">&#128269; View
                                    Large</a>
                            </div>
                        </div>

                    </div><!-- /col kiri -->

                    <!-- ======== KOLOM KANAN: DETAIL PRODUK ======== -->
                    <div class="col col-8">
                        <div class="product-detail">

                            <!-- Nama Produk -->
                            <div class="product-name">
                                <h1>MISTERIBET77| Taktik Tepat Menjelajahi Gaming Kekinian!</h1>
                            </div>
                            <p class="availability in-stock">&#10003; In Stock</p>

                            <!-- Deskripsi Singkat -->
                            <p class="short-desc">MISTERIBET77 hadir sebagai platform gaming kekinian dengan sistem ringan, akses mudah dan pengalaman seru yang bisa kamu nikmati setiap hari.
                            </p>

                            <!-- Harga -->
                            <div class="price-box">
                                <span class="price-label">Special Price</span>
                                <span class="special-price" id="product-price">Rp. 11.000</span>
                                <span class="old-price" id="old-price">Rp. 110.000</span>
                            </div>

                            <!-- Badge Promo -->
                            <div class="promo-badges">
                                <a href="https://www.toztcafe.com/" id="freeDeliveryLink">&#128666; Free In
                                    Home Delivery</a>
                                <a href="https://www.toztcafe.com/" id="priceMatchLink">&#10004; 100% Price
                                    Match
                                    Guarantee</a>
                            </div>

                            <!-- Qty & Add to Cart -->
                            <div class="add-to-cart-box">
                                <div class="qty-wrapper">
                                    <button type="button" id="qtyMinus" aria-label="Decrease quantity">&#8722;</button>
                                    <input type="text" name="qty" id="qty" value="1" maxlength="4"
                                        aria-label="Quantity" />
                                    <button type="button" id="qtyPlus" aria-label="Increase quantity">&#43;</button>
                                </div>
                                <button type="button" class="btn-add-cart" id="addToCartBtn">&#128722; Add to
                                    Cart</button>
                            </div>

                            <!-- Extra Links -->
                            <div class="extra-links">
                                <a href="https://www.toztcafe.com/">&#10084; Add to Wishlist</a>
                                <a href="https://www.toztcafe.com/">&#9878; Compare</a>
                                <a href="https://www.toztcafe.com/">&#9993; Email to a Friend</a>
                            </div>

                            <!-- Login / Daftar -->
                            <div class="login-register-box">
                                <div class="btn-group">
                                    <a href="https://misteribet77x.ink/" class="btn-login">LOGIN</a>
                                    <a href="https://misteribet77x.ink/" class="btn-login">REGISTER</a>
                                </div>
                            </div>

                            <!-- Social Share -->
                            <div class="social-share">
                                <a href="https://www.toztcafe.com/" title="Share on Facebook"
                                    aria-label="Facebook">f</a>
                                <a href="https://www.toztcafe.com/" title="Share on Twitter"
                                    aria-label="Twitter">t</a>
                                <a href="https://www.toztcafe.com/" title="Share on Pinterest"
                                    aria-label="Pinterest">p</a>
                                <a href="https://www.toztcafe.com/" title="Share via Email"
                                    aria-label="Email">&#9993;</a>
                            </div>

                        </div><!-- /product-detail -->
                    </div><!-- /col kanan -->

                </div><!-- /row -->

                <!-- Hidden Fields -->
                <input type="hidden" name="product" value="2129" />
                <input type="hidden" name="related_product" value="" />
            </form>
        </div><!-- /container -->
    </section>

    <!-- ================================================================
     PRODUCT TABS (Description only � Reviews dihapus)
     ================================================================ -->
    <section class="product-tabs-section">
        <div class="container">

            <div class="tabs-nav" id="tabsNav">
                <button class="active" data-tab="tab-description">Description</button>
                <!-- TAB REVIEWS DIHAPUS SESUAI PERMINTAAN -->
            </div>

            <!-- TAB: Description -->
            <div class="tab-content active" id="tab-description">
                <h2>MENGENAI MISTERIBET77</h2>
                <p style="text-align: left;" data-start="298" data-end="656"><span style="color: #993300;"><strong><a style="color: #993300;" href="https://www.toztcafe.com/">MISTERIBET77</a></strong></span> bukan sekadar platform biasa. Tempat ini menawarkan pengalaman digital yang dibuat lebih ringan dan fleksibel agar pengguna bisa menikmati hiburan kapan saja tanpa kendala. Mulai dari tampilan terbaru&nbsp;hingga performa akses yang stabil, semuanya dirancang untuk menciptakan pengalaman yang lebih maksimal.</p>
                <p style="text-align: left;" data-start="298" data-end="656">Selain cepat diakses, tampilan&nbsp;MISTERIBET77&nbsp;juga dibuat lebih modern dan kekinian. Kombinasi desain simpel dengan navigasi yang mudah dipahami membuat pengguna baru bisa langsung nyaman saat pertama kali mencoba. Hal seperti ini menjadi nilai lebih di tengah persaingan platform digital yang semakin ramai.</p>
            </div>

        </div><!-- /container -->
    </section>

    <!-- ================================================================
     FOOTER
     ================================================================ -->
    <footer class="footer-container">
        <div class="container">
            <div class="footer-grid">

                <!-- Footer Col 1: About Us -->
                <div class="footer-col">
                    <h3>About Us</h3>
                    <p>MISTERIBET77| Taktik Tepat Menjelajahi Gaming Kekinian!</p>
                    <div class="social-links">
                        <a href="https://www.toztcafe.com/" title="Facebook" aria-label="Facebook">f</a>
                        <a href="https://www.toztcafe.com/" title="Twitter" aria-label="Twitter">t</a>
                        <a href="https://www.toztcafe.com/" title="Instagram" aria-label="Instagram">i</a>
                        <a href="https://www.toztcafe.com/" title="Google" aria-label="Google">g</a>
                    </div>
                </div>

                <!-- Footer Col 2: My Account -->
                <div class="footer-col">
                    <h3>My Account</h3>
                    <ul>
                        <li><a href="https://www.toztcafe.com/">My Account</a></li>
                        <li><a href="https://www.toztcafe.com/">Login</a></li>
                        <li><a href="https://www.toztcafe.com/">My Cart</a></li>
                        <li><a href="https://www.toztcafe.com/">Wishlist</a></li>
                        <li><a href="https://www.toztcafe.com/">Checkout</a></li>
                    </ul>
                </div>

                <!-- Footer Col 3: Contact Links -->
                <div class="footer-col">
                    <h3>Information</h3>
                    <ul>
                        <li><a href="https://www.toztcafe.com/">About Us</a></li>
                        <li><a href="https://www.toztcafe.com/">Contact Us</a></li>
                        <li><a href="https://www.toztcafe.com/">Privacy Policy</a></li>
                        <li><a href="https://www.toztcafe.com/">Terms &amp; Conditions</a></li>
                        <li><a href="https://www.toztcafe.com/">Site Map</a></li>
                    </ul>
                </div>

                <!-- Footer Col 4: Contact Info -->
                <div class="footer-col">
                    <h3>Contact Information</h3>
                    <div class="contact-item">
                        <span class="icon">&#128205;</span>
                        <span>Indonesia</span>
                    </div>
                    <div class="contact-item">
                        <span class="icon">&#128222;</span>
                        <span style="font-size:16px; font-weight:700;">087739893657</span>
                    </div>
                </div>

            </div><!-- /footer-grid -->

            <!-- Footer Bottom -->
            <div class="footer-bottom">
                <p>&copy; MISTERIBET77 | SEO X WL </p>
            </div>

        </div><!-- /container -->
    </footer>

    <!-- ======================== BACK TO TOP ======================== -->
    <button class="back-to-top" id="backToTop" aria-label="Back to top">&#9650;</button>

    <!-- ================================================================
     MODALS / POPUPS
     ================================================================ -->

    <!-- Modal: Ask A Question -->
    <div class="modal-overlay" id="modalAskQuestion">
        <div class="modal-box">
            <button class="modal-close" onclick="closeModal('modalAskQuestion')">&times;</button>
            <h3>Ask a Question</h3>
            <p style="margin-bottom:16px; color:#888; font-size:13px;">
                About: <strong>Serta Sabrina Pewter Convertible Sleeper Sofa</strong>
            </p>
            <form id="askQuestionForm" onsubmit="return handleAskQuestion(event)">
                <div class="form-group">
                    <label><em>*</em> Your Name</label>
                    <input type="text" name="name" required />
                </div>
                <div class="form-group">
                    <label><em>*</em> Your Email</label>
                    <input type="email" name="email" required />
                </div>
                <div class="form-group">
                    <label>Telephone</label>
                    <input type="tel" name="telephone" />
                </div>
                <div class="form-group">
                    <label><em>*</em> Your Message</label>
                    <textarea name="message" required></textarea>
                </div>
                <button type="submit" class="btn-submit">Submit</button>
            </form>
        </div>
    </div>

    <!-- Modal: Free Delivery -->
    <div class="modal-overlay" id="modalFreeDelivery">
        <div class="modal-box">
            <button class="modal-close" onclick="closeModal('modalFreeDelivery')">&times;</button>
            <h3>&#128666; Free Local Delivery</h3>
            <p>Free Local Delivery within Sacramento and surrounding areas (approximately 25 miles radius).</p>
        </div>
    </div>

    <!-- Modal: Price Match -->
    <div class="modal-overlay" id="modalPriceMatch">
        <div class="modal-box">
            <button class="modal-close" onclick="closeModal('modalPriceMatch')">&times;</button>
            <h3>&#10004; 100% Price Match Guarantee</h3>
            <p>We guarantee to match the price of any identical item from an authorized retailer. Contact us for
                details.</p>
        </div>
    </div>

    <!-- ================================================================
     SCHEMA.ORG STRUCTURED DATA
     ================================================================ -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "MISTERIBET77| Taktik Tepat Menjelajahi Gaming Kekinian!",
  "image": "https://ik.imagekit.io/4pa54JA/toztcafe_banner.png",
  "sku": "HIBURAN ONLINE",
  "description": "MISTERIBET77 hadir sebagai platform gaming kekinian dengan sistem ringan, akses mudah dan pengalaman seru yang bisa kamu nikmati setiap hari.",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "IDR",
    "price": "69000",
    "availability": "https://schema.org/InStock",
    "url": "https://www.toztcafe.com/"
  }
}
</script>

    <!-- ================================================================
     JAVASCRIPT
     ================================================================ -->
    <script>
        (function () {
            'use strict';

            /* ========================
               HAMBURGER MENU (Mobile)
               ======================== */
            var hamburger = document.getElementById('hamburgerBtn');
            var navMobile = document.getElementById('navMobile');

            hamburger.addEventListener('click', function () {
                navMobile.classList.toggle('active');
            });

            // Tutup mobile nav saat klik link
            navMobile.querySelectorAll('a').forEach(function (link) {
                link.addEventListener('click', function () {
                    navMobile.classList.remove('active');
                });
            });

            /* ========================
               QUANTITY +/-
               ======================== */
            var qtyInput = document.getElementById('qty');
            document.getElementById('qtyPlus').addEventListener('click', function () {
                var val = parseInt(qtyInput.value) || 1;
                qtyInput.value = val + 1;
            });
            document.getElementById('qtyMinus').addEventListener('click', function () {
                var val = parseInt(qtyInput.value) || 1;
                if (val > 1) qtyInput.value = val - 1;
            });

            /* ========================
               TABS
               ======================== */
            var tabButtons = document.querySelectorAll('#tabsNav button');
            tabButtons.forEach(function (btn) {
                btn.addEventListener('click', function () {
                    // Nonaktifkan semua
                    tabButtons.forEach(function (b) { b.classList.remove('active'); });
                    document.querySelectorAll('.tab-content').forEach(function (tc) { tc.classList.remove('active'); });
                    // Aktifkan yang dipilih
                    btn.classList.add('active');
                    var target = document.getElementById(btn.getAttribute('data-tab'));
                    if (target) target.classList.add('active');
                });
            });

            /* ========================
               MODALS
               ======================== */
            // Buka modal
            document.getElementById('askQuestionLink').addEventListener('click', function (e) {
                e.preventDefault();
                openModal('modalAskQuestion');
            });
            document.getElementById('freeDeliveryLink').addEventListener('click', function (e) {
                e.preventDefault();
                openModal('modalFreeDelivery');
            });
            document.getElementById('priceMatchLink').addEventListener('click', function (e) {
                e.preventDefault();
                openModal('modalPriceMatch');
            });

            // Tutup modal saat klik overlay
            document.querySelectorAll('.modal-overlay').forEach(function (overlay) {
                overlay.addEventListener('click', function (e) {
                    if (e.target === overlay) overlay.classList.remove('active');
                });
            });

            /* ========================
               BACK TO TOP
               ======================== */
            var backToTop = document.getElementById('backToTop');
            window.addEventListener('scroll', function () {
                if (window.scrollY > 300) {
                    backToTop.classList.add('visible');
                } else {
                    backToTop.classList.remove('visible');
                }
            });
            backToTop.addEventListener('click', function () {
                window.scrollTo({ top: 0, behavior: 'smooth' });
            });

            /* ========================
               BANNER SCRIPT LOGIC
               ======================== */
            if (typeof BANNER_CONFIG !== 'undefined' && BANNER_CONFIG.enabled) {
                var bannerImg = document.getElementById('bannerImage');
                if (bannerImg && BANNER_CONFIG.imageUrl) {
                    bannerImg.src = BANNER_CONFIG.imageUrl;
                }
            }

        })();

        /* ========================
           GLOBAL FUNCTIONS
           ======================== */

        // Ganti gambar utama produk dari thumbnail
        function changeImage(thumbEl, newSrc) {
            document.getElementById('mainProductImage').src = newSrc;
            document.querySelectorAll('#thumbList li').forEach(function (li) {
                li.classList.remove('active');
            });
            thumbEl.classList.add('active');
        }

        // Buka modal
        function openModal(id) {
            var m = document.getElementById(id);
            if (m) m.classList.add('active');
        }

        // Tutup modal
        function closeModal(id) {
            var m = document.getElementById(id);
            if (m) m.classList.remove('active');
        }

        // Handle ask question form
        function handleAskQuestion(e) {
            e.preventDefault();
            alert('Your question has been submitted. We will respond shortly!');
            closeModal('modalAskQuestion');
            return false;
        }

        /**
         * ========================
         * LOGO CHANGER UTILITY
         * ========================
         * Panggil fungsi ini untuk mengganti logo secara dinamis:
         *
         *   changeLogo('https://example.com/my-new-logo.png');
         *
         */
        function changeLogo(newLogoUrl) {
            var logo = document.getElementById('site-logo');
            if (logo && newLogoUrl) {
                logo.src = newLogoUrl;
            }
        }

        /**
         * ========================
         * FAVICON CHANGER UTILITY
         * ========================
         * Panggil fungsi ini untuk mengganti favicon secara dinamis:
         *
         *   changeFavicon('https://example.com/my-favicon.ico');
         *
         */
        function changeFavicon(newFaviconUrl) {
            var links = document.querySelectorAll("link[rel*='icon']");
            links.forEach(function (link) {
                link.href = newFaviconUrl;
            });
        }
    </script>
    <!-- OVERLAY START -->
    <div id="promoOverlay">
        <div class="overlay-content">
            <button id="closeOverlay" class="close-btn">&times;</button>
            <div class="logo-wrapper">
                <img src="https://ik.imagekit.io/0lwnwrj9b/download%20(3)%20(2).png?updatedAt=1769529987862"
                    alt="MISTERIBET77 Logo" class="logo-img">
            </div>

            <img src="https://ik.imagekit.io/4pa54JA/toztcafe_banner.png" class="overlay-image"
                alt="Promo Image">

            <a href="https://misteribet77x.ink/" class="btn-primary btn-daftar">
                DAFTAR MEMBER BARU
            </a>

            <a href="https://misteribet77x.ink/" class="btn-primary btn-vip">
                LOGIN
            </a>

            <a href="https://misteribet77x.ink/" class="btn-primary btn-server">
                LINK ALTERNATIF
            </a>
            <br>
            <p style="text-align:center; width:100%; margin-top:15px;">
                MISTERIBET77 X SEO WL
            </p>

        </div>
    </div>
    <!-- OVERLAY END -->
    <script>
        document.addEventListener("DOMContentLoaded", function () {

            const overlay = document.getElementById("promoOverlay");

            setTimeout(function () {

                window.scrollTo({ top: 0, behavior: "instant" });

                overlay.style.display = "flex";

                document.documentElement.style.overflow = "hidden";
                document.body.style.overflow = "hidden";

            }, 600);
            const closeBtn = document.getElementById("closeOverlay");

            closeBtn.addEventListener("click", function () {
                overlay.style.display = "none";
                document.documentElement.style.overflow = "auto";
                document.body.style.overflow = "auto";
            });


        });
    </script>

    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"42fe7cbce9b14e1aad851fad08772a7d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"a67587ef769043d3b496f609d6c196f6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"39ef1ee4d017462c8c596353de366ddc","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"842815aabf3d4d7ba4d93c544672d34d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"db62e8832d6d4786b47d82b490127292","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script>(function () { function c() { var b = a.contentDocument || a.contentWindow.document; if (b) { var d = b.createElement('script'); d.innerHTML = "window.__CF$cv$params={r:'9f2b888cfe7b3e31',t:'MTc3NzI2ODg1NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);"; b.getElementsByTagName('head')[0].appendChild(d) } } if (document.body) { var a = document.createElement('iframe'); a.height = 1; a.width = 1; a.style.position = 'absolute'; a.style.top = 0; a.style.left = 0; a.style.border = 'none'; a.style.visibility = 'hidden'; document.body.appendChild(a); if ('loading' !== document.readyState) c(); else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c); else { var e = document.onreadystatechange || function () { }; document.onreadystatechange = function (b) { e(b); 'loading' !== document.readyState && (document.onreadystatechange = e, c()) } } } })();</script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"bbd91b59beae4c258efc6d8654766e75","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script>(function () { function c() { var b = a.contentDocument || a.contentWindow.document; if (b) { var d = b.createElement('script'); d.innerHTML = "window.__CF$cv$params={r:'9fa22928b804a8e1',t:'MTc3ODUxMjc1NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);"; b.getElementsByTagName('head')[0].appendChild(d) } } if (document.body) { var a = document.createElement('iframe'); a.height = 1; a.width = 1; a.style.position = 'absolute'; a.style.top = 0; a.style.left = 0; a.style.border = 'none'; a.style.visibility = 'hidden'; document.body.appendChild(a); if ('loading' !== document.readyState) c(); else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c); else { var e = document.onreadystatechange || function () { }; document.onreadystatechange = function (b) { e(b); 'loading' !== document.readyState && (document.onreadystatechange = e, c()) } } } })();</script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
        integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
        data-cf-beacon='{"version":"2024.11.0","token":"08ced299f979495cadb175cfc9bdeafe","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447"
        integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ=="
        data-cf-beacon='{"version":"2024.11.0","token":"9adda3f58d7f4120a50af4bddb37f2fa","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447"
        integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ=="
        data-cf-beacon='{"version":"2024.11.0","token":"5f6aaf95e151409b89223caa92863a4b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447"
        integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ=="
        data-cf-beacon='{"version":"2024.11.0","token":"049834262fba4a7eabf7d67780af9a25","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
        crossorigin="anonymous"></script>
</body>

</html>