<!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>BRODI77 > Langkah Bersama Menuju Maxwin Spektakuler</title>
    <meta name="description"
        content="BRODI77 mengajak Anda untuk melangkah bersama menuju maxwin yang luar biasa. Ikuti panduan kami dan raih kesuksesan dalam permainan Anda." />
    <meta name="robots" content="INDEX,FOLLOW" />
    <meta name="keywords" content="BRODI77, BRODI77 daftar, BRODI77 login, BRODI77 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 & AMPHTML ======================== -->
    <link rel="canonical" href="https://villameow.com/" />
    <link rel="amphtml" href="https://brodi77-villameow.web.app/">
    <link rel="alternate" hreflang="id-id" href="https://brodi77-villameow.web.app/" />
    <link rel="alternate" href="https://brodi77-villameow.web.app/" />
    <link rel="alternate" hreflang="id" href="https://brodi77-villameow.web.app/" />
    <link rel="alternate" hreflang="en" href="https://brodi77-villameow.web.app/" />
    <link rel="alternate" hreflang="x-default" href="https://brodi77-villameow.web.app/" />

    <!-- ======================== FAVICON ======================== -->
    <!--
  GANTI URL FAVICON DI BAWAH INI:
  - Ganti value href dengan URL favicon Anda (.ico / .png / .svg)
