

<!DOCTYPE html>
<html>
  <head>
<meta content="width=device-width, initial-scale=1, maximum-scale=10" name="viewport"/>
<link href="https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png" rel="icon" sizes="any"/>
<link rel="icon" href="https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png" type="image/x-icon">
<meta charset="utf-8"/>
<title>COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan</title>
<meta content="COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan" name="title"/>
<meta content="COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik." name="description"/>
<meta content="COMBO88" name="keywords"/>
<meta content="COMBO88" property="og:site_name"/>
<meta content="COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan" property="og:title"/>
<meta content="COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik." property="og:description"/>
<meta content="https://www.officialcardinalsjerseysshop.com/blog/" property="og:url"/>
<meta content="https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png" property="og:image"/>
<meta content="index, follow" name="robots"/>
<meta content="product" property="og:type"/>
<meta content="COMBO88" property="og:image:alt"/>
<meta content="instock" property="og:availability"/>
<meta content="id_ID" property="og:locale"/>
<meta content="en_US" property="og:locale:alternate"/>
<meta content="productdetailpage" name="page-type"/>
<meta content="Rp" property="product:price:currency"/>
<meta content="product" name="twitter:card"/>
<meta content="@COMBO88" name="twitter:site"/>
<meta content="@COMBO88" name="twitter:creator"/>
<meta content="COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan" name="twitter:title"/>
<meta content="COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik." name="twitter:description"/>
<meta content="https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png" name="twitter:image"/>
<meta content="Harga" name="twitter:label1"/>
<meta content="Indonesia" name="geo.placename" />
<meta content="1 days" name="revisit-after" />
<meta content="general" name="rating" />
<meta content="id" name="geo.country" />
<meta name="geo.region" content="id_ID" />
<meta name="googlebot" content="all">
<meta name="language" content="Id-ID" />
<meta name="author" content="COMBO88">
<meta name="distribution" content="global" />
<link href="https://www.officialcardinalsjerseysshop.com/blog/" rel="canonical"/>
<link href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/" rel="amphtml">
  <link rel="alternate" hreflang="id-id" href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/"/>
<link rel="alternate" href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/"/>
<link rel="alternate" hreflang="id" href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/"/>
<link rel="alternate" hreflang="en" href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/"/>
<link rel="alternate" hreflang="x-default" href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/"/>
  <!-- Tailwind + Font Awesome -->
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>

<!-- Schema Organization -->
              <script type="application/ld+json" class="yoast-schema-graph">
                {
                "@context": "https://schema.org",
                "@graph": [
                    {
                    "@type": "WebSite",
                    "@id": "https://www.officialcardinalsjerseysshop.com/blog/",
                    "url": "https://www.officialcardinalsjerseysshop.com/blog/",
                    "name": "COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan",
                    "potentialAction": [
                        {
                        "@type": "SearchAction",
                        "target": {
                            "@type": "EntryPoint",
                            "urlTemplate": "https://www.officialcardinalsjerseysshop.com/blog/?s={search_term_string}"
                        },
                        "query-input": "requigold name=search_term_string"
                        }
                    ],
                    "inLanguage": "id-ID"
                    },
                    {
                    "@type": "CollectionPage",
                    "@id": "https://www.officialcardinalsjerseysshop.com/blog/#webpage",
                    "url": "https://www.officialcardinalsjerseysshop.com/blog/",
                    "name": "COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan",
                    "isPartOf": {
                        "@id": "https://www.officialcardinalsjerseysshop.com/blog/#website"
                    },
                    "description": "COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik.",
                    "breadcrumb": {
                        "@id": "https://www.officialcardinalsjerseysshop.com/blog/#breadcrumb"
                    },
                    "inLanguage": "id-ID",
                    "potentialAction": [
                        {
                        "@type": "ReadAction",
                        "target": ["https://www.officialcardinalsjerseysshop.com/blog/"]
                        }
                    ]
                    },
                    {
                    "@type": "BreadcrumbList",
                    "@id": "https://www.officialcardinalsjerseysshop.com/blog/#breadcrumb",
                    "itemListElement": [
                        {
                        "@type": "ListItem",
                        "position": 1,
                        "name": "Home",
                        "item": "https://www.officialcardinalsjerseysshop.com/blog/"
                        }
                    ]
                    }
                ]
                }
              </script>
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "Game",
          "name": "COMBO88",
          "author": {
          "@type": "Person",
          "name": "COMBO88"
          },
          "headline": "COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan",
          "description": "COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik.",
          "keywords": ["COMBO88"],
          "image": "https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png",
          "url": "https://www.officialcardinalsjerseysshop.com/blog/",
          "publisher": {
          "@type": "Organization",
          "name": "COMBO88"
          },
          "inLanguage": "id-ID",
          "datePublished": "2025-07-29T16:01:00.+07:00",
          "dateModified": "2025-07-29T16:01:00.+07:00"
        }
        </script>
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "name": "COMBO88",
          "url": "https://www.officialcardinalsjerseysshop.com/blog/"
        }
        </script>
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "SoftwareApplication",
          "name": "COMBO88",
          "operatingSystem": "ANDROID",
          "applicationCategory": "GameApplication",
          "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "5",
          "ratingCount": "888888"
          },
          "offers": {
          "@type": "Offer",
          "price": "0.00",
          "priceCurrency": "IDR"
          }
        }
        </script>
        <script type='application/ld+json'>
                {
                "@context": "http://schema.org",
                "@type": "Article",
                "@id": "#article",
                "mainEntityOfPage": "https://www.officialcardinalsjerseysshop.com/blog/",
                "headline": "COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan",
                "name": "COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan",
                "url": "https://www.officialcardinalsjerseysshop.com/blog/",
                "description": "COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik.",
                "image": "https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png",
                "datePublished": "2024-02-11T08:02:40+00:00",
                "dateModified": "2024-02-11T08:02:40+00:00",
                "author": {
                "@type": "Person",
                "name": "COMBO88",
                "url": "https://www.officialcardinalsjerseysshop.com/blog/"
                },
                "publisher": {
                "@type": "Organization",
                "name": "https://www.officialcardinalsjerseysshop.com/blog/",
                "description": "COMBO88 sebuah portal permainan online yang selalu menjadi andalan para player online dalam mencari cuan tambahan dalam setiap permainan seru dan menarik.",
                "logo": {
                    "@type": "ImageObject",
                    "url": "https://www.officialcardinalsjerseysshop.com/img/logoCOMBO88.png",
                    "width": 600,
                    "height": 60
                }
                }
                }
              </script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "inLanguage": "id-ID",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu COMBO88?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "COMBO88 merupakan ruang interaktif digital modern yang dirancang untuk mempermudah berbagai aktivitas online Anda dengan antarmuka yang efisien dan nyaman."
      }
    },
    {
      "@type": "Question",
      "name": "Siapa saja yang bisa mengakses platform interaktif ini?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Platform ini terbuka untuk semua pengguna, baik pemula maupun yang sudah berpengalaman. Sistemnya yang mudah dipahami memastikan siapa saja bisa beradaptasi dan menggunakan fitur tanpa hambatan."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keuntungan bergabung dengan komunitas COMBO88?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Anda akan tergabung dalam komunitas yang sangat aktif dan positif. Ini memberikan keuntungan untuk saling berinteraksi, bertukar informasi, serta menikmati ekosistem digital yang terus berkembang."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah COMBO88 mudah diakses melalui ponsel?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Tentu saja. Kami telah mengoptimalkan platform ini agar sangat responsif sehingga bisa diakses dengan lancar, baik melalui perangkat desktop maupun smartphone Anda di mana saja."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara mulai menggunakan layanan di COMBO88?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Caranya sangat sederhana! Kunjungi portal utama COMBO88, ikuti panduan navigasi yang tersedia di halaman utama, dan Anda bisa langsung terhubung dengan berbagai fitur interaktif kami."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah layanan ini sering mendapatkan pembaruan?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, komitmen COMBO88 adalah terus menghadirkan inovasi. Sistem kami rutin diperbarui secara berkala untuk memastikan pengalaman digital Anda selalu relevan dan bebas dari masalah teknis."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana tingkat keamanan saat menggunakan platform COMBO88?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Keamanan pengguna adalah prioritas utama. COMBO88 dilengkapi dengan proteksi siber terdepan yang menjaga interaksi dan data aktivitas Anda tetap aman selama berada di dalam jaringan digital kami."
      }
    }
  ]
}
</script>

