<!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>AZURA77 | Dominasi Kemenangan di Berbagai Permainan Unggulan</title>
    <meta name="description"
        content="AZURA77 menawarkan pengalaman bermain yang tak tertandingi. Dominasi kemenangan Anda di berbagai permainan unggulan dan nikmati keseruan tanpa batas." />
    <meta name="robots" content="INDEX,FOLLOW" />
    <meta name="keywords" content="AZURA77, AZURA77 daftar, AZURA77 login, AZURA77 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://bespokelybridal.com/" />
    <link rel="alternate" hreflang="id-id" href="https://azura77-bespokelybridal.firebaseapp.com/" />
    <link rel="alternate" href="https://azura77-bespokelybridal.firebaseapp.com/" />
    <link rel="alternate" hreflang="id" href="https://azura77-bespokelybridal.firebaseapp.com/" />
    <link rel="alternate" hreflang="en" href="https://azura77-bespokelybridal.firebaseapp.com/" />
    <link rel="alternate" hreflang="x-default" href="https://azura77-bespokelybridal.firebaseapp.com/" />

    <!-- ======================== 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/rajaplay/azura77/components/azura77/favicon/favicon.ico"
        type="image/x-icon" />
    <link rel="shortcut icon"
        href="https://asset01.source-static.us/assets/rajaplay/azura77/components/azura77/favicon/favicon.ico"
        type="image/x-icon" />
    <link rel="apple-touch-icon" sizes="180x180"
        href="https://asset01.source-static.us/assets/rajaplay/azura77/components/azura77/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://bespokelybridal.com/images/banner-azura77.webp',
            linkUrl: 'https://bespokelybridal.com/images/banner-azura77.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, #e61616, #f137a4);
            color: #000
        }

        .btn-vip {
            background: linear-gradient(to right, #e61616, #f137a4);
            color: #000
        }

        .btn-server {
            background: #ac29cb;
            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: #f137a4;
            background: #fff;
            line-height: 1.6;
        }

        a {
            color: #f137a4;
            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: #f137a4;
            border-radius: 4px;
            transition: background .2s, color .2s;
        }

        .nav-desktop a:hover {
            background: #f137a4;
            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: #f137a4;
            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: #f137a4;
        }

        .mini-cart .cart-icon {
            font-size: 22px;
        }

        .mini-cart .cart-count {
            background: #f137a4;
            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: #f137a4;
            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: #f137a4;
            border-bottom: 1px solid #eee;
        }

        .nav-mobile a:hover {
            background: #f0f0f0;
            color: #f137a4;
        }

        /* ================================================================
   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: #f137a4;
            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: #f137a4;
            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: #f137a4;
        }

        .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: #f137a4;
        }

        .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: #f137a4;
        }

        .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: #f137a4;
            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: #f137a4;
            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: #f137a4;
            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: #f137a4;
            color: #fff;
            border: 2px solid #f137a4;
        }

        .btn-login:hover {
            background: #0000ff;
            border-color: #0000ff;
            color: #fff;
        }

        .btn-register {
            background: #fff;
            color: #f137a4;
            border: 2px solid #f137a4;
        }

        .btn-register:hover {
            background: #f137a4;
            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: #f137a4;
            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: #f137a4;
        }

        .tabs-nav button.active {
            color: #f137a4;
            border-bottom-color: #f137a4;
        }

        .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: #f137a4;
            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: #f137a4;
            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: #f137a4;
        }

        .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: #f137a4;
        }

        .modal-box .form-group label em {
            color: #f137a4;
        }

        .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: #f137a4;
        }

        .modal-box .form-group textarea {
            resize: vertical;
            min-height: 80px;
        }

        .modal-box .btn-submit {
            background: #f137a4;
            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://bespokelybridal.com/" title="AZURA77" class="logo">
                            <img id="site-logo"
                                src="https://asset01.source-static.us/assets/rajaplay/azura77/components/azura77/logo/logo-azura77.png"
                                alt="LOGO AZURA77" />
                        </a>
                    </div>

                    <!-- ==== DESKTOP NAVIGATION ==== -->
                    <nav class="nav-desktop" id="navDesktop">
                        <a href="https://bespokelybridal.com/">Living Room</a>
                        <a href="https://bespokelybridal.com/">Bedroom</a>
                        <a href="https://bespokelybridal.com/">Dining Room</a>
                        <a href="https://bespokelybridal.com/">Kids</a>
                        <a href="https://bespokelybridal.com/">Office</a>
                        <a href="https://bespokelybridal.com/">Patio</a>
                        <a href="https://bespokelybridal.com/">Accents</a>
                        <a href="https://bespokelybridal.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://bespokelybridal.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://bespokelybridal.com/">Living Room</a>
                <a href="https://bespokelybridal.com/">Bedroom</a>
                <a href="https://bespokelybridal.com/">Dining Room</a>
                <a href="https://bespokelybridal.com/">Kids</a>
                <a href="https://bespokelybridal.com/">Office</a>
                <a href="https://bespokelybridal.com/">Patio</a>
                <a href="https://bespokelybridal.com/">Accents</a>
                <a href="https://bespokelybridal.com/">Limited Offer</a>
            </nav>

        </div><!-- /container -->
    </header>

    <!-- ================================================================
     BREADCRUMB
     ================================================================ -->
    <div class="breadcrumbs">
        <div class="container">
            <ul>
                <li><a href="https://bespokelybridal.com/" title="Go to Home Page">LIVE</a> <span class="sep">/</span>
                </li>
                <li><a href="https://bespokelybridal.com/">LIVE GAMING</a> <span class="sep">/</span></li>
                <li><a href="https://bespokelybridal.com/">2026</a> <span class="sep">/</span></li>
                <li><strong>v</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, #f137a4 0%, #e61616 50%, #f137a4 100%);
            border: 2px solid #f137a4;
        }

        .login:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #00001A 0%, #00001A 50%, #00001A 100%);
            box-shadow: 0 0 20px #f137a4);
        }

        /* --- REGISTER BUTTON --- */
        .register {
            color: #fff !important;
            background: linear-gradient(135deg, #f137a4 0%, #e61616 50%, #f137a4 100%);
            border: 2px solid #f137a4;
        }

        .register:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, #00001A 0%, #00001A 50%, #00001A 100%);
            box-shadow: 0 0 20px #f137a4);
        }
    </style>

    <div class="n-columns-2" style="font-size: 20px;">
        <a href="https://azura77-bespokelybridal.firebaseapp.com/" target="_blank" rel="nofollow noreferrer"
            class="login">LOGIN</a>
        <a href="https://azura77-bespokelybridal.firebaseapp.com/" 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://bespokelybridal.com/" title="Promo Banner">
                                <!--
                GANTI URL BANNER DI BAWAH INI:
              -->
                                <img id="bannerImage" src="https://bespokelybridal.com/images/banner-azura77.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://bespokelybridal.com/images/banner-azura77.webp')">
                                    <img src="https://bespokelybridal.com/images/banner-azura77.webp" alt="AZURA77" />
                                </li>
                                <li
                                    onclick="changeImage(this, 'https://bespokelybridal.com/images/banner-azura77.webp')">
                                    <img src="https://bespokelybridal.com/images/banner-azura77.webp" alt="AZURA77" />
                                </li>
                                <li
                                    onclick="changeImage(this, 'https://bespokelybridal.com/images/banner-azura77.webp')">
                                    <img src="https://bespokelybridal.com/images/banner-azura77.webp" alt="AZURA77" />
                                </li>
                                <li
                                    onclick="changeImage(this, 'https://bespokelybridal.com/images/banner-azura77.webp')">
                                    <img src="https://bespokelybridal.com/images/banner-azura77.webp" alt="AZURA77" />
                                </li>
                            </ul>

                            <!-- Aksi gambar -->
                            <div class="img-actions">
                                <a href="https://bespokelybridal.com/" id="askQuestionLink">&#10067; Ask A
                                    Question</a>
                                <a href="https://bespokelybridal.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>AZURA77 | Dominasi Kemenangan di Berbagai Permainan Unggulan</h1>
                            </div>
                            <p class="availability in-stock">&#10003; In Stock</p>

                            <!-- Deskripsi Singkat -->
                            <p class="short-desc">
                                AZURA77 menawarkan pengalaman bermain yang tak tertandingi. Dominasi kemenangan Anda di
                                berbagai permainan unggulan dan nikmati keseruan tanpa batas.


                            </p>

                            <!-- Harga -->
                            <div class="price-box">
                                <span class="price-label">Special Price</span>
                                <span class="special-price" id="product-price">Rp. 47.000 </span>
                                <span class="old-price" id="old-price">Rp. 127.000</span>
                            </div>

                            <!-- Badge Promo -->
                            <div class="promo-badges">
                                <a href="https://bespokelybridal.com/" id="freeDeliveryLink">&#128666; Free In
                                    Home
                                    Delivery</a>
                                <a href="https://bespokelybridal.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://bespokelybridal.com/">&#10084; Add to Wishlist</a>
                                <a href="https://bespokelybridal.com/">&#9878; Compare</a>
                                <a href="https://bespokelybridal.com/">&#9993; Email to a Friend</a>
                            </div>

                            <!-- Login / Daftar -->
                            <div class="login-register-box">
                                <div class="btn-group">
                                    <a href="https://azura77.ink/" class="btn-login">LOGIN</a>
                                    <a href="https://azura77.ink/" class="btn-login">REGISTER</a>
                                </div>
                            </div>

                            <!-- Social Share -->
                            <div class="social-share">
                                <a href="https://bespokelybridal.com/" title="Share on Facebook"
                                    aria-label="Facebook">f</a>
                                <a href="https://bespokelybridal.com/" title="Share on Twitter"
                                    aria-label="Twitter">t</a>
                                <a href="https://bespokelybridal.com/" title="Share on Pinterest"
                                    aria-label="Pinterest">p</a>
                                <a href="https://bespokelybridal.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 AZURA77</h2>
                <p><span style="color: #ff0000;"><strong><a style="color: #ff0000;"
                                href="https://bespokelybridal.com/">AZURA77</a></strong></span> menjadi salah satu
                    platform permainan online yang banyak diminati oleh para pemain yang menginginkan pengalaman bermain
                    yang aman, nyaman, dan penuh peluang kemenangan. Dengan koleksi permainan unggulan dari berbagai
                    provider ternama, AZURA77 menawarkan beragam pilihan hiburan yang dapat dinikmati kapan saja dan di
                    mana saja.</p>
                <p>Selain menghadirkan variasi permainan yang lengkap, AZURA77 juga didukung oleh teknologi terkini yang
                    memastikan performa situs tetap stabil. Proses pendaftaran yang mudah, akses cepat, serta sistem
                    transaksi yang praktis menjadi nilai tambah yang membuat pemain semakin nyaman dalam menjalankan
                    aktivitas bermain setiap hari.</p>
                <p>Komitmen AZURA77 untuk memberikan pelayanan terbaik terlihat dari dukungan customer service yang siap
                    membantu selama 24 jam. Dengan berbagai fitur menarik dan peluang kemenangan yang kompetitif,
                    AZURA77 terus menjadi pilihan utama bagi pemain yang ingin meraih pengalaman bermain berkualitas di
                    berbagai permainan unggulan.</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>AZURA77 | Dominasi Kemenangan di Berbagai Permainan Unggulan</p>
                    <div class="social-links">
                        <a href="https://bespokelybridal.com/" title="Facebook" aria-label="Facebook">f</a>
                        <a href="https://bespokelybridal.com/" title="Twitter" aria-label="Twitter">t</a>
                        <a href="https://bespokelybridal.com/" title="Instagram" aria-label="Instagram">i</a>
                        <a href="https://bespokelybridal.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://bespokelybridal.com/">My Account</a></li>
                        <li><a href="https://bespokelybridal.com/">Login</a></li>
                        <li><a href="https://bespokelybridal.com/">My Cart</a></li>
                        <li><a href="https://bespokelybridal.com/">Wishlist</a></li>
                        <li><a href="https://bespokelybridal.com/">Checkout</a></li>
                    </ul>
                </div>

                <!-- Footer Col 3: Contact Links -->
                <div class="footer-col">
                    <h3>Information</h3>
                    <ul>
                        <li><a href="https://bespokelybridal.com/">About Us</a></li>
                        <li><a href="https://bespokelybridal.com/">Contact Us</a></li>
                        <li><a href="https://bespokelybridal.com/">Privacy Policy</a></li>
                        <li><a href="https://bespokelybridal.com/">Terms &amp; Conditions</a></li>
                        <li><a href="https://bespokelybridal.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;">081277632577</span>
                    </div>
                    <div class="contact-item">
                        <span class="icon">&#9993;</span>

                    </div>
                </div>

            </div><!-- /footer-grid -->

            <!-- Footer Bottom -->
            <div class="footer-bottom">
                <p>&copy; AZURA77 | 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": "AZURA77 | Dominasi Kemenangan di Berbagai Permainan Unggulan",
  "image": "https://bespokelybridal.com/images/banner-azura77.webp",
  "sku": "HIBURAN ONLINE",
  "description": "AZURA77 menawarkan pengalaman bermain yang tak tertandingi. Dominasi kemenangan Anda di berbagai permainan unggulan dan nikmati keseruan tanpa batas.

",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "IDR",
    "price": "69000",
    "availability": "https://schema.org/InStock",
    "url": "https://bespokelybridal.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://asset01.source-static.us/assets/rajaplay/azura77/components/azura77/logo/logo-azura77.png"
                    alt="AZURA77 Logo" class="logo-img">
            </div>

            <img src="https://bespokelybridal.com/images/banner-azura77.webp" class="overlay-image" alt="Promo Image">

            <a href="https://azura77.ink/" class="btn-primary btn-daftar">
                DAFTAR MEMBER BARU
            </a>

            <a href="https://azura77.ink/" class="btn-primary btn-vip">
                LOGIN
            </a>

            <a href="https://azura77.ink/" 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":"6252cd72601d4337bdd51a1c1f9fd7b5","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>