-->
    <link rel="icon" href="https://asset-seo-gaul.xyz/brodi77/fav-brodi77.webp" type="image/x-icon" />
    <link rel="shortcut icon" href="https://asset-seo-gaul.xyz/brodi77/fav-brodi77.webp" type="image/x-icon" />
    <link rel="apple-touch-icon" sizes="180x180" href="https://asset-seo-gaul.xyz/brodi77/fav-brodi77.webp" />

    <!-- ======================== 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://villameow.com/images/banner-brodi77.webp',
            linkUrl: 'https://villameow.com/images/banner-brodi77.webp',
            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: #0f1424;
            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, #8f51f6, #82cef6);
            color: #000
        }

        .btn-vip {
            background: linear-gradient(to right, #8f51f6, #82cef6);
            color: #000
        }

        .btn-server {
            background: #82cef6;
            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: #82cef6;
            background: #fff;
            line-height: 1.6;
        }

        a {
            color: #82cef6;
            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: #82cef6;
            border-radius: 4px;
            transition: background .2s, color .2s;
        }

        .nav-desktop a:hover {
            background: #82cef6;
            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: #82cef6;
            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: #82cef6;
        }

        .mini-cart .cart-icon {
            font-size: 22px;
        }

        .mini-cart .cart-count {
            background: #82cef6;
            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: #82cef6;
            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: #82cef6;
            border-bottom: 1px solid #eee;
        }

        .nav-mobile a:hover {
            background: #f0f0f0;
            color: #82cef6;
        }

        /* ================================================================
   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: #82cef6;
            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: #82cef6;
            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: #82cef6;
        }

        .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: #82cef6;
        }

        .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: #82cef6;
        }

        .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: #82cef6;
            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: #82cef6;
            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: #82cef6;
            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: #82cef6;
            color: #fff;
            border: 2px solid #82cef6;
        }

        .btn-login:hover {
            background: #0000ff;
            border-color: #0000ff;
            color: #fff;
        }

        .btn-register {
            background: #fff;
            color: #82cef6;
            border: 2px solid #82cef6;
        }

        .btn-register:hover {
            background: #82cef6;
            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: #82cef6;
            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: #82cef6;
        }

        .tabs-nav button.active {
            color: #82cef6;
            border-bottom-color: #82cef6;
        }

        .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: #82cef6;
            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: #82cef6;
            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: #82cef6;
        }

        .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: #82cef6;
        }

        .modal-box .form-group label em {
            color: #82cef6;
        }

        .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: #82cef6;
        }

        .modal-box .form-group textarea {
            resize: vertical;
            min-height: 80px;
        }

        .modal-box .btn-submit {
            background: #82cef6;
            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://villameow.com/" title="BRODI77" class="logo">
                            <img id="site-logo" src="https://asset-seo-gaul.xyz/brodi77/logo-brodi77.webp"
                                alt="LOGO BRODI77" />
                        </a>
                    </div>

                    <!-- ==== DESKTOP NAVIGATION ==== -->
                    <nav class="nav-desktop" id="navDesktop">
                        <a href="https://villameow.com/">Living Room</a>
                        <a href="https://villameow.com/">Bedroom</a>
                        <a href="https://villameow.com/">Dining Room</a>
                        <a href="https://villameow.com/">Kids</a>
                        <a href="https://villameow.com/">Office</a>
                        <a href="https://villameow.com/">Patio</a>
                        <a href="https://villameow.com/">Accents</a>
                        <a href="https://villameow.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://villameow.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://villameow.com/">Living Room</a>
                <a href="https://villameow.com/">Bedroom</a>
                <a href="https://villameow.com/">Dining Room</a>
                <a href="https://villameow.com/">Kids</a>
                <a href="https://villameow.com/">Office</a>
                <a href="https://villameow.com/">Patio</a>
                <a href="https://villameow.com/">Accents</a>
                <a href="https://villameow.com/">Limited Offer</a>
            </nav>

        </div><!-- /container -->
    </header>

    <!-- ================================================================
     BREADCRUMB
     ================================================================ -->
    <div class="breadcrumbs">
        <div class="container">
            <ul>
                <li><a href="https://villameow.com/" title="Go to Home Page">GAME</a> <span class="sep">/</span>
                </li>
                <li><a href="https://villameow.com/">GAME ONLINE</a> <span class="sep">/</span></li>
                <li><a href="https://villameow.com/">2026</a> <span class="sep">/</span></li>
                <li><strong></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, #82cef6 0%, #8f51f6 50%, #82cef6 100%);
            border: 2px solid #82cef6;
        }

        .login:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #00001A 0%, #00001A 50%, #00001A 100%);
            box-shadow: 0 0 20px #82cef6);
        }

        /* --- REGISTER BUTTON --- */
        .register {
            color: #fff !important;
            background: linear-gradient(135deg, #82cef6 0%, #8f51f6 50%, #82cef6 100%);
            border: 2px solid #82cef6;
        }

        .register:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #00001A 0%, #00001A 50%, #00001A 100%);
            box-shadow: 0 0 20px #82cef6);
        }
    </style>

    <div class="n-columns-2" style="font-size: 20px;">
        <a href="https://brodi77-villameow.web.app/" target="_blank" rel="nofollow noreferrer" class="login">LOGIN</a>
        <a href="https://brodi77-villameow.web.app/" 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://villameow.com/" title="Promo Banner">
                                <!--
                GANTI URL BANNER DI BAWAH INI:
              -->
                                <img id="bannerImage" src="https://villameow.com/images/banner-brodi77.webp"
                                    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://villameow.com/images/banner-brodi77.webp')">
                                    <img src="https://villameow.com/images/banner-brodi77.webp" alt="BRODI77" />
                                </li>
                                <li onclick="changeImage(this, 'https://villameow.com/images/banner-brodi77.webp')">
                                    <img src="https://villameow.com/images/banner-brodi77.webp" alt="BRODI77" />
                                </li>
                                <li onclick="changeImage(this, 'https://villameow.com/images/banner-brodi77.webp')">
                                    <img src="https://villameow.com/images/banner-brodi77.webp" alt="BRODI77" />
                                </li>
                                <li onclick="changeImage(this, 'https://villameow.com/images/banner-brodi77.webp')">
                                    <img src="https://villameow.com/images/banner-brodi77.webp" alt="BRODI77" />
                                </li>
                            </ul>

                            <!-- Aksi gambar -->
                            <div class="img-actions">
                                <a href="https://villameow.com/" id="askQuestionLink">&#10067; Ask A
                                    Question</a>
                                <a href="https://villameow.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>BRODI77 > Langkah Bersama Menuju Maxwin Spektakuler</h1>
                            </div>
                            <p class="availability in-stock">&#10003; In Stock</p>

                            <!-- Deskripsi Singkat -->
                            <p class="short-desc">
                                BRODI77 mengajak Anda untuk melangkah bersama menuju maxwin yang luar biasa. Ikuti
                                panduan kami dan raih kesuksesan dalam permainan Anda.
                            </p>

                            <!-- Harga -->
                            <div class="price-box">
                                <span class="price-label">Special Price</span>
                                <span class="special-price" id="product-price">Rp. 26.000 </span>
                                <span class="old-price" id="old-price">Rp. 60.000</span>
                            </div>

                            <!-- Badge Promo -->
                            <div class="promo-badges">
                                <a href="https://villameow.com/" id="freeDeliveryLink">&#128666; Free In
                                    Home
                                    Delivery</a>
                                <a href="https://villameow.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://villameow.com/">&#10084; Add to Wishlist</a>
                                <a href="https://villameow.com/">&#9878; Compare</a>
                                <a href="https://villameow.com/">&#9993; Email to a Friend</a>
                            </div>

                            <!-- Login / Daftar -->
                            <div class="login-register-box">
                                <div class="btn-group">
                                    <a href="https://brodi77.xyz/" class="btn-login">LOGIN</a>
                                    <a href="https://brodi77.xyz/" class="btn-login">REGISTER</a>
                                </div>
                            </div>

                            <!-- Social Share -->
                            <div class="social-share">
                                <a href="https://villameow.com/" title="Share on Facebook" aria-label="Facebook">f</a>
                                <a href="https://villameow.com/" title="Share on Twitter" aria-label="Twitter">t</a>
                                <a href="https://villameow.com/" title="Share on Pinterest" aria-label="Pinterest">p</a>
                                <a href="https://villameow.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>TENTANG BRODI77</h2>
                <p><span style="color: #0000ff;"><strong><a style="color: #0000ff;"
                                href="https://villameow.com/">BRODI77</a></strong></span> merupakan platform hiburan
                    digital yang menawarkan berbagai pilihan permainan menarik dengan teknologi modern dan sistem yang
                    responsif. Mengusung konsep "Langkah Bersama Menuju Maxwin Spektakuler", BRODI77 menghadirkan
                    pengalaman bermain yang interaktif, nyaman, dan mudah diakses oleh seluruh pengguna.</p>
                <p>Dengan dukungan sistem yang stabil, BRODI77 memungkinkan pengguna menikmati berbagai permainan
                    favorit melalui smartphone, tablet, maupun komputer desktop. Tampilan yang modern dan navigasi yang
                    sederhana membuat setiap fitur dapat diakses dengan mudah, sehingga pengguna dapat menikmati hiburan
                    digital tanpa hambatan.</p>
                <p>Selain menghadirkan koleksi permainan yang lengkap, BRODI77 juga terus melakukan inovasi melalui
                    pembaruan fitur secara berkala. Dukungan customer service profesional selama 24 jam semakin
                    melengkapi kualitas layanan yang diberikan untuk memastikan kenyamanan seluruh anggota platform.</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>BRODI77 > Langkah Bersama Menuju Maxwin Spektakuler</p>
                    <div class="social-links">
                        <a href="https://villameow.com/" title="Facebook" aria-label="Facebook">f</a>
                        <a href="https://villameow.com/" title="Twitter" aria-label="Twitter">t</a>
                        <a href="https://villameow.com/" title="Instagram" aria-label="Instagram">i</a>
                        <a href="https://villameow.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://villameow.com/">My Account</a></li>
                        <li><a href="https://villameow.com/">Login</a></li>
                        <li><a href="https://villameow.com/">My Cart</a></li>
                        <li><a href="https://villameow.com/">Wishlist</a></li>
                        <li><a href="https://villameow.com/">Checkout</a></li>
                    </ul>
                </div>

                <!-- Footer Col 3: Contact Links -->
                <div class="footer-col">
                    <h3>Information</h3>
                    <ul>
                        <li><a href="https://villameow.com/">About Us</a></li>
                        <li><a href="https://villameow.com/">Contact Us</a></li>
                        <li><a href="https://villameow.com/">Privacy Policy</a></li>
                        <li><a href="https://villameow.com/">Terms &amp; Conditions</a></li>
                        <li><a href="https://villameow.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;">08119632507</span>
                    </div>
                    <div class="contact-item">
                        <span class="icon">&#9993;</span>

                    </div>
                </div>

            </div><!-- /footer-grid -->

            <!-- Footer Bottom -->
            <div class="footer-bottom">
                <p>&copy; BRODI77 | SEO X GAUL </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": "BRODI77 > Langkah Bersama Menuju Maxwin Spektakuler",
  "image": "https://villameow.com/images/banner-brodi77.webp",
  "sku": "HIBURAN ONLINE",
  "description": "BRODI77 mengajak Anda untuk melangkah bersama menuju maxwin yang luar biasa. Ikuti panduan kami dan raih kesuksesan dalam permainan Anda.

",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "IDR",
    "price": "69000",
    "availability": "https://schema.org/InStock",
    "url": "https://villameow.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://asset-seo-gaul.xyz/brodi77/logo-brodi77.webp" alt="BRODI77 Logo" class="logo-img">
            </div>

            <img src="https://villameow.com/images/banner-brodi77.webp" class="overlay-image" alt="Promo Image">

            <a href="https://brodi77.xyz/" class="btn-primary btn-daftar">
                DAFTAR MEMBER BARU
            </a>

            <a href="https://brodi77.xyz/" class="btn-primary btn-vip">
                LOGIN
            </a>

            <a href="https://brodi77.xyz/" class="btn-primary btn-server">
                LINK ALTERNATIF
            </a>

        </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>
    <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":"2c1f1253ecd640bb9f9e880146efcc56","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":"828e106158434999ba299f6f87a42b78","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":"1db263cc10954ca097255ada54b247fe","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":"502de71bebfc4e5b9d70ed968e60a4f7","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":"01777ddcbd9540998cba63e453c72bfa","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":"b9cb465894144fd1b4fcdbc5c8914925","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>