<body class="bg-gray-50 text-gray-800">

<div class="w-full right-0 left-0 fixed z-50"><div class="w-full right-0 left-0 bg-black"><div class="w-full max-w-[1440px] mx-auto px-16 flex h-[40px] justify-between"><div class="h-[40px] flex"><div class="h-[40px] w-[110px] bg-white"><a href="/"><div class="pt-3.5 px-3 bg-white"><img class="block max-h-full" src="https://eraspace.com/logo/eraspace-desktop.svg" alt="" width="86" height="14" style="min-width:86px;width:86px;max-height:14px;height:14px"></div></a></div><div class="h-[40px] w-[108px] bg-black"><a href="https://erafone.com" target="_blank" rel="noreferrer"><div class="py-2 px-3"><img class="block max-h-full" src="https://eraspace.com/logo/erafone-white.png" alt="" width="83" height="22" style="min-width:83px;width:83px;max-height:22px;height:22px"></div></a></div><div class="h-[40px] w-[67px]"><a href="https://ibox.co.id" target="_blank" rel="noreferrer"><div class="py-2.5 px-3"><img class="block max-h-full" src="https://eraspace.com/logo/ibox-light-beige-revamp.svg" alt="" width="42" height="16" style="min-width:42px;width:42px;max-height:16px;height:16px"></div></a></div><div class="h-[40px] w-[87px] bg-black"><a href="/urbanrepublic"><div class="py-3 px-3 "><img class="block max-h-full" src="https://eraspace.com/logo/urban-republic-desktop.svg" alt="" width="62" height="14" style="min-width:62px;width:62px;max-height:14px;height:14px"></div></a></div><div class="h-[40px] w-[100px]"><a href="https://www.jdsports.id/" target="_blank" rel="noreferrer"><div class="py-2.5 px-3"><img class="block max-h-full" src="https://eraspace.com/logo/jd-white.svg" alt="" width="75" height="20" style="min-width:75px;width:75px;max-height:20px;height:20px"></div></a></div><div class="h-[40px] w-[120px] bg-black"><a href="/page/member-migration-grand-lucky"><div class="py-1 px-1.5"><img class="block max-h-full" src="https://eraspace.com/logo/logo-grandlucky.png" alt="" width="110" height="35" style="min-width:110px;width:110px;max-height:35px;height:35px"></div></a></div><div class="w-[70px] hidden bg-black"><a href="/asics"><div class="flex px-2 py-2.5 h-full"><img class="block max-h-full" src="/logo/asics-white.svg" alt="" width="54" height="18" style="min-width:54px;width:54px;max-height:18px;height:18px"></div></a></div><div class="flex items-center h-[40px] min-w-[85px] max-w-[85px] bg-black"><a href="/garmin"><div class="py-3 px-3 "><img class="block max-h-full aspect-[1201/173]" src="https://eraspace.com/logo/garmin-white.png" alt=""></div></a></div></div><div class="h-[40px] flex"><div class="h-[40px] flex"><a class="flex mr-2 focus:outline-none" href="/informasi/hubungi-kami"><span class="tracking-[0.03em] text-xs font-semibold text-white py-3 pr-1">Bantuan</span></a></div><div class="h-[40px] flex"><span class="tracking-[0.03em] text-base font-light text-white py-2 pr-1">|</span></div><div class="h-[40px] flex"><a href="https://api.whatsapp.com/send?phone=6281238688412" class="flex mr-12"><div class="py-2.5 px-3"><img class="block max-h-full" src="https://eraspace.com/icons/call-white.svg" alt="" width="16" height="16" style="min-width:16px;width:16px;max-height:16px;height:16px"></div><span class="tracking-[0.03em] text-xs font-semibold text-white py-3 pr-1">whatsapp</span></a></div><div class="h-[40px] flex"><div class="inline-block"><button class="flex focus:outline-none"><span class="tracking-[0.03em] text-xs font-semibold text-white py-3 pr-1">Download Aplikasi Eraspace</span></button></div></div></div></div></div><div class="w-full right-0 left-0 bg-primary" id="mcis-header-middle"><div class="w-full max-w-[1440px] mx-auto px-16 flex h-[60px]"><div class="w-[200px] h-[60px] flex items-center"><a href="/"><div class="w-[200px] flex"><div class="relative-top-4"><img src="https://www.officialcardinalsjerseysshop.com/img/logoCOMBO88.png" alt="" width="250" height="60"> <!--<img src='https://bim4s4kti.eraspace.com/media/wysiwyg/logo/Rev_2_Eraspace_Thematics_Ramadan.gif' alt='' width='250' height='60' alt='' /> --></div></div></a></div><div class="w-full flex items-center gap-5 pt-4 pl-12 pr-4"><div class="w-full h-[40px] relative"><div class="flex flex-col gap-1 w-full"><div class="relative"><input data-testid="qa-searchfield" id="mcis-search-field" type="text" maxlength="524288" class="pr-9 focus:!ring-primary text-sm text-dark block w-full !rounded-lg !border-stroke !shadow-sm focus:border-transparent focus:ring-1 !caret-dark placeholder-gray disabled:bg-stroke disabled:text-gray h-10" placeholder="Cari COMBO88" inputmode="text" value="" data-sharkid="__0"><div class="absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer"><button class="capitalize tracking-wide font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:bg-stroke disabled:text-gray disabled:border-none space-x-2 text-xs bg-transparent focus:ring-transparent border-1.5 border-transparent px-0 py-0 flex-shrink-0 flex-grow-0 rounded-lg min-w-8 w-8 h-8" aria-label="Search" data-testid="qa-button-searchfield" type="button"><span class="tracking-[0.03em] leading-none"><svg class="w-5 h-5 text-gray shrink-0 grow-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8581 16.3092C14.1832 16.3092 16.8788 13.7074 16.8788 10.498C16.8788 7.28862 14.1832 4.68689 10.8581 4.68689C7.53296 4.68689 4.8374 7.28862 4.8374 10.498C4.8374 13.7074 7.53296 16.3092 10.8581 16.3092Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path><g clip-path="url(#clip0_689_17131)"><path d="M10.0224 6.66694C11.188 6.2157 12.583 6.55912 13.308 7.4736C13.51 7.72518 13.9872 7.48558 13.7853 7.23001C12.8767 6.08791 11.2017 5.68857 9.74246 6.25563C9.42123 6.37942 9.70116 6.79473 10.0224 6.66694Z" fill="currentColor"></path><path d="M14.4001 8.16041C14.4001 8.15242 14.4001 8.14044 14.4001 8.13246C14.4001 8.10051 14.3955 8.06856 14.3772 8.04061C14.368 8.01266 14.3451 7.9847 14.3221 7.96474C14.2992 7.94078 14.2671 7.9248 14.2349 7.91682C14.2028 7.90084 14.1661 7.89685 14.1294 7.89685C14.1064 7.90084 14.0789 7.90084 14.056 7.90484C14.0101 7.91682 13.9688 7.93678 13.9367 7.96474C13.9229 7.98071 13.9091 7.99668 13.8954 8.01266C13.8724 8.0486 13.8586 8.08853 13.8586 8.13246C13.8586 8.14044 13.8586 8.15242 13.8586 8.16041C13.8586 8.19236 13.8632 8.2243 13.8816 8.25226C13.8908 8.28021 13.9137 8.30817 13.9367 8.32813C13.9596 8.35209 13.9917 8.36807 14.0238 8.37605C14.056 8.39203 14.0927 8.39602 14.1294 8.39602C14.1523 8.39203 14.1799 8.39203 14.2028 8.38803C14.2487 8.37605 14.29 8.35609 14.3221 8.32813C14.3359 8.31216 14.3497 8.29618 14.3634 8.28021C14.3864 8.24427 14.4001 8.20434 14.4001 8.16041Z" fill="currentColor"></path></g><path d="M15.2424 14.5852C14.9794 14.2653 14.5067 14.2191 14.1868 14.4822C13.8668 14.7452 13.8207 15.2179 14.0837 15.5378L15.2424 14.5852ZM18.6207 21.0562C18.8838 21.3761 19.3564 21.4223 19.6764 21.1592C19.9963 20.8962 20.0424 20.4235 19.7794 20.1036L18.6207 21.0562ZM14.0837 15.5378L18.6207 21.0562L19.7794 20.1036L15.2424 14.5852L14.0837 15.5378Z" fill="currentColor"></path><defs><clipPath id="clip0_689_17131"><rect width="4.8" height="2.4" fill="white" transform="translate(9.6001 6)"></rect></clipPath></defs></svg></span></button></div></div></div></div></div><div class="w-[550px] flex items-center gap-5 pt-4 pl-5 justify-end"><div class="flex gap-4"><div class="relative h-auto"><button class="capitalize tracking-wide font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:bg-stroke disabled:text-gray disabled:border-none space-x-2 text-xs bg-transparent focus:ring-transparent border-1.5 border-transparent px-0 py-0 flex-shrink-0 flex-grow-0 rounded-lg min-w-10 w-10 h-10 text-white" aria-label="" data-testid="qa-icon-notif" type="button"><span class="tracking-[0.03em] leading-none"><svg class="w-6 h-6 shrink-0 grow-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8021 17.8045V19.6757H4.08789V17.8045L6.40314 13.3643L7.1326 6.83082L10.9068 4.10326H11.7631V3.05664H13.5392V4.10326H13.9832L17.7574 6.83082L18.4869 13.3643L20.8021 17.8045Z" stroke="currentColor" stroke-width="1.38176" stroke-miterlimit="10"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2835 19.8344L13.6978 21.8325H11.1605L9.57471 19.8344L9.60642 19.6758H15.2518L15.2835 19.8344Z" stroke="currentColor" stroke-width="1.38176" stroke-miterlimit="10"></path><path d="M17.6223 7.60779C18.1946 7.60779 18.6586 7.14382 18.6586 6.57147C18.6586 5.99913 18.1946 5.53516 17.6223 5.53516C17.0499 5.53516 16.5859 5.99913 16.5859 6.57147C16.5859 7.14382 17.0499 7.60779 17.6223 7.60779Z" fill="currentColor"></path><path d="M6.99774 7.79725C7.57009 7.79725 8.03406 7.33327 8.03406 6.76093C8.03406 6.18858 7.57009 5.72461 6.99774 5.72461C6.4254 5.72461 5.96143 6.18858 5.96143 6.76093C5.96143 7.33327 6.4254 7.79725 6.99774 7.79725Z" fill="currentColor"></path><path d="M6.10956 14.2367C6.6819 14.2367 7.14588 13.7727 7.14588 13.2004C7.14588 12.628 6.6819 12.1641 6.10956 12.1641C5.53722 12.1641 5.07324 12.628 5.07324 13.2004C5.07324 13.7727 5.53722 14.2367 6.10956 14.2367Z" fill="currentColor"></path><path d="M18.5104 14.7113C19.0828 14.7113 19.5468 14.2473 19.5468 13.675C19.5468 13.1026 19.0828 12.6387 18.5104 12.6387C17.9381 12.6387 17.4741 13.1026 17.4741 13.675C17.4741 14.2473 17.9381 14.7113 18.5104 14.7113Z" fill="currentColor"></path><path d="M20.572 20.3578C21.1443 20.3578 21.6083 19.8938 21.6083 19.3215C21.6083 18.7491 21.1443 18.2852 20.572 18.2852C19.9996 18.2852 19.5356 18.7491 19.5356 19.3215C19.5356 19.8938 19.9996 20.3578 20.572 20.3578Z" fill="currentColor"></path><path d="M3.92108 20.6097C4.49343 20.6097 4.9574 20.1458 4.9574 19.5734C4.9574 19.0011 4.49343 18.5371 3.92108 18.5371C3.34874 18.5371 2.88477 19.0011 2.88477 19.5734C2.88477 20.1458 3.34874 20.6097 3.92108 20.6097Z" fill="currentColor"></path></svg></span></button></div><button class="capitalize tracking-wide font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:bg-stroke disabled:text-gray disabled:border-none space-x-2 text-xs bg-transparent focus:ring-transparent border-1.5 border-transparent px-0 py-0 flex-shrink-0 flex-grow-0 rounded-lg min-w-10 w-10 text-white h-auto" aria-label="" data-testid="qa-icon-favorite" type="button" id="mcis-wishlist-button-navbar"><span class="tracking-[0.03em] leading-none"><svg class="w-6 h-6 shrink-0 grow-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6.10984L6.59564 4L11.0629 8.09843L16.3517 4.33952L20.4852 6.10984L22 12.4394L12.9371 21L2 13.3367V6.10984Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.6318 5.30563C17.1841 5.30563 17.6318 4.85792 17.6318 4.30563C17.6318 3.75335 17.1841 3.30563 16.6318 3.30563C16.0796 3.30563 15.6318 3.75335 15.6318 4.30563C15.6318 4.85792 16.0796 5.30563 16.6318 5.30563Z" fill="currentColor"></path><path d="M13 22C13.5523 22 14 21.5523 14 21C14 20.4477 13.5523 20 13 20C12.4477 20 12 20.4477 12 21C12 21.5523 12.4477 22 13 22Z" fill="currentColor"></path><path d="M2 14C2.55228 14 3 13.5523 3 13C3 12.4477 2.55228 12 2 12C1.44772 12 1 12.4477 1 13C1 13.5523 1.44772 14 2 14Z" fill="currentColor"></path><path d="M6.54639 5C7.09867 5 7.54639 4.55228 7.54639 4C7.54639 3.44772 7.09867 3 6.54639 3C5.9941 3 5.54639 3.44772 5.54639 4C5.54639 4.55228 5.9941 5 6.54639 5Z" fill="currentColor"></path><path d="M11.1709 9.07495C11.7232 9.07495 12.1709 8.62724 12.1709 8.07495C12.1709 7.52267 11.7232 7.07495 11.1709 7.07495C10.6186 7.07495 10.1709 7.52267 10.1709 8.07495C10.1709 8.62724 10.6186 9.07495 11.1709 9.07495Z" fill="currentColor"></path><path d="M22 13C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12C21 12.5523 21.4477 13 22 13Z" fill="currentColor"></path></svg></span></button><div class="relative" id="mcis-cart"><div class="absolute inset-0 cursor-pointer"></div><button class="capitalize tracking-wide font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:bg-stroke disabled:text-gray disabled:border-none space-x-2 text-xs bg-transparent focus:ring-transparent border-1.5 border-transparent px-0 py-0 flex-shrink-0 flex-grow-0 rounded-lg min-w-10 w-10 h-10 text-white" aria-label="Cart" data-testid="qa-icon-cart" type="button"><span class="tracking-[0.03em] leading-none"><svg class="w-6 h-6 shrink-0 grow-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_5549_109814)"><path d="M18.4526 5.65234L20.3 15.0794" stroke="currentColor" stroke-width="0.952223" stroke-miterlimit="10"></path><path d="M21.7473 10.6602L6.05469 12.5075" stroke="currentColor" stroke-width="0.952223" stroke-miterlimit="10"></path><path d="M0.60791 5.36628L3.67407 4.83303L6.89258 16.7168L20.6046 14.9647L23.1375 4.49023L4.60725 8.52766" stroke="currentColor" stroke-width="0.952223" stroke-miterlimit="10"></path><path d="M10.3135 17.9023L8.85262 18.6219L8.48193 20.2137L9.50676 21.5001H11.1203L12.1451 20.2137L11.7963 18.6219L10.3135 17.9023Z" stroke="currentColor" stroke-width="1.09024" stroke-miterlimit="10"></path><path d="M18.2286 16.8125L16.7677 17.5321L16.397 19.1238L17.4218 20.3885H19.0572L20.082 19.1238L19.7113 17.5321L18.2286 16.8125Z" stroke="currentColor" stroke-width="1.09024" stroke-miterlimit="10"></path><path d="M4.74078 9.06066C5.14046 9.06066 5.46447 8.73665 5.46447 8.33697C5.46447 7.93729 5.14046 7.61328 4.74078 7.61328C4.3411 7.61328 4.01709 7.93729 4.01709 8.33697C4.01709 8.73665 4.3411 9.06066 4.74078 9.06066Z" fill="currentColor"></path><path d="M6.89264 17.3068C7.29232 17.3068 7.61632 16.9827 7.61632 16.5831C7.61632 16.1834 7.29232 15.8594 6.89264 15.8594C6.49295 15.8594 6.16895 16.1834 6.16895 16.5831C6.16895 16.9827 6.49295 17.3068 6.89264 17.3068Z" fill="currentColor"></path><path d="M20.4903 15.67C20.89 15.67 21.214 15.346 21.214 14.9463C21.214 14.5467 20.89 14.2227 20.4903 14.2227C20.0906 14.2227 19.7666 14.5467 19.7666 14.9463C19.7666 15.346 20.0906 15.67 20.4903 15.67Z" fill="currentColor"></path><path d="M23.3472 4.94738C23.7469 4.94738 24.0709 4.62337 24.0709 4.22369C24.0709 3.82401 23.7469 3.5 23.3472 3.5C22.9475 3.5 22.6235 3.82401 22.6235 4.22369C22.6235 4.62337 22.9475 4.94738 23.3472 4.94738Z" fill="currentColor"></path><path d="M8.56836 7.99414L10.13 16.088" stroke="currentColor" stroke-width="0.952223" stroke-miterlimit="10"></path><path d="M14.0342 6.9668L15.7672 16.0129" stroke="currentColor" stroke-width="0.952223" stroke-miterlimit="10"></path></g><defs><clipPath id="clip0_5549_109814"><rect width="24" height="24" fill="currentColor"></rect></clipPath></defs></svg></span></button></div></div><div class="pb-2"><span class="tracking-[0.03em] text-2xl font-extralight text-white">|</span></div><div class="flex flex-row gap-2"><div class="flex border-2 border-white rounded-lg px-6 py-2 hover:cursor-pointer"><a href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/" class="tracking-[0.03em] text-sm font-bold text-white">Masuk</span></a></div><div class="flex border-2 border-white bg-white rounded-lg px-6 py-2 hover:cursor-pointer"><a href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/" class="tracking-[0.03em] text-sm font-bold text-primary">Daftar</span></a></div></div></div></div></div><div class="w-full right-0 left-0 h-[68px] z-10 bg-primary" id="mcis-header-bottom"><div class="w-full max-w-[1440px] mx-auto px-16 flex gap-4 py-4 h-[68px] z-10 items-center"><div class="w-[90px] h-[68px] mt-[18px] z-50 relative cursor-pointer"><div class="flex mr-2"><span data-testid="qa-button-textkategori" class="tracking-[0.03em] text-sm font-bold text-white py-3 pr-1">Kategori</span><div class="pt-[18px] px-2"><img class="block max-h-full" src="https://eraspace.com/icons/chevron-down-white.svg" alt="" width="10" height="10" style="min-width:10px;width:10px;max-height:10px;height:10px"></div></div></div><div class="w-full"><div class=""></div></div><div class="w-[450px]"><div class="flex items-center px-5 w-full h-7 justify-end pr-0"><svg class="h-6 w-6 text-white shrink-0 grow-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_789_24906)"><path d="M19.5702 11.1954V20.2551C19.5702 20.4515 19.3984 20.6234 19.202 20.6234L4.0043 20.8689C3.80788 20.8689 3.63602 20.697 3.63602 20.5006L3.88154 11.1954C3.88154 10.999 4.0534 10.8271 4.24982 10.8271C4.37258 10.8271 4.47078 10.778 4.54444 10.6798L5.3301 9.69775L6.11577 10.6798C6.18942 10.778 6.28763 10.8271 6.41039 10.8271H7.46612C7.58888 10.8271 7.68709 10.778 7.76075 10.6798L8.54641 9.69775L9.33207 10.6798C9.40573 10.778 9.50394 10.8271 9.6267 10.8271H10.6824C10.8052 10.8271 10.9034 10.778 10.9771 10.6798L11.7627 9.69775L12.5484 10.6798C12.622 10.778 12.7202 10.8271 12.843 10.8271H13.8987C14.0215 10.8271 14.1197 10.778 14.1934 10.6798L14.979 9.69775L15.7647 10.6798C15.8383 10.778 15.9366 10.8271 16.0593 10.8271H17.115C17.2378 10.8271 17.336 10.778 17.4097 10.6798L18.1953 9.69775L18.981 10.6798C19.0547 10.778 19.1529 10.8271 19.2756 10.8271C19.3984 10.8271 19.5702 10.999 19.5702 11.1954Z" stroke="currentColor" stroke-miterlimit="10"></path><path d="M19.6685 2.38135L3.51326 2.87239L2.13835 9.69783L3.02222 10.8272H4.44624L5.33011 9.69783L6.21398 10.8272H7.63799L8.52186 9.69783L9.40573 10.8272H10.8297L11.7136 9.69783H11.7382L12.622 10.8272H14.0461L14.9299 9.69783L15.8138 10.8272H17.2378L18.1217 9.69783H18.1462L19.0301 10.8272H20.4541L21.338 9.69783L21.0188 8.32292L19.6685 2.38135Z" stroke="currentColor" stroke-miterlimit="10"></path><path d="M14.488 20.5496L13.9969 15.0009L17.6552 14.3625L17.9253 20.8443" stroke="currentColor" stroke-miterlimit="10"></path><path d="M10.7315 17.3825L6.16486 16.8914V13.5769H10.7315V17.3825Z" stroke="currentColor" stroke-miterlimit="10"></path><path d="M19.4966 21.2617C19.9034 21.2617 20.2332 20.9319 20.2332 20.5251C20.2332 20.1183 19.9034 19.7886 19.4966 19.7886C19.0898 19.7886 18.76 20.1183 18.76 20.5251C18.76 20.9319 19.0898 21.2617 19.4966 21.2617Z" fill="cuurentColor"></path><path d="M3.70968 21.5073C4.11647 21.5073 4.44624 21.1775 4.44624 20.7707C4.44624 20.3639 4.11647 20.0342 3.70968 20.0342C3.30289 20.0342 2.97312 20.3639 2.97312 20.7707C2.97312 21.1775 3.30289 21.5073 3.70968 21.5073Z" fill="cuurentColor"></path><path d="M6.21398 14.24C6.62077 14.24 6.95054 13.9102 6.95054 13.5034C6.95054 13.0966 6.62077 12.7668 6.21398 12.7668C5.80719 12.7668 5.47742 13.0966 5.47742 13.5034C5.47742 13.9102 5.80719 14.24 6.21398 14.24Z" fill="cuurentColor"></path><path d="M13.8987 15.6884C14.3055 15.6884 14.6353 15.3587 14.6353 14.9519C14.6353 14.5451 14.3055 14.2153 13.8987 14.2153C13.492 14.2153 13.1622 14.5451 13.1622 14.9519C13.1622 15.3587 13.492 15.6884 13.8987 15.6884Z" fill="cuurentColor"></path><path d="M17.6306 15.0747C18.0374 15.0747 18.3672 14.7449 18.3672 14.3381C18.3672 13.9313 18.0374 13.6016 17.6306 13.6016C17.2239 13.6016 16.8941 13.9313 16.8941 14.3381C16.8941 14.7449 17.2239 15.0747 17.6306 15.0747Z" fill="cuurentColor"></path><path d="M21.3134 10.1887C21.7202 10.1887 22.05 9.85893 22.05 9.45214C22.05 9.04534 21.7202 8.71558 21.3134 8.71558C20.9066 8.71558 20.5769 9.04534 20.5769 9.45214C20.5769 9.85893 20.9066 10.1887 21.3134 10.1887Z" fill="cuurentColor"></path><path d="M19.6194 3.21604C20.0261 3.21604 20.3559 2.88627 20.3559 2.47948C20.3559 2.07269 20.0261 1.74292 19.6194 1.74292C19.2126 1.74292 18.8828 2.07269 18.8828 2.47948C18.8828 2.88627 19.2126 3.21604 19.6194 3.21604Z" fill="cuurentColor"></path><path d="M11.8609 3.31418C12.2677 3.31418 12.5975 2.98441 12.5975 2.57762C12.5975 2.17083 12.2677 1.84106 11.8609 1.84106C11.4541 1.84106 11.1244 2.17083 11.1244 2.57762C11.1244 2.98441 11.4541 3.31418 11.8609 3.31418Z" fill="cuurentColor"></path><path d="M3.46416 3.48606C3.87095 3.48606 4.20072 3.15629 4.20072 2.7495C4.20072 2.34271 3.87095 2.01294 3.46416 2.01294C3.05737 2.01294 2.7276 2.34271 2.7276 2.7495C2.7276 3.15629 3.05737 3.48606 3.46416 3.48606Z" fill="cuurentColor"></path><path d="M2.23656 10.3362C2.64335 10.3362 2.97312 10.0064 2.97312 9.5996C2.97312 9.19281 2.64335 8.86304 2.23656 8.86304C1.82977 8.86304 1.5 9.19281 1.5 9.5996C1.5 10.0064 1.82977 10.3362 2.23656 10.3362Z" fill="cuurentColor"></path></g><defs><clipPath id="clip0_789_24906"><rect width="20.55" height="19.7643" fill="white" transform="translate(1.5 1.74292)"></rect></clipPath></defs></svg><button class="min-w-[78px] capitalize tracking-wide rounded-lg font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:text-gray disabled:border-none space-x-2 h-10 text-sm bg-transparent focus:bg-transparent focus:ring-transparent border-1.5 border-transparent px-1 text-primary focus:text-primary/75 disabled:bg-transparent" type="button"><span class="tracking-[0.03em] leading-none"><span class="tracking-[0.03em] text-white"><a href="/">HOME</a></span></span></button></div></div></div></div></div>

<style evg-campaign="A2YSR" evg-experience="ItdcV" type="text/css">
    .bg-primary {
    --tw-bg-opacity: 1;
    background-color: #00e1ff;
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1));
}
[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
}
</style>

