<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten</title>
    
    <!-- Meta SEO -->
    <meta name="description" content="PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.">
    <meta name="keywords" content="papabet88, bet88, papabet, idnslot, menangbet88, link gacor gampang menang">
    <meta name="author" content="PAPABET88">
    
    <!-- Open Graph -->
    <meta property="og:title" content="PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten">
    <meta property="og:description" content="PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.">
    <meta property="og:image" content="https://ozarkmountainmedicine.com/img/papabet88.png">
    <meta property="og:url" content="https://ozarkmountainmedicine.com/">
    <meta property="og:type" content="product">
    <meta property="og:site_name" content="PAPABET88">
    <meta property="og:price:amount" content="400.000">
    <meta property="og:price:currency" content="IDR">
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten">
    <meta name="twitter:description" content="PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.">
    <meta name="twitter:image" content="https://ozarkmountainmedicine.com/img/papabet88.png">
    <meta name="twitter:site" content="@ntwitterid">
    <meta name="twitter:creator" content="@twitterid">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://ozarkmountainmedicine.com/">
    <link rel="amphtml" href="https://mutu.ozarkmountainmedicine.com/" />
    <link rel="alternate" hreflang="id-id" href="https://mutu.ozarkmountainmedicine.com/"/>
    <link rel="alternate" hreflang="id" href="https://mutu.ozarkmountainmedicine.com/"/>
    <link rel="alternate" href="https://mutu.ozarkmountainmedicine.com/"/>
    <link rel="alternate" hreflang="en" href="https://mutu.ozarkmountainmedicine.com/"/>
    <link rel="alternate" hreflang="x-default" href="https://mutu.ozarkmountainmedicine.com/"/>
    
    <!-- Preconnect untuk performa -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    <link rel="preconnect" href="https://images.unsplash.com">
    <link rel="preconnect" href="https://upload.wikimedia.org">
    
    <!-- Preload resources kritis -->
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" as="style">
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" as="style">
    <link rel="preload" href="https://ozarkmountainmedicine.com/img/papabet88.png" as="image">
    
    <!-- Structured Data Schema.org -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "WebSite",
            "@id": "https://ozarkmountainmedicine.com/#website",
            "url": "https://ozarkmountainmedicine.com/",
            "name": "PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten",
            "description": "PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.",
            "potentialAction": [{
                "@type": "SearchAction",
                "target": {
                    "@type": "EntryPoint",
                    "urlTemplate": "https://ozarkmountainmedicine.com/#search?q={search_term_string}"
                },
                "query-input": "required name=search_term_string"
            }],
            "inLanguage": "id-ID",
            "publisher": {
                "@type": "Organization",
                "@id": "https://ozarkmountainmedicine.com/#organization"
            }
        },
        {
            "@type": "Organization",
            "@id": "https://ozarkmountainmedicine.com/#organization",
            "name": "PAPABET88",
            "url": "https://ozarkmountainmedicine.com/",
            "logo": {
                "@type": "ImageObject",
                "url": "https://ozarkmountainmedicine.com/img/logo.gif",
                "width": "200",
                "height": "60"
            },
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+62-21-1234-5678",
                "contactType": "customer service",
                "areaServed": "ID",
                "availableLanguage": ["Indonesian", "English"]
            },
            "sameAs": [
                "https://facebook.com/facebookid",
                "https://instagram.com/instagramid",
                "https://twitter.com/twitterid",
                "https://youtube.com/youtubeid"
            ]
        },
        {
            "@type": "Product",
            "@id": "https://ozarkmountainmedicine.com/#product",
            "name": "PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten",
            "description": "PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.",
            "image": [
                "https://ozarkmountainmedicine.com/img/papabet88.png",
                "https://ozarkmountainmedicine.com/img/papabet88.png",
                "https://ozarkmountainmedicine.com/img/papabet88.png"
            ],
            "sku": "QXP-2023-BLK-256",
            "mpn": "QXP2023",
            "brand": {
                "@type": "Brand",
                "name": "PAPABET88",
                "@id": "https://ozarkmountainmedicine.com/#organization"
            },
            "offers": {
                "@type": "Offer",
                "url": "https://ozarkmountainmedicine.com/",
                "priceCurrency": "IDR",
                "price": "400.000",
                "priceValidUntil": "2024-12-31",
                "availability": "https://schema.org/InStock",
                "itemCondition": "https://schema.org/NewCondition",
                "shippingDetails": {
                    "@type": "OfferShippingDetails",
                    "shippingRate": {
                        "@type": "MonetaryAmount",
                        "value": "0",
                        "currency": "IDR"
                    },
                    "shippingDestination": {
                        "@type": "DefinedRegion",
                        "addressCountry": "ID"
                    },
                    "deliveryTime": {
                        "@type": "ShippingDeliveryTime",
                        "handlingTime": {
                            "@type": "QuantitativeValue",
                            "minValue": "1",
                            "maxValue": "2"
                        },
                        "transitTime": {
                            "@type": "QuantitativeValue",
                            "minValue": "1",
                            "maxValue": "3"
                        }
                    }
                },
                "hasMerchantReturnPolicy": {
                    "@type": "MerchantReturnPolicy",
                    "applicableCountry": "ID",
                    "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
                    "merchantReturnDays": 14,
                    "returnMethod": "https://schema.org/ReturnByMail",
                    "returnFees": "https://schema.org/ReturnShippingFees"
                }
            },
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "4.7",
                "reviewCount": "2400",
                "bestRating": "5",
                "worstRating": "1"
            },
            "review": [
                {
                    "@type": "Review",
                    "author": {
                        "@type": "Person",
                        "name": "Dimas Hartanto"
                    },
                    "datePublished": "2023-10-15",
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": "5",
                        "bestRating": "5"
                    },
                    "reviewBody": "Main di PAPABET88 tanpa kendala dan minimal deposti 10rb saja."
                },
                {
                    "@type": "Review",
                    "author": {
                        "@type": "Person",
                        "name": "Rama Suryawan"
                    },
                    "datePublished": "2023-09-28",
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": "4.5",
                        "bestRating": "5"
                    },
                    "reviewBody": "Banyak bonus setiap hari hari dan nikmati bersama PAPABET88 sekarang juga."
                }
            ],
            "additionalProperty": [
                {
                    "@type": "PropertyValue",
                    "name": "Processor",
                    "value": "QuantumCore™ Pro (5nm)"
                },
                {
                    "@type": "PropertyValue",
                    "name": "RAM",
                    "value": "12GB LPDDR5"
                },
                {
                    "@type": "PropertyValue",
                    "name": "Storage",
                    "value": "256GB / 512GB / 1TB UFS 4.0"
                },
                {
                    "@type": "PropertyValue",
                    "name": "Layar",
                    "value": "6.8\" AMOLED, 144Hz, HDR10+"
                },
                {
                    "@type": "PropertyValue",
                    "name": "Kamera Belakang",
                    "value": "200MP + 50MP + 12MP + 8MP"
                },
                {
                    "@type": "PropertyValue",
                    "name": "Kamera Depan",
                    "value": "32MP dengan Auto Focus"
                },
                {
                    "@type": "PropertyValue",
                    "name": "Baterai",
                    "value": "5000mAh dengan Fast Charge 120W"
                },
                {
                    "@type": "PropertyValue",
                    "name": "Sistem Operasi",
                    "value": "Quantum OS 3.0 (Android 14)"
                }
            ],
            "category": "Smartphone",
            "color": "Cosmic Black, Nebula Blue, Galaxy Purple",
            "depth": "8.2 mm",
            "width": "75.8 mm",
            "height": "163.5 mm",
            "weight": "210 g",
            "model": "Quantum X Pro 2023"
        },
        {
            "@type": "BreadcrumbList",
            "@id": "https://ozarkmountainmedicine.com/#breadcrumb",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "PAPABET88",
                    "item": "https://ozarkmountainmedicine.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "PAPABET88 DAFTAR",
                    "item": "https://ozarkmountainmedicine.com/produk"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "PAPABET88 LOGIN",
                    "item": "https://ozarkmountainmedicine.com/smartphone"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten"
                }
                ]
            },
            {
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Apa itu PAPABET88?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "PAPABET88 adalah platform permainan online yang menyediakan berbagai jenis game seperti slot, live casino, dan permainan taruhan lainnya yang bisa dimainkan melalui HP maupun komputer."
            }
        },
        {
            "@type": "Question",
            "name": "Bagaimana cara daftar di PAPABET88?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Untuk daftar di PAPABET88, pengguna perlu membuka situs resmi PAPABET88, lalu mengisi formulir pendaftaran dengan username, password, dan data yang diminta. Setelah itu akun bisa langsung digunakan untuk login."
            }
        },
        {
            "@type": "Question",
            "name": "Apakah PAPABET88 bisa dimainkan di HP?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Ya, PAPABET88 bisa dimainkan di HP Android maupun iPhone melalui browser tanpa perlu download aplikasi, karena situsnya sudah mendukung versi mobile yang cepat dan ringan."
            }
        },
        {
            "@type": "Question",
            "name": "Apa yang harus dilakukan jika lupa password PAPABET88?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Jika lupa password PAPABET88, gunakan fitur lupa kata sandi di halaman login atau hubungi customer service PAPABET88 agar akun bisa dipulihkan dengan aman."
            }
        }
    ]
}
        ]
    }
    </script>
    
    <!-- Google Analytics 4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-XXXXXXXXXX', {
            'page_title': 'PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten',
            'page_location': 'https://ozarkmountainmedicine.com/'
        });
        
        // Enhanced Ecommerce Tracking
        gtag('event', 'view_item', {
            'currency': 'IDR',
            'value': 12999000,
            'items': [{
                'item_id': 'QXP-2023-BLK-256',
                'item_name': 'PAPABET88',
                'item_category': 'Smartphone',
                'price': 12999000,
                'quantity': 1
            }]
        });
    </script>
    
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-XXXXXX');</script>
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="https://ozarkmountainmedicine.com/img/favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://ozarkmountainmedicine.com/img/favicon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://ozarkmountainmedicine.com/img/favicon.png">
    <link rel="icon" type="image/png" sizes="96x96" href="https://ozarkmountainmedicine.com/img/favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://ozarkmountainmedicine.com/img/favicon.png">
    <link rel="manifest" href="https://nexustech.id/site.webmanifest">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
    
    <style>
        :root {
            /* Dark theme dengan aksen neon */
            --primary-color: #fe0000;
            --primary-dark: #fe0000;
            --primary-light: #fe0000;
            --secondary-color: #fe0000;
            --secondary-dark: #fe0000;
            --accent-color: #fe0000;
            --dark-bg: #0a0a0f;
            --dark-surface: #151520;
            --dark-card: #1e1e2e;
            --light-text: #ffffff;
            --gray-text: #b0b0c0;
            --border-color: #2a2a3a;
            --success-color: #00ff9d;
            --warning-color: #ffcc00;
            
            /* Gradients */
            --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--accent-color));
            --gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--primary-light));
            --gradient-dark: linear-gradient(135deg, var(--dark-bg), var(--dark-surface));
            
            /* Shadows */
            --shadow-neon: 0 0 15px rgba(138, 43, 226, 0.5);
            --shadow-neon-secondary: 0 0 15px rgba(0, 217, 255, 0.5);
            --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.3);
            --shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.4);
            
            /* Border radius */
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 20px;
            --radius-xl: 30px;
            
            /* Transitions */
            --transition-fast: 0.2s ease;
            --transition-normal: 0.3s ease;
            --transition-slow: 0.5s ease;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--dark-bg);
            color: var(--light-text);
            line-height: 1.6;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Space Grotesk', sans-serif;
            font-weight: 600;
            line-height: 1.2;
        }
        
        .container {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Skip to main content link for accessibility */
        .skip-link {
            position: absolute;
            top: -40px;
            left: 0;
            background: var(--primary-color);
            color: white;
            padding: 8px;
            text-decoration: none;
            z-index: 1001;
        }
        
        .skip-link:focus {
            top: 0;
        }
        
        /* Header dengan efek glassmorphism */
        header {
            background: rgba(10, 10, 15, 0.95);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid var(--border-color);
            position: sticky;
            top: 0;
            z-index: 1000;
            padding: 15px 0;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
        }
        
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
            font-size: 28px;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            transition: var(--transition-normal);
        }
        
        .logo:hover {
            text-shadow: var(--shadow-neon);
            transform: scale(1.02);
        }
        
        .logo img {
            height: 40px;
            width: auto;
            margin-right: 12px;
        }
        
        .logo-fallback {
            display: flex;
            align-items: center;
        }
        
        .logo-fallback i {
            margin-right: 12px;
            font-size: 32px;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        /* Navigation dengan hover effect */
        .nav-container {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .nav-link {
            position: relative;
            padding: 12px 20px;
            color: var(--gray-text);
            text-decoration: none;
            font-weight: 500;
            border-radius: var(--radius-md);
            transition: var(--transition-normal);
            overflow: hidden;
        }
        
        .nav-link::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--gradient-primary);
            transition: var(--transition-normal);
        }
        
        .nav-link:hover {
            color: var(--light-text);
            background: rgba(138, 43, 226, 0.1);
        }
        
        .nav-link:hover::before {
            width: 100%;
        }
        
        .nav-link.active {
            color: var(--light-text);
            background: rgba(138, 43, 226, 0.2);
        }
        
        .nav-link.active::before {
            width: 100%;
        }
        
        /* Search bar futuristik dengan autocomplete */
        .search-container {
            position: relative;
            width: 350px;
        }
        
        .search-input {
            width: 100%;
            padding: 14px 20px 14px 50px;
            background: var(--dark-surface);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            color: var(--light-text);
            font-size: 16px;
            transition: var(--transition-normal);
        }
        
        .search-input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: var(--shadow-neon);
        }
        
        .search-icon {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--gray-text);
            font-size: 18px;
            pointer-events: none;
        }
        
        /* Autocomplete dropdown */
        .autocomplete-items {
            position: absolute;
            border: 1px solid var(--border-color);
            border-bottom: none;
            border-top: none;
            z-index: 99;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--dark-card);
            border-radius: var(--radius-md);
            max-height: 300px;
            overflow-y: auto;
            display: none;
        }
        
        .autocomplete-item {
            padding: 12px 20px;
            cursor: pointer;
            border-bottom: 1px solid var(--border-color);
            color: var(--gray-text);
            transition: var(--transition-fast);
        }
        
        .autocomplete-item:hover {
            background-color: rgba(138, 43, 226, 0.1);
            color: var(--light-text);
        }
        
        /* Header icons dengan glow effect */
        .header-icons {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .icon-wrapper {
            position: relative;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: var(--dark-surface);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gray-text);
            text-decoration: none;
            transition: var(--transition-normal);
            border: 1px solid transparent;
        }
        
        .icon-wrapper:hover {
            color: var(--light-text);
            border-color: var(--primary-color);
            box-shadow: var(--shadow-neon);
            transform: translateY(-2px);
        }
        
        .cart-count {
            position: absolute;
            top: -5px;
            right: -5px;
            background: var(--gradient-primary);
            color: white;
            font-size: 12px;
            font-weight: 700;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* Breadcrumb dengan style modern */
        .breadcrumb {
            padding: 20px 0;
            background: var(--gradient-dark);
            margin-bottom: 40px;
        }
        
        .breadcrumb-content {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .breadcrumb-item {
            display: flex;
            align-items: center;
            color: var(--gray-text);
            text-decoration: none;
            transition: var(--transition-normal);
            padding: 5px 10px;
            border-radius: var(--radius-sm);
        }
        
        .breadcrumb-item:hover {
            color: var(--light-text);
            background: rgba(138, 43, 226, 0.1);
        }
        
        .breadcrumb-separator {
            margin: 0 10px;
            color: var(--primary-color);
        }
        
        .breadcrumb-current {
            color: var(--light-text);
            font-weight: 600;
            padding: 5px 15px;
            background: rgba(138, 43, 226, 0.2);
            border-radius: var(--radius-sm);
            border-left: 3px solid var(--primary-color);
        }
        
        /* Main Product Layout - Asymmetric Design */
        .product-main {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 50px;
            margin-bottom: 60px;
        }
        
        /* Product Gallery - Carousel dengan efek */
        .product-gallery {
            position: relative;
        }
        
        .main-image-container {
            position: relative;
            border-radius: var(--radius-xl);
            overflow: hidden;
            box-shadow: var(--shadow-card);
            margin-bottom: 20px;
            background: var(--dark-card);
            border: 1px solid var(--border-color);
        }
        
        .main-image {
            width: 100%;
            height: 500px;
            object-fit: contain;
            padding: 20px;
            transition: var(--transition-slow);
        }
        
        .image-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background: var(--gradient-primary);
            color: white;
            padding: 8px 15px;
            border-radius: var(--radius-lg);
            font-weight: 700;
            font-size: 14px;
            box-shadow: var(--shadow-neon);
        }
        
        /* Thumbnail gallery dengan hover effect */
        .thumbnail-gallery {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }
        
        .thumbnail {
            border-radius: var(--radius-md);
            overflow: hidden;
            cursor: pointer;
            border: 2px solid transparent;
            transition: var(--transition-normal);
            background: var(--dark-card);
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .thumbnail.active {
            border-color: var(--primary-color);
            box-shadow: var(--shadow-neon);
            transform: translateY(-5px);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition-normal);
        }
        
        .thumbnail:hover img {
            transform: scale(1.1);
        }
        
        /* Product Info - Card dengan efek glass */
        .product-info-card {
            background: rgba(30, 30, 46, 0.8);
            backdrop-filter: blur(10px);
            border-radius: var(--radius-xl);
            padding: 40px;
            box-shadow: var(--shadow-card);
            border: 1px solid var(--border-color);
            position: sticky;
            top: 100px;
        }
        
        .product-title {
            font-size: 32px;
            margin-bottom: 10px;
            background: linear-gradient(90deg, var(--light-text), var(--primary-light));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .product-subtitle {
            color: var(--gray-text);
            font-size: 18px;
            margin-bottom: 20px;
        }
        
        /* Rating dengan stars animasi */
        .product-rating {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
        }
        
        .stars {
            display: flex;
            gap: 5px;
            margin-right: 15px;
        }
        
        .star {
            color: var(--warning-color);
            font-size: 20px;
            transition: var(--transition-normal);
        }
        
        .star:hover {
            transform: scale(1.3);
        }
        
        .rating-count {
            color: var(--gray-text);
            font-size: 14px;
        }
        
        .rating-link {
            color: var(--secondary-color);
            text-decoration: none;
            margin-left: 10px;
            font-size: 14px;
        }
        
        .rating-link:hover {
            text-decoration: underline;
        }
        
        /* Price dengan animasi */
        .product-price-container {
            margin-bottom: 30px;
            padding: 20px;
            background: rgba(0, 0, 0, 0.3);
            border-radius: var(--radius-lg);
            border-left: 4px solid var(--primary-color);
        }
        
        .current-price {
            font-size: 42px;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-right: 15px;
        }
        
        .original-price {
            font-size: 24px;
            color: var(--gray-text);
            text-decoration: line-through;
            margin-right: 15px;
        }
        
        .discount-badge {
            display: inline-block;
            background: var(--gradient-secondary);
            color: var(--dark-bg);
            padding: 5px 12px;
            border-radius: var(--radius-lg);
            font-weight: 700;
            font-size: 14px;
            box-shadow: var(--shadow-neon-secondary);
        }
        
        /* Product features dengan icon */
        .product-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .feature-item {
            display: flex;
            align-items: center;
            padding: 15px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: var(--radius-md);
            transition: var(--transition-normal);
        }
        
        .feature-item:hover {
            background: rgba(138, 43, 226, 0.1);
            transform: translateX(5px);
        }
        
        .feature-icon {
            width: 40px;
            height: 40px;
            background: var(--gradient-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: white;
            font-size: 18px;
        }
        
        /* Product options dengan toggle */
        .product-options {
            margin-bottom: 30px;
        }
        
        .option-group {
            margin-bottom: 25px;
        }
        
        .option-title {
            font-size: 18px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .option-title i {
            margin-right: 10px;
            color: var(--primary-color);
        }
        
        /* PERBAIKAN BAGIAN "PILIH WARNA" - FIXED */
        .color-options {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }
        
        .color-option {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            transition: var(--transition-normal);
            padding: 10px;
            border-radius: var(--radius-md);
            border: 2px solid transparent;
            min-width: 80px;
        }
        
        .color-option:hover {
            background: rgba(138, 43, 226, 0.1);
        }
        
        .color-option.selected {
            background: rgba(138, 43, 226, 0.2);
            border-color: var(--primary-color);
        }
        
        .color-sample {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-bottom: 8px;
            border: 3px solid var(--border-color);
            transition: var(--transition-normal);
        }
        
        .color-option.selected .color-sample {
            border-color: var(--light-text);
            box-shadow: var(--shadow-neon);
            transform: scale(1.1);
        }
        
        .color-name {
            font-size: 12px;
            text-align: center;
            color: var(--gray-text);
            line-height: 1.4;
            max-width: 70px;
            word-wrap: break-word;
        }
        
        /* Storage Options - FIXED */
        .storage-options {
            display: flex;
            gap: 15px;
            margin-top: 10px;
        }
        
        .storage-option {
            padding: 12px 24px;
            background: rgba(255, 255, 255, 0.05);
            border: 2px solid var(--border-color);
            border-radius: var(--radius-lg);
            color: var(--gray-text);
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-normal);
            font-size: 16px;
        }
        
        .storage-option:hover {
            background: rgba(138, 43, 226, 0.1);
            color: var(--light-text);
            transform: translateY(-2px);
        }
        
        .storage-option.selected {
            background: var(--gradient-primary);
            color: white;
            border-color: var(--primary-color);
            box-shadow: var(--shadow-neon);
        }
        
        /* Quantity dengan style futuristik */
        .quantity-selector {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.05);
            border-radius: var(--radius-lg);
            padding: 5px;
            width: fit-content;
            margin-bottom: 25px;
        }
        
        .quantity-btn {
            width: 45px;
            height: 45px;
            background: var(--dark-surface);
            border: none;
            border-radius: var(--radius-md);
            color: var(--light-text);
            font-size: 20px;
            cursor: pointer;
            transition: var(--transition-normal);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .quantity-btn:hover {
            background: var(--primary-color);
            transform: scale(1.1);
        }
        
        .quantity-input {
            width: 70px;
            height: 45px;
            background: transparent;
            border: none;
            text-align: center;
            color: var(--light-text);
            font-size: 18px;
            font-weight: 600;
        }
        
        /* Payment Methods Section */
        .payment-methods {
            padding: 20px;
            background: rgba(255, 255, 255, 0.03);
            border-radius: var(--radius-lg);
            margin: 25px 0;
            border: 1px solid var(--border-color);
        }
        
        .payment-title {
            font-size: 16px;
            color: var(--gray-text);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .payment-title i {
            margin-right: 10px;
            color: var(--success-color);
        }
        
        .payment-logos {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            align-items: center;
        }
        
        .payment-logo {
            height: 30px;
            width: auto;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: var(--transition-normal);
        }
        
        .payment-logo:hover {
            filter: grayscale(0%);
            opacity: 1;
            transform: translateY(-2px);
        }
        
        /* Action buttons dengan efek glow */
        .action-buttons {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .btn {
            padding: 18px 30px;
            border-radius: var(--radius-lg);
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: var(--transition-normal);
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            text-decoration: none;
        }
        
        .btn-primary {
            background: var(--gradient-primary);
            color: white;
            box-shadow: var(--shadow-neon);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 10px 25px rgba(138, 43, 226, 0.5);
        }
        
        .btn-secondary {
            background: transparent;
            color: var(--light-text);
            border: 2px solid var(--primary-color);
        }
        
        .btn-secondary:hover {
            background: rgba(138, 43, 226, 0.1);
            transform: translateY(-3px) scale(1.02);
        }
        
        .btn-wishlist {
            background: rgba(255, 255, 255, 0.05);
            color: var(--light-text);
        }
        
        .btn-wishlist:hover {
            background: rgba(255, 0, 255, 0.1);
            color: var(--accent-color);
            transform: translateY(-3px) scale(1.02);
        }
        
        /* One-Click Checkout */
        .quick-checkout {
            margin-top: 15px;
            padding: 15px;
            background: rgba(0, 217, 255, 0.05);
            border-radius: var(--radius-md);
        }
        
        /* Product details dengan tabs */
        .product-details {
            margin-bottom: 60px;
        }
        
        .details-tabs {
            display: flex;
            border-bottom: 1px solid var(--border-color);
            margin-bottom: 30px;
        }
        
        .tab-btn {
            padding: 20px 30px;
            background: transparent;
            border: none;
            color: var(--gray-text);
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            position: relative;
            transition: var(--transition-normal);
        }
        
        .tab-btn:hover {
            color: var(--light-text);
        }
        
        .tab-btn.active {
            color: var(--light-text);
        }
        
        .tab-btn.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--gradient-primary);
        }
        
        .tab-content {
            background: var(--dark-card);
            border-radius: var(--radius-xl);
            padding: 40px;
            box-shadow: var(--shadow-card);
        }
        
        /* Specifications dengan tabel modern */
        .specs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .spec-item {
            display: flex;
            justify-content: space-between;
            padding: 15px 0;
            border-bottom: 1px solid var(--border-color);
        }
        
        .spec-label {
            color: var(--gray-text);
            font-weight: 500;
        }
        
        .spec-value {
            color: var(--light-text);
            font-weight: 600;
        }
        
        /* Reviews dengan card */
        .review-card {
            background: rgba(255, 255, 255, 0.03);
            border-radius: var(--radius-lg);
            padding: 25px;
            margin-bottom: 20px;
            border-left: 4px solid var(--primary-color);
        }
        
        .review-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
        }
        
        .review-author {
            font-weight: 600;
            color: var(--light-text);
        }
        
        .review-date {
            color: var(--gray-text);
            font-size: 14px;
        }
        
        /* Related products dengan carousel effect */
        .related-products {
            margin-bottom: 80px;
        }
        
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
        }
        
        .section-title {
            font-size: 32px;
            background: linear-gradient(90deg, var(--light-text), var(--secondary-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .section-link {
            color: var(--secondary-color);
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .section-link:hover {
            text-decoration: underline;
        }
        
        .products-carousel {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 30px;
        }
        
        .product-card {
            background: var(--dark-card);
            border-radius: var(--radius-xl);
            overflow: hidden;
            box-shadow: var(--shadow-card);
            transition: var(--transition-normal);
            border: 1px solid transparent;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            border-color: var(--primary-color);
            box-shadow: var(--shadow-hover);
        }
        
        .product-card-img {
            height: 200px;
            overflow: hidden;
            position: relative;
        }
        
        .product-card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition-slow);
        }
        
        .product-card:hover .product-card-img img {
            transform: scale(1.1);
        }
        
        .product-card-badge {
            position: absolute;
            top: 15px;
            left: 15px;
            background: var(--gradient-primary);
            color: white;
            padding: 5px 12px;
            border-radius: var(--radius-lg);
            font-size: 12px;
            font-weight: 700;
        }
        
        .product-card-info {
            padding: 25px;
        }
        
        .product-card-title {
            font-size: 18px;
            margin-bottom: 10px;
            color: var(--light-text);
            text-decoration: none;
            display: block;
        }
        
        .product-card-title:hover {
            color: var(--primary-light);
        }
        
        .product-card-price {
            font-size: 24px;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 15px;
        }
        
        .product-card-rating {
            display: flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 15px;
        }
        
        /* Footer dengan gradient */
        footer {
            background: var(--gradient-dark);
            padding: 60px 0 30px;
            border-top: 1px solid var(--border-color);
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-logo-section {
            display: flex;
            flex-direction: column;
        }
        
        .footer-logo {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .footer-logo img {
            height: 50px;
            width: auto;
            margin-right: 15px;
        }
        
        .footer-logo-text {
            font-size: 28px;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .footer-description {
            color: var(--gray-text);
            margin-bottom: 25px;
            line-height: 1.8;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
        }
        
        .social-link {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: var(--dark-surface);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gray-text);
            text-decoration: none;
            transition: var(--transition-normal);
        }
        
        .social-link:hover {
            background: var(--primary-color);
            color: white;
            transform: translateY(-3px);
        }
        
        .footer-column h3 {
            font-size: 20px;
            margin-bottom: 25px;
            color: var(--light-text);
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 15px;
        }
        
        .footer-links a {
            color: var(--gray-text);
            text-decoration: none;
            transition: var(--transition-normal);
            display: flex;
            align-items: center;
        }
        
        .footer-links a:hover {
            color: var(--primary-light);
            transform: translateX(5px);
        }
        
        .footer-links i {
            margin-right: 10px;
            width: 20px;
        }
        
        .newsletter-form {
            position: relative;
        }
        
        .newsletter-input {
            width: 100%;
            padding: 16px 20px;
            background: var(--dark-surface);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            color: var(--light-text);
            font-size: 16px;
            margin-bottom: 15px;
        }
        
        .newsletter-input:focus {
            outline: none;
            border-color: var(--primary-color);
        }
        
        /* Security Badges */
        .security-badges {
            text-align: center;
            margin: 30px 0;
            padding: 20px;
            background: rgba(0, 255, 157, 0.05);
            border-radius: var(--radius-lg);
        }
        
        .security-badges h4 {
            margin-bottom: 20px;
            color: var(--success-color);
        }
        
        .badge-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .badge-item {
            text-align: center;
        }
        
        .badge-icon {
            width: 50px;
            height: 50px;
            background: var(--dark-surface);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 10px;
            color: var(--success-color);
            font-size: 24px;
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid var(--border-color);
            color: var(--gray-text);
            font-size: 14px;
        }
        
        /* Footer Payment Methods */
        .footer-payment {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .footer-payment-title {
            color: var(--gray-text);
            font-size: 14px;
            margin-bottom: 15px;
            text-align: center;
        }
        
        .footer-payment-logos {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .footer-payment-logo {
            height: 25px;
            width: auto;
            opacity: 0.8;
            transition: var(--transition-normal);
        }
        
        .footer-payment-logo:hover {
            opacity: 1;
            transform: translateY(-2px);
        }
        
        /* Responsive Design */
        @media (max-width: 1200px) {
            .product-main {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .product-info-card {
                position: static;
            }
        }
        
        @media (max-width: 992px) {
            .nav-container {
                display: none;
            }
            
            .search-container {
                width: 200px;
            }
            
            .thumbnail-gallery {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .payment-logos {
                justify-content: center;
            }
            
            .color-options {
                gap: 15px;
            }
            
            .color-option {
                min-width: 70px;
            }
            
            .color-sample {
                width: 45px;
                height: 45px;
            }
        }
        
        @media (max-width: 768px) {
            .header-content {
                flex-wrap: wrap;
                gap: 15px;
            }
            
            .search-container {
                order: 3;
                width: 100%;
            }
            
            .product-features {
                grid-template-columns: 1fr;
            }
            
            .specs-grid {
                grid-template-columns: 1fr;
            }
            
            .details-tabs {
                flex-wrap: wrap;
            }
            
            .tab-btn {
                flex: 1;
                min-width: 120px;
            }
            
            .products-carousel {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            }
            
            .footer-payment-logos {
                gap: 15px;
            }
            
            .footer-payment-logo {
                height: 20px;
            }
            
            .action-buttons .btn {
                padding: 15px 20px;
                font-size: 14px;
            }
            
            .color-options {
                justify-content: center;
            }
            
            .color-option {
                min-width: 60px;
                padding: 8px;
            }
            
            .color-sample {
                width: 40px;
                height: 40px;
            }
            
            .color-name {
                font-size: 11px;
                max-width: 60px;
            }
            
            .storage-options {
                flex-wrap: wrap;
            }
        }
        
        @media (max-width: 480px) {
            .product-info-card {
                padding: 25px;
            }
            
            .current-price {
                font-size: 32px;
            }
            
            .tab-content {
                padding: 25px;
            }
            
            .payment-logos {
                justify-content: flex-start;
            }
            
            .payment-logo {
                height: 25px;
            }
            
            .color-options {
                gap: 10px;
            }
            
            .color-option {
                min-width: 55px;
                padding: 6px;
            }
            
            .color-sample {
                width: 35px;
                height: 35px;
            }
            
            .color-name {
                font-size: 10px;
                max-width: 50px;
            }
            
            .storage-option {
                padding: 10px 15px;
                font-size: 14px;
            }
        }
        
        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .fade-in {
            animation: fadeIn 0.6s ease forwards;
        }
        
        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
        
        /* Glow effect untuk special elements */
        .glow-text {
            text-shadow: 0 0 10px currentColor;
        }
        
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        
        ::-webkit-scrollbar-track {
            background: var(--dark-bg);
        }
        
        ::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: var(--radius-lg);
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: var(--primary-light);
        }
        
        /* Image fallback styles */
        .image-fallback {
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--gradient-dark);
            color: var(--gray-text);
            font-size: 14px;
        }
        
        /* High contrast mode support */
        @media (prefers-contrast: high) {
            :root {
                --primary-color: #00c500;
                --secondary-color: #67d667;
                --accent-color: #fe0000;
            }
        }
        
        /* Reduced motion support */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }
        
        /* Focus styles for accessibility */
        :focus {
            outline: 3px solid var(--secondary-color);
            outline-offset: 3px;
        }
        
        :focus:not(:focus-visible) {
            outline: none;
        }
        
        :focus-visible {
            outline: 3px solid var(--secondary-color);
            outline-offset: 3px;
        }
    </style>
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    
    <!-- Skip to main content link (Accessibility) -->
    <a href="#main-content" class="skip-link" aria-label="Skip to main content">Skip to main content</a>
    
    <!-- Header -->
    <header role="banner" aria-label="Main header">
        <div class="container">
            <div class="header-content">
                <a href="/" class="logo" aria-label="PAPABET88 Homepage">
                    <!-- Logo dengan fallback jika gambar gagal load -->
                    <div class="logo-fallback">
                        <img src="https://ozarkmountainmedicine.com/img/logo.gif" 
                             alt="PAPABET88 Logo" 
                             onerror="this.style.display='none'; this.parentElement.innerHTML='<i class=\'fas fa-atom\'></i>';">
                    </div>
                    <span aria-hidden="true"></span>
                </a>
                
                <nav class="nav-container" role="navigation" aria-label="Main navigation">
                    <a href="https://mutu.ozarkmountainmedicine.com/" class="nav-link" aria-label="PAPABET88 page">PAPABET</a>
                    <a href="https://mutu.ozarkmountainmedicine.com/" class="nav-link active" aria-label="PAPABET88 page" aria-current="page">PAPABET88 MASUK</a>
                    <a href="https://mutu.ozarkmountainmedicine.com/" class="nav-link" aria-label="PAPABET88 category">PAPABET88 LOGIN</a>
                    <a href="https://mutu.ozarkmountainmedicine.com/" class="nav-link" aria-label="PAPABET88 category">PAPABET88 DAFTAR</a>
                    <a href="https://mutu.ozarkmountainmedicine.com/" class="nav-link" aria-label="PAPABET88 category">PAPABET88 2026</a>
                    <a href="https://mutu.ozarkmountainmedicine.com/" class="nav-link" aria-label="PAPABET88 us page">PAPABET88 SLOT</a>
                </nav>
                
                <div class="search-container">
                    <label for="search-input" class="visually-hidden">Search products</label>
                    <input type="text" 
                           class="search-input" 
                           id="search-input"
                           placeholder="Cari Aja Di Google PAPABET88" 
                           aria-label="Search products"
                           autocomplete="off">
                    <i class="fas fa-search search-icon" aria-hidden="true"></i>
                    <div class="autocomplete-items" id="autocompleteList" role="listbox" aria-label="Search suggestions"></div>
                </div>
                
                <div class="header-icons">
                    <a href="/akun" class="icon-wrapper" aria-label="User account">
                        <i class="fas fa-user" aria-hidden="true"></i>
                    </a>
                    <a href="/wishlist" class="icon-wrapper" aria-label="Wishlist">
                        <i class="fas fa-heart" aria-hidden="true"></i>
                    </a>
                    <a href="/keranjang" class="icon-wrapper" aria-label="Shopping cart">
                        <i class="fas fa-shopping-cart" aria-hidden="true"></i>
                        <span class="cart-count" aria-live="polite">3</span>
                    </a>
                </div>
            </div>
        </div>
    </header>

    <!-- Breadcrumb -->
    <div class="breadcrumb" role="navigation" aria-label="Breadcrumb">
        <div class="container">
            <div class="breadcrumb-content">
                <a href="https://ozarkmountainmedicine.com/" class="breadcrumb-item">BET88</a>
                <span class="breadcrumb-separator" aria-hidden="true">›</span>
                <a href="https://ozarkmountainmedicine.com/" class="breadcrumb-item">IDNSLOT</a>
                <span class="breadcrumb-separator" aria-hidden="true">›</span>
                <a href="https://ozarkmountainmedicine.com/" class="breadcrumb-item">LINK GACOR</a>
                <span class="breadcrumb-separator" aria-hidden="true">›</span>
                <span class="breadcrumb-current">PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten</span>
            </div>
        </div>
    </div>

    <!-- Main Product Section -->
    <main class="container" id="main-content" role="main" aria-label="Main content">
                <div class="popup-button desktop">
                    <a class="popup-button-2 DAFTAR" href="https://mutu.ozarkmountainmedicine.com/">DAFTAR</a>
                    <a class="popup-button-2 LOGIN" href="https://mutu.ozarkmountainmedicine.com/">LOGIN</a>
                </div>
        <div class="product-main">
            <!-- Product Gallery -->
            <div class="product-gallery fade-in">
                <div class="main-image-container">
                    <!-- Optimized image with srcset for different resolutions -->
                    <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                         srcset="https://ozarkmountainmedicine.com/img/papabet88.png 400w, https://ozarkmountainmedicine.com/img/papabet88.png 800w, https://ozarkmountainmedicine.com/img/papabet88.png 1200w"
                         sizes="(max-width: 768px) 100vw, 50vw"
                         alt="PAPABET88" 
                         class="main-image" 
                         id="mainProductImage"
                         loading="lazy"
                         width="1200"
                         height="800">
                    <div class="image-badge" role="status" aria-label="PAPABET badge">PAPABET</div>
                </div>
                
                <div class="thumbnail-gallery" role="group" aria-label="Product thumbnails">
                    <div class="thumbnail active" 
                         data-image="https://ozarkmountainmedicine.com/img/papabet88.png"
                         aria-label="View front view of PAPABET88"
                         role="button"
                         tabindex="0">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 LOGIN"
                             loading="lazy"
                             width="200"
                             height="133">
                    </div>
                    <div class="thumbnail" 
                         data-image="https://ozarkmountainmedicine.com/img/papabet88.png"
                         aria-label="View back view of PAPABET88"
                         role="button"
                         tabindex="0">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 DAFTAR"
                             loading="lazy"
                             width="200"
                             height="133">
                    </div>
                    <div class="thumbnail" 
                         data-image="https://ozarkmountainmedicine.com/img/papabet88.png"
                         aria-label="View side view of PAPABET88"
                         role="button"
                         tabindex="0">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 AKSES"
                             loading="lazy"
                             width="200"
                             height="133">
                    </div>
                    <div class="thumbnail" 
                         data-image="https://ozarkmountainmedicine.com/img/papabet88.png"
                         aria-label="View camera detail of PAPABET88"
                         role="button"
                         tabindex="0">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 RESMI"
                             loading="lazy"
                             width="200"
                             height="133">
                    </div>
                </div>
            </div>
            
            <!-- Product Info -->
            <div class="product-info-card fade-in delay-1" role="complementary" aria-label="Product information">
                <h1 class="product-title">PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten</h1>
                <p class="product-subtitle">PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.</p>
                <p>
                ULASAN
            </p>            
                <div class="product-rating">
                    <div class="stars" role="img" aria-label="Rating: 4.7 out of 5 stars">
                        <i class="fas fa-star star" aria-hidden="true"></i>
                        <i class="fas fa-star star" aria-hidden="true"></i>
                        <i class="fas fa-star star" aria-hidden="true"></i>
                        <i class="fas fa-star star" aria-hidden="true"></i>
                        <i class="fas fa-star-half-alt star" aria-hidden="true"></i>
                    </div>
                    <span class="rating-count">4.8/5 (2.4k ulasan)</span>
                    <a href="#reviews" class="rating-link">Lihat semua ulasan</a>
                </div>
                
                <div class="product-price-container">
                    <span class="current-price">10.888</span>
                    <span class="original-price">Rp 1.888.888</span>
                    <span class="discount-badge">Hemat 88%</span>
                </div>
                
                <div class="product-features">
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fas fa-microchip" aria-hidden="true"></i>
                        </div>
                        <div>
                            <strong>PAPABET88</strong>
                            <p>Slot Online</p>
                        </div>
                    </div>
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fas fa-camera" aria-hidden="true"></i>
                        </div>
                        <div>
                            <strong>PAPABET88</strong>
                            <p>Judi Bola</p>
                        </div>
                    </div>
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fas fa-battery-full" aria-hidden="true"></i>
                        </div>
                        <div>
                            <strong>PAPABET88</strong>
                            <p>Live Casino</p>
                        </div>
                    </div>
                    <div class="feature-item">
                        <div class="feature-icon">
                            <i class="fas fa-tv" aria-hidden="true"></i>
                        </div>
                        <div>
                            <strong>PAPABET88</strong>
                            <p>Poker Online</p>
                        </div>
                    </div>
                </div>
                
                <div class="product-options">
                    <div class="option-group">
                        <h3 class="option-title"><i class="fas fa-palette" aria-hidden="true"></i> Pilih Warna</h3>
                        <!-- PERBAIKAN BAGIAN "PILIH WARNA" - FIXED -->
                        <div class="color-options" role="radiogroup" aria-label="Select color">
                            <div class="color-option selected" 
                                 data-color="cosmic-black" 
                                 role="radio" 
                                 aria-checked="true"
                                 aria-label="Cosmic Black color"
                                 tabindex="0">
                                <div class="color-sample" style="background: linear-gradient(135deg, #0a0a0f, #2a2a3a);"></div>
                                <span class="color-name">Cosmic Black</span>
                            </div>
                            <div class="color-option" 
                                 data-color="nebula-blue" 
                                 role="radio" 
                                 aria-checked="false"
                                 aria-label="Nebula Blue color"
                                 tabindex="0">
                                <div class="color-sample" style="background: linear-gradient(135deg, #0066ff, #00ccff);"></div>
                                <span class="color-name">Nebula Blue</span>
                            </div>
                            <div class="color-option" 
                                 data-color="galaxy-purple" 
                                 role="radio" 
                                 aria-checked="false"
                                 aria-label="Galaxy Purple color"
                                 tabindex="0">
                                <div class="color-sample" style="background: linear-gradient(135deg, #8a2be2, #ff00ff);"></div>
                                <span class="color-name">Galaxy Purple</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="option-group">
                        <h3 class="option-title"><i class="fas fa-memory" aria-hidden="true"></i> Pilih Storage</h3>
                        <div class="storage-options" role="radiogroup" aria-label="Select storage capacity">
                            <button class="storage-option selected" 
                                    data-storage="256"
                                    role="radio"
                                    aria-checked="true"
                                    aria-label="256GB storage">256GB</button>
                            <button class="storage-option" 
                                    data-storage="512"
                                    role="radio"
                                    aria-checked="false"
                                    aria-label="512GB storage">512GB</button>
                            <button class="storage-option" 
                                    data-storage="1024"
                                    role="radio"
                                    aria-checked="false"
                                    aria-label="1TB storage">1TB</button>
                        </div>
                    </div>
                </div>
                
                <div class="quantity-selector">
                    <button class="quantity-btn minus" 
                            aria-label="Decrease quantity"
                            type="button">-</button>
                    <input type="number" 
                           class="quantity-input" 
                           value="1" 
                           min="1" 
                           max="10"
                           aria-label="Quantity"
                           aria-live="polite">
                    <button class="quantity-btn plus" 
                            aria-label="Increase quantity"
                            type="button">+</button>
                    <span style="margin-left: 20px; color: var(--success-color);">
                        <i class="fas fa-check-circle" aria-hidden="true"></i> Bonus Mystery Box
                    </span>
                </div>
                
                <!-- Payment Methods Section -->
                <div class="payment-methods">
                    <div class="payment-title">
                        <i class="fas fa-credit-card" aria-hidden="true"></i> Metode Pembayaran:
                    </div>
                    <div class="payment-logos">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Mastercard_2019_logo.svg" 
                             alt="Mastercard" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg" 
                             alt="Visa" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/b/b5/PayPal.svg" 
                             alt="PayPal" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/7/72/Logo_dana_blue.svg" 
                             alt="Dana" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/7/7a/OVO_logo_%282016%29.svg" 
                             alt="OVO" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Logo_LinkAja.png" 
                             alt="LinkAja" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/8/89/ShopeePay_logo.svg" 
                             alt="ShopeePay" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/9/9e/QRIS_logo.svg" 
                             alt="QRIS" 
                             class="payment-logo"
                             onerror="this.style.display='none'"
                             loading="lazy"
                             width="50"
                             height="30">
                    </div>
                </div>
                
                <div class="action-buttons">
                    <button class="btn btn-primary" 
                            id="addToCartBtn"
                            aria-label="Add Quantum X Pro to cart"
                            data-gtm-event="add_to_cart"
                            data-gtm-item-id="QXP-2023-BLK-256">
                        <i class="fas fa-shopping-cart" aria-hidden="true"></i> Daftar Sekarang
                    </button>
                    <a href="https://mutu.ozarkmountainmedicine.com/" 
                       class="btn btn-secondary" 
                       id="buyNowBtn"
                       aria-label="Buy Quantum X Pro now"
                       data-gtm-event="begin_checkout">
                        <i class="fas fa-bolt" aria-hidden="true"></i> Beli Sekarang
                    </a>
                    <button class="btn btn-wishlist" 
                            id="addToWishlist"
                            aria-label="Add Quantum X Pro to wishlist">
                        <i class="fas fa-heart" aria-hidden="true"></i> Tambah ke Wishlist
                    </button>
                </div>
                
                <!-- One-Click Checkout -->
                <div class="quick-checkout">
                    <p style="font-size: 14px; color: var(--gray-text); margin-bottom: 10px;">
                        <i class="fas fa-bolt" style="color: var(--success-color); margin-right: 8px;" aria-hidden="true"></i>
                        <strong>One-Click Checkout:</strong> Sudah pernah beli? Checkout dalam 1 klik!
                    </p>
                    <button class="btn" 
                            style="background: var(--gradient-secondary); width: 100%; padding: 12px;" 
                            id="oneClickCheckout"
                            aria-label="Quick checkout for Quantum X Pro">
                        <i class="fas fa-zap" aria-hidden="true"></i> Checkout Cepat (Rp 12.999.000)
                    </button>
                </div>
                
                <div style="margin-top: 25px; padding: 20px; background: rgba(0, 217, 255, 0.1); border-radius: var(--radius-md); border-left: 4px solid var(--secondary-color);" role="region" aria-label="Shipping and warranty information">
                    <p style="margin-bottom: 10px; font-weight: 600;">
                        <i class="fas fa-shipping-fast" style="margin-right: 10px; color: var(--secondary-color);" aria-hidden="true"></i> Gratis Pengiriman & Garansi 2 Tahun
                    </p>
                    <p style="font-size: 14px; color: var(--gray-text);">
                        Pengiriman ekspres 1-2 hari kerja. Garansi resmi termasuk kerusakan air.
                    </p>
                </div>
            </div>
        </div>
        
        <!-- Product Details Tabs -->
        <div class="product-details fade-in delay-2">
            <div class="details-tabs" role="tablist" aria-label="Product details tabs">
                <button class="tab-btn active" 
                        data-tab="description" 
                        role="tab" 
                        aria-selected="true"
                        aria-controls="description"
                        id="tab-description">Deskripsi</button>
                <button class="tab-btn" 
                        data-tab="specs" 
                        role="tab" 
                        aria-selected="false"
                        aria-controls="specs"
                        id="tab-specs">Spesifikasi</button>
                <button class="tab-btn" 
                        data-tab="reviews" 
                        role="tab" 
                        aria-selected="false"
                        aria-controls="reviews"
                        id="tab-reviews">Ulasan (2.4k)</button>
                <button class="tab-btn" 
                        data-tab="shipping" 
                        role="tab" 
                        aria-selected="false"
                        aria-controls="shipping"
                        id="tab-shipping">Pengiriman & Garansi</button>
            </div>
            
<div class="tab-content" 
     id="description" 
     role="tabpanel" 
     aria-labelledby="tab-description"
     tabindex="0">
    <h2 style="margin-bottom: 20px; color: var(--light-text);">
        PAPABET88: Link Gacor Situs IDNSLOT Terbaru Gampang Menang Bet88 Pasti Paten
    </h2>

    <p style="margin-bottom: 20px; color: var(--gray-text);">
       PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.
    </p>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 40px 0;">

        <!-- Fitur 1 -->
        <div style="padding: 25px; background: rgba(138, 43, 226, 0.1); border-radius: var(--radius-lg);">
            <h3 style="margin-bottom: 15px; color: var(--primary-light);">
                <i class="fas fa-camera" style="margin-right: 10px;" aria-hidden="true"></i> Apa itu jalur alternatif PAPABET88?
            </h3>
            <p style="color: var(--gray-text);">
                Jalur alternatif PAPABET88 adalah link cadangan yang disediakan agar pemain tetap bisa mengakses situs resmi ketika domain utama tidak bisa dibuka karena gangguan jaringan, pemblokiran, atau maintenance.
            </p>
        </div>

        <!-- Fitur 2 -->
        <div style="padding: 25px; background: rgba(0, 217, 255, 0.1); border-radius: var(--radius-lg);">
            <h3 style="margin-bottom: 15px; color: var(--secondary-color);">
                <i class="fas fa-tv" style="margin-right: 10px;" aria-hidden="true"></i> Mengapa harus menggunakan link alternatif PAPABET88?
            </h3>
            <p style="color: var(--gray-text);">
                Link alternatif digunakan agar pemain tetap dapat login dan bermain tanpa hambatan. Biasanya link utama bisa saja tidak dapat diakses di beberapa jaringan internet, sehingga jalur alternatif menjadi solusi.
            </p>
        </div>

    </div>

</div>
                    </div>
                </div>
            </div>
<div class="tab-content" 
     id="specs" 
     role="tabpanel" 
     aria-labelledby="tab-specs"
     tabindex="0"
     style="display: none;">
    <h2 style="margin-bottom: 30px; color: var(--light-text);">Spesifikasi Teknis Platform</h2>
    <div class="specs-grid">
        <div class="spec-item">
            <span class="spec-label">Performa Sistem</span>
            <span class="spec-value">Engine Responsif Multi-Thread</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Optimasi Akses</span>
            <span class="spec-value">Auto-Adaptive Loading 2.1</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Penyimpanan Cache</span>
            <span class="spec-value">Dynamic Smart Storage</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Tampilan Antarmuka</span>
            <span class="spec-value">UI/UX Mode Malam Intens</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Rendering Visual</span>
            <span class="spec-value">NightVision Display Layer</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Konektivitas</span>
            <span class="spec-value">Optimized Mobile & Desktop Sync</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Manajemen Energi</span>
            <span class="spec-value">Stabilizer Mode untuk Akses Lama</span>
        </div>
        <div class="spec-item">
            <span class="spec-label">Kompatibilitas</span>
            <span class="spec-value">Support Semua Perangkat Modern</span>
        </div>
    </div>
</div>

<div class="tab-content" 
     id="reviews" 
     role="tabpanel" 
     aria-labelledby="tab-reviews"
     tabindex="0"
     style="display: none;">

    <h2 style="margin-bottom: 30px; color: var(--light-text);">Ulasan Pengguna</h2>
    
    <div class="review-card">
        <div class="review-header">
            <span class="review-author">Ari Prasetyo</span>
            <div class="stars" role="img" aria-label="Rating: 5 out of 5 stars">
                <i class="fas fa-star"></i><i class="fas fa-star"></i>
                <i class="fas fa-star"></i><i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
            </div>
        </div>
        <p style="color: var(--gray-text); margin-bottom: 10px;">
            Platform PAPABET88 menghadirkan tampilan modern dan slot 10k via qris dengan desain yang sangat responsif yang nyaman digunakan di perangkat apapun.”
        </p>
        <div class="review-date">2 minggu yang lalu</div>
    </div>
    
    <div class="review-card">
        <div class="review-header">
            <span class="review-author">Nadya Laksmi</span>
            <div class="stars" role="img" aria-label="Rating: 4.5 out of 5 stars">
                <i class="fas fa-star"></i><i class="fas fa-star"></i>
                <i class="fas fa-star"></i><i class="fas fa-star"></i>
                <i class="fas fa-star-half-alt"></i>
            </div>
        </div>
        <p style="color: var(--gray-text); margin-bottom: 10px;">
            “Tampilan mode malam di PAPABET88 terlihat rapi dan konsisten. Dengan metode Transisi via qris jadi lebih mudah, membuat penggunaan lebih nyaman terutama saat mengakses dari perangkat mobile.”
        </p>
        <div class="review-date">3 minggu yang lalu</div>
    </div>

</div>

<div class="tab-content" 
     id="shipping" 
     role="tabpanel" 
     aria-labelledby="tab-shipping"
     tabindex="0"
     style="display: none;">

    <h2 style="margin-bottom: 20px; color: var(--light-text);">Informasi Akses & Dukungan</h2>

    <div style="display: grid; gap: 30px;">
        <div>
            <h3 style="margin-bottom: 15px; color: var(--primary-light);">
                <i class="fas fa-shipping-fast" style="margin-right: 10px;"></i> Ketersediaan Akses
            </h3>
            <p style="color: var(--gray-text); margin-bottom: 15px;">
                PAPABET88 dapat diakses kapan saja melalui berbagai perangkat. Sistemnya dirancang agar tetap ringan dan stabil meskipun digunakan dalam jangka panjang.
            </p>
            <ul style="color: var(--gray-text); padding-left: 20px;">
                <li>Mode Akses Umum: Stabil sepanjang waktu</li>
                <li>Mode Cepat: Untuk penggunaan intensif</li>
                <li>Mode Adaptif: Menyesuaikan kondisi perangkat</li>
            </ul>
        </div>
        
        <div>
            <h3 style="margin-bottom: 15px; color: var(--secondary-color);">
                <i class="fas fa-shield-alt" style="margin-right: 10px;"></i> Dukungan Teknis
            </h3>
            <p style="color: var(--gray-text);">
                Sistem PAPABET88 dilengkapi pemantauan otomatis untuk menjaga pengalaman pengguna tetap optimal. Dukungan rutin diberikan melalui pembaruan sistem terjadwal.
            </p>
            <ul style="color: var(--gray-text); padding-left: 20px; margin-top: 10px;">
                <li>Optimasi performa berkala</li>
                <li>Pembaruan tampilan dan responsivitas</li>
                <li>Peningkatan kompatibilitas perangkat</li>
            </ul>
        </div>
    </div>
</div>

<section class="related-products fade-in delay-3" aria-labelledby="faq-heading">
    <div class="section-header">
        <h2 class="section-title" id="faq-heading">Pertanyaan Umum PAPABET88</h2>
    </div>

<div class="tab-content" style="margin-top: 20px;">

    <div class="faq-item" style="margin-bottom: 20px; padding: 20px; background: rgba(255,255,255,0.03); border-radius: var(--radius-md);">
        <h3 style="margin-bottom: 10px; color: var(--light-text);">Apa itu PAPABET88?</h3>
        <p style="color: var(--gray-text);">
            PAPABET88 adalah platform permainan online yang menyediakan berbagai jenis game seperti slot, live casino, dan permainan taruhan lainnya yang bisa dimainkan melalui HP maupun komputer.
        </p>
    </div>

    <div class="faq-item" style="margin-bottom: 20px; padding: 20px; background: rgba(255,255,255,0.03); border-radius: var(--radius-md);">
        <h3 style="margin-bottom: 10px; color: var(--light-text);">Bagaimana cara daftar di PAPABET88?</h3>
        <p style="color: var(--gray-text);">
            Untuk daftar di PAPABET88, pengguna perlu membuka situs resmi PAPABET88, lalu mengisi formulir pendaftaran dengan username, password, dan data yang diminta. Setelah itu akun bisa langsung digunakan untuk login.
        </p>
    </div>

    <div class="faq-item" style="margin-bottom: 20px; padding: 20px; background: rgba(255,255,255,0.03); border-radius: var(--radius-md);">
        <h3 style="margin-bottom: 10px; color: var(--light-text);">Bagaimana cara login ke PAPABET88?</h3>
        <p style="color: var(--gray-text);">
            Cara login PAPABET88 cukup mudah, cukup masukkan username dan password pada halaman login, lalu klik tombol masuk. Pastikan data yang dimasukkan sudah benar agar tidak terjadi error saat login.
        </p>
    </div>

</div>
</section>        </section>
        
        <!-- Related Products -->
        <section class="related-products fade-in delay-3" aria-labelledby="related-products-heading">
            <div class="section-header">
                <h2 class="section-title" id="related-products-heading">Produk Terkait PAPABET88</h2>
                <a href="/kategori/smartphone" class="section-link">
                    Lihat Semua <i class="fas fa-arrow-right" aria-hidden="true"></i>
                </a>
            </div>
            
            <div class="products-carousel">
                <!-- Product 1 -->
                <a href="https://ozarkmountainmedicine.com/" class="product-card" aria-label="PAPABET88">
                    <div class="product-card-img">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88"
                             loading="lazy"
                             width="500"
                             height="333">
                        <div class="product-card-badge">NEW</div>
                    </div>
                    <div class="product-card-info">
                        <h3 class="product-card-title">PAPABET88</h3>
                        <div class="product-card-price">Rp 8.888.888</div>
                        <div class="product-card-rating">
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star-half-alt" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <span style="color: var(--gray-text); font-size: 14px; margin-left: 5px;">4.5</span>
                        </div>
                        <p style="color: var(--gray-text); font-size: 14px;">Papabet88 Game Online</p>
                    </div>
                </a>
                
                <!-- Product 2 -->
                <a href="https://ozarkmountainmedicine.com/" class="product-card" aria-label="PAPABET88 LOGIN">
                    <div class="product-card-img">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 GACOR"
                             loading="lazy"
                             width="500"
                             height="333">
                    </div>
                    <div class="product-card-info">
                        <h3 class="product-card-title">PAPABET88 GACOR</h3>
                        <div class="product-card-price">Rp 7.777.777</div>
                        <div class="product-card-rating">
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <span style="color: var(--gray-text); font-size: 14px; margin-left: 5px;">5.0</span>
                        </div>
                        <p style="color: var(--gray-text); font-size: 14px;">Papabet88 Live Casino</p>
                    </div>
                </a>
                
                <!-- Product 3 -->
                <a href="https://ozarkmountainmedicine.com/" class="product-card" aria-label="PAPABET88 RESMI">
                    <div class="product-card-img">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 RESMI"
                             loading="lazy"
                             width="500"
                             height="333">
                        <div class="product-card-badge">-15%</div>
                    </div>
                    <div class="product-card-info">
                        <h3 class="product-card-title">PAPABET88 RESMI</h3>
                        <div class="product-card-price">Rp 6.666.666</div>
                        <div class="product-card-rating">
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star-half-alt" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <span style="color: var(--gray-text); font-size: 14px; margin-left: 5px;">4.3</span>
                        </div>
                        <p style="color: var(--gray-text); font-size: 14px;">Papabet88 Poker Online</p>
                    </div>
                </a>
                
                <!-- Product 4 -->
                <a href="https://ozarkmountainmedicine.com/" class="product-card" aria-label="PAPABET88 AKSES">
                    <div class="product-card-img">
                        <img src="https://ozarkmountainmedicine.com/img/papabet88.png" 
                             alt="PAPABET88 LOGIN"
                             loading="lazy"
                             width="500"
                             height="333">
                    </div>
                    <div class="product-card-info">
                        <h3 class="product-card-title">PAPABET88 LOGIN</h3>
                        <div class="product-card-price">Rp 5.555.555</div>
                        <div class="product-card-rating">
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <i class="fas fa-star-half-alt" style="color: var(--warning-color);" aria-hidden="true"></i>
                            <span style="color: var(--gray-text); font-size: 14px; margin-left: 5px;">4.6</span>
                        </div>
                        <p style="color: var(--gray-text); font-size: 14px;">Papabet88 Togel Online</p>
                    </div>
                </a>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer role="contentinfo" aria-label="Footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo-section">
                    <div class="footer-logo">
                        <img src="https://ozarkmountainmedicine.com/img/logo.gif" 
                             alt="PAPABET88 Logo"
                             onerror="this.style.display='none'; this.parentElement.innerHTML='<div class=\'footer-logo-text\'>PAPABET88</div>';"
                             loading="lazy"
                             width="150"
                             height="50">
                        <div class="footer-logo-text"></div>
                    </div>
                    <p class="footer-description">
                    PAPABET88 adalah situs slot idn deposit via qris gampang menang bet88 yang diterbitkan dari provider IDNSLOT serta menyediakan link alternatif idn slot dan daftar login terbaru tanpa potongan.
                    </p>
                    <div class="social-links">
                        <a href="https://facebook.com/facebookid" 
                           class="social-link" 
                           aria-label="Facebook PAPABET88" 
                           target="_blank"
                           rel="noopener noreferrer">
                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                        </a>
                        <a href="https://instagram.com/instagramid" 
                           class="social-link" 
                           aria-label="Instagram PAPABET88" 
                           target="_blank"
                           rel="noopener noreferrer">
                            <i class="fab fa-instagram" aria-hidden="true"></i>
                        </a>
                        <a href="https://twitter.com/twitterid" 
                           class="social-link" 
                           aria-label="Twitter PAPABET88" 
                           target="_blank"
                           rel="noopener noreferrer">
                            <i class="fab fa-twitter" aria-hidden="true"></i>
                        </a>
                        <a href="https://youtube.com/youtubeid" 
                           class="social-link" 
                           aria-label="YouTube PAPABET88" 
                           target="_blank"
                           rel="noopener noreferrer">
                            <i class="fab fa-youtube" aria-hidden="true"></i>
                        </a>
                        <a href="https://tiktok.com/@tiktokid" 
                           class="social-link" 
                           aria-label="TikTok PAPABET88" 
                           target="_blank"
                           rel="noopener noreferrer">
                            <i class="fab fa-tiktok" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
                
                <div class="footer-column">
                    <h3>Kategori</h3>
                    <ul class="footer-links">
                        <li><a href="/kategori/smartphone"><i class="fas fa-mobile-alt" aria-hidden="true"></i> Smartphone</a></li>
                        <li><a href="/kategori/laptop"><i class="fas fa-laptop" aria-hidden="true"></i> Laptop & PC</a></li>
                        <li><a href="/kategori/tablet"><i class="fas fa-tablet-alt" aria-hidden="true"></i> Tablet</a></li>
                        <li><a href="/kategori/wearable"><i class="fas fa-smartwatch" aria-hidden="true"></i> Wearable</a></li>
                        <li><a href="/kategori/aksesori"><i class="fas fa-headphones" aria-hidden="true"></i> Aksesori</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h3>Bantuan</h3>
                    <ul class="footer-links">
                        <li><a href="/pusat-bantuan"><i class="fas fa-question-circle" aria-hidden="true"></i> Pusat Bantuan</a></li>
                        <li><a href="/pengiriman"><i class="fas fa-shipping-fast" aria-hidden="true"></i> Info Pengiriman</a></li>
                        <li><a href="/pengembalian"><i class="fas fa-exchange-alt" aria-hidden="true"></i> Kebijakan Pengembalian</a></li>
                        <li><a href="/garansi"><i class="fas fa-shield-alt" aria-hidden="true"></i> Garansi Produk</a></li>
                        <li><a href="/kontak"><i class="fas fa-phone-alt" aria-hidden="true"></i> Hubungi Kami</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h3>Kontak</h3>
                    <address style="color: var(--gray-text); margin-bottom: 25px;">
                        <p style="margin-bottom: 10px;">
                            <i class="fas fa-map-marker-alt" style="margin-right: 10px;" aria-hidden="true"></i>
                            PAPABET88 Tower, Jl. Sudirman No. 123, Jakarta
                        </p>
                        <p style="margin-bottom: 10px;">
                            <i class="fas fa-phone" style="margin-right: 10px;" aria-hidden="true"></i>
                            <a href="tel:+622112345678" style="color: var(--gray-text); text-decoration: none;">(021) 1234-5678</a>
                        </p>
                        <p>
                            <i class="fas fa-envelope" style="margin-right: 10px;" aria-hidden="true"></i>
                            <a href="/cdn-cgi/l/email-protection#bccfc9ccccd3cec8fcd2d9c4c9cfc8d9dfd492d5d8" style="color: var(--gray-text); text-decoration: none;"><span class="__cf_email__" data-cfemail="86f5f3f6f6e9f4f2c6e8e3fef3f5f2e3e5eea8efe2">[email&#160;protected]</span></a>
                        </p>
                    </address>
                    
                    <div class="newsletter-form">
                        <h4 style="font-size: 16px; margin-bottom: 15px;">Newsletter</h4>
                        <label for="newsletter-email" class="visually-hidden">Email untuk newsletter</label>
                        <input type="email" 
                               class="newsletter-input" 
                               id="newsletter-email" 
                               placeholder="Email Anda" 
                               required
                               aria-label="Email untuk newsletter">
                        <button type="submit" 
                                class="btn btn-primary" 
                                style="width: 100%;" 
                                id="newsletterSubmit"
                                aria-label="Subscribe to newsletter">
                            <i class="fas fa-paper-plane" aria-hidden="true"></i> Berlangganan
                        </button>
                    </div>
                </div>
            </div>
            
            <!-- Security Badges -->
            <div class="security-badges">
                <h4>
                    <i class="fas fa-shield-alt" aria-hidden="true"></i> Belanja Aman dengan PAPABET88
                </h4>
                <div class="badge-container">
                    <div class="badge-item">
                        <div class="badge-icon">
                            <i class="fas fa-lock" aria-hidden="true"></i>
                        </div>
                        <span style="font-size: 12px; color: var(--gray-text);">SSL Terenkripsi</span>
                    </div>
                    <div class="badge-item">
                        <div class="badge-icon">
                            <i class="fas fa-user-shield" aria-hidden="true"></i>
                        </div>
                        <span style="font-size: 12px; color: var(--gray-text);">Data Terlindungi</span>
                    </div>
                    <div class="badge-item">
                        <div class="badge-icon">
                            <i class="fas fa-money-bill-wave" aria-hidden="true"></i>
                        </div>
                        <span style="font-size: 12px; color: var(--gray-text);">Garansi Uang Kembali</span>
                    </div>
                    <div class="badge-item">
                        <div class="badge-icon">
                            <i class="fas fa-truck" aria-hidden="true"></i>
                        </div>
                        <span style="font-size: 12px; color: var(--gray-text);">Pengiriman Cepat</span>
                    </div>
                </div>
            </div>
            
            <!-- Footer Payment Methods -->
            <div class="footer-payment">
                <div class="footer-payment-title">Metode Pembayaran yang Diterima:</div>
                <div class="footer-payment-logos">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Mastercard_2019_logo.svg" 
                         alt="Mastercard" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg" 
                         alt="Visa" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/b/b5/PayPal.svg" 
                         alt="PayPal" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/7/72/Logo_dana_blue.svg" 
                         alt="Dana" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/7/7a/OVO_logo_%282016%29.svg" 
                         alt="OVO" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Logo_LinkAja.png" 
                         alt="LinkAja" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/8/89/ShopeePay_logo.svg" 
                         alt="ShopeePay" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/9/9e/QRIS_logo.svg" 
                         alt="QRIS" 
                         class="footer-payment-logo"
                         onerror="this.style.display='none'"
                         loading="lazy"
                         width="40"
                         height="25">
                </div>
            </div>
            
            <div class="copyright">
                <p>&copy; <span id="current-year">2026</span> PAPABET88. Semua hak dilindungi undang-undang.</p>
                <p style="margin-top: 10px; font-size: 12px;">
                    <a href="/privacy" style="color: var(--gray-text); text-decoration: none; margin: 0 10px;">Kebijakan Privasi</a> | 
                    <a href="/terms" style="color: var(--gray-text); text-decoration: none; margin: 0 10px;">Syarat & Ketentuan</a> | 
                    <a href="/sitemap" style="color: var(--gray-text); text-decoration: none; margin: 0 10px;">Sitemap</a>
                </p>
            </div>
        </div>
    </footer>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        // Set current year in footer
        document.getElementById('current-year').textContent = new Date().getFullYear();
        
        // Preload logos untuk performa lebih baik
        function preloadImages() {
            const imageUrls = [
                'https://ozarkmountainmedicine.com/img/logo.gif',
                'https://ozarkmountainmedicine.com/img/logo.gif',
                'https://upload.wikimedia.org/wikipedia/commons/a/a4/Mastercard_2019_logo.svg',
                'https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg',
                'https://upload.wikimedia.org/wikipedia/commons/b/b5/PayPal.svg',
                'https://upload.wikimedia.org/wikipedia/commons/7/72/Logo_dana_blue.svg'
            ];
            
            imageUrls.forEach(url => {
                const img = new Image();
                img.src = url;
            });
        }
        
        // Function to update product images based on color
        function updateProductImages(color) {
            const imageMap = {
                'cosmic-black': {
                    main: 'https://ozarkmountainmedicine.com/img/papabet88.png',
                    thumbnails: [
                        'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1516035069371-29a1b244cc32?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1546054451-aa264e0f5e7a?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80'
                    ]
                },
                'nebula-blue': {
                    main: 'https://images.unsplash.com/photo-1516035069371-29a1b244cc32?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80',
                    thumbnails: [
                        'https://images.unsplash.com/photo-1516035069371-29a1b244cc32?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1546054451-aa264e0f5e7a?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80'
                    ]
                },
                'galaxy-purple': {
                    main: 'https://images.unsplash.com/photo-1546054451-aa264e0f5e7a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80',
                    thumbnails: [
                        'https://images.unsplash.com/photo-1546054451-aa264e0f5e7a?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1516035069371-29a1b244cc32?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80',
                        'https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80'
                    ]
                }
            };
            
            if (imageMap[color]) {
                // Update main image
                const mainImg = document.getElementById('mainProductImage');
                mainImg.src = imageMap[color].main;
                mainImg.alt = `Quantum X Pro - Smartphone Flagship warna ${color === 'cosmic-black' ? 'Cosmic Black' : color === 'nebula-blue' ? 'Nebula Blue' : 'Galaxy Purple'} tampak depan`;
                
                // Update thumbnail images
                const thumbnails = document.querySelectorAll('.thumbnail');
                thumbnails.forEach((thumb, index) => {
                    if (imageMap[color].thumbnails[index]) {
                        const img = thumb.querySelector('img');
                        img.src = imageMap[color].thumbnails[index];
                        thumb.setAttribute('data-image', imageMap[color].thumbnails[index].replace('200&q', '1200&q'));
                    }
                });
                
                // Reset to first thumbnail
                document.querySelectorAll('.thumbnail').forEach(thumb => {
                    thumb.classList.remove('active');
                    thumb.setAttribute('aria-checked', 'false');
                });
                document.querySelector('.thumbnail').classList.add('active');
                document.querySelector('.thumbnail').setAttribute('aria-checked', 'true');
                
                // Update alt text for thumbnails
                const colorNames = {
                    'cosmic-black': 'Cosmic Black',
                    'nebula-blue': 'Nebula Blue', 
                    'galaxy-purple': 'Galaxy Purple'
                };
                const colorName = colorNames[color];
                
                thumbnails.forEach((thumb, index) => {
                    const labels = [
                        `Depan ${colorName}`,
                        `Belakang ${colorName}`,
                        `Samping ${colorName}`,
                        `Kamera ${colorName}`
                    ];
                    thumb.setAttribute('aria-label', `View ${labels[index]} of Quantum X Pro`);
                    const img = thumb.querySelector('img');
                    img.alt = `Quantum X Pro - ${labels[index]}`;
                });
            }
        }
        
        // Image Gallery Functionality
        document.querySelectorAll('.thumbnail').forEach(thumbnail => {
            thumbnail.addEventListener('click', function() {
                // Remove active class from all thumbnails
                document.querySelectorAll('.thumbnail').forEach(thumb => {
                    thumb.classList.remove('active');
                    thumb.setAttribute('aria-checked', 'false');
                });
                
                // Add active class to clicked thumbnail
                this.classList.add('active');
                this.setAttribute('aria-checked', 'true');
                
                // Change main image
                const imageUrl = this.getAttribute('data-image');
                document.getElementById('mainProductImage').src = imageUrl;
                
                // Track image view
                gtag('event', 'view_image', {
                    'event_category': 'engagement',
                    'event_label': 'product_image'
                });
            });
            
            // Keyboard accessibility for thumbnails
            thumbnail.addEventListener('keydown', function(e) {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    this.click();
                }
            });
        });
        
        // PERBAIKAN BAGIAN "PILIH WARNA" - FIXED
        // Color Selection
        document.querySelectorAll('.color-option').forEach(option => {
            option.addEventListener('click', function() {
                // Remove selected class from all options
                document.querySelectorAll('.color-option').forEach(opt => {
                    opt.classList.remove('selected');
                    opt.setAttribute('aria-checked', 'false');
                });
                
                // Add selected class to clicked option
                this.classList.add('selected');
                this.setAttribute('aria-checked', 'true');
                
                // Update product images based on selected color
                const color = this.getAttribute('data-color');
                updateProductImages(color);
                
                // Track color selection
                gtag('event', 'select_content', {
                    'content_type': 'product_color',
                    'item_id': color
                });
            });
            
            // Keyboard accessibility for color options
            option.addEventListener('keydown', function(e) {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    this.click();
                }
            });
        });
        
        // Tab Functionality
        document.querySelectorAll('.tab-btn').forEach(button => {
            button.addEventListener('click', function() {
                // Remove active class from all buttons
                document.querySelectorAll('.tab-btn').forEach(btn => {
                    btn.classList.remove('active');
                    btn.setAttribute('aria-selected', 'false');
                });
                
                // Add active class to clicked button
                this.classList.add('active');
                this.setAttribute('aria-selected', 'true');
                
                // Hide all tab contents
                document.querySelectorAll('.tab-content').forEach(content => {
                    content.style.display = 'none';
                    content.setAttribute('aria-hidden', 'true');
                });
                
                // Show selected tab content
                const tabId = this.getAttribute('data-tab');
                const tabContent = document.getElementById(tabId);
                tabContent.style.display = 'block';
                tabContent.setAttribute('aria-hidden', 'false');
                tabContent.focus();
                
                // Track tab change
                gtag('event', 'view_content', {
                    'content_type': 'tab',
                    'content_id': tabId
                });
            });
            
            // Keyboard accessibility for tabs
            button.addEventListener('keydown', function(e) {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    this.click();
                }
            });
        });
        
        // Storage Selection - FIXED
        document.querySelectorAll('.storage-option').forEach(option => {
            option.addEventListener('click', function() {
                // Remove selected class from all options
                document.querySelectorAll('.storage-option').forEach(opt => {
                    opt.classList.remove('selected');
                    opt.setAttribute('aria-checked', 'false');
                });
                
                // Add selected class to clicked option
                this.classList.add('selected');
                this.setAttribute('aria-checked', 'true');
                
                // Track storage selection
                gtag('event', 'select_content', {
                    'content_type': 'product_storage',
                    'item_id': this.getAttribute('data-storage')
                });
            });
            
            // Keyboard accessibility for storage options
            option.addEventListener('keydown', function(e) {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    this.click();
                }
            });
        });
        
        // Quantity Selector
        const minusBtn = document.querySelector('.quantity-btn.minus');
        const plusBtn = document.querySelector('.quantity-btn.plus');
        const quantityInput = document.querySelector('.quantity-input');
        
        minusBtn.addEventListener('click', function() {
            let currentValue = parseInt(quantityInput.value);
            if (currentValue > 1) {
                quantityInput.value = currentValue - 1;
                quantityInput.dispatchEvent(new Event('input'));
            }
        });
        
        plusBtn.addEventListener('click', function() {
            let currentValue = parseInt(quantityInput.value);
            if (currentValue < 10) {
                quantityInput.value = currentValue + 1;
                quantityInput.dispatchEvent(new Event('input'));
            }
        });
        
        quantityInput.addEventListener('input', function() {
            gtag('event', 'set_quantity', {
                'quantity': this.value,
                'currency': 'IDR',
                'value': 12999000 * this.value
            });
        });
        
        // Add to Cart with Animation and GA Tracking
        document.getElementById('addToCartBtn').addEventListener('click', function() {
            const color = document.querySelector('.color-option.selected').getAttribute('data-color');
            const storage = document.querySelector('.storage-option.selected').getAttribute('data-storage');
            const quantity = quantityInput.value;
            
            // Animation effect
            this.innerHTML = '<i class="fas fa-check" aria-hidden="true"></i> Ditambahkan!';
            this.style.background = 'var(--success-color)';
            this.style.boxShadow = '0 0 15px rgba(0, 255, 157, 0.5)';
            
            // Update cart count
            const cartCount = document.querySelector('.cart-count');
            cartCount.textContent = parseInt(cartCount.textContent) + parseInt(quantity);
            cartCount.setAttribute('aria-label', `${cartCount.textContent} items in cart`);
            
            // Google Analytics Enhanced Ecommerce Tracking
            gtag('event', 'add_to_cart', {
                'currency': 'IDR',
                'value': 12999000 * quantity,
                'items': [{
                    'item_id': 'QXP-2023-BLK-256',
                    'item_name': 'Quantum X Pro',
                    'item_category': 'Smartphone',
                    'item_variant': color + ' - ' + storage + 'GB',
                    'price': 12999000,
                    'quantity': parseInt(quantity)
                }]
            });
            
            // Reset after 2 seconds
            setTimeout(() => {
                this.innerHTML = '<i class="fas fa-shopping-cart" aria-hidden="true"></i> Tambah ke Keranjang';
                this.style.background = '';
                this.style.boxShadow = '';
            }, 2000);
        });
        
        // One-Click Checkout with GA Tracking
        document.getElementById('oneClickCheckout').addEventListener('click', function() {
            const color = document.querySelector('.color-option.selected').getAttribute('data-color');
            const storage = document.querySelector('.storage-option.selected').getAttribute('data-storage');
            const quantity = quantityInput.value;
            
            // Animation effect
            this.innerHTML = '<i class="fas fa-spinner fa-spin" aria-hidden="true"></i> Memproses...';
            
            // Google Analytics Ecommerce Tracking
            gtag('event', 'begin_checkout', {
                'currency': 'IDR',
                'value': 12999000 * quantity,
                'items': [{
                    'item_id': 'QXP-2023-BLK-256',
                    'item_name': 'Quantum X Pro',
                    'item_category': 'Smartphone',
                    'item_variant': color + ' - ' + storage + 'GB',
                    'price': 12999000,
                    'quantity': parseInt(quantity)
                }]
            });
            
            // Simulate API call
            setTimeout(() => {
                this.innerHTML = '<i class="fas fa-check" aria-hidden="true"></i> Checkout Berhasil!';
                this.style.background = 'var(--success-color)';
                
                gtag('event', 'purchase', {
                    'transaction_id': 'TXN-' + Date.now(),
                    'affiliation': 'NexusTech Online',
                    'currency': 'IDR',
                    'value': 12999000 * quantity,
                    'tax': 0,
                    'shipping': 0,
                    'items': [{
                        'item_id': 'QXP-2023-BLK-256',
                        'item_name': 'Quantum X Pro',
                        'item_category': 'Smartphone',
                        'item_variant': color + ' - ' + storage + 'GB',
                        'price': 12999000,
                        'quantity': parseInt(quantity)
                    }]
                });
                
                // Redirect to thank you page (in real app)
                setTimeout(() => {
                    window.location.href = '/checkout/success?product=quantum-x-pro';
                }, 1000);
            }, 1500);
        });
        
        // Add to Wishlist with GA Tracking
        document.getElementById('addToWishlist').addEventListener('click', function() {
            gtag('event', 'add_to_wishlist', {
                'currency': 'IDR',
                'value': 12999000,
                'items': [{
                    'item_id': 'QXP-2023-BLK-256',
                    'item_name': 'Quantum X Pro',
                    'item_category': 'Smartphone'
                }]
            });
            
            this.innerHTML = '<i class="fas fa-heart" aria-hidden="true"></i> Ditambahkan!';
            this.style.color = 'var(--accent-color)';
            
            setTimeout(() => {
                this.innerHTML = '<i class="fas fa-heart" aria-hidden="true"></i> Tambah ke Wishlist';
                this.style.color = '';
            }, 2000);
        });
        
        // Search Autocomplete
        const searchInput = document.querySelector('.search-input');
        const autocompleteList = document.getElementById('autocompleteList');
        const searchSuggestions = [
            'Quantum X Pro', 'Quantum X', 'Nova Pro', 'Aura Watch Pro', 
            'Quantum Buds Pro', 'Laptop Gaming', 'Smartwatch', 'Headphones', 
            'Tablet', 'Kamera Mirrorless', 'Speaker Bluetooth', 'Power Bank',
            'Smart Home', 'Drone', 'Monitor Gaming'
        ];
        
        searchInput.addEventListener('input', function() {
            const value = this.value.toLowerCase();
            autocompleteList.innerHTML = '';
            
            if (value.length > 1) {
                const filtered = searchSuggestions.filter(item => 
                    item.toLowerCase().includes(value)
                );
                
                if (filtered.length > 0) {
                    autocompleteList.style.display = 'block';
                    
                    filtered.forEach((item, index) => {
                        const div = document.createElement('div');
                        div.className = 'autocomplete-item';
                        div.textContent = item;
                        div.setAttribute('role', 'option');
                        div.setAttribute('id', `option-${index}`);
                        div.addEventListener('click', function() {
                            searchInput.value = this.textContent;
                            autocompleteList.style.display = 'none';
                            
                            // Track search selection
                            gtag('event', 'search', {
                                'search_term': this.textContent
                            });
                            
                            // Trigger search
                            window.location.href = `/search?q=${encodeURIComponent(this.textContent)}`;
                        });
                        autocompleteList.appendChild(div);
                    });
                    
                    // Set aria attributes for accessibility
                    autocompleteList.setAttribute('aria-expanded', 'true');
                    autocompleteList.setAttribute('aria-activedescendant', 'option-0');
                } else {
                    autocompleteList.style.display = 'none';
                    autocompleteList.setAttribute('aria-expanded', 'false');
                }
            } else {
                autocompleteList.style.display = 'none';
                autocompleteList.setAttribute('aria-expanded', 'false');
            }
        });
        
        // Keyboard navigation for autocomplete
        searchInput.addEventListener('keydown', function(e) {
            const items = autocompleteList.querySelectorAll('.autocomplete-item');
            let activeIndex = Array.from(items).findIndex(item => 
                item.getAttribute('id') === autocompleteList.getAttribute('aria-activedescendant')
            );
            
            if (e.key === 'ArrowDown') {
                e.preventDefault();
                activeIndex = (activeIndex + 1) % items.length;
                autocompleteList.setAttribute('aria-activedescendant', `option-${activeIndex}`);
                items[activeIndex].focus();
            } else if (e.key === 'ArrowUp') {
                e.preventDefault();
                activeIndex = (activeIndex - 1 + items.length) % items.length;
                autocompleteList.setAttribute('aria-activedescendant', `option-${activeIndex}`);
                items[activeIndex].focus();
            } else if (e.key === 'Enter' && activeIndex >= 0) {
                e.preventDefault();
                items[activeIndex].click();
            } else if (e.key === 'Escape') {
                autocompleteList.style.display = 'none';
                autocompleteList.setAttribute('aria-expanded', 'false');
            }
        });
        
        // Close autocomplete when clicking outside
        document.addEventListener('click', function(e) {
            if (!searchInput.contains(e.target) && !autocompleteList.contains(e.target)) {
                autocompleteList.style.display = 'none';
                autocompleteList.setAttribute('aria-expanded', 'false');
            }
        });
        
        // Button micro-interactions
        document.querySelectorAll('.btn').forEach(button => {
            button.addEventListener('mouseenter', function() {
                this.style.transform = 'translateY(-3px) scale(1.02)';
            });
            
            button.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0) scale(1)';
            });
            
            // Keyboard focus styles
            button.addEventListener('focus', function() {
                this.style.outline = '3px solid var(--secondary-color)';
                this.style.outlineOffset = '3px';
            });
            
            button.addEventListener('blur', function() {
                this.style.outline = '';
            });
        });
        
        // Animate elements on scroll
        function animateOnScroll() {
            const elements = document.querySelectorAll('.fade-in');
            
            elements.forEach(element => {
                const elementTop = element.getBoundingClientRect().top;
                const elementVisible = 150;
                
                if (elementTop < window.innerHeight - elementVisible) {
                    element.style.opacity = "1";
                    element.style.transform = "translateY(0)";
                }
            });
        }
        
        // Set initial state for animations
        document.querySelectorAll('.fade-in').forEach(el => {
            el.style.opacity = "0";
            el.style.transform = "translateY(20px)";
            el.style.transition = "opacity 0.6s ease, transform 0.6s ease";
        });
        
        // Search focus effect
        searchInput.addEventListener('focus', function() {
            this.parentElement.style.boxShadow = 'var(--shadow-neon)';
            gtag('event', 'search_focus', {
                'event_category': 'engagement'
            });
        });
        
        searchInput.addEventListener('blur', function() {
            this.parentElement.style.boxShadow = '';
        });
        
        // Newsletter form submission with GA Tracking
        document.getElementById('newsletterSubmit').addEventListener('click', function(e) {
            e.preventDefault();
            const emailInput = document.querySelector('.newsletter-input');
            
            if (emailInput.value && emailInput.checkValidity()) {
                // Google Analytics event
                gtag('event', 'newsletter_signup', {
                    'method': 'website_footer'
                });
                
                // Simulate success
                this.innerHTML = '<i class="fas fa-check" aria-hidden="true"></i> Terkirim!';
                this.style.background = 'var(--success-color)';
                
                setTimeout(() => {
                    this.innerHTML = '<i class="fas fa-paper-plane" aria-hidden="true"></i> Berlangganan';
                    this.style.background = '';
                    emailInput.value = '';
                }, 2000);
            }
        });
        
        // Performance monitoring
        window.addEventListener('load', function() {
            const loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart;
            console.log(`Page load time: ${loadTime}ms`);
            
            if (loadTime > 2000) {
                console.log('Warning: Page load time is above 2 seconds. Consider optimizing images and scripts.');
            }
            
            // Send page view to GA
            gtag('event', 'page_view', {
                'page_title': 'Quantum X Pro Product Page',
                'page_location': window.location.href,
                'page_path': '/produk/quantum-x-pro'
            });
        });
        
        // Track scroll depth
        let scrollTracked = {
            '25': false,
            '50': false,
            '75': false,
            '100': false
        };
        
        window.addEventListener('scroll', function() {
            const scrollPercent = Math.round((window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100);
            
            Object.keys(scrollTracked).forEach(threshold => {
                if (scrollPercent >= parseInt(threshold) && !scrollTracked[threshold]) {
                    scrollTracked[threshold] = true;
                    gtag('event', 'scroll_depth', {
                        'event_category': 'engagement',
                        'event_label': `${threshold}% scroll depth`,
                        'value': parseInt(threshold)
                    });
                }
            });
            
            animateOnScroll();
        });
        
        // Initialize animations
        window.addEventListener('DOMContentLoaded', () => {
            preloadImages();
            animateOnScroll();
        });
        
        // Accessibility: Make thumbnails keyboard accessible
        document.querySelectorAll('.thumbnail').forEach((thumbnail, index) => {
            thumbnail.setAttribute('tabindex', '0');
            thumbnail.setAttribute('role', 'button');
            thumbnail.setAttribute('aria-label', `View product image ${index + 1}`);
        });
        
        // Accessibility: Add visually-hidden class for screen readers
        const style = document.createElement('style');
        style.textContent = `
            .visually-hidden {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }
        `;
        document.head.appendChild(style);
    </script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"2474db7ae728478295928af6ee1c39eb","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/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"8247ab363f93493d9d763f27d288c0d5","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":"3113595d81f74bbdbb4b0a01bc2dd618","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":"eb05f07c7bac4f0fbbfc6cbf4c54c601","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":"4c8a5f800abd4cf384f6d0b129de0065","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":"4c8a5f800abd4cf384f6d0b129de0065","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>