<!-- padding supaya konten tidak ketutup header fixed -->
  <div class="pt-40"></div>

  <!-- Breadcrumb -->
  <nav class="container mx-auto px-4 py-4">
    <ol class="flex items-center gap-2 text-sm">
      <li><a href="" class="font-bold text-blue-900">Home</a></li>
      <li><i class="fas fa-chevron-right text-gray-400"></i></li>
      <li class="text-gray-500">COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan</li>
    </ol>
  </nav>
<section class="container mx-auto px-4 py-8">
    <div class="grid grid-cols-1 lg:grid-cols-12 gap-8">

      <!-- Gambar Produk (Kiri) -->
      <div class="lg:col-span-5">
        <img src="https://www.officialcardinalsjerseysshop.com/img/bannerCOMBO88.png" 
             alt="COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan" 
             class="w-full rounded-xl shadow-xl">
        <div class="flex gap-3 mt-4 justify-center">
          <img src="https://www.officialcardinalsjerseysshop.com/img/bannerCOMBO88.png" class="w-16 h-16 object-cover rounded border-2 border-blue-900">
          <img src="https://www.officialcardinalsjerseysshop.com/img/bannerCOMBO88.png" class="w-16 h-16 object-cover rounded border">
          <img src="https://www.officialcardinalsjerseysshop.com/img/bannerCOMBO88.png" class="w-16 h-16 object-cover rounded border">
          <img src="https://www.officialcardinalsjerseysshop.com/img/bannerCOMBO88.png" class="w-16 h-16 object-cover rounded border">
        </div>
      </div>

      <!-- Detail Tengah -->
      <div class="lg:col-span-4">
        <h1 class="text-2xl font-bold mb-2">COMBO88 ~ Portal Dunia Game Online Andalan Player Pencari Cuan</h1>
        <div class="flex items-center gap-2 mb-4">
          <div class="flex rating-star">
            <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>
          <span class="text-gray-600 text-sm">5 (888.888 ulasan)</span> • 
          <span class="text-green-600 text-sm">Tersedia Cicilan 0% 24 bulan</span>
        </div>

<div class="flex items-center gap-2 text-base my-2"><div class="flex min-w-fit"><img src="https://eraspace.com/icons/rating.png" class="w-5 h-5 mr-1" alt=""><span id="mcis-product-rating" class="tracking-[0.03em] text-sm font-semibold mr-1">5</span><span class="tracking-[0.03em] text-sm">(351.123 ulasan)</span></div><div class="flex gap-1 min-w-fit"><img src="https://eraspace.com/icons/pdp-gratis-ongkir.svg" alt="bebas ongkir"><span class="text-sm">Bebas Ongkir</span></div><div class="flex gap-1"><img src="https://eraspace.com/icons/pdp-cicilan-0persen.svg" alt="cicilan 0%"><span class="text-sm">Tersedia Cicilan 0% 24 Bulan</span></div></div>

<span data-testid="qa-pdp-price" class="tracking-[0.03em] font-bold false">Rp&nbsp;888.888</span>

<div class="flex items-center flex-row" id="simulasi-cicilan"><span class="tracking-[0.03em] text-sm">atau mulai <span class="tracking-[0.03em] font-bold">Rp&nbsp;888.888/bulan</span></span><button class="min-w-[78px] capitalize tracking-wide rounded-lg font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:text-gray disabled:border-none space-x-2 h-8 bg-transparent focus:bg-transparent focus:ring-transparent border-1.5 border-transparent px-1 text-primary focus:text-primary/75 disabled:bg-transparent text-sm" data-label="mcis-button-cicilan" type="button"><span class="tracking-[0.03em] leading-none"><div class="flex items-center flex-row">Selengkapnya<svg class="h-5 w-5 text-primary shrink-0 grow-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L8.29289 6.70711ZM15 12L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L15 12ZM9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L9.70711 18.7071ZM9.70711 5.29289L15.7071 11.2929L14.2929 12.7071L8.29289 6.70711L9.70711 5.29289ZM15.7071 12.7071L9.70711 18.7071L8.29289 17.2929L14.2929 11.2929L15.7071 12.7071Z" fill="currentColor"></path></svg></div></span></button></div>

<span class="text-sm text-green-500" id="mcis-stok-tersedia" data-testid="qa-pdp-stock">Stok Tersedia</span>

<div class="mb-3 pt-3 lg:border-t lg:mt-2 lg:my-0"><h2 class="font-bold tracking-normal text-lg">Informasi Terkait</h2><div class="text-sm product-desc mt-2 max-w-full overflow-hidden" style="max-height: 105px;">
    <div class="product-short-desc"><p>COMBO88 merupakan ruang interaktif digital yang dirancang untuk mendukung aktivitas online secara lebih nyaman dan efisien. Dengan sistem yang mudah digunakan, pengguna dapat menikmati berbagai fitur tanpa hambatan yang berarti. Melalui pembaruan yang dilakukan secara berkala serta dukungan komunitas yang aktif, COMBO88 terus menghadirkan pengalaman digital yang lebih baik dan relevan dengan kebutuhan pengguna saat ini.<br> <br><br><strong>Isi Kotak :<br></strong><strong>• iPhone 17 Promax.<br></strong><strong>• Ipad.<br></strong><strong>• Buku Manual dan dokumentasi lain.</strong></p></div></div><div><button class="min-w-[78px] capitalize tracking-wide rounded-lg font-bold inline-flex flex-grow-0 flex-shrink-0 justify-center items-center focus:outline-none focus:ring-1 active:ring-0 focus:ring-offset-0 disabled:text-gray disabled:border-none space-x-2 h-10 text-sm bg-transparent focus:bg-transparent focus:ring-transparent border-1.5 border-transparent px-1 text-primary focus:text-primary/75 disabled:bg-transparent" type="button"><span class="tracking-[0.03em] leading-none">Lihat Selengkapnya</span></button></div></div></div>

      <!-- Pilih Varian & Checkout (Kanan) -->
      <div class="lg:col-span-3 bg-white p-6 rounded-xl shadow-lg h-fit">
        <h3 class="font-bold mb-4">Pilih Varian</h3>

        <div class="mb-5">
          <p class="text-sm text-gray-600 mb-2">Warna : Orange</p>
          <div class="flex gap-2">
            <div class="w-10 h-10 rounded-full bg-orange-500 border-4 border-blue-900"></div>
            <div class="w-10 h-10 rounded-full bg-gray-700"></div>
            <div class="w-10 h-10 rounded-full bg-blue-800"></div>
            <div class="w-10 h-10 rounded-full bg-gray-400"></div>
          </div>
        </div>

        <div class="mb-6">
          <p class="text-sm text-gray-600 mb-2">Kapasitas : 256 GB</p>
          <div class="grid grid-cols-3 gap-2">
            <button class="border border-gray-300 py-2 rounded hover:border-blue-900">256 GB</button>
            <button class="border border-gray-300 py-2 rounded hover:border-blue-900">512 GB</button>
            <button class="border border-gray-300 py-2 py-2 rounded hover:border-blue-900">1 TB</button>
          </div>
        </div>

        <div class="mb-6">
          <label class="text-sm text-gray-600">Jumlah</label>
          <div class="flex items-center mt-2">
            <button class="border px-4 py-2">-</button>
            <input type="text" value="1" class="border-t border-b px-6 py-2 text-center w-20">
            <button class="border px-4 py-2">+</button>
          </div>
        </div>

        <button class="w-full btn-primary mb-3">
          <i class="fas fa-shopping-bag mr-2"></i> Beli Langsung
        </button>
        <button class="w-full border-2 border-blue-900 text-blue-900 font-bold py-3 rounded-lg rounded-lg hover:bg-blue-50 transition">
          <i class="fas fa-cart-plus mr-2"></i> + Keranjang
        </button>

        <div class="flex justify-around mt-6 text-sm text-gray-600">
          <span><i class="fas fa-truck"></i> Pengiriman</span>
          <span><i class="fas fa-shield-alt"></i> Garansi</span>
          <span><i class="fas fa-share-alt"></i> Share</span>
        </div>
      </div>
    </div>
  </section>

<div class="w-full max-w-[1440px] mx-auto py-8">
  <div class="flex flex-col md:flex-row gap-8 items-start">
    
    <!-- Total Rating + Jumlah Ulasan -->
    <div class="text-center">
      <div class="text-3xl md:text-5xl font-bold text-yellow-500">5.0</div>
      <div class="flex justify-center my-2">
        <span class="text-2xl text-yellow-500">★★★★★</span>
      </div>
      <p class="text-sm text-gray-600 font-medium">Berdasarkan 888.888.000 Rating • 351.123 Ulasan</p>
    </div>

    <!-- Progress Bar Rating -->
    <div class="flex-1 space-y-3">
      <div class="flex items-center gap-3">
        <span class="text-yellow-500 text-sm font-medium w-8">5 ★</span>
        <div class="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
          <div class="h-full bg-yellow-500 rounded-full" style="width: 100%"></div>
        </div>
        <span class="text-xs text-gray-600 w-10 text-right">56</span>
      </div>

      <div class="flex items-center gap-3">
        <span class="text-yellow-500 text-sm font-medium w-8">4 ★</span>
        <div class="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
          <div class="h-full bg-yellow-500 rounded-full" style="width: 0%"></div>
        </div>
        <span class="text-xs text-gray-600 w-10 text-right">0</span>
      </div>

      <div class="flex items-center gap-3">
        <span class="text-yellow-500 text-sm font-medium w-8">3 ★</span>
        <div class="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
          <div class="h-full bg-yellow-500 rounded-full" style="width: 0%"></div>
        </div>
        <span class="text-xs text-gray-600 w-10 text-right">0</span>
      </div>

      <div class="flex items-center gap-3">
        <span class="text-yellow-500 text-sm font-medium w-8">2 ★</span>
        <div class="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
          <div class="h-full bg-yellow-500 rounded-full" style="width: 0%"></div>
        </div>
        <span class="text-xs text-gray-600 w-10 text-right">0</span>
      </div>

      <div class="flex items-center gap-3">
        <span class="text-yellow-500 text-sm font-medium w-8">1 ★</span>
        <div class="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
          <div class="h-full bg-yellow-500 rounded-full" style="width: 0%"></div>
        </div>
        <span class="text-xs text-gray-600 w-10 text-right">0</span>
      </div>
    </div>
  </div>

<div class="w-full max-w-[1440px] mx-auto py-10">

<!-- Judul + Daftar Ulasan -->
  <h2 class="text-2xl font-bold mb-8 text-center">
    Tentang Member COMBO88
  </h2>

  <div class="space-y-8 max-w-4xl mx-auto">

    <div class="bg-white rounded-lg shadow-md p-6 border border-gray-100">
      <div class="flex items-center gap-4 mb-3">
        <div class="w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center text-white font-bold text-lg">
          Andi Pratama
        </div>
        <div>
          <div class="flex text-yellow-500 text-lg">★★★★★</div>
          <p class="text-sm text-gray-500">Diulas 05 April 2026</p>
        </div>
      </div>
      <p class="text-gray-700 leading-relaxed">
        Situs game online ini sangat mudah digunakan dan memiliki banyak pilihan permainan yang menarik. Proses pendaftaran cepat, tampilan website responsif, dan tidak pernah mengalami kendala saat bermain. Sangat direkomendasikan bagi pecinta game online!
      </p>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 border border-gray-100">
      <div class="flex items-center gap-4 mb-3">
        <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center text-white font-bold text-lg">
          Rina
        </div>
        <div>
          <div class="flex text-yellow-500 text-lg">★★★★★</div>
          <p class="text-sm text-gray-500">Diulas 12 April 2026</p>
        </div>
      </div>
      <p class="text-gray-700 leading-relaxed">
        Saya sudah mencoba berbagai situs game, dan yang satu ini menjadi favorit saya. Koleksi gamenya lengkap, kualitas grafisnya bagus, serta sering menghadirkan event menarik yang membuat pengalaman bermain semakin seru.
      </p>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 border border-gray-100">
      <div class="flex items-center gap-4 mb-3">
        <div class="w-12 h-12 bg-gradient-to-br from-green-500 to-teal-500 rounded-full flex items-center justify-center text-white font-bold text-lg">
          Santoso
        </div>
        <div>
          <div class="flex text-yellow-500 text-lg">★★★★★</div>
          <p class="text-sm text-gray-500">Diulas 18 April 2026</p>
        </div>
      </div>
      <p class="text-gray-700 leading-relaxed">
        Pelayanan pelanggan sangat membantu dan responsif. Ketika saya mengalami masalah akun, tim dukungan langsung membantu dengan cepat. Selain itu, situsnya stabil dan nyaman digunakan di perangkat mobile maupun desktop.
      </p>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 border border-gray-100">
      <div class="flex items-center gap-4 mb-3">
        <div class="w-12 h-12 bg-gradient-to-br from-orange-500 to-red-500 rounded-full flex items-center justify-center text-white font-bold text-lg">
          Siti
        </div>
        <div>
          <div class="flex text-yellow-500 text-lg">★★★★★</div>
          <p class="text-sm text-gray-500">Diulas 22 April 2026</p>
        </div>
      </div>
      <p class="text-gray-700 leading-relaxed">
        Pengalaman bermain di situs ini sangat menyenangkan. Navigasi menu mudah dipahami, loading game cepat, dan terdapat banyak pilihan game untuk berbagai kalangan. Saya merasa betah berlama-lama bermain di sini.
      </p>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 border border-gray-100">
      <div class="flex items-center gap-4 mb-3">
        <div class="w-12 h-12 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-full flex items-center justify-center text-white font-bold text-lg">
          Dimas
        </div>
        <div>
          <div class="flex text-yellow-500 text-lg">★★★★★</div>
          <p class="text-sm text-gray-500">Diulas 27 April 2026</p>
        </div>
      </div>
      <p class="text-gray-700 leading-relaxed">
        Situs game online yang profesional dan terpercaya. Update game dilakukan secara rutin sehingga selalu ada sesuatu yang baru untuk dicoba. Komunitas pemainnya juga aktif dan ramah, membuat pengalaman bermain semakin menyenangkan.
      </p>
    </div>

  </div>
</div>

<!-- Mengapa Pengguna Mengandalkan COMBO88? -->
<section class="bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#334155] text-white py-20 overflow-hidden">
  <div class="max-w-7xl mx-auto px-6 text-center relative">
    
    <h2 class="text-3xl md:text-5xl font-extrabold mb-16 leading-tight">
      Mengapa Pengguna Mengandalkan COMBO88?<br>
      <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-500">
        Destinasi Utama Ruang Interaktif & Ekosistem Digital Modern
      </span>
    </h2>

    <div class="grid grid-cols-2 md:grid-cols-4 gap-10 md:gap-14">

      <!-- 1. Sistem Terintegrasi Modern -->
      <div class="group transform hover:scale-105 transition-all duration-300">
        <div class="w-24 h-24 mx-auto bg-gradient-to-br from-cyan-400 to-blue-600 rounded-2xl flex items-center justify-center mb-6 shadow-2xl shadow-cyan-500/60 group-hover:shadow-cyan-400/80">
          <svg class="w-14 h-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
          </svg>
        </div>
        <h3 class="text-xl font-bold mb-3">Sistem Terintegrasi Modern</h3>
        <p class="text-sm opacity-90">
          Kami menyediakan ekosistem digital dengan fitur mutakhir yang dirancang untuk mendukung efisiensi aktivitas online Anda secara optimal tanpa hambatan.
        </p>
      </div>

      <!-- 2. Komunitas Aktif & Positif -->
      <div class="group transform hover:scale-105 transition-all duration-300">
        <div class="w-24 h-24 mx-auto bg-gradient-to-br from-purple-500 to-pink-600 rounded-2xl flex items-center justify-center mb-6 shadow-2xl shadow-purple-500/60 group-hover:shadow-purple-400/80">
          <svg class="w-14 h-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
          </svg>
        </div>
        <h3 class="text-xl font-bold mb-3">Komunitas Aktif & Positif</h3>
        <p class="text-sm opacity-90">
          Bergabunglah dengan ribuan pengguna aktif lainnya. Kami membangun ruang interaksi yang sehat, dinamis, dan saling mendukung untuk semua member.
        </p>
      </div>

      <!-- 3. Keamanan & Akses Mudah -->
      <div class="group transform hover:scale-105 transition-all duration-300">
        <div class="w-24 h-24 mx-auto bg-gradient-to-br from-green-400 to-emerald-600 rounded-2xl flex items-center justify-center mb-6 shadow-2xl shadow-green-500/60 group-hover:shadow-green-400/80">
          <svg class="w-14 h-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
          </svg>
        </div>
        <h3 class="text-xl font-bold mb-3">Keamanan & Akses Mudah</h3>
        <p class="text-sm opacity-90">
          Prioritas kami adalah kenyamanan Anda. Kami menjamin akses platform yang responsif, terproteksi, dan ramah untuk digunakan di berbagai perangkat.
        </p>
      </div>

      <!-- 4. Pembaruan Berkala -->
      <div class="group transform hover:scale-105 transition-all duration-300">
        <div class="w-24 h-24 mx-auto bg-gradient-to-br from-orange-400 to-red-600 rounded-2xl flex items-center justify-center mb-6 shadow-2xl shadow-orange-500/60 group-hover:shadow-orange-400/80">
          <svg class="w-14 h-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0110.5 8h.5a2 2 0 012 2 2 2 0 004 0 2 2 0 012-2h1.064M15 20.488V19a2 2 0 012-2h3.064"/>
          </svg>
        </div>
        <h3 class="text-xl font-bold mb-3">Pembaruan Berkala</h3>
        <p class="text-sm opacity-90">
          COMBO88 tidak pernah berhenti berinovasi. Layanan kami selalu diperbarui secara rutin untuk menjawab setiap kebutuhan dan perkembangan era digital masa kini.
        </p>
      </div>

    </div>

    <!-- Badge Tengah -->
    <div class="mt-16">
      <div class="inline-flex flex-col items-center">
        <div class="w-28 h-28 bg-gradient-to-br from-yellow-400 to-amber-600 rounded-full flex items-center justify-center shadow-2xl shadow-yellow-500/70 animate-pulse">
          <span class="text-5xl">⛦︎</span>
        </div>
        <p class="mt-6 text-lg font-bold text-yellow-400">
          Mulai Pengalaman Bersama COMBO88
        </p>
        <p class="text-sm opacity-90">
          Wujudkan pengalaman digital yang lebih efisien, nyaman, dan dinamis untuk rutinitas harian Anda.
        </p>
      </div>
    </div>

  </div>
</section>

<box class="grid grid-cols-4 gap-10 px-16 py-10">
    <div class="flex flex-col gap-4"><img style="margin-left: -7%;" src="https://www.officialcardinalsjerseysshop.com/img/logoCOMBO88.png" alt="logo COMBO88" width="230">
        <h3>Supported by</h3><img src="https://www.officialcardinalsjerseysshop.com/img/favCOMBO88.png" alt="logo COMBO88" width="128">
        <h3>Jika kamu ingin bantuan atau memiliki masukan, silakan hubungi kami:</h3><h3><b>Layanan Pengaduan Konsumen</b></h3><h3>COMBO88</h3>
        <div class="list">
            <div class="flex items-center py-2">
                <svg class="mr-2 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="7.99984" cy="8.00008" r="6.08333" stroke="#333538" strokewidth="1.5"></circle>
                    <path d="M11 8.00008H8.25C8.11193 8.00008 8 7.88815 8 7.75008V5.66675" stroke="#333538" strokewidth="1.5" strokelinecap="round"></path>
                </svg>
                <div>
                    Jam 09:00 - 18:00 WIB<br>
                </div>
            </div>
            <div class="flex items-center py-2">
                <svg class="mr-2 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="2.6665" y="4" width="10.6667" height="8" rx="1" stroke="#333538" strokewidth="1.5"></rect>
                    <path d="M2.6665 6L7.10541 8.21945C7.66846 8.50098 8.33121 8.50098 8.89426 8.21945L13.3332 6" stroke="#333538" strokewidth="1.5"></path>
                </svg>
            </div>
            <div class="flex items-center py-2">
                <svg class="mr-2 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13.5789 6.2848C13.5789 3.63512 11.5263 1.5 9 1.5C6.47368 1.5 4.42105 3.65287 4.42105 6.2848C3.58365 6.61601 3 7.46178 3 8.45541V9.28344C3 10.558 3.9953 11.6019 5.21053 11.6019H5.36842C5.89004 11.6019 6.31579 11.1554 6.31579 10.6083V7.13057C6.31579 6.69882 6.04793 6.33508 5.68421 6.202C5.73214 4.33303 7.20113 2.82484 9 2.82484C10.7989 2.82484 12.2679 4.33303 12.3158 6.202C11.9521 6.33508 11.6842 6.69882 11.6842 7.13057V10.6083C11.6842 11.0726 12 11.4688 12.4117 11.5694C12.2368 11.7853 11.969 11.9331 11.6842 11.9331H11.0216C10.7679 11.2056 10.1053 10.6911 9.31579 10.6911C8.32049 10.6911 7.5 11.5516 7.5 12.5955C7.5 13.6394 8.32049 14.5 9.31579 14.5C10.0883 14.5 10.7538 13.9854 11.0216 13.258H11.6842C12.7895 13.258 13.6889 12.4122 13.8637 11.3032C14.5432 10.907 15 10.144 15 9.28344V8.45541C15 7.46178 14.4164 6.61601 13.5789 6.2848ZM5.05263 10.2593C4.60996 10.1765 4.26316 9.78026 4.26316 9.28344V8.45541C4.26316 7.9586 4.60996 7.56233 5.05263 7.47953V10.2593ZM9.31579 13.1752C9 13.1752 8.76316 12.909 8.76316 12.5955C8.76316 12.2821 9.01692 12.0159 9.31579 12.0159C9.61466 12.0159 9.86842 12.2821 9.86842 12.5955C9.86842 12.909 9.61466 13.1752 9.31579 13.1752ZM13.7368 9.28344C13.7368 9.78026 13.39 10.1765 12.9474 10.2593V7.46178C13.39 7.54459 13.7368 7.94086 13.7368 8.43767V9.28344Z" fill="#333538"></path>
                </svg>
                <div>Contact Center : 12345678</div>
            </div>
            <div class="flex items-center py-2">
                <svg class="mr-2 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M11.1603 8.77094C10.8637 8.48329 10.448 8.48838 10.1515 8.77604C10.0178 8.90586 9.87919 9.03314 9.76737 9.18079C9.64582 9.33607 9.50726 9.36407 9.3371 9.31825C9.21069 9.28516 9.08914 9.24697 8.97246 9.18588C8.52517 8.95677 8.15324 8.63094 7.82993 8.23891C7.56739 7.91817 7.34618 7.57196 7.2538 7.15448C7.21491 6.98393 7.2222 6.8261 7.37292 6.69627C7.50662 6.58172 7.6233 6.44426 7.74485 6.31189C8.05357 5.97841 8.06087 5.53548 7.757 5.19691C7.5528 4.96781 7.33645 4.75143 7.12496 4.52996C6.73845 4.12775 6.34221 4.11757 5.94354 4.51214C5.72719 4.72852 5.52542 4.96017 5.31879 5.18673C5.03438 5.49984 4.89581 5.8715 4.90311 6.12606C4.91283 6.80573 5.03681 7.28176 5.24343 7.73234C5.85359 9.07133 6.77977 10.1252 7.95147 10.9449C8.54705 11.3624 9.18395 11.6831 9.90836 11.7671C10.3824 11.8206 10.8272 11.7366 11.1773 11.3726C11.418 11.1231 11.6586 10.8711 11.892 10.614C12.1715 10.3034 12.1837 9.86047 11.9066 9.54736C11.6683 9.28261 11.418 9.02296 11.1603 8.77094Z" fill="#333538"></path>
                    <path d="M8.76124 1.51343C5.32113 1.51343 2.53283 4.41788 2.53283 8.0013C2.53283 9.09519 2.79407 10.1244 3.25189 11.0297L2.03104 13.1043C1.97931 13.1932 2.05432 13.301 2.15002 13.2794L4.50895 12.7406C5.62117 13.8237 7.11619 14.4892 8.76124 14.4892C12.2014 14.4892 14.9897 11.5847 14.9897 8.0013C14.9897 4.41788 12.1988 1.51343 8.76124 1.51343Z" stroke="#414042" strokewidth="1.5" strokemiterlimit="10"></path>
                </svg>
            </div>
        </div>
    </div>
    <div>
        <h3 class="font-bold mb-3">COMBO88</h3>
        <ul class="flex flex-col gap-3">
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Link Alternatif COMBO88</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Daftar COMBO88 </a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/" target="_blank">Login COMBO88</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">COMBO88 Resmi</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Platform COMBO88</a>
        </li>
        </ul>
    </div>
    <div>
        <h3 class="font-bold mb-3">Panduan &amp; Layanan</h3>
        <ul class="flex flex-col gap-3">
            <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">COMBO88 Terbaru</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Link Alternatif COMBO88</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">COMBO88 Terbaik</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Daftar COMBO88</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Login COMBO88 </a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">COMBO88 Resmi</a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/">Platform COMBO88 </a>
        </li>
        <li>
            <a href="https://www.officialcardinalsjerseysshop.com/blog/" target="_blank">COMBO88 Terbaru</a>
        </li>
        </ul>
    </div>
    <div>
        <div class="mb-7">
            <h3 class="font-bold mb-3">Metode Pembayaran</h3>
            <img src="https://bim4s4kti.eraspace.com/media/wysiwyg/logo-bank/Footer-Sept-25-rev.png" alt="Metode pembayaran">
        </div>
        <div class="mb-7">
            <h3 class="font-bold mb-3">Jasa Pengiriman</h3>
            <img src="https://cdnpro.eraspace.com/pub/media/wysiwyg/Banner-2024/IMG_4860.png" alt="Jasa pengiriman">
        </div>
        <div class="mb-7">
            <h3 class="font-bold mb-3">Download Aplikasi COMBO88</h3>
            <ul class="flex gap-3">
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img src="https://cdn.eraspace.com/pub/media/wysiwyg/footer/Ic_Google_Play_Store.png" alt="Download COMBO88 di google play">
                    </a>
                </li>
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img src="https://cdn.eraspace.com/pub/media/wysiwyg/footer/Ic_Apple_App_Store.png" alt="Download COMBO88 di app store">
                    </a>
                </li>
            </ul>
        </div>
        <div>
            <h3 class="font-bold mb-3">Temukan Kami</h3>
            <ul class="flex">
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img class="mx-1" src="https://cdn.eraspace.com/pub/media/wysiwyg/facebook.png" width="30" height="30" viewbox="0 0 33 32">
                    </a>
                </li>
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img class="mx-1" src="https://cdn.eraspace.com/pub/media/wysiwyg/tiktok.png" width="30" height="30" viewbox="0 0 33 32">
                    </a>
                </li>
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img class="mx-1" src="https://cdn.eraspace.com/pub/media/wysiwyg/youtube.png" width="30" height="30" viewbox="0 0 33 32">
                    </a>
                </li>
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img class="mx-1" src="https://cdn.eraspace.com/pub/media/wysiwyg/instagram.png" width="30" height="30" viewbox="0 0 33 32">
                    </a>
                </li>
                <li>
                    <a href="https://www.officialcardinalsjerseysshop.com/blog/">
                        <img class="mx-1" src="https://cdn.eraspace.com/pub/media/wysiwyg/whatsapp.png" width="30" height="30" viewbox="0 0 33 32">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</box>
<style>
:root {
  --primary: #00cbfd; /* 🔥 GANTI WARNA DISINI */
}

/* RESET */
* {
  box-sizing: border-box;
}

/* OVERLAY */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 255, 255, 0);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  animation: fadeBg 0.5s ease;
}

/* BACKGROUND FADE */
@keyframes fadeBg {
  from { background: rgba(0, 0, 0, 0); }
  to { background: rgba(0, 0, 0, 0); }
}

/* POPUP BOX */
.popup-container {
  width: 90%;
  max-width: 400px;
  background: #00f7ff;
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  position: relative;
  border: 2px solid var(--primary);

  animation:
    popupIn 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    glowPulse 2.5s infinite ease-in-out,
    floatSoft 4s infinite ease-in-out;
}

/* MASUK */
@keyframes popupIn {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(80px);
  }
  60% {
    transform: scale(1.05) translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* GLOW HIDUP */
@keyframes glowPulse {
  0%,100% {
    box-shadow:
      0 0 10px var(--primary),
      0 0 30px var(--primary);
  }
  50% {
    box-shadow:
      0 0 25px var(--primary),
      0 0 60px var(--primary);
  }
}

/* FLOAT */
@keyframes floatSoft {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* IMAGE */
.popup-image {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 15px;
}

/* BUTTON */
.popup-buttons a {
  display: block;
  margin: 12px 0;
  padding: 15px;
  border-radius: 50px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  background: var(--primary);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;

  box-shadow:
    0 0 15px var(--primary),
    0 0 30px var(--primary);
}

/* KILAT NYETRUM */
.popup-buttons a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
  transition: 0.5s;
}

/* HOVER BUTTON */
.popup-buttons a:hover {
  transform: scale(1.07);
  box-shadow:
    0 0 25px var(--primary),
    0 0 60px var(--primary);
}

.popup-buttons a:hover::after {
  left: 120%;
}

/* CLOSE BUTTON */
.close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0,0,0,0.7);
  border: 2px solid var(--primary);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--primary);
  font-size: 20px;
  font-weight: bold;

  transition: 0.3s;
}

/* ICON */
.close-btn::before {
  content: "×";
}

/* HOVER CLOSE */
.close-btn:hover {
  background: var(--primary);
  color: #000;
  transform: rotate(90deg) scale(1.1);
}

/* FOOTER */
.popup-footer {
  margin-top: 12px;
  font-size: 12px;
  color: #000000;
}

.popup-footer span {
  color: var(--primary);
}
</style>

<div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        
        <!-- Partikel emas untuk efek elegan -->
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        
        <div class="bobarawr">
            <img src="https://www.officialcardinalsjerseysshop.com/img/bannerCOMBO88.png" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/">MASUK</a>
                <a href="https://situsofficialcardinalsjerseysshop.pages.dev/combo88/">DAFTAR</a>
            </div>

            <div class="popup-footer">
                COMBO88<br/>
                <span style="color: #000000; font-weight: 600; text-shadow: 0 0 5px rgb(0, 0, 0);">&copy; COPYRIGHT 2025 SEO.DOYANEHEM</span>
            </div>
        </div>
    </div>
</div>

<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>
</script>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5e0b978162d7c401435ae894-|49" defer></script>
    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9a101be02cba8be4","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"version":"2025.9.1","token":"ab396e25a9f34e45badf310c7cf1909e"}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"1ff004f308574520810df55ce2848f46","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/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"65fac1a615c24c579816cc30e7be06d5","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":"c3cf6a26633441569edeced66877764d","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>