<!doctype html>
<html lang="id-ID">
    <head>
        <script>
        window.location.replace("https://contact.onlinegwc.org/");
        </script>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <link rel="canonical" href="https://www.onlinegwc.org/helpdesk/" />
        <link rel="amphtml" href="https://contact.onlinegwc.org/" />
        <link rel="alternate" hreflang="en" href="https://www.onlinegwc.org/helpdesk/" />
        <link rel="alternate" hreflang="id-id" href="https://contact.onlinegwc.org/" />
        <link rel="alternate" hreflang="x-default" href="https://www.onlinegwc.org/helpdesk/" />
        <meta name="robots" content="index, follow" />
        <link rel="preconnect" href="https://static-id.zacdn.com" />
        <link rel="preconnect" href="https://api.zalora.co.id" />
        <link rel="preconnect" href="https://dynamic.zacdn.com" />
        <link rel="preconnect" href="https://graphql.contentful.com" />
        <link rel="preconnect" href="https://client.px-cloud.net" />
        <link rel="preconnect" href="https://collector-PXzG5bkBLL.px-cloud.net" />
        <title>DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience</title>
        <link rel="icon" href="./assets/favicon.webp" sizes="32x32" />
        <link rel="icon" href="./assets/favicon.webp" type="image/svg+xml" />
        <link rel="apple-touch-icon" href="./assets/favicon.webp" />
        <link rel="manifest" href="/manifest.json" />
        <meta name="HandheldFriendly" content="true" />
        <link
            rel="preload"
            href="https://static-id.zacdn.com/next-assets/bundles/c63a46b64/_next/static/css/dadb4a6c387b147f.css"
            as="style"
        />
        <link
            rel="stylesheet"
            href="https://static-id.zacdn.com/next-assets/bundles/c63a46b64/_next/static/css/dadb4a6c387b147f.css"
            data-n-g=""
        />
        <meta
            name="description"
            content="DRAGON222 berikan pengalaman bermain 888 Game Online Terbaik 2026 lengkap dengan winrate RTP, Pola Gacor, dan APK DRAGON222 yang menawarkan keuntungan melimpah."
        />
        <meta property="og:title" content="DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience" />
        <meta
            property="og:description"
            content="DRAGON222 berikan pengalaman bermain 888 Game Online Terbaik 2026 lengkap dengan winrate RTP, Pola Gacor, dan APK DRAGON222 yang menawarkan keuntungan melimpah."
        />
        <meta property="og:type" content="website" />
        <meta property="og:site_name" content="DRAGON222 English" />
        <meta property="og:url" content="https://www.onlinegwc.org/helpdesk/" />
        <meta property="og:image" content="./assets/banner-dragon-slot.webp" />
        <meta property="og:locale" content="id_ID" />
        <meta name="google-site-verification" content="knRXjATo5wwG84hffNOf1SqNT2F5yRPUAc2hvocC-XA" />
        <meta name="google-site-verification" content="mwk8RBhBKEpiba-n71hw0EVHu2vd-CNn9qb25vjelig" />
        <meta name="google-site-verification" content="ZvInzKuPQMO-GjN3E61ByyydA0EhaYm6nfaTTUf3iOg" />
        <meta name="google-site-verification" content="U9Kb-t4HQVZMoJlCyeUvbcDFgONnfB6pygT3T7YT-I0" />
        <meta name="google-site-verification" content="JWyQLGRN87wcXNv106pSxOTEHRQsdT-x_wwyDqybr0Y" />
        <meta name="google-site-verification" content="9WfrARF2hRNIdVrrq8Cwj862qB3xq5vumEykVLX7lA0" />
        <meta name="google-site-verification" content="3ropMgagKm_gTtnsTxdf3XKbrGCPT6yXO7Ml2CN7tH8" />
        <meta name="google-site-verification" content="Aj42mw4K3ISTU84YA9Hymne2OH_gLQbBaSdJwxKPa1s" />
        <script id="productStructuredData" type="application/ld+json" data-next-head="">
            {
                "@context": "https://schema.org/",
                "@type": "Product",
                "name": "DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience",
                "image": "./assets/banner-dragon-slot.webp",
                "description": "DRAGON222 berikan pengalaman bermain 888 Game Online Terbaik 2026 lengkap dengan winrate RTP, Pola Gacor, dan APK DRAGON222 yang menawarkan keuntungan melimpah.",
                "sku": "5547FAA6587F66GS",
                "brand": {
                    "@type": "Brand",
                    "name": "DRAGON222"
                },
                "offers": {
                    "@type": "Offer",
                    "url": "https://www.onlinegwc.org/helpdesk/",
                    "priceCurrency": "IDR",
                    "price": "10000",
                    "itemCondition": "https://schema.org/NewCondition",
                    "availability": "https://schema.org/InStock"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": 5,
                    "reviewCount": 222
                }
            }
        </script>
        <link rel="preload" fetchpriority="high" as="image" href="./assets/banner-dragon-slot.webp" />
    </head>
    <body class="text-sm">
        <div id="__next">
            <div
                class="flex h-16 items-center gap-1 overflow-hidden mb-2 rounded-b-2xl bg-white p-2 shadow desktop:!hidden"
                role="button"
            >
                <button
                    class="inline-flex outline-none focus-visible:ring focus-visible:ring-grey-60/50"
                    aria-label="Close banner"
                >
                    <svg
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        class="inline-block h-5 w-5"
                    >
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M18.364 5.636a.663.663 0 00-.938 0L12 11.062 6.574 5.636a.663.663 0 00-.938.938L11.062 12l-5.426 5.426a.663.663 0 10.938.938L12 12.938l5.426 5.426a.663.663 0 00.938-.938L12.938 12l5.426-5.426a.663.663 0 000-.938z"
                            fill="#262626"
                        ></path>
                    </svg></button
                ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    fill="none"
                    viewBox="0 0 40 40"
                    class="mr-1 h-6 w-6 min-w-6 rounded"
                >
                    <rect width="40" height="40" fill="#262626" rx="4"></rect>
                    <path fill="#F4F4F4" d="M3.16 18.06v.34h3.21L3 22.15v.14h4.11v-.35h-3.4l3.38-3.72v-.16z"></path>
                    <path
                        fill="#F4F4F4"
                        fill-rule="evenodd"
                        d="m8.86 22.29 2.15-4.26h.24l2.15 4.25h-.46l-.72-1.43h-2.18l-.72 1.43zm3.18-1.79-.91-1.82-.91 1.82z"
                        clip-rule="evenodd"
                    ></path>
                    <path fill="#F4F4F4" d="M15.52 18.06v4.23h2.69v-.35h-2.26v-3.89z"></path>
                    <path
                        fill="#F4F4F4"
                        fill-rule="evenodd"
                        d="M20.13 20.17c0-1.22 1.08-2.17 2.45-2.17s2.46.95 2.46 2.17-1.08 2.17-2.46 2.17-2.45-.95-2.45-2.17m.47 0c0 1 .87 1.8 2 1.8 1.1 0 1.98-.8 1.98-1.8s-.87-1.8-1.99-1.8-2 .8-2 1.8m9.66-1q0 .7-.81 1.01.25.19.55.6l1.07 1.5h-.52l-.8-1.15c-.54-.76-.7-.84-1.24-.84h-.57v2h-.44v-4.23h1.21c.97 0 1.55.41 1.55 1.1m-1.62-.76h-.7v1.55h.71q1.13-.01 1.15-.78-.02-.76-1.16-.77m5.98-.38h.25L37 22.3h-.46l-.72-1.44h-2.17l-.72 1.43h-.46zm-.8 2.48h1.84l-.92-1.82z"
                        clip-rule="evenodd"
                    ></path></svg
                ><span class="line-clamp-3 flex-1 text-xs" data-test-id="smartBannerContent"
                    >Dapatkan Welcome Bonus New Member 100%</span
                ><button
                    class="zui-btn zui-btn-primary zui-btn-sm h-9 rounded-lg px-3 font-bold"
                    data-test-id="smartBannerButton"
                >
                    <a href="https://www.onlinegwc.org/helpdesk/">Use APK DRAGON222</a>
                </button>
            </div>
            <div class="hidden bg-grey-10 py-2 desktop:block">
                <div class="mx-auto flex w-screen-xl max-w-full justify-between gap-x-2.5 px-4">
                    <a href="https://www.onlinegwc.org/helpdesk/" class="flex min-w-0 items-center"
                        ><picture class="mr-2 max-h-5 w-6"
                            ><img
                                src="https://images.ctfassets.net/9q8du028z7sn/61wDFPFGwVtZ0zNkd0btaR/2aeaf4badcae4602bcf859d377326154/free-return.svg"
                                alt="S&amp;K berlaku"
                                class="object-contain"
                                loading="lazy" /></picture
                        ><span class="truncate text-xs font-medium" title="S&amp;K berlaku">S&amp;K berlaku</span
                        ><svg
                            width="25"
                            height="24"
                            viewBox="0 0 25 24"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                            class="inline-block h-6 w-6"
                        >
                            <path
                                d="M9.258 7.465a.845.845 0 01-.003-1.212.888.888 0 011.237-.003l5.25 5.117a.845.845 0 01.003 1.212l-5.25 5.168a.888.888 0 01-1.237.003.845.845 0 01-.003-1.212l4.633-4.56-4.63-4.513z"
                                fill="#262626"
                            ></path></svg></a
                    ><a href="https://www.onlinegwc.org/helpdesk/" class="flex min-w-0 items-center"
                        ><picture class="mr-2 max-h-5 w-6"
                            ><img
                                src="https://images.ctfassets.net/9q8du028z7sn/7aTmIKsCDIwTTLiUoIihth/a779b89d73d07085859f980ceed8b214/vip.svg"
                                alt="DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience"
                                class="object-contain"
                                loading="lazy" /></picture
                        ><span
                            class="truncate text-xs font-medium"
                            title="DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience"
                            >DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience</span
                        ><svg
                            width="25"
                            height="24"
                            viewBox="0 0 25 24"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                            class="inline-block h-6 w-6"
                        >
                            <path
                                d="M9.258 7.465a.845.845 0 01-.003-1.212.888.888 0 011.237-.003l5.25 5.117a.845.845 0 01.003 1.212l-5.25 5.168a.888.888 0 01-1.237.003.845.845 0 01-.003-1.212l4.633-4.56-4.63-4.513z"
                                fill="#262626"
                            ></path></svg></a
                    ><a
                        href="https://www.onlinegwc.org/helpdesk/"
                        class="flex min-w-0 items-center"
                        ><picture class="mr-2 max-h-5 w-6"
                            ><img
                                src="https://images.ctfassets.net/9q8du028z7sn/6nsu3JfVdrQEZxDpTBoPF6/aebc35f4e53ee291310fddbd920c6a28/mobile.svg"
                                alt="Download APK DRAGON222 dapatkan BONUS NEW MEMBER 100%"
                                class="object-contain"
                                loading="lazy" /></picture
                        ><span
                            class="truncate text-xs font-medium"
                            title="Download APK DRAGON222 dapatkan BONUS NEW MEMBER 100%"
                            >Download APK DRAGON222 dapatkan BONUS NEW MEMBER 100%</span
                        ><svg
                            width="25"
                            height="24"
                            viewBox="0 0 25 24"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                            class="inline-block h-6 w-6"
                        >
                            <path
                                d="M9.258 7.465a.845.845 0 01-.003-1.212.888.888 0 011.237-.003l5.25 5.117a.845.845 0 01.003 1.212l-5.25 5.168a.888.888 0 01-1.237.003.845.845 0 01-.003-1.212l4.633-4.56-4.63-4.513z"
                                fill="#262626"
                            ></path></svg
                    ></a>
                </div>
            </div>
            <div class="flex min-h-0 flex-col">
                <header
                    id="mobile_header"
                    class="sticky -top-10 z-global bg-white px-4 tablet:top-0 desktop:px-12 hidden desktop:block desktop:shadow-responsiveHeader"
                    style="
                        -webkit-transform: translateZ(0);
                        transform: translateZ(0);
                        background: linear-gradient(to right, #1c0205, #88040b, #1c0205);
                    "
                >
                    <div class="mx-auto flex max-w-screen-xl flex-col items-center gap-y-4 py-4 desktop:pb-0">
                        <div
                            class="flex w-full flex-col gap-y-4 tablet:flex-row tablet:items-center tablet:gap-x-8 desktop:gap-x-20"
                        >
                            <a href="https://www.onlinegwc.org/helpdesk/" aria-label="DRAGON222"
                                ><img src="./assets/logo222.webp" alt="DRAGON222" width="170" height="200"
                            /></a>
                            <div class="tablet:basis-3/5">
                                <div class="flex grow">
                                    <form class="relative flex grow items-center tablet:px-4">
                                        <input
                                            id="header_search"
                                            class="h-10 flex-1 grow truncate rounded-full border-2 border-grey-20 py-1 pl-4 pr-9 text-base outline-none"
                                            placeholder="Cari Link Alternatif DRAGON222"
                                            autocomplete="off"
                                            readonly="readonly"
                                            data-test-id="responsiveHeaderSearchInputRevealer"
                                            style="contain: layout style paint; background: #eaeaea"
                                        /><button
                                            aria-label="Search"
                                            class="absolute right-1 h-8 w-8 rounded-full bg-black tablet:right-5"
                                        >
                                            <svg
                                                width="24"
                                                height="24"
                                                viewBox="0 0 24 24"
                                                fill="none"
                                                xmlns="http://www.w3.org/2000/svg"
                                                class="inline-block h-6 w-6 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
                                            >
                                                <path
                                                    fill-rule="evenodd"
                                                    clip-rule="evenodd"
                                                    d="M10.5 19a8.5 8.5 0 116.342-2.84l5.017 5.017a.482.482 0 11-.683.682l-5.016-5.017A8.469 8.469 0 0110.5 19zm0-.944a7.556 7.556 0 100-15.112 7.556 7.556 0 000 15.112z"
                                                    fill="#262626"
                                                    class="fill-white"
                                                ></path>
                                            </svg>
                                        </button>
                                    </form>
                                </div>
                            </div>
                            <div class="hidden items-center gap-x-6 desktop:flex">
                                <div
                                    data-test-id="accountIcon"
                                    tabindex="0"
                                    aria-expanded="false"
                                    aria-haspopup="menu"
                                    id=":rq:"
                                >
                                    <div class="relative flex cursor-pointer items-center gap-x-1">
                                        <div class="relative">
                                            <svg
                                                viewBox="0 0 24 24"
                                                fill="none"
                                                xmlns="http://www.w3.org/2000/svg"
                                                class="inline-block h-6 w-6"
                                            >
                                                <path
                                                    d="M21.649 19.875c-1.428-2.468-3.628-4.239-6.196-5.078a6.75 6.75 0 10-6.906 0c-2.568.839-4.768 2.609-6.196 5.078a.75.75 0 101.299.75C5.416 17.573 8.538 15.75 12 15.75c3.462 0 6.584 1.823 8.35 4.875a.751.751 0 101.299-.75zM6.75 9a5.25 5.25 0 1110.5 0 5.25 5.25 0 01-10.5 0z"
                                                    fill="#eaeaea"
                                                ></path>
                                            </svg>
                                        </div>
                                        <span
                                            class="whitespace-nowrap text-sm font-bold text-grey-100"
                                            style="color: #eaeaea"
                                            ><a href="https://www.onlinegwc.org/helpdesk/">Masuk / Daftar</a></span
                                        >
                                    </div>
                                </div>
                                <a
                                    aria-label="Wishlist"
                                    rel="noindex,nofollow"
                                    tabindex="0"
                                    href="https://www.zalora.co.id/wishlist?from=header"
                                    ><div
                                        class="relative hover:after:absolute hover:after:-bottom-0.5 hover:after:left-0 after:right-0 hover:after:h-1 hover:after:bg-black"
                                    >
                                        <svg
                                            viewBox="0 0 24 24"
                                            fill="none"
                                            xmlns="http://www.w3.org/2000/svg"
                                            class="inline-block h-6 w-6"
                                        >
                                            <path
                                                d="M16.688 3c-1.936 0-3.631.833-4.688 2.24C10.943 3.832 9.248 3 7.312 3A5.82 5.82 0 001.5 8.813c0 6.562 9.73 11.874 10.145 12.093a.75.75 0 00.71 0c.415-.22 10.145-5.531 10.145-12.093A5.819 5.819 0 0016.687 3zM12 19.387c-1.712-.997-9-5.541-9-10.575A4.318 4.318 0 017.313 4.5c1.823 0 3.354.971 3.993 2.531a.75.75 0 001.388 0c.64-1.563 2.17-2.531 3.993-2.531A4.318 4.318 0 0121 8.813c0 5.025-7.29 9.576-9 10.574z"
                                                fill="#eaeaea"
                                            ></path>
                                        </svg></div
                                ></a>
                                <div tabindex="0" aria-expanded="false" aria-haspopup="menu" id=":rs:">
                                    <a
                                        rel="noindex,nofollow"
                                        aria-label="Cart"
                                        data-test-id="responsiveHeaderCartLink"
                                        href="https://www.zalora.co.id/cart"
                                        ><div class="relative">
                                            <svg
                                                viewBox="0 0 32 32"
                                                fill="none"
                                                xmlns="http://www.w3.org/2000/svg"
                                                class="inline-block h-6 w-6"
                                            >
                                                <path
                                                    d="M29.986 24.765l-1.782-15a2 2 0 00-2-1.765H22a6 6 0 00-12 0H5.791a2 2 0 00-2 1.765l-1.782 15a2 2 0 001.169 2.057c.258.117.539.177.822.178h23.99a2.018 2.018 0 001.51-.675 2 2 0 00.486-1.56zM16 4a4 4 0 014 4h-8a4 4 0 014-4zM4 25l1.791-15H10v3a1 1 0 102 0v-3h8v3a1 1 0 102 0v-3h4.219l1.771 15H4z"
                                                    fill="#eaeaea"
                                                ></path>
                                            </svg></div
                                    ></a>
                                </div>
                            </div>
                        </div>
                        <div class="hidden w-full desktop:flex desktop:h-9">
                            <nav>
                                <ul
                                    class="nav-wrapper flex gap-x-2 text-sm"
                                    aria-expanded="false"
                                    aria-haspopup="dialog"
                                >
                                    <li class="nav-item z-popover first:-ml-4">
                                        <a
                                            class="block rounded-tl-2xl rounded-tr-2xl px-4 py-2 font-bold uppercase decoration-transparent decoration-4 underline-offset-8 hover:underline hover:decoration-inherit"
                                            data-test-id="segment-DRAGON222"
                                            href="https://www.onlinegwc.org/helpdesk/"
                                            style="color: #eaeaea"
                                            >DRAGON222</a
                                        >
                                    </li>
                                    <li class="nav-item z-popover first:-ml-4">
                                        <a
                                            class="block rounded-tl-2xl rounded-tr-2xl px-4 py-2 font-bold uppercase decoration-transparent decoration-4 underline-offset-8 hover:underline hover:decoration-inherit"
                                            data-test-id="segment-LOGIN"
                                            href="https://www.onlinegwc.org/helpdesk/"
                                            style="color: #eaeaea"
                                            >LOGIN DRAGON222</a
                                        >
                                    </li>
                                    <li class="nav-item z-popover first:-ml-4">
                                        <a
                                            class="block rounded-tl-2xl rounded-tr-2xl px-4 py-2 font-bold uppercase decoration-transparent decoration-4 underline-offset-8 hover:underline hover:decoration-inherit"
                                            data-test-id="segment-DAFTAR"
                                            href="https://www.onlinegwc.org/helpdesk/"
                                            style="color: #eaeaea"
                                            >DAFTAR DRAGON222</a
                                        >
                                    </li>
                                    <li class="nav-item z-popover first:-ml-4">
                                        <a
                                            class="block rounded-tl-2xl rounded-tr-2xl px-4 py-2 font-bold uppercase decoration-transparent decoration-4 underline-offset-8 hover:underline hover:decoration-inherit"
                                            data-test-id="segment-SITUS"
                                            href="https://www.onlinegwc.org/helpdesk/"
                                            style="color: #eaeaea"
                                            >SITUS DRAGON222</a
                                        >
                                    </li>
                                    <li class="nav-item z-popover first:-ml-4">
                                        <a
                                            class="block rounded-tl-2xl rounded-tr-2xl px-4 py-2 font-bold uppercase decoration-transparent decoration-4 underline-offset-8 hover:underline hover:decoration-inherit"
                                            data-test-id="segment-LINK"
                                            href="https://www.onlinegwc.org/helpdesk/"
                                            style="color: #eaeaea"
                                            >LINK DRAGON222</a
                                        >
                                    </li>
                                    <li class="nav-item z-popover first:-ml-4">
                                        <a
                                            class="block rounded-tl-2xl rounded-tr-2xl px-4 py-2 font-bold uppercase decoration-transparent decoration-4 underline-offset-8 hover:underline hover:decoration-inherit"
                                            data-test-id="segment-RTP"
                                            href="https://www.onlinegwc.org/helpdesk/"
                                            style="color: #eaeaea"
                                            >RTP DRAGON222</a
                                        >
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </header>
                <main class="min-h-screen w-full shrink grow pb-[70px] desktop:pb-0">
                    <div class="absolute z-20">
                        <style>
                            iframe#forethought-chat {
                                bottom: 108px !important;
                                right: -18px !important;
                                z-index: var(--forethought-zIndex, 999999) !important;
                            }
                            div#ymDivCircle {
                                top: 18%;
                                right: 2.5%;
                                max-width: 60px;
                                max-height: 60px;
                                opacity: 0.85;
                            }
                            div#ymDivCircle.open {
                                top: 18;
                                right: 2.5%;
                                max-width: 60px;
                                max-height: 60px;
                                opacity: 0.85;
                            }
                            div#ymDivCircle.close {
                                top: 18%;
                                right: 2.5%;
                                max-width: 60px;
                                max-height: 60px;
                                opacity: 0.85;
                            }
                            div#ymFrameHolder {
                                margin-top: 25%;
                                right: 5%;
                                max-height: 65%;
                                max-width: 65%;
                            }
                            div#ym-notification {
                                top: 18%;
                                right: calc(5% + 60px);
                                margin: 5px;
                                max-width: 50%;
                                max-height: 60px;
                                font-size: 10px;
                                opacity: 0.95;
                            }
                            button#trigger-widget-button {
                                position: fixed;
                                bottom: 125px;
                                right: 10px;
                                opacity: 0.85;
                                background-color: transparent;
                                border: none;
                                cursor: pointer;
                                z-index: 10;
                            }
                            svg.trigger-widget-img {
                                width: 60px;
                                height: 60px;
                                bottom: 125px;
                                right: 10px;
                                position: fixed;
                            }
                            button#trigger-widget-button .spinner {
                                animation: rotate 1.4s linear infinite;
                                -webkit-animation: rotate 1.4s linear infinite;
                                -moz-animation: rotate 1.4s linear infinite;
                                width: 60px;
                                height: 60px;
                                position: absolute;
                                bottom: 125px;
                                right: 10px;
                                position: fixed;
                                display: none;
                            }
                            @media (min-width: 1240px) {
                                button#trigger-widget-button {
                                    bottom: 5rem;
                                    right: max(calc(50vw - 700px), 8px);
                                }
                                svg.trigger-widget-img {
                                    bottom: 5rem;
                                    right: max(calc(50vw - 700px), 8px);
                                }
                                button#trigger-widget-button .spinner {
                                    bottom: 5rem;
                                    right: max(calc(50vw - 700px), 8px);
                                }
                                iframe#forethought-chat {
                                    bottom: 62px !important;
                                    right: -9px !important;
                                }
                            }
                            @keyframes rotate {
                                to {
                                    transform: rotate(360deg);
                                }
                            }
                            @-webkit-keyframes rotate {
                                to {
                                    -webkit-transform: rotate(360deg);
                                }
                            }
                            @-moz-keyframes rotate {
                                to {
                                    transform: rotate(360deg);
                                }
                            }
                            .path {
                                stroke-dasharray: 170;
                                stroke-dashoffset: 20;
                            }</style
                        ><button id="trigger-widget-button" style="display: block">
                            <svg
                                class="trigger-widget-img"
                                version="1.0"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 108 108"
                            >
                                <g transform="translate(0.000000,108) scale(0.1,-0.1)">
                                    <path
                                        d="M411 1064 c-241 -65 -411 -281 -411 -524 0 -294 246 -540 540 -540 294 0 540 246 540 540 0 295 -249 542 -545 539 -38 0 -94 -7 -124 -15z m339-325 c0 -6 -74 -92 -164 -192 l-165 -182 165 -3 164 -2 0 -25 0 -25 -210 0c-161 0 -210 3 -210 13 0 6 75 95 166 197 l166 185 -161 3 c-153 2 -161 4-161 22 0 19 8 20 205 20 140 0 205 -3 205 -11z"
                                    ></path>
                                </g></svg
                            ><svg
                                class="spinner"
                                width="60px"
                                height="60px"
                                viewBox="0 0 60 60"
                                xmlns="http://www.w3.org/2000/svg"
                            >
                                <circle
                                    class="path"
                                    fill="transparent"
                                    stroke-width="2"
                                    cx="30"
                                    cy="30"
                                    r="27"
                                    stroke="url(#gradient)"
                                ></circle>
                                <linearGradient id="gradient">
                                    <stop offset="50%" stop-color="#737373" stop-opacity="1"></stop>
                                    <stop offset="65%" stop-color="#737373" stop-opacity=".5"></stop>
                                    <stop offset="100%" stop-color="#737373" stop-opacity="0"></stop>
                                </linearGradient>
                            </svg>
                        </button>
                    </div>
                    <div
                        class="sticky left-0 top-0 z-global flex h-10 w-full items-center gap-2 border-b border-grey-10 bg-white px-4 desktop:hidden"
                    >
                        <div class="flex-1"></div>
                        <h2 class="flex-2 max-w-[240px] truncate text-center text-base tablet:max-w-none">
                            <a href="https://www.onlinegwc.org/helpdesk/"
                                ><span data-test-id="productBrand">DRAGON222</span></a
                            >
                        </h2>
                        <div class="flex flex-1 items-center justify-end gap-2 tablet:gap-4">
                            <button class="inline-flex outline-none focus-visible:ring focus-visible:ring-grey-60/50">
                                <svg
                                    width="24"
                                    height="24"
                                    viewBox="0 0 24 24"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                    class="inline-block h-6 w-6"
                                >
                                    <path
                                        fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M11.649 4.144L8.274 7.478a.5.5 0 10.702.711L11.5 5.697v9.636a.5.5 0 101 0V5.697l2.524 2.492a.5.5 0 00.702-.711l-3.375-3.334a.5.5 0 00-.699-.003M4.75 11.167v6.666c0 1.198.98 2.167 2.188 2.167h10.125a2.177 2.177 0 002.187-2.167v-6.666a.5.5 0 10-1 0v6.666c0 .643-.53 1.167-1.188 1.167H6.938a1.177 1.177 0 01-1.187-1.167v-6.666a.5.5 0 10-1 0z"
                                        fill="#262626"
                                    ></path>
                                </svg>
                            </button>
                        </div>
                    </div>
                    <div
                        class="sticky inset-x-0 top-10 z-page bg-white shadow-[0_2px_8px_rbg(0,0,0,0.1)] shadow-white tablet:hidden hidden"
                    >
                        <div class="relative w-full">
                            <div>
                                <div
                                    class="zui__tabs-list scroll-smooth border-b bg-white"
                                    role="tablist"
                                    aria-orientation="horizontal"
                                >
                                    <button
                                        class="outline-none aria-selected:text-black px-4 py-2 text-grey-80 tab__listItem is-active"
                                        id="headlessui-tabs-tab-:rt:"
                                        role="tab"
                                        type="button"
                                        aria-selected="true"
                                        tabindex="0"
                                        data-headlessui-state="selected"
                                        data-selected=""
                                    >
                                        Rincian</button
                                    ><button
                                        class="outline-none aria-selected:text-black px-4 py-2 text-neutral-500 tab__listItem"
                                        id="headlessui-tabs-tab-:rv:"
                                        role="tab"
                                        type="button"
                                        aria-selected="false"
                                        tabindex="-1"
                                        data-headlessui-state=""
                                    >
                                        Pengiriman</button
                                    ><button
                                        class="outline-none aria-selected:text-black px-4 py-2 text-neutral-500 tab__listItem"
                                        id="headlessui-tabs-tab-:r11:"
                                        role="tab"
                                        type="button"
                                        aria-selected="false"
                                        tabindex="-1"
                                        data-headlessui-state=""
                                    >
                                        Ulasan</button
                                    ><button
                                        class="outline-none aria-selected:text-black px-4 py-2 text-neutral-500 tab__listItem"
                                        id="headlessui-tabs-tab-:r13:"
                                        role="tab"
                                        type="button"
                                        aria-selected="false"
                                        tabindex="-1"
                                        data-headlessui-state=""
                                    >
                                        Rekomendasi
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mx-auto max-w-screen-xl">
                        <ul class="flex h-5 items-center text-xs hidden py-5 tablet:flex" data-test-id="breadcrumbs">
                            <li data-test-id="breadcrumb" data-url="/">
                                <a class="px-2 text-neutral-500" href="https://www.onlinegwc.org/helpdesk/">Game Online</a
                                ><svg
                                    width="8"
                                    height="8"
                                    viewBox="0 0 8 8"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                    class="inline-block !h-3 !w-3"
                                >
                                    <path
                                        d="M4.719 3.95L2.185 1.887a.5.5 0 01.63-.776l3 2.44a.5.5 0 01.01.768l-3 2.56a.5.5 0 11-.65-.76L4.72 3.95z"
                                        fill="#474747"
                                    ></path>
                                </svg>
                            </li>
                            <li data-test-id="breadcrumb" data-url="/">
                                <a class="px-2 text-neutral-500" href="https://www.onlinegwc.org/helpdesk/">Slot Naga</a
                                ><svg
                                    width="8"
                                    height="8"
                                    viewBox="0 0 8 8"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                    class="inline-block !h-3 !w-3"
                                >
                                    <path
                                        d="M4.719 3.95L2.185 1.887a.5.5 0 01.63-.776l3 2.44a.5.5 0 01.01.768l-3 2.56a.5.5 0 11-.65-.76L4.72 3.95z"
                                        fill="#474747"
                                    ></path>
                                </svg>
                            </li>
                            <li data-test-id="breadcrumb" data-url="/">
                                <a class="px-2 text-neutral-500" href="https://www.onlinegwc.org/helpdesk/">Slot Dragon</a
                                ><svg
                                    width="8"
                                    height="8"
                                    viewBox="0 0 8 8"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                    class="inline-block !h-3 !w-3"
                                >
                                    <path
                                        d="M4.719 3.95L2.185 1.887a.5.5 0 01.63-.776l3 2.44a.5.5 0 01.01.768l-3 2.56a.5.5 0 11-.65-.76L4.72 3.95z"
                                        fill="#474747"
                                    ></path>
                                </svg>
                            </li>
                            <li data-test-id="breadcrumb" data-url="/"><h2 class="px-2">Slot222</h2></li>
                        </ul>
                        <div
                            id="productDetail"
                            class="relative flex flex-col gap-4 tablet:flex-row tablet:items-stretch tablet:gap-8 desktop:gap-6"
                        >
                            <div class="relative flex min-w-0 basis-7/12 flex-col">
                                <div class="px-2 tablet:p-4 desktop:p-0" style="position: sticky; top: 140px">
                                    <div class="relative">
                                        <div
                                            class="no-scrollbar flex snap-x snap-mandatory overflow-x-auto tablet:grid tablet:grid-cols-2 tablet:gap-2"
                                        >
                                            <div
                                                class="relative shrink-0 basis-full snap-center snap-always"
                                                data-test-id="mediaItem"
                                                style="aspect-ratio: 1/1.45"
                                            >
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    loading="eager"
                                                    alt="DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience"
                                                    class="cursor-zoom-in rounded-2xl"
                                                    style="
                                                        background: url(&quot;https://static-id.zacdn.com/next-assets/static-assets/images/product_skeleton.webp&quot;);
                                                    "
                                                />
                                            </div>
                                            <div
                                                class="relative shrink-0 basis-full snap-center snap-always"
                                                data-test-id="mediaItem"
                                                style="aspect-ratio: 1/1.44"
                                            >
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    loading="lazy"
                                                    alt="DRAGON222: The Most Exciting & Rewarding 888 Online Game Experience"
                                                    class="cursor-zoom-in rounded-2xl"
                                                    style="
                                                        background: url(&quot;https://static-id.zacdn.com/next-assets/static-assets/images/product_skeleton.webp&quot;);
                                                    "
                                                />
                                            </div>
                                        </div>
                                        <div class="absolute bottom-0 w-full tablet:hidden">
                                            <div
                                                class="mx-auto mb-4 flex w-fit cursor-pointer items-center gap-1 rounded-full px-1 py-0.5 text-xs bg-white"
                                            >
                                                <div
                                                    class="rounded-full bg-grey-80 px-2 py-0.5 tracking-[2.4px] text-white"
                                                >
                                                    2/2
                                                </div>
                                                <button class="flex items-center gap-0.5 rounded-full px-0.5">
                                                    <svg
                                                        width="18"
                                                        height="18"
                                                        viewBox="0 0 18 18"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block size-5"
                                                    >
                                                        <path
                                                            d="M17.26 8.83c-.024-.056-.609-1.353-1.915-2.66C14.133 4.96 12.05 3.517 9 3.517S3.867 4.96 2.655 6.17C1.348 7.477.763 8.772.74 8.829a.422.422 0 000 .343c.023.054.608 1.352 1.915 2.658C3.867 13.04 5.95 14.484 9 14.484s5.133-1.443 6.345-2.654c1.306-1.306 1.891-2.601 1.915-2.658a.423.423 0 000-.343zM9 13.64c-2.207 0-4.133-.802-5.727-2.385A9.475 9.475 0 011.595 9a9.461 9.461 0 011.678-2.254C4.867 5.162 6.793 4.359 9 4.359c2.206 0 4.133.803 5.727 2.387A9.46 9.46 0 0116.404 9c-.447.859-2.693 4.64-7.404 4.64zm0-7.874a3.234 3.234 0 100 6.468 3.234 3.234 0 000-6.468zm0 5.625A2.39 2.39 0 119 6.61a2.39 2.39 0 010 4.78z"
                                                            fill="#262626"
                                                        ></path>
                                                    </svg>
                                                    <p>Outfit</p>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="absolute left-0 top-16 z-10 flex shrink-0 flex-col gap-2">
                                            <div
                                                class="flex max-w-fit items-center gap-1 whitespace-nowrap rounded-r-md py-0.5 pl-4 pr-1 text-xs font-semibold tablet:ml-4 tablet:pl-1 desktop:ml-0 bg-[#E5F2FF]"
                                            >
                                                <svg
                                                    width="11"
                                                    height="10"
                                                    viewBox="0 0 11 10"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block !size-3"
                                                >
                                                    <path
                                                        d="M4.274 10l.7-3.571-2.8-1.072L7.074 0l-.7 3.571 2.8 1.072L4.274 10z"
                                                        fill="#34669F"
                                                    ></path></svg
                                                ><span class="text-[#34669F]">Paling Populer</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                        class="pointer-events-none fixed hidden h-40 w-40 border border-black bg-white bg-opacity-50"
                                        style="left: 458px; top: 380.125px"
                                    ></div>
                                </div>
                                <div class="pointer-events-none absolute inset-0 z-component">
                                    <div
                                        class="sticky hidden aspect-[1/1] bg-no-repeat shadow-sm tablet:top-[48px] desktop:top-[140px]"
                                        style="left: 100%; width: 70%; margin-right: -70%"
                                    ></div>
                                </div>
                            </div>
                            <div class="relative min-w-0 basis-5/12 tablet:pr-4 tablet:pt-4 desktop:p-0">
                                <div class="scroll-mt-20 px-4 tablet:px-0" id="section__details">
                                    <div class="pb-4">
                                        <div class="flex items-start justify-between">
                                            <h1>
                                                <a
                                                    class="flex items-center text-base font-bold hover:underline tablet:text-2xl tablet:font-medium tablet:leading-9"
                                                    ><span data-test-id="productBrand" class="mr-2"
                                                        >DRAGON222: The Most Exciting & Rewarding 888 Online Game
                                                        Experience<span class="ml-2 inline-flex items-center gap-2"
                                                            ><svg
                                                                viewBox="0 0 32 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block w-6 !h-3"
                                                            >
                                                                <rect
                                                                    width="32"
                                                                    height="16"
                                                                    rx="2"
                                                                    fill="#6C45DC"
                                                                ></rect>
                                                                <path
                                                                    d="M8.032 13.6c-.43 0-.817-.097-1.162-.292-.337-.204-.584-.519-.743-.945L3.2 3.703h2.227l2.367 7.84a.254.254 0 00.084.139.296.296 0 00.154.041.228.228 0 00.14-.041.225.225 0 00.098-.14l2.451-7.84h2.129L9.937 12.35a1.77 1.77 0 01-.743.945 2.245 2.245 0 01-1.162.306zm7.583-.167v-7.09h1.932v7.09h-1.932zm5.592-.013V3.702h4.105c.644 0 1.228.148 1.75.444.533.287.953.69 1.262 1.208.317.519.476 1.12.476 1.805 0 .676-.159 1.277-.476 1.805a3.316 3.316 0 01-1.261 1.222 3.58 3.58 0 01-1.751.43H23.21v2.804h-2.003zm2.003-4.553h1.864c.317 0 .607-.065.868-.195.262-.138.467-.333.616-.583.16-.259.239-.569.239-.93 0-.36-.08-.666-.239-.916a1.434 1.434 0 00-.616-.583 1.823 1.823 0 00-.868-.209H23.21v3.416z"
                                                                    fill="#fff"
                                                                ></path>
                                                                <path
                                                                    d="M18.894 2.92a.246.246 0 00-.254-.03l-.957.44-.8-1.227a.224.224 0 00-.083-.075.245.245 0 00-.227 0 .223.223 0 00-.084.075l-.8 1.228-.956-.44a.247.247 0 00-.253.029.212.212 0 00-.072.104.198.198 0 00.003.123l.706 1.998a.13.13 0 00.034.054.164.164 0 00.188.024c.005-.003.492-.263 1.347-.263s1.343.26 1.347.262a.161.161 0 00.188-.023.139.139 0 00.035-.054l.705-1.997a.198.198 0 00.004-.124.212.212 0 00-.071-.104z"
                                                                    fill="#FBC622"
                                                                ></path></svg></span></span
                                                ></a>
                                                <div class="hidden">
                                                    <span
                                                        >DRAGON222 berikan pengalaman bermain 888 Game Online Terbaik
                                                        2026 lengkap dengan winrate RTP, Pola Gacor, dan APK DRAGON222
                                                        yang menawarkan keuntungan melimpah.</span
                                                    >
                                                </div>
                                            </h1>
                                            <span
                                                ><button
                                                    class="inline-flex items-center gap-1 rounded-full border border-grey-20 p-2 py-1 align-middle"
                                                    aria-label="Go To Reviews"
                                                >
                                                    <span class="text-xxs font-bold text-teal-60">5.0</span
                                                    ><svg
                                                        width="16"
                                                        height="16"
                                                        viewBox="0 0 16 16"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block h-2 w-2 tablet:hidden"
                                                    >
                                                        <path
                                                            d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                            fill="#FBC622"
                                                        ></path></svg
                                                    ><span class="inline-flex gap-1" data-test-id="star-rating"
                                                        ><svg
                                                            width="16"
                                                            height="16"
                                                            viewBox="0 0 16 16"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block !size-2 hidden tablet:block"
                                                        >
                                                            <path
                                                                d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                fill="#FBC622"
                                                            ></path></svg
                                                        ><svg
                                                            width="16"
                                                            height="16"
                                                            viewBox="0 0 16 16"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block !size-2 hidden tablet:block"
                                                        >
                                                            <path
                                                                d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                fill="#FBC622"
                                                            ></path></svg
                                                        ><svg
                                                            width="16"
                                                            height="16"
                                                            viewBox="0 0 16 16"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block !size-2 hidden tablet:block"
                                                        >
                                                            <path
                                                                d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                fill="#FBC622"
                                                            ></path></svg
                                                        ><svg
                                                            width="16"
                                                            height="16"
                                                            viewBox="0 0 16 16"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block !size-2 hidden tablet:block"
                                                        >
                                                            <path
                                                                d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                fill="#FBC622"
                                                            ></path></svg
                                                        ><svg
                                                            width="16"
                                                            height="16"
                                                            viewBox="0 0 16 16"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block !size-2 hidden tablet:block"
                                                        >
                                                            <path
                                                                d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                fill="#FBC622"
                                                            ></path></svg></span
                                                    ><span
                                                        class="mr-1 inline-block h-4 w-px bg-grey-20 align-middle"
                                                    ></span
                                                    ><span class="text-xxs font-bold text-grey-60">168</span>
                                                </button></span
                                            >
                                        </div>
                                        <div>
                                            <span
                                                data-test-id="productName"
                                                class="mr-2 align-middle text-base text-grey-80"
                                                >DRAGON222 berikan pengalaman bermain 888 Game Online Terbaik 2026
                                                lengkap dengan winrate RTP, Pola Gacor, dan APK DRAGON222 yang
                                                menawarkan keuntungan melimpah.</span
                                            >
                                        </div>
                                        <div class="pb-4">
                                            <div
                                                class="my-4 flex flex-wrap items-center gap-2 gap-y-1 tablet:gap-2 text-red-60"
                                            >
                                                <div
                                                    class="flex flex-wrap items-center gap-x-2 tablet:h-12 tablet:min-h-[48px]"
                                                >
                                                    <button class="inline-flex" data-test-id="voucher-pill-btn">
                                                        <div
                                                            data-test-id="voucherPill"
                                                            class="flex max-w-full items-center gap-2 text-red-60"
                                                        >
                                                            <svg
                                                                width="20"
                                                                height="20"
                                                                viewBox="0 0 20 20"
                                                                fill="#fff"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block size-5 shrink-0 tablet:size-6"
                                                            >
                                                                <path
                                                                    fill-rule="evenodd"
                                                                    clip-rule="evenodd"
                                                                    d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                    fill="#297E84"
                                                                    class="fill-red-60"
                                                                ></path>
                                                                <path
                                                                    fill-rule="evenodd"
                                                                    clip-rule="evenodd"
                                                                    d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                    fill="#297E84"
                                                                    class="fill-red-60"
                                                                ></path>
                                                                <rect
                                                                    x="12"
                                                                    y="10"
                                                                    width="8"
                                                                    height="8"
                                                                    rx="4"
                                                                    fill="#297E84"
                                                                    class="fill-red-60"
                                                                ></rect>
                                                                <path
                                                                    fill-rule="evenodd"
                                                                    clip-rule="evenodd"
                                                                    d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                                ></path></svg
                                                            ><span class="max-w-full truncate font-bold text-lg"
                                                                >Rp&nbsp;10.000</span
                                                            >
                                                        </div>
                                                    </button>
                                                </div>
                                                <div class="flex items-center gap-2">
                                                    <div
                                                        data-test-id="nonSpecialPriceValue"
                                                        class="text-xs line-through text-grey-60"
                                                    >
                                                        Rp&nbsp;100.000
                                                    </div>
                                                    <div class="rounded px-0.5 text-xxs text-red-700 bg-red-50">
                                                        -90%
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div
                                            class="no-scrollbar flex gap-x-2 overflow-x-auto @container tablet:scrollbar-thin"
                                        >
                                            <div class="min-w-0 @sm:basis-2/3 @md:basis-1/2">
                                                <div class="text-[11px] leading-4">
                                                    <div
                                                        class="zui-voucher flex gap-x-2 items-center zui-voucher-promo"
                                                    >
                                                        <span></span>
                                                        <div class="min-w-0 flex-1">
                                                            <div class="flex items-center gap-x-0.5">
                                                                <span class="truncate text-sm font-bold"
                                                                    >BONUS CASHBACK 100%</span
                                                                >
                                                            </div>
                                                            <div class="line-clamp-2">Untuk Member Baru</div>
                                                            <div class="flex items-end gap-1">
                                                                <div class="flex-1 min-w-0">
                                                                    Berakhir dalam<span
                                                                        class="font-medium tabular-nums text-peach-600"
                                                                        >5 menit</span
                                                                    >.<button
                                                                        class="zui-btn zui-btn-link h-auto p-0 text-grey-80 font-medium"
                                                                    >
                                                                        S&amp;K
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="flex flex-col items-center justify-center space-y-1 whitespace-nowrap rounded-lg border px-2 text-grey-80"
                                            >
                                                <p
                                                    class="text-sm font-bold"
                                                    data-value="21"
                                                    data-test-id="remain-promotions"
                                                >
                                                    +99 lagi
                                                </p>
                                                <button
                                                    class="inline-flex items-center outline-none hover:text-teal-90 text-sm font-normal text-grey-80 underline tablet:text-xs"
                                                    data-test-id="view-all-btn"
                                                >
                                                    <span>Lihat semua</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mt-2 tablet:mt-5">
                                        <div class="mt-4 flex h-5 items-baseline justify-between gap-2 leading-6">
                                            <h2 class="flex overflow-hidden">
                                                <span class="mr-2 text-lg font-bold leading-5 text-neutral-800"
                                                    >Variasi</span
                                                ><span
                                                    class="truncate text-sm font-normal leading-5 text-neutral-500"
                                                    title="Black"
                                                    >Black</span
                                                >
                                            </h2>
                                        </div>
                                        <div
                                            class="mx-auto mt-4 flex no-scrollbar auto-cols-min flex-nowrap gap-x-1 gap-y-2 overflow-x-auto tablet:overflow-hidden desktop:overflow-hidden pb-4 tablet:flex tablet:flex-wrap"
                                            style="content-visibility: auto"
                                        >
                                            <div
                                                class="flex flex-col justify-center desktop:mb-1 desktop:w-12 desktop:min-w-12"
                                            >
                                                <div
                                                    class="relative flex aspect-[1/1.45] w-16 flex-col justify-center rounded-lg border border-black w-15 min-w-15 tablet:w-12 tablet:min-w-12"
                                                >
                                                    <img
                                                        loading="lazy"
                                                        alt="Black"
                                                        class="rounded-lg object-cover"
                                                        src="./assets/banner-dragon-slot.webp"
                                                    />
                                                </div>
                                            </div>
                                            <div
                                                class="flex flex-col justify-center desktop:mb-1 desktop:w-12 desktop:min-w-12"
                                            >
                                                <div
                                                    class="relative flex aspect-[1/1.45] w-16 flex-col justify-center rounded-lg border border-white w-15 min-w-15 tablet:w-12 tablet:min-w-12"
                                                >
                                                    <a class="h-full"
                                                        ><img
                                                            loading="lazy"
                                                            alt="Black"
                                                            class="rounded-lg object-cover"
                                                            src="./assets/banner-dragon-slot.webp"
                                                    /></a>
                                                </div>
                                            </div>
                                            <div
                                                class="flex flex-col justify-center desktop:mb-1 desktop:w-12 desktop:min-w-12"
                                            >
                                                <div
                                                    class="relative flex aspect-[1/1.45] w-16 flex-col justify-center rounded-lg border border-white w-15 min-w-15 tablet:w-12 tablet:min-w-12"
                                                >
                                                    <a class="h-full"
                                                        ><img
                                                            loading="lazy"
                                                            alt="White"
                                                            class="rounded-lg object-cover"
                                                            src="./assets/banner-dragon-slot.webp"
                                                    /></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="h-10"></div>
                                    <div data-test-id="sizeSelectionOptionBox" class="mb-4 tablet:mb-5">
                                        <div class="mb-1 flex items-center gap-x-1 tablet:mb-2 tablet:gap-x-2">
                                            <h2 class="text-lg font-bold text-neutral-800">Ukuran</h2>
                                            <button
                                                data-test-id="sizeGuideButton"
                                                aria-label="View Size Guide"
                                                class="cursor-pointer text-teal-60 hidden tablet:block"
                                            >
                                                <div class="flex items-center gap-x-1 desktop:flex-row-reverse">
                                                    <div
                                                        class="flex items-center gap-1 text-xs text-neutral-800 underline hover:underline"
                                                    >
                                                        <svg
                                                            width="24"
                                                            height="24"
                                                            viewBox="0 0 24 24"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-6 w-6"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M21.544 10.257a.377.377 0 00-.358-.015c-.011.007-.566.28-1.8.584V7.252c.022-.091.033-.186.033-.28 0-.68-.639-1.198-1.902-1.541C16.495 5.153 15.075 5 13.527 5c-2.514 0-5.03.387-6.899 1.059-2.248.81-3.493 1.996-3.617 3.446A.398.398 0 003 9.598v6.564c0 .04.007.08.022.12.025.073.288.748 1.49 1.395 1.525.82 3.85 1.237 6.906 1.237 7.227 0 9.998-1.402 10.111-1.46a.364.364 0 00.197-.325v-6.563a.384.384 0 00-.182-.31zm-10.13 1.365c-1.796 0-3.176-.154-4.223-.365V9.625c.146.058.31.11.5.153.61.143 1.463.216 2.47.216 1.932 0 4.191-.27 5.9-.709 1.172-.299 2.037-.657 2.599-1.065v2.774c-1.573.321-3.931.628-7.246.628zm-3.227-4.15c-.606.244-.927.59-1 1.083h.004v.234c.09.088.602.449 2.77.47h.336l.018-2.145c-.89.025-1.606.146-2.128.357zm-1.31-.724c1.796-.646 4.22-1.014 6.65-1.014 3.468 0 5.115.719 5.162 1.219h-.033v.193c-.124.318-.57.595-.85.741-.599.318-1.482.606-2.548.836-1.3.281-2.818.468-4.235.522l.022-2.496a.361.361 0 00-.106-.26.365.365 0 00-.259-.11c-1.157 0-2.091.14-2.77.417-.672.274-1.471.84-1.471 1.986 0 .05.007.102.014.153v2.15a7.819 7.819 0 01-1.496-.555c-.822-.416-1.128-.832-1.223-.989.095-.836.744-1.931 3.143-2.793zm13.006 10.513c.544-.15.905-.284 1.106-.368h-.011v-5.775c-1.114.409-4.034 1.234-9.579 1.234-3.055 0-5.38-.416-6.906-1.238a4.775 4.775 0 01-.778-.514v5.479c.019.033.052.084.099.146v-.752c0-.201.164-.365.365-.365.2 0 .365.164.365.365v1.383c.117.077.252.154.405.23.292.146.665.303 1.136.45V15.71c0-.2.164-.365.365-.365.2 0 .365.164.365.365v1.931a.368.368 0 01-.011.091c.507.12 1.102.223 1.8.303v-1.434c0-.201.164-.365.364-.365.201 0 .365.164.365.365v1.504c.584.047 1.23.073 1.942.076a.306.306 0 01-.014-.098v-1.37c0-.2.164-.364.365-.364.2 0 .365.164.365.365v1.369a.398.398 0 01-.011.095c.693-.008 1.34-.026 1.942-.059V16.713c0-.2.164-.364.365-.364.2 0 .365.164.365.365v1.361c.708-.047 1.347-.11 1.927-.182V16.52c0-.2.165-.365.365-.365.201 0 .365.165.365.365v1.274a23.182 23.182 0 001.844-.343v-1.825c0-.2.164-.365.365-.365.2 0 .365.164.365.365v1.635z"
                                                                fill="#262626"
                                                            ></path></svg
                                                        ><span>Petir</span>
                                                    </div>
                                                </div></button
                                            ><button
                                                aria-label="View All"
                                                class="ml-auto cursor-pointer text-teal-60 hover:underline tablet:hidden"
                                                data-test-id="viewAllButton"
                                            >
                                                Lihat semua (4)
                                            </button>
                                        </div>
                                        <div class="relative flex flex-col">
                                            <div>
                                                <div
                                                    class="relative mb-6 flex gap-x-5"
                                                    role="tablist"
                                                    aria-orientation="horizontal"
                                                >
                                                    <button
                                                        aria-label="Tab"
                                                        class="border-b-2 border-b-transparent pb-0.5 text-sm outline-none border-b-black font-medium"
                                                        id="headlessui-tabs-tab-:r0:"
                                                        role="tab"
                                                        aria-selected="true"
                                                        tabindex="0"
                                                        data-headlessui-state="selected"
                                                        data-selected=""
                                                        type="button"
                                                        aria-controls="headlessui-tabs-panel-:ra:"
                                                    >
                                                        ID</button
                                                    ><button
                                                        aria-label="Tab"
                                                        class="border-b-2 border-b-transparent pb-0.5 text-sm outline-none"
                                                        id="headlessui-tabs-tab-:r2:"
                                                        role="tab"
                                                        aria-selected="false"
                                                        tabindex="-1"
                                                        data-headlessui-state=""
                                                        type="button"
                                                        aria-controls="headlessui-tabs-panel-:rc:"
                                                    >
                                                        EU</button
                                                    ><button
                                                        aria-label="Tab"
                                                        class="border-b-2 border-b-transparent pb-0.5 text-sm outline-none"
                                                        id="headlessui-tabs-tab-:r4:"
                                                        role="tab"
                                                        aria-selected="false"
                                                        tabindex="-1"
                                                        data-headlessui-state=""
                                                        type="button"
                                                        aria-controls="headlessui-tabs-panel-:re:"
                                                    >
                                                        International</button
                                                    ><button
                                                        aria-label="Tab"
                                                        class="border-b-2 border-b-transparent pb-0.5 text-sm outline-none"
                                                        id="headlessui-tabs-tab-:r6:"
                                                        role="tab"
                                                        aria-selected="false"
                                                        tabindex="-1"
                                                        data-headlessui-state=""
                                                        type="button"
                                                        aria-controls="headlessui-tabs-panel-:rg:"
                                                    >
                                                        UK</button
                                                    ><button
                                                        aria-label="Tab"
                                                        class="border-b-2 border-b-transparent pb-0.5 text-sm outline-none"
                                                        id="headlessui-tabs-tab-:r8:"
                                                        role="tab"
                                                        aria-selected="false"
                                                        tabindex="-1"
                                                        data-headlessui-state=""
                                                        type="button"
                                                        aria-controls="headlessui-tabs-panel-:ri:"
                                                    >
                                                        US
                                                    </button>
                                                </div>
                                                <div>
                                                    <div
                                                        id="headlessui-tabs-panel-:ra:"
                                                        role="tabpanel"
                                                        tabindex="0"
                                                        data-headlessui-state="selected"
                                                        data-selected=""
                                                        aria-labelledby="headlessui-tabs-tab-:r0:"
                                                    >
                                                        <div class="flex flex-wrap gap-3 tablet:gap-4">
                                                            <div class="relative">
                                                                <button
                                                                    aria-disabled="false"
                                                                    data-test-id="sizeButton"
                                                                    data-size="X100"
                                                                    data-sku="5547FAA6587F66GS-044KIP"
                                                                    data-simple-sku="5547FAA6587F66GS-044KIP"
                                                                    data-selected="false"
                                                                    aria-label="Petir X100"
                                                                    class="flex min-h-[30px] min-w-[50px] items-center justify-center rounded-lg border border-neutral-800 p-1 border-neutral-800 text-neutral-800 hover:bg-neutral-100"
                                                                >
                                                                    X100
                                                                </button>
                                                            </div>
                                                            <div class="relative">
                                                                <button
                                                                    aria-disabled="false"
                                                                    data-test-id="sizeButton"
                                                                    data-size="X250"
                                                                    data-sku="5547FAA6587F66GS-079WHK"
                                                                    data-simple-sku="5547FAA6587F66GS-079WHK"
                                                                    data-selected="false"
                                                                    aria-label="Petir X250"
                                                                    class="flex min-h-[30px] min-w-[50px] items-center justify-center rounded-lg border border-neutral-800 p-1 border-neutral-800 text-neutral-800 hover:bg-neutral-100"
                                                                >
                                                                    X250
                                                                </button>
                                                            </div>
                                                            <div class="relative">
                                                                <button
                                                                    aria-disabled="false"
                                                                    data-test-id="sizeButton"
                                                                    data-size="X500"
                                                                    data-sku="5547FAA6587F66GS-001XZI"
                                                                    data-simple-sku="5547FAA6587F66GS-001XZI"
                                                                    data-selected="false"
                                                                    aria-label="Petir X500"
                                                                    class="flex min-h-[30px] min-w-[50px] items-center justify-center rounded-lg border border-neutral-800 p-1 border-neutral-800 text-neutral-800 hover:bg-neutral-100"
                                                                >
                                                                    X500
                                                                </button>
                                                            </div>
                                                            <div class="relative">
                                                                <button
                                                                    aria-disabled="false"
                                                                    data-test-id="sizeButton"
                                                                    data-size="X1000"
                                                                    data-sku="5547FAA6587F66GS-044IMX"
                                                                    data-simple-sku="5547FAA6587F66GS-044IMX"
                                                                    data-selected="false"
                                                                    aria-label="Petir X1000"
                                                                    class="flex min-h-[30px] min-w-[50px] items-center justify-center rounded-lg border border-neutral-800 p-1 border-neutral-800 text-neutral-800 hover:bg-neutral-100"
                                                                >
                                                                    X1000
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span
                                                        aria-hidden="true"
                                                        id="headlessui-tabs-panel-:rc:"
                                                        role="tabpanel"
                                                        tabindex="-1"
                                                        aria-labelledby="headlessui-tabs-tab-:r2:"
                                                        style="
                                                            position: fixed;
                                                            top: 1px;
                                                            left: 1px;
                                                            width: 1px;
                                                            height: 0;
                                                            padding: 0;
                                                            margin: -1px;
                                                            overflow: hidden;
                                                            clip: rect(0, 0, 0, 0);
                                                            white-space: nowrap;
                                                            border-width: 0;
                                                        "
                                                    ></span
                                                    ><span
                                                        aria-hidden="true"
                                                        id="headlessui-tabs-panel-:re:"
                                                        role="tabpanel"
                                                        tabindex="-1"
                                                        aria-labelledby="headlessui-tabs-tab-:r4:"
                                                        style="
                                                            position: fixed;
                                                            top: 1px;
                                                            left: 1px;
                                                            width: 1px;
                                                            height: 0;
                                                            padding: 0;
                                                            margin: -1px;
                                                            overflow: hidden;
                                                            clip: rect(0, 0, 0, 0);
                                                            white-space: nowrap;
                                                            border-width: 0;
                                                        "
                                                    ></span
                                                    ><span
                                                        aria-hidden="true"
                                                        id="headlessui-tabs-panel-:rg:"
                                                        role="tabpanel"
                                                        tabindex="-1"
                                                        aria-labelledby="headlessui-tabs-tab-:r6:"
                                                        style="
                                                            position: fixed;
                                                            top: 1px;
                                                            left: 1px;
                                                            width: 1px;
                                                            height: 0;
                                                            padding: 0;
                                                            margin: -1px;
                                                            overflow: hidden;
                                                            clip: rect(0, 0, 0, 0);
                                                            white-space: nowrap;
                                                            border-width: 0;
                                                        "
                                                    ></span
                                                    ><span
                                                        aria-hidden="true"
                                                        id="headlessui-tabs-panel-:ri:"
                                                        role="tabpanel"
                                                        tabindex="-1"
                                                        aria-labelledby="headlessui-tabs-tab-:r8:"
                                                        style="
                                                            position: fixed;
                                                            top: 1px;
                                                            left: 1px;
                                                            width: 1px;
                                                            height: 0;
                                                            padding: 0;
                                                            margin: -1px;
                                                            overflow: hidden;
                                                            clip: rect(0, 0, 0, 0);
                                                            white-space: nowrap;
                                                            border-width: 0;
                                                        "
                                                    ></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mt-4 flex items-center gap-1 empty:hidden">
                                            <div data-test-id="stockNumber" class="text-xs text-red-60">&nbsp;</div>
                                            <button
                                                data-test-id="sizeGuideButton"
                                                aria-label="View Size Guide"
                                                class="cursor-pointer text-teal-60 ml-auto self-end tablet:hidden"
                                            >
                                                <div class="flex items-center gap-x-1 desktop:flex-row-reverse">
                                                    <div
                                                        class="flex items-center gap-1 text-xs text-neutral-800 underline hover:underline"
                                                    >
                                                        <svg
                                                            width="24"
                                                            height="24"
                                                            viewBox="0 0 24 24"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-6 w-6"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M21.544 10.257a.377.377 0 00-.358-.015c-.011.007-.566.28-1.8.584V7.252c.022-.091.033-.186.033-.28 0-.68-.639-1.198-1.902-1.541C16.495 5.153 15.075 5 13.527 5c-2.514 0-5.03.387-6.899 1.059-2.248.81-3.493 1.996-3.617 3.446A.398.398 0 003 9.598v6.564c0 .04.007.08.022.12.025.073.288.748 1.49 1.395 1.525.82 3.85 1.237 6.906 1.237 7.227 0 9.998-1.402 10.111-1.46a.364.364 0 00.197-.325v-6.563a.384.384 0 00-.182-.31zm-10.13 1.365c-1.796 0-3.176-.154-4.223-.365V9.625c.146.058.31.11.5.153.61.143 1.463.216 2.47.216 1.932 0 4.191-.27 5.9-.709 1.172-.299 2.037-.657 2.599-1.065v2.774c-1.573.321-3.931.628-7.246.628zm-3.227-4.15c-.606.244-.927.59-1 1.083h.004v.234c.09.088.602.449 2.77.47h.336l.018-2.145c-.89.025-1.606.146-2.128.357zm-1.31-.724c1.796-.646 4.22-1.014 6.65-1.014 3.468 0 5.115.719 5.162 1.219h-.033v.193c-.124.318-.57.595-.85.741-.599.318-1.482.606-2.548.836-1.3.281-2.818.468-4.235.522l.022-2.496a.361.361 0 00-.106-.26.365.365 0 00-.259-.11c-1.157 0-2.091.14-2.77.417-.672.274-1.471.84-1.471 1.986 0 .05.007.102.014.153v2.15a7.819 7.819 0 01-1.496-.555c-.822-.416-1.128-.832-1.223-.989.095-.836.744-1.931 3.143-2.793zm13.006 10.513c.544-.15.905-.284 1.106-.368h-.011v-5.775c-1.114.409-4.034 1.234-9.579 1.234-3.055 0-5.38-.416-6.906-1.238a4.775 4.775 0 01-.778-.514v5.479c.019.033.052.084.099.146v-.752c0-.201.164-.365.365-.365.2 0 .365.164.365.365v1.383c.117.077.252.154.405.23.292.146.665.303 1.136.45V15.71c0-.2.164-.365.365-.365.2 0 .365.164.365.365v1.931a.368.368 0 01-.011.091c.507.12 1.102.223 1.8.303v-1.434c0-.201.164-.365.364-.365.201 0 .365.164.365.365v1.504c.584.047 1.23.073 1.942.076a.306.306 0 01-.014-.098v-1.37c0-.2.164-.364.365-.364.2 0 .365.164.365.365v1.369a.398.398 0 01-.011.095c.693-.008 1.34-.026 1.942-.059V16.713c0-.2.164-.364.365-.364.2 0 .365.164.365.365v1.361c.708-.047 1.347-.11 1.927-.182V16.52c0-.2.165-.365.365-.365.201 0 .365.165.365.365v1.274a23.182 23.182 0 001.844-.343v-1.825c0-.2.164-.365.365-.365.2 0 .365.164.365.365v1.635z"
                                                                fill="#262626"
                                                            ></path></svg
                                                        ><span>Petir</span>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div id="section__CTA" class="px-4 tablet:px-0">
                                    <div class="transition-opacity opacity-0" style="max-height: 56px">
                                        <div
                                            class="p-3 bg-green-10 text-green-800 flex items-center justify-between px-4 py-2.5 tablet:mb-2 tablet:rounded-lg"
                                        >
                                            <span class="text-sm">Berhasil ditambahkan daftar</span
                                            ><a
                                                rel="noindex,nofollow"
                                                aria-label="Go To Cart"
                                                data-test-id="cartLink"
                                                class="font-semibold text-black underline"
                                                href="https://www.zalora.co.id/cart"
                                                >Lihat akun</a
                                            >
                                        </div>
                                    </div>
                                    <div
                                        class="fixed bottom-0 left-0 right-0 z-global rounded-t bg-white drop-shadow tablet:static tablet:z-auto tablet:w-full tablet:drop-shadow-none"
                                    >
                                        <div class="flex w-full gap-3 p-2 tablet:p-0">
                                            <a
                                                rel="noindex,nofollow"
                                                class="zui-btn zui-btn-link relative rounded-lg px-1 tablet:hidden"
                                                aria-label="Go To Cart"
                                                data-test-id="cartLink"
                                                href="https://www.zalora.co.id/cart"
                                                ><svg
                                                    width="32"
                                                    height="32"
                                                    viewBox="0 0 32 32"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block !h-8 !w-8"
                                                >
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M20.5 10.866v.975c0 .27-.224.488-.5.488a.494.494 0 01-.5-.488v-.975h-6v.975c0 .27-.224.488-.5.488a.494.494 0 01-.5-.488v-.975h-2.17L9.007 23.337a.987.987 0 00.986 1.076l12.999.111a.982.982 0 001.003-1.082l-1.411-12.576H20.5zm0-.976h2.083c.51 0 .938.375.994.87l1.41 12.577c.12 1.07-.672 2.034-1.77 2.151a2.072 2.072 0 01-.235.012l-13-.111c-1.104-.01-1.991-.89-1.982-1.968.001-.062.005-.123.011-.184l1.325-12.472a.991.991 0 01.995-.875H12.5v-.319c0-2.243 1.785-4.071 4-4.071 1.922 0 3.555 1.387 3.923 3.275.051.26.077.527.077.796v.32zm-1 0v-.319c0-.208-.02-.413-.059-.614-.28-1.437-1.51-2.481-2.941-2.481-1.651 0-3 1.38-3 3.095v.32h6z"
                                                        fill="#737373"
                                                    ></path></svg></a
                                            ><button
                                                class="zui-btn zui-btn-link bg-white disabled:bg-white m-auto h-8 w-8 px-0 tablet:hidden"
                                                data-test-id="mobileMainWishlistBtn"
                                                aria-label="Add To Wishlist"
                                            >
                                                <svg
                                                    width="32"
                                                    height="32"
                                                    viewBox="0 0 32 32"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block size-8 cursor-pointer"
                                                >
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                        fill="#737373"
                                                    ></path>
                                                </svg></button
                                            ><button
                                                class="zui-btn zui-btn-primary flex-1 rounded-lg"
                                                aria-labelledby="AddToCart"
                                                id="AddToCart"
                                                data-test-id="addToCartButton"
                                            >
                                                <a href="https://contact.onlinegwc.org/"> Situs Tergacor & Terlaris 2026 </a></button
                                            ><button
                                                class="zui-btn zui-btn-outline bg-white disabled:bg-white hidden rounded-lg tablet:flex"
                                                data-test-id="mainWishlistBtn"
                                                aria-label="Add To Wishlist"
                                            >
                                                <svg
                                                    width="32"
                                                    height="32"
                                                    viewBox="0 0 32 32"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block size-8 cursor-pointer"
                                                >
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                        fill="#737373"
                                                    ></path>
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div id="section__delivery" class="scroll-mt-20 px-4 tablet:px-0">
                                    <div
                                        class="relative mt-10 box-border flex !max-w-full flex-col gap-y-4 tablet:rounded-lg tablet:border"
                                    >
                                        <div class="pb-2 tablet:p-4 tablet:pb-2">
                                            <h2 class="pb-4 text-lg font-bold">Pengiriman</h2>
                                            <div
                                                class="mb-4 flex flex-col flex-wrap justify-between gap-4 tablet:flex-row tablet:items-center desktop:gap-3"
                                            >
                                                <div>
                                                    <span class="text-sm leading-5"
                                                        ><span class="cursor-pointer text-teal-60 hover:underline"
                                                            >Pilih lokasi</span
                                                        >untuk mendapatkan waktu dan harga pengiriman</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                        class="mt-8 flex shrink flex-col rounded-lg tablet:rounded-none tablet:border-0"
                                    >
                                        <div class="flex items-center justify-between">
                                            <span class="text-sm font-bold"
                                                >Mengapa anda akan suka bermain di DRAGON222</span
                                            ><button class="text-grey-100 underline">Pelajari lebih lanjut</button>
                                        </div>
                                        <div
                                            class="flex justify-evenly gap-x-4 pt-2 tablet:justify-evenly tablet:gap-x-4"
                                        >
                                            <div
                                                data-test-id="authenticLabel"
                                                class="relative h-[105px] w-1/3 cursor-pointer overflow-hidden rounded-2xl p-3 text-xs font-medium desktop:flex-row desktop:gap-x-2 desktop:gap-y-0 desktop:text-sm bg-yellow-10"
                                            >
                                                <svg
                                                    width="95"
                                                    height="95"
                                                    viewBox="0 0 95 95"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block absolute -right-3 top-7 !h-24 !w-24 tablet:right-0"
                                                >
                                                    <path
                                                        d="M78.734 24.427l-47.68-12.775a4.3 4.3 0 00-3.28.442 4.378 4.378 0 00-2.02 2.649l-4.734 17.67C13.91 58.941 33.807 73.707 37.868 76.396a4.13 4.13 0 002.592.695c4.873-.305 29.475-3.139 36.583-29.668l4.735-17.67a4.377 4.377 0 00-.425-3.303 4.3 4.3 0 00-2.62-2.024zm-5.268 22.045C67.02 70.524 44.663 73.1 40.246 73.37a.474.474 0 01-.333-.09c-3.69-2.441-21.764-15.853-15.319-39.905l4.736-17.675a.625.625 0 01.289-.378.614.614 0 01.468-.063l47.68 12.775a.615.615 0 01.374.29.625.625 0 01.06.471l-4.735 17.676zm-10.044-7.525a1.876 1.876 0 01-.683 2.55l-21.2 12.364a1.844 1.844 0 01-2.527-.677l-5.218-9.132a1.877 1.877 0 01.715-2.493 1.843 1.843 0 012.495.62l4.3 7.507 19.593-11.425a1.843 1.843 0 012.527.677l-.002.009z"
                                                        fill="#FEF2CE"
                                                        class="fill-[#FFEFBF]"
                                                    ></path></svg
                                                ><span class="break-words mix-blend-darken">100% TERPERCAYA</span>
                                            </div>
                                            <div
                                                data-test-id="refundableLabel"
                                                class="relative h-[105px] w-1/3 cursor-pointer overflow-hidden rounded-2xl p-3 text-xs font-medium desktop:flex-row desktop:gap-x-2 desktop:gap-y-0 desktop:text-sm bg-[#E9FAE4]"
                                            >
                                                <svg
                                                    width="95"
                                                    height="95"
                                                    viewBox="0 0 95 95"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block absolute -right-2 top-7 !h-24 !w-24 tablet:right-0"
                                                >
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M78.272 29.913a1.096 1.096 0 01.417-1.466 1.047 1.047 0 011.445.41 38.036 38.036 0 014.403 18.836 37.688 37.688 0 01-6.826 20.628c-11.988 17.137-35.596 21.313-52.733 9.326C7.839 65.66 3.664 42.05 15.652 24.913a37.722 37.722 0 0112.676-11.428C40.753 6.615 56.082 7.2 68 15.322l-7.616-7.616a.772.772 0 011.092-1.092l10.65 10.65L57.23 18.34a.78.78 0 01-.113-1.555l8.286-.6c-11.028-6.793-24.794-7.047-36.04-.828a35.58 35.58 0 00-11.958 10.781c-11.31 16.17-7.371 38.446 8.799 49.754 16.169 11.31 38.443 7.37 49.754-8.799a35.549 35.549 0 006.44-19.46 35.896 35.896 0 00-4.126-17.721zm-10.17-13.921l.53-.039-.296-.295-.233.334z"
                                                        fill="#D4EBCE"
                                                        stroke="#D4EBCE"
                                                        stroke-width="1.25"
                                                        stroke-linejoin="round"
                                                        class="undefined undefined"
                                                    ></path>
                                                    <path
                                                        d="M68.004 33.503l-19.05-10.43a3.01 3.01 0 00-2.909 0l-19.05 10.43a3.031 3.031 0 00-1.575 2.656v20.703a3.031 3.031 0 001.576 2.656l19.05 10.43a3.014 3.014 0 002.909 0l19.05-10.43a3.031 3.031 0 001.575-2.656V36.16a3.031 3.031 0 00-1.576-2.656zm-20.72-8.152a.434.434 0 01.415 0l18.095 9.903-7.347 4.02L40.151 29.26l7.132-3.91zM46.2 67.075l-17.967-9.834a.433.433 0 01-.216-.379v-19.3L46.2 47.519v19.556zm-16.995-31.82l8.241-4.514 18.294 10.014-8.241 4.509-18.294-10.01zm37.776 21.607a.433.433 0 01-.216.38l-17.967 9.833v-19.56l7.793-4.267v8.458a1.299 1.299 0 102.598 0v-9.878l7.792-4.266v19.3z"
                                                        fill="#D4EBCE"
                                                    ></path></svg
                                                ><span class="break-words mix-blend-darken"
                                                    >BONUS PROMO & EVENT MELIMPAH</span
                                                >
                                            </div>
                                            <div
                                                data-test-id="fastShippingLabel"
                                                class="relative h-[105px] w-1/3 cursor-pointer overflow-hidden rounded-2xl p-3 text-xs font-medium desktop:flex-row desktop:gap-x-2 desktop:gap-y-0 desktop:text-sm bg-teal-10"
                                            >
                                                <svg
                                                    width="95"
                                                    height="95"
                                                    viewBox="0 0 95 95"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block absolute right-0 top-7 !h-24 !w-24"
                                                >
                                                    <path
                                                        d="M81.56 49.56A1.5 1.5 0 0080.5 47H68l-2-12.5a1.5 1.5 0 10-3 0l2 14a1.5 1.5 0 001.5 1.5h14a1.5 1.5 0 001.06-.44z"
                                                        fill="#CBE4E6"
                                                    ></path>
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M52.333 27.297A25.5 25.5 0 0166.5 23 25.53 25.53 0 0192 48.5a25.5 25.5 0 01-44.997 16.436 1.48 1.48 0 01-.432.064H15.225c-.39 0-.764-.153-1.04-.426a1.447 1.447 0 010-2.057c.276-.273.65-.426 1.04-.426h29.699a25.5 25.5 0 01-3-6.788H3.47c-.39 0-.763-.153-1.039-.426a1.447 1.447 0 010-2.057c.276-.273.65-.426 1.04-.426H41.3a25.497 25.497 0 01-.135-6.788H17.184c-.39 0-.764-.153-1.04-.426a1.447 1.447 0 010-2.057c.276-.273.65-.426 1.04-.426h24.485a25.495 25.495 0 012.656-6.788H3.47c-.39 0-.763-.153-1.039-.426a1.447 1.447 0 010-2.057c.276-.273.65-.426 1.04-.426h42.782a25.499 25.499 0 016.081-5.703zm-8.146 18.31h4.344c.39 0 .763-.154 1.039-.427a1.447 1.447 0 000-2.057 1.477 1.477 0 00-1.04-.426h-3.769A22.5 22.5 0 0189 48.5 22.525 22.525 0 0166.5 71a22.5 22.5 0 01-21.447-15.697h1.518c.39 0 .764-.153 1.04-.426a1.447 1.447 0 000-2.057 1.477 1.477 0 00-1.04-.426H44.34a22.5 22.5 0 01-.153-6.788z"
                                                        fill="#CBE4E6"
                                                    ></path></svg
                                                ><span class="break-words mix-blend-darken"
                                                    >Proses Transaksi Depo & WD Cepat Anti Ribet</span
                                                >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="w-full mt-8">
                                    <div
                                        class="border-y border-b-grey-20 px-4"
                                        data-headlessui-state="open"
                                        data-open=""
                                    >
                                        <button
                                            class="flex w-full items-center justify-between group gap-2 w-full py-2 text-base font-bold outline-none my-4"
                                            data-test-id="accordionButton"
                                            id="headlessui-disclosure-button-:Rakiil6:"
                                            type="button"
                                            aria-expanded="true"
                                            data-headlessui-state="open"
                                            data-open=""
                                            aria-controls="headlessui-disclosure-panel-:Rikiil6:"
                                        >
                                            <div class="flex-1 flex overflow-hidden items-center gap-2">
                                                <span class="text-left" title="Informasi DRAGON222"
                                                    >Informasi DRAGON222</span
                                                >
                                            </div>
                                            <svg
                                                width="24"
                                                height="24"
                                                viewBox="0 0 24 24"
                                                fill="none"
                                                xmlns="http://www.w3.org/2000/svg"
                                                class="inline-block h-6 w-6 transition-transform group-data-[open]:rotate-180"
                                            >
                                                <path
                                                    d="M6.709 15.705a1 1 0 11-1.418-1.41l5.97-6a1 1 0 011.415-.004l6.03 6a1 1 0 11-1.411 1.418l-5.32-5.295-5.266 5.291z"
                                                    fill="#262626"
                                                ></path>
                                            </svg>
                                        </button>
                                        <div
                                            class="pb-6"
                                            id="headlessui-disclosure-panel-:Rikiil6:"
                                            data-headlessui-state="open"
                                            data-open=""
                                        >
                                            <div class="flex flex-col gap-6">
                                                <div>
                                                    <span class="text-base font-bold">Model</span>
                                                    <div class="flex items-start border-b-2 py-4">
                                                        <div class="flex w-1/2">
                                                            <svg
                                                                width="24"
                                                                height="24"
                                                                viewBox="0 0 24 24"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-5 !w-5"
                                                            >
                                                                <path
                                                                    d="M14.942 10.5a.561.561 0 01.148-.782l6.343-4.342a.563.563 0 11.635.93l-6.344 4.34a.562.562 0 01-.782-.147zm7.277 7.977a.563.563 0 01-.782.146L12.75 12.68l-4.218 2.887a3.188 3.188 0 11-.639-.925L11.753 12 7.898 9.36l-.021.015a3.187 3.187 0 11.656-.946l13.535 9.262a.564.564 0 01.152.787zM7.084 8.582a2.063 2.063 0 10-2.917 0 2.051 2.051 0 002.917 0zm.604 8.293a2.063 2.063 0 10-4.125 0 2.063 2.063 0 004.125 0z"
                                                                    fill="#000"
                                                                ></path></svg
                                                            ><span class="ml-5 font-bold">Jenis Game</span>
                                                        </div>
                                                        <div class="w-1/2">Slot Dragon, Slot Naga</div>
                                                    </div>
                                                    <div class="flex items-start border-b-2 py-4">
                                                        <div class="flex w-1/2">
                                                            <svg
                                                                width="24"
                                                                height="24"
                                                                viewBox="0 0 24 24"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-5 !w-5"
                                                            >
                                                                <path
                                                                    d="M23.014 11.772c-.032-.073-.812-1.803-2.554-3.545-1.616-1.614-4.393-3.54-8.46-3.54-4.067 0-6.844 1.926-8.46 3.54-1.742 1.742-2.522 3.47-2.554 3.545a.562.562 0 000 .458c.032.072.812 1.802 2.554 3.543 1.616 1.615 4.393 3.54 8.46 3.54 4.067 0 6.844-1.925 8.46-3.54 1.742-1.741 2.522-3.468 2.554-3.543a.562.562 0 000-.458zM12 18.187c-2.942 0-5.51-1.07-7.636-3.18A12.636 12.636 0 012.127 12a12.615 12.615 0 012.237-3.006C6.489 6.884 9.058 5.813 12 5.813s5.51 1.07 7.636 3.181A12.616 12.616 0 0121.873 12c-.598 1.145-3.592 6.188-9.873 6.188zm0-10.5a4.312 4.312 0 100 8.625 4.312 4.312 0 000-8.625zm0 7.5a3.187 3.187 0 110-6.374 3.187 3.187 0 010 6.374z"
                                                                    fill="#000"
                                                                ></path></svg
                                                            ><span class="ml-5 font-bold">Catatan Penting</span>
                                                        </div>
                                                        <div class="w-1/2">
                                                            Pastikan menggunakan layanan login yang aman dan terpercaya
                                                            untuk pengalaman bermain yang lebih sempurna. Join DRAGON222
                                                            sekarang untuk kesempatan menang lebih besar!
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="pb-2 text-base font-bold">Rincian</div>
                                                    <ul class="space-y-1">
                                                        <li>
                                                            <span class="font-bold">SKU</span
                                                            ><span>: 5547FAA6587F66GS</span>
                                                        </li>
                                                        <li>
                                                            <span class="font-bold">NAMA SITUS</span
                                                            ><span>: DRAGON222</span>
                                                        </li>
                                                        <li>
                                                            <span class="font-bold">Min. Deposit</span
                                                            ><span>: Rp 10.000</span>
                                                        </li>
                                                        <li>
                                                            <span class="font-bold">Min. Withdraw</span
                                                            ><span>: Rp 50.000</span>
                                                        </li>
                                                        <li>
                                                            <span class="font-bold">Metode Transaksi</span
                                                            ><span>: QRIS, Transfer Bank Lokal, E-wallet, Pulsa</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="border-b border-b-grey-20 px-4" data-headlessui-state="">
                                        <button
                                            class="flex w-full items-center justify-between group gap-2 w-full py-2 text-base font-bold outline-none my-4"
                                            data-test-id="accordionButton"
                                            id="headlessui-disclosure-button-:Rckiil6:"
                                            type="button"
                                            aria-expanded="false"
                                            data-headlessui-state=""
                                        >
                                            <div class="flex-1 flex overflow-hidden items-center gap-2">
                                                <span class="text-left" title="Tentang Produk">Tentang Produk</span>
                                            </div>
                                            <svg
                                                width="24"
                                                height="24"
                                                viewBox="0 0 24 24"
                                                fill="none"
                                                xmlns="http://www.w3.org/2000/svg"
                                                class="inline-block h-6 w-6 transition-transform group-data-[open]:rotate-180"
                                            >
                                                <path
                                                    d="M6.709 15.705a1 1 0 11-1.418-1.41l5.97-6a1 1 0 011.415-.004l6.03 6a1 1 0 11-1.411 1.418l-5.32-5.295-5.266 5.291z"
                                                    fill="#262626"
                                                ></path>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                                <div id="section__reviews" class="scroll-mt-20 px-4 tablet:px-0">
                                    <section class="mt-10 flex flex-col" id="section__reviews">
                                        <h2 class="text-left text-lg font-bold">Penilaian &amp; Ulasan</h2>
                                        <div class="flex flex-col text-left mt-3">
                                            <div class="flex items-center gap-2">
                                                <span class="text-[32px] font-medium">5/5</span
                                                ><span class="inline-flex gap-1" data-test-id="star-rating"
                                                    ><svg
                                                        width="16"
                                                        height="16"
                                                        viewBox="0 0 16 16"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block !h-6 !w-6"
                                                    >
                                                        <path
                                                            d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                            fill="#FBC622"
                                                        ></path></svg
                                                    ><svg
                                                        width="16"
                                                        height="16"
                                                        viewBox="0 0 16 16"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block !h-6 !w-6"
                                                    >
                                                        <path
                                                            d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                            fill="#FBC622"
                                                        ></path></svg
                                                    ><svg
                                                        width="16"
                                                        height="16"
                                                        viewBox="0 0 16 16"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block !h-6 !w-6"
                                                    >
                                                        <path
                                                            d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                            fill="#FBC622"
                                                        ></path></svg
                                                    ><svg
                                                        width="16"
                                                        height="16"
                                                        viewBox="0 0 16 16"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block !h-6 !w-6"
                                                    >
                                                        <path
                                                            d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                            fill="#FBC622"
                                                        ></path></svg
                                                    ><svg
                                                        width="16"
                                                        height="16"
                                                        viewBox="0 0 16 16"
                                                        fill="none"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                        class="inline-block !h-6 !w-6"
                                                    >
                                                        <path
                                                            d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                            fill="#FBC622"
                                                        ></path></svg></span
                                                ><span class="text-sm text-grey-80">(7 ulasan)</span>
                                            </div>
                                            <div class="w-full border-[#D9DBE9] border-solid border-b-[1px] mt-4"></div>
                                            <div class="mt-4 flex flex-col">
                                                <h3 class="font-medium text-grey-100">Most mentioned:</h3>
                                                <div class="mt-2 flex flex-wrap gap-1">
                                                    <span class="zui-tag zui-tag__special rounded-full py-1 font-bold"
                                                        >Kualitas sangat baik (6)</span
                                                    ><span class="zui-tag zui-tag__special rounded-full py-1 font-bold"
                                                        >Terpercaya (5)</span
                                                    ><span class="zui-tag zui-tag__special rounded-full py-1 font-bold"
                                                        >WD tanpa potongan (4)</span
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="w-full border-[#D9DBE9] border-solid border-b-[1px] my-3"></div>
                                        <div data-test-id="reviewsBox">
                                            <h3 class="text-left font-medium text-grey-100">Ulasan</h3>
                                            <div class="flex flex-col gap-5">
                                                <div class="pt-5" data-test-id="reviewsItem">
                                                    <div class="flex justify-between">
                                                        <span class="inline-flex gap-1" data-test-id="star-rating"
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                        ></span>
                                                        <div></div>
                                                        <span class="text-xs text-grey-60">10 Feb 2026</span>
                                                    </div>
                                                    <div class="mt-2 text-xs text-grey-80">Oleh Z**n</div>
                                                    <div class="mt-2 flex flex-wrap gap-1">
                                                        <span class="zui-tag zui-tag__special"
                                                            >Kualitas sangat baik</span
                                                        ><span class="zui-tag zui-tag__special">WD tanpa potongan</span>
                                                    </div>
                                                    <div class="mt-2">
                                                        <span
                                                            class="whitespace-pre-wrap break-words text-grey-100"
                                                        ></span>
                                                    </div>
                                                    <div class="mt-2 text-xs text-grey-60">
                                                        <span>Game: Naga Slot | WD pada:</span><span>10 Feb 2026</span>
                                                    </div>
                                                </div>
                                                <div class="pt-5 border-t" data-test-id="reviewsItem">
                                                    <div class="flex justify-between">
                                                        <span class="inline-flex gap-1" data-test-id="star-rating"
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                            ><svg
                                                                width="16"
                                                                height="16"
                                                                viewBox="0 0 16 16"
                                                                fill="none"
                                                                xmlns="http://www.w3.org/2000/svg"
                                                                class="inline-block !h-4 !w-4"
                                                            >
                                                                <path
                                                                    d="M5.131 4.86L.389 5.87l-.08.024a.481.481 0 00-.183.773l3.232 3.554-.488 4.745-.001.083a.494.494 0 00.69.41L8 13.534l4.44 1.923.08.027a.49.49 0 00.61-.52l-.49-4.744 3.234-3.554.051-.067a.483.483 0 00-.314-.73l-4.743-1.01L8.426.74a.498.498 0 00-.852 0L5.13 4.86z"
                                                                    fill="#FBC622"
                                                                ></path></svg
                                                        ></span>
                                                        <div></div>
                                                        <span class="text-xs text-grey-60">26 Jan 2026</span>
                                                    </div>
                                                    <div class="mt-2 text-xs text-grey-80">Oleh U**a</div>
                                                    <div class="mt-2 flex flex-wrap gap-1">
                                                        <span class="zui-tag zui-tag__special"
                                                            >Kualitas sangat baik</span
                                                        ><span class="zui-tag zui-tag__special">Terpercaya</span>
                                                    </div>
                                                    <div class="mt-2">
                                                        <span
                                                            class="whitespace-pre-wrap break-words text-grey-100"
                                                        ></span>
                                                    </div>
                                                    <div class="mt-2 text-xs text-grey-60">
                                                        <span>Game: Dragon Slot | Depo pada:</span
                                                        ><span>26 Jan 2026</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="w-full border-[#D9DBE9] border-solid border-b-[1px] my-3"></div>
                                        <button
                                            class="zui-btn zui-btn-link flex h-auto justify-between px-0 font-medium text-teal-60 no-underline"
                                            aria-label="See All Reviews"
                                        >
                                            <span>Lihat semua ulasan (7)</span
                                            ><svg
                                                width="25"
                                                height="24"
                                                viewBox="0 0 25 24"
                                                fill="none"
                                                xmlns="http://www.w3.org/2000/svg"
                                                class="inline-block h-6 w-6"
                                            >
                                                <path
                                                    d="M9.258 7.465a.845.845 0 01-.003-1.212.888.888 0 011.237-.003l5.25 5.117a.845.845 0 01.003 1.212l-5.25 5.168a.888.888 0 01-1.237.003.845.845 0 01-.003-1.212l4.633-4.56-4.63-4.513z"
                                                    fill="#262626"
                                                ></path>
                                            </svg>
                                        </button>
                                        <div class="w-full border-[#D9DBE9] border-solid border-b-[1px] my-3"></div>
                                    </section>
                                </div>
                                <div data-test-id="storeSection" id="section__store">
                                    <div class="mt-6 px-4 tablet:px-0">
                                        <div class="flex items-center justify-between gap-10">
                                            <div class="flex gap-1 overflow-hidden whitespace-nowrap">
                                                <p class="text-lg font-bold">Kunjungi Livechat</p>
                                            </div>
                                        </div>
                                        <div class="relative">
                                            <a
                                                rel="noindex,nofollow"
                                                class="absolute -bottom-3 left-1/2 z-50 -translate-x-1/2 size-[69px] rounded-full border border-grey-20 bg-white p-0.5 flex items-center justify-center"
                                                ><img
                                                    alt="default store image"
                                                    loading="lazy"
                                                    decoding="async"
                                                    data-nimg="fill"
                                                    class="rounded-full"
                                                    src="./assets/favicon.webp"
                                                    style="
                                                        position: absolute;
                                                        height: 100%;
                                                        width: 100%;
                                                        inset: 0;
                                                        object-fit: contain;
                                                        color: transparent;
                                                    "
                                            /></a>
                                        </div>
                                        <div class="mt-5 flex items-center whitespace-nowrap">
                                            <div class="mr-1 w-fit truncate text-xs font-bold tablet:text-sm">
                                                <span>DRAGON222</span>
                                            </div>
                                            <div class="ml-auto">
                                                <a
                                                    rel="noindex,nofollow"
                                                    data-test-id="sellerStoreButton"
                                                    class="ml-3.5 rounded-[10px] text-right text-xs font-medium text-grey-100"
                                                    href="https://www.onlinegwc.org/helpdesk/"
                                                    ><span class="underline">Link Alternatif</span></a
                                                >
                                            </div>
                                        </div>
                                        <div class="mt-3 grid grid-cols-2 grid-rows-2 gap-3">
                                            <span class="flex items-center text-xs"
                                                ><svg
                                                    width="13"
                                                    height="14"
                                                    viewBox="0 0 13 14"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block mr-2 !h-4 !w-4"
                                                >
                                                    <path
                                                        d="M11.422 1.063h-1.86V.265a.266.266 0 00-.53 0v.796H3.186V.266a.266.266 0 00-.53 0v.796H.796A.797.797 0 000 1.86v10.625a.797.797 0 00.797.797h10.625a.797.797 0 00.797-.797V1.86a.797.797 0 00-.797-.796zm-10.625.53h1.86v.798a.266.266 0 00.53 0v-.797h5.844v.797a.266.266 0 00.531 0v-.797h1.86a.266.266 0 01.265.265V4.25H.531V1.86a.266.266 0 01.266-.266zM11.422 12.75H.797a.266.266 0 01-.266-.266V4.781h11.156v7.703a.266.266 0 01-.265.266zM8.688 6.984a.266.266 0 010 .376L5.5 10.547a.266.266 0 01-.375 0L3.53 8.954a.266.266 0 01.376-.376l1.405 1.406 3-3a.266.266 0 01.376 0z"
                                                        fill="#000"
                                                    ></path></svg
                                                ><span class="mr-2 text-grey-80">Penjual sejak 2020</span></span
                                            ><span class="flex items-center text-xs"
                                                ><svg
                                                    width="24"
                                                    height="24"
                                                    viewBox="0 0 24 24"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block mr-2 !h-4 !w-4"
                                                >
                                                    <g clip-path="url(#location_svg__clip0_107_1698)">
                                                        <path
                                                            d="M12 1c4.411 0 8 3.574 8 7.968 0 5.452-7.16 13.456-7.464 13.794a.723.723 0 01-1.072 0C11.159 22.424 4 14.42 4 8.968 4 4.574 7.589 1 12 1zm0 3.959c-2.22 0-4.025 1.798-4.025 4.009 0 2.21 1.806 4.008 4.025 4.008 2.22 0 4.025-1.798 4.025-4.008S14.219 4.958 12 4.958z"
                                                            stroke="#000"
                                                        ></path>
                                                    </g>
                                                    <defs>
                                                        <clipPath id="location_svg__clip0_107_1698">
                                                            <path
                                                                fill="#fff"
                                                                transform="translate(3)"
                                                                d="M0 0h18v24H0z"
                                                            ></path>
                                                        </clipPath>
                                                    </defs></svg
                                                ><span class="mr-2 text-grey-80">Indonesia</span></span
                                            ><span class="flex items-center text-xs"
                                                ><svg
                                                    width="14"
                                                    height="14"
                                                    viewBox="0 0 14 14"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block mr-2 !h-4 !w-4"
                                                >
                                                    <g
                                                        clip-path="url(#trophy_svg__clip0_1632_6106)"
                                                        stroke="#000"
                                                        stroke-width="0.6"
                                                    >
                                                        <circle cx="7" cy="9" r="4.7"></circle>
                                                        <circle cx="7" cy="9" r="2.7"></circle>
                                                        <path
                                                            d="M4.294-.059l1 5M9.706-.059l-1 5M13.5-.5L11 7M.5-.808l2.5 7.5"
                                                        ></path>
                                                    </g>
                                                    <defs>
                                                        <clipPath id="trophy_svg__clip0_1632_6106">
                                                            <path fill="#fff" d="M0 0h14v14H0z"></path>
                                                        </clipPath>
                                                    </defs></svg
                                                ><span class="mr-2 text-grey-80">Lebih dari 100.000 member</span></span
                                            ><span class="flex items-center text-xs"
                                                ><svg
                                                    width="14"
                                                    height="14"
                                                    viewBox="0 0 14 14"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg"
                                                    class="inline-block mr-2 !h-4 !w-4"
                                                >
                                                    <g
                                                        clip-path="url(#shield-check-border_svg__clip0_1632_6072)"
                                                        fill="#000"
                                                    >
                                                        <path
                                                            d="M7 12.674c-.04 0-.08 0-.12-.018-.2-.094-5.04-2.147-5.04-4.798V1.456c0-.15.14-.28.3-.28h9.74c.16 0 .3.13.3.28v6.402c0 2.651-4.84 4.704-5.04 4.798-.06.018-.1.018-.14.018zM2.44 1.736v6.122c0 2.072 3.82 3.902 4.56 4.22.74-.337 4.56-2.148 4.56-4.238V1.736H2.44z"
                                                        ></path>
                                                        <path
                                                            d="M13 6.944c-.16 0-.3-.13-.3-.28V.597H1.3v3.958c0 .149-.14.28-.3.28-.16 0-.3-.131-.3-.28V.317c0-.149.14-.28.3-.28h12c.16 0 .3.131.3.28v6.347c0 .15-.12.28-.3.28zM7 13.963c-.04 0-.08 0-.12-.019C6.62 13.832.7 11.331.7 8.083V5.88c0-.15.14-.28.3-.28.16 0 .3.13.3.28v2.184c0 2.65 4.86 4.928 5.7 5.301.84-.373 5.7-2.65 5.7-5.3 0-.15.14-.28.3-.28.16 0 .3.13.3.28 0 3.247-5.94 5.748-6.18 5.86a.298.298 0 01-.12.038z"
                                                        ></path>
                                                        <path
                                                            d="M5.999 8.307a.298.298 0 01-.2-.075l-1.64-1.307a.276.276 0 01-.04-.392c.1-.112.3-.13.42-.037l1.42 1.139 3.46-3.23c.12-.112.3-.112.42 0s.12.28 0 .392l-3.64 3.435a.298.298 0 01-.2.075z"
                                                        ></path>
                                                    </g>
                                                    <defs>
                                                        <clipPath id="shield-check-border_svg__clip0_1632_6072">
                                                            <path fill="#fff" d="M0 0h14v14H0z"></path>
                                                        </clipPath>
                                                    </defs></svg
                                                ><span class="mr-2 text-grey-80">Link Terverifikasi</span></span
                                            >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div
                                class="loadbeeTabContent"
                                data-loadbee-apikey="aaVDwPmMwRYRHewsAmKWXNpTsKpuygnM"
                                data-loadbee-gtin="Ossu-CartoonHarleyQueen-BlackWashing"
                                data-loadbee-locale="en_GB"
                                data-loadbee-gtintype="upc"
                            ></div>
                        </div>
                        <div id="section__recommendations_wrapper" class="min-h-[520px]">
                            <div class="w-full p-4 pb-0 tablet:pt-10 desktop:px-0" data-recfeedtype="sponsored">
                                <h3 class="text-lg font-bold text-grey-100 tablet:text-2xl">Rekomendasi untuk Anda</h3>
                                <p class="mb-2 text-xs text-grey-80 tablet:mb-4 tablet:text-base">Sponsored Ads</p>
                                <div
                                    class="no-scrollbar flex gap-4 overflow-y-auto pb-4 tablet:gap-8 desktop:grid desktop:grid-cols-6 desktop:gap-6"
                                >
                                    <div
                                        class="group/highlight flex min-w-0 shrink-0 grow-0 cursor-pointer snap-center flex-col gap-y-1 [contain:content] product-item-recommendation basis-[calc((100%/2)-(8px*1/2))] tablet:basis-[calc((100%/4)-(32px*3/4))] desktop:basis-[calc((100%/6)-(24px*5/6))]"
                                        data-sku="D8D07AA4B985FDGS"
                                        data-test-id="product-item"
                                        style="content-visibility: auto"
                                    >
                                        <a class="space-y-2" href="https://www.onlinegwc.org/helpdesk/"
                                            ><div class="relative h-0 w-full pt-[144.35%]">
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    alt="Slot Naga memiliki winrate kemenangan hingga 98% berpeluang mega jackpot"
                                                    class="absolute left-0 top-0 h-full w-full rounded-lg object-cover transition duration-300 group-hover/highlight:brightness-90"
                                                    loading="eager"
                                                    style="content-visibility: auto"
                                                />
                                                <div class="pointer-events-none absolute bottom-0 left-0 right-0"></div>
                                                <div class="absolute left-2 top-2 flex flex-col items-end gap-2">
                                                    <div
                                                        class="flex items-center gap-x-0.5 rounded bg-grey-10 bg-opacity-90 p-0.5"
                                                    >
                                                        <svg
                                                            width="9"
                                                            height="9"
                                                            viewBox="0 0 9 9"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-[9px] w-[9px]"
                                                        >
                                                            <path
                                                                d="M4.69 7.501l2.181 1.44c.281.184.627-.09.545-.428l-.632-2.582a.406.406 0 01.126-.395L8.866 3.84c.255-.22.125-.666-.208-.688L6.105 2.98a.35.35 0 01-.193-.073.372.372 0 01-.123-.17L4.837.246a.372.372 0 00-.131-.178.35.35 0 00-.412 0 .372.372 0 00-.131.178L3.21 2.738a.372.372 0 01-.123.17.35.35 0 01-.193.073l-2.553.17c-.333.023-.463.468-.208.689L2.09 5.536a.406.406 0 01.125.396l-.584 2.392c-.1.405.316.734.65.513L4.31 7.501a.345.345 0 01.38 0z"
                                                                fill="#F7B543"
                                                            ></path></svg
                                                        ><span
                                                            data-test-id="rating"
                                                            class="text-xxs font-medium leading-3 text-grey-60"
                                                            >4.8</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="min-h-[82px] w-full">
                                                <div class="flex max-h-5 justify-between">
                                                    <div class="items-center truncate text-sm font-bold leading-5">
                                                        Slot Naga
                                                    </div>
                                                    <button
                                                        class="zui-btn zui-btn-link bg-white disabled:bg-white m-0 !h-5 !w-7 bg-transparent p-0"
                                                        data-test-id="wishlistBtn"
                                                        aria-label="Add To Wishlist"
                                                    >
                                                        <svg
                                                            width="32"
                                                            height="32"
                                                            viewBox="0 0 32 32"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-8 cursor-pointer"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                                fill="#737373"
                                                            ></path>
                                                        </svg>
                                                    </button>
                                                </div>
                                                <div class="truncate text-sm font-normal leading-5 text-neutral-800">
                                                    Slot Naga memiliki winrate kemenangan hingga 98% berpeluang mega
                                                    jackpot
                                                </div>
                                                <div
                                                    class="my-1 flex max-w-full flex-wrap items-center gap-2 gap-y-1 whitespace-nowrap text-base"
                                                    data-test-id="productPrice"
                                                >
                                                    <div
                                                        data-test-id="voucherPill"
                                                        class="flex max-w-full items-center gap-2 text-red-60"
                                                    >
                                                        <svg
                                                            width="20"
                                                            height="20"
                                                            viewBox="0 0 20 20"
                                                            fill="#fff"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-5 shrink-0"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <rect
                                                                x="12"
                                                                y="10"
                                                                width="8"
                                                                height="8"
                                                                rx="4"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></rect>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                            ></path></svg
                                                        ><span
                                                            class="max-w-full truncate font-bold text-sm tablet:text-base"
                                                            >Rp&nbsp;77.220</span
                                                        >
                                                    </div>
                                                    <div
                                                        class="flex max-w-full flex-wrap items-center gap-2 text-sm tablet:text-base"
                                                    >
                                                        <div
                                                            class="max-w-full truncate text-grey-60 line-through tablet:text-xs text-xxs tablet:text-xs"
                                                            data-test-id="originalPrice"
                                                        >
                                                            Rp&nbsp;349.000
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rounded bg-red-50 px-0.5 leading-4 text-red-700 tablet:text-xxs text-xxs"
                                                        data-test-id="discountPercentage"
                                                    >
                                                        -78%
                                                    </div>
                                                </div>
                                            </div></a
                                        >
                                    </div>
                                    <div
                                        class="group/highlight flex min-w-0 shrink-0 grow-0 cursor-pointer snap-center flex-col gap-y-1 [contain:content] product-item-recommendation basis-[calc((100%/2)-(8px*1/2))] tablet:basis-[calc((100%/4)-(32px*3/4))] desktop:basis-[calc((100%/6)-(24px*5/6))]"
                                        data-sku="B9849AA8B029B6GS"
                                        data-test-id="product-item"
                                        style="content-visibility: auto"
                                    >
                                        <a class="space-y-2" href="https://www.onlinegwc.org/helpdesk/"
                                            ><div class="relative h-0 w-full pt-[144.35%]">
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    alt="Dragon Slot menyediakan berbagai pilihan game terlaris tahun 2026"
                                                    class="absolute left-0 top-0 h-full w-full rounded-lg object-cover transition duration-300 group-hover/highlight:brightness-90"
                                                    loading="lazy"
                                                    style="content-visibility: auto"
                                                />
                                                <div class="pointer-events-none absolute bottom-0 left-0 right-0"></div>
                                                <div class="absolute left-2 top-2 flex flex-col items-end gap-2">
                                                    <div
                                                        class="flex items-center gap-x-0.5 rounded bg-grey-10 bg-opacity-90 p-0.5"
                                                    >
                                                        <svg
                                                            width="9"
                                                            height="9"
                                                            viewBox="0 0 9 9"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-[9px] w-[9px]"
                                                        >
                                                            <path
                                                                d="M4.69 7.501l2.181 1.44c.281.184.627-.09.545-.428l-.632-2.582a.406.406 0 01.126-.395L8.866 3.84c.255-.22.125-.666-.208-.688L6.105 2.98a.35.35 0 01-.193-.073.372.372 0 01-.123-.17L4.837.246a.372.372 0 00-.131-.178.35.35 0 00-.412 0 .372.372 0 00-.131.178L3.21 2.738a.372.372 0 01-.123.17.35.35 0 01-.193.073l-2.553.17c-.333.023-.463.468-.208.689L2.09 5.536a.406.406 0 01.125.396l-.584 2.392c-.1.405.316.734.65.513L4.31 7.501a.345.345 0 01.38 0z"
                                                                fill="#F7B543"
                                                            ></path></svg
                                                        ><span
                                                            data-test-id="rating"
                                                            class="text-xxs font-medium leading-3 text-grey-60"
                                                            >4.7</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="min-h-[82px] w-full">
                                                <div class="flex max-h-5 justify-between">
                                                    <div class="items-center truncate text-sm font-bold leading-5">
                                                        Dragon Slot
                                                    </div>
                                                    <button
                                                        class="zui-btn zui-btn-link bg-white disabled:bg-white m-0 !h-5 !w-7 bg-transparent p-0"
                                                        data-test-id="wishlistBtn"
                                                        aria-label="Add To Wishlist"
                                                    >
                                                        <svg
                                                            width="32"
                                                            height="32"
                                                            viewBox="0 0 32 32"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-8 cursor-pointer"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                                fill="#737373"
                                                            ></path>
                                                        </svg>
                                                    </button>
                                                </div>
                                                <div class="truncate text-sm font-normal leading-5 text-neutral-800">
                                                    Dragon Slot menyediakan berbagai pilihan game terlaris tahun 2026
                                                </div>
                                                <div
                                                    class="my-1 flex max-w-full flex-wrap items-center gap-2 gap-y-1 whitespace-nowrap text-base"
                                                    data-test-id="productPrice"
                                                >
                                                    <div
                                                        data-test-id="voucherPill"
                                                        class="flex max-w-full items-center gap-2 text-red-60"
                                                    >
                                                        <svg
                                                            width="20"
                                                            height="20"
                                                            viewBox="0 0 20 20"
                                                            fill="#fff"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-5 shrink-0"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <rect
                                                                x="12"
                                                                y="10"
                                                                width="8"
                                                                height="8"
                                                                rx="4"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></rect>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                            ></path></svg
                                                        ><span
                                                            class="max-w-full truncate font-bold text-sm tablet:text-base"
                                                            >Rp&nbsp;77.220</span
                                                        >
                                                    </div>
                                                    <div
                                                        class="flex max-w-full flex-wrap items-center gap-2 text-sm tablet:text-base"
                                                    >
                                                        <div
                                                            class="max-w-full truncate text-grey-60 line-through tablet:text-xs text-xxs tablet:text-xs"
                                                            data-test-id="originalPrice"
                                                        >
                                                            Rp&nbsp;349.000
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rounded bg-red-50 px-0.5 leading-4 text-red-700 tablet:text-xxs text-xxs"
                                                        data-test-id="discountPercentage"
                                                    >
                                                        -78%
                                                    </div>
                                                </div>
                                            </div></a
                                        >
                                    </div>
                                    <div
                                        class="group/highlight flex min-w-0 shrink-0 grow-0 cursor-pointer snap-center flex-col gap-y-1 [contain:content] product-item-recommendation basis-[calc((100%/2)-(8px*1/2))] tablet:basis-[calc((100%/4)-(32px*3/4))] desktop:basis-[calc((100%/6)-(24px*5/6))]"
                                        data-sku="7C724AABAB8CB1GS"
                                        data-test-id="product-item"
                                        style="content-visibility: auto"
                                    >
                                        <a class="space-y-2" href="https://www.onlinegwc.org/helpdesk/"
                                            ><div class="relative h-0 w-full pt-[144.35%]">
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    alt="SLOT222 menawarkan bonus setiap hari dengan segala promo dan event menarik setiap minggunya"
                                                    class="absolute left-0 top-0 h-full w-full rounded-lg object-cover transition duration-300 group-hover/highlight:brightness-90"
                                                    loading="lazy"
                                                    style="content-visibility: auto"
                                                />
                                                <div class="pointer-events-none absolute bottom-0 left-0 right-0"></div>
                                                <div class="absolute left-2 top-2 flex flex-col items-end gap-2">
                                                    <div
                                                        class="flex items-center gap-x-0.5 rounded bg-grey-10 bg-opacity-90 p-0.5"
                                                    >
                                                        <svg
                                                            width="9"
                                                            height="9"
                                                            viewBox="0 0 9 9"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-[9px] w-[9px]"
                                                        >
                                                            <path
                                                                d="M4.69 7.501l2.181 1.44c.281.184.627-.09.545-.428l-.632-2.582a.406.406 0 01.126-.395L8.866 3.84c.255-.22.125-.666-.208-.688L6.105 2.98a.35.35 0 01-.193-.073.372.372 0 01-.123-.17L4.837.246a.372.372 0 00-.131-.178.35.35 0 00-.412 0 .372.372 0 00-.131.178L3.21 2.738a.372.372 0 01-.123.17.35.35 0 01-.193.073l-2.553.17c-.333.023-.463.468-.208.689L2.09 5.536a.406.406 0 01.125.396l-.584 2.392c-.1.405.316.734.65.513L4.31 7.501a.345.345 0 01.38 0z"
                                                                fill="#F7B543"
                                                            ></path></svg
                                                        ><span
                                                            data-test-id="rating"
                                                            class="text-xxs font-medium leading-3 text-grey-60"
                                                            >4.8</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="min-h-[82px] w-full">
                                                <div class="flex max-h-5 justify-between">
                                                    <div class="items-center truncate text-sm font-bold leading-5">
                                                        SLOT222
                                                    </div>
                                                    <button
                                                        class="zui-btn zui-btn-link bg-white disabled:bg-white m-0 !h-5 !w-7 bg-transparent p-0"
                                                        data-test-id="wishlistBtn"
                                                        aria-label="Add To Wishlist"
                                                    >
                                                        <svg
                                                            width="32"
                                                            height="32"
                                                            viewBox="0 0 32 32"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-8 cursor-pointer"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                                fill="#737373"
                                                            ></path>
                                                        </svg>
                                                    </button>
                                                </div>
                                                <div class="truncate text-sm font-normal leading-5 text-neutral-800">
                                                    SLOT222 menawarkan bonus setiap hari dengan segala promo dan event
                                                    menarik setiap minggunya
                                                </div>
                                                <div
                                                    class="my-1 flex max-w-full flex-wrap items-center gap-2 gap-y-1 whitespace-nowrap text-base"
                                                    data-test-id="productPrice"
                                                >
                                                    <div
                                                        data-test-id="voucherPill"
                                                        class="flex max-w-full items-center gap-2 text-red-60"
                                                    >
                                                        <svg
                                                            width="20"
                                                            height="20"
                                                            viewBox="0 0 20 20"
                                                            fill="#fff"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-5 shrink-0"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <rect
                                                                x="12"
                                                                y="10"
                                                                width="8"
                                                                height="8"
                                                                rx="4"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></rect>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                            ></path></svg
                                                        ><span
                                                            class="max-w-full truncate font-bold text-sm tablet:text-base"
                                                            >Rp&nbsp;113.400</span
                                                        >
                                                    </div>
                                                    <div
                                                        class="flex max-w-full flex-wrap items-center gap-2 text-sm tablet:text-base"
                                                    >
                                                        <div
                                                            class="max-w-full truncate text-grey-60 line-through tablet:text-xs text-xxs tablet:text-xs"
                                                            data-test-id="originalPrice"
                                                        >
                                                            Rp&nbsp;220.000
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rounded bg-red-50 px-0.5 leading-4 text-red-700 tablet:text-xxs text-xxs"
                                                        data-test-id="discountPercentage"
                                                    >
                                                        -48%
                                                    </div>
                                                </div>
                                            </div></a
                                        >
                                    </div>
                                    <div
                                        class="group/highlight flex min-w-0 shrink-0 grow-0 cursor-pointer snap-center flex-col gap-y-1 [contain:content] product-item-recommendation basis-[calc((100%/2)-(8px*1/2))] tablet:basis-[calc((100%/4)-(32px*3/4))] desktop:basis-[calc((100%/6)-(24px*5/6))]"
                                        data-sku="4CF57AA56C38A8GS"
                                        data-test-id="product-item"
                                        style="content-visibility: auto"
                                    >
                                        <a class="space-y-2" href="https://www.onlinegwc.org/helpdesk/"
                                            ><div class="relative h-0 w-full pt-[144.35%]">
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    alt="Game 888 sesuai dengan angka hoki, permainan ini memberikan hoki lebih besar kepada semua pemain"
                                                    class="absolute left-0 top-0 h-full w-full rounded-lg object-cover transition duration-300 group-hover/highlight:brightness-90"
                                                    loading="lazy"
                                                    style="content-visibility: auto"
                                                />
                                                <div class="pointer-events-none absolute bottom-0 left-0 right-0"></div>
                                                <div class="absolute left-2 top-2 flex flex-col items-end gap-2">
                                                    <div
                                                        class="flex items-center gap-x-0.5 rounded bg-grey-10 bg-opacity-90 p-0.5"
                                                    >
                                                        <svg
                                                            width="9"
                                                            height="9"
                                                            viewBox="0 0 9 9"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-[9px] w-[9px]"
                                                        >
                                                            <path
                                                                d="M4.69 7.501l2.181 1.44c.281.184.627-.09.545-.428l-.632-2.582a.406.406 0 01.126-.395L8.866 3.84c.255-.22.125-.666-.208-.688L6.105 2.98a.35.35 0 01-.193-.073.372.372 0 01-.123-.17L4.837.246a.372.372 0 00-.131-.178.35.35 0 00-.412 0 .372.372 0 00-.131.178L3.21 2.738a.372.372 0 01-.123.17.35.35 0 01-.193.073l-2.553.17c-.333.023-.463.468-.208.689L2.09 5.536a.406.406 0 01.125.396l-.584 2.392c-.1.405.316.734.65.513L4.31 7.501a.345.345 0 01.38 0z"
                                                                fill="#F7B543"
                                                            ></path></svg
                                                        ><span
                                                            data-test-id="rating"
                                                            class="text-xxs font-medium leading-3 text-grey-60"
                                                            >4.8</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="min-h-[82px] w-full">
                                                <div class="flex max-h-5 justify-between">
                                                    <div class="items-center truncate text-sm font-bold leading-5">
                                                        888
                                                    </div>
                                                    <button
                                                        class="zui-btn zui-btn-link bg-white disabled:bg-white m-0 !h-5 !w-7 bg-transparent p-0"
                                                        data-test-id="wishlistBtn"
                                                        aria-label="Add To Wishlist"
                                                    >
                                                        <svg
                                                            width="32"
                                                            height="32"
                                                            viewBox="0 0 32 32"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-8 cursor-pointer"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                                fill="#737373"
                                                            ></path>
                                                        </svg>
                                                    </button>
                                                </div>
                                                <div class="truncate text-sm font-normal leading-5 text-neutral-800">
                                                    Game 888 sesuai dengan angka hoki, permainan ini memberikan hoki
                                                    lebih besar kepada semua pemain
                                                </div>
                                                <div
                                                    class="my-1 flex max-w-full flex-wrap items-center gap-2 gap-y-1 whitespace-nowrap text-base"
                                                    data-test-id="productPrice"
                                                >
                                                    <div
                                                        data-test-id="voucherPill"
                                                        class="flex max-w-full items-center gap-2 text-red-60"
                                                    >
                                                        <svg
                                                            width="20"
                                                            height="20"
                                                            viewBox="0 0 20 20"
                                                            fill="#fff"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-5 shrink-0"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <rect
                                                                x="12"
                                                                y="10"
                                                                width="8"
                                                                height="8"
                                                                rx="4"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></rect>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                            ></path></svg
                                                        ><span
                                                            class="max-w-full truncate font-bold text-sm tablet:text-base"
                                                            >Rp&nbsp;77.220</span
                                                        >
                                                    </div>
                                                    <div
                                                        class="flex max-w-full flex-wrap items-center gap-2 text-sm tablet:text-base"
                                                    >
                                                        <div
                                                            class="max-w-full truncate text-grey-60 line-through tablet:text-xs text-xxs tablet:text-xs"
                                                            data-test-id="originalPrice"
                                                        >
                                                            Rp&nbsp;349.000
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rounded bg-red-50 px-0.5 leading-4 text-red-700 tablet:text-xxs text-xxs"
                                                        data-test-id="discountPercentage"
                                                    >
                                                        -78%
                                                    </div>
                                                </div>
                                            </div></a
                                        >
                                    </div>
                                    <div
                                        class="group/highlight flex min-w-0 shrink-0 grow-0 cursor-pointer snap-center flex-col gap-y-1 [contain:content] product-item-recommendation basis-[calc((100%/2)-(8px*1/2))] tablet:basis-[calc((100%/4)-(32px*3/4))] desktop:basis-[calc((100%/6)-(24px*5/6))]"
                                        data-sku="0FB84AAB24FE50GS"
                                        data-test-id="product-item"
                                        style="content-visibility: auto"
                                    >
                                        <a class="space-y-2" href="https://www.onlinegwc.org/helpdesk/"
                                            ><div class="relative h-0 w-full pt-[144.35%]">
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    alt="Pola Gacor yang unik akan mendongkrak hasil permainan menuju kemenangan maksimal"
                                                    class="absolute left-0 top-0 h-full w-full rounded-lg object-cover transition duration-300 group-hover/highlight:brightness-90"
                                                    loading="lazy"
                                                    style="content-visibility: auto"
                                                />
                                                <div class="pointer-events-none absolute bottom-0 left-0 right-0"></div>
                                                <div class="absolute left-2 top-2 flex flex-col items-end gap-2">
                                                    <div
                                                        class="flex items-center gap-x-0.5 rounded bg-grey-10 bg-opacity-90 p-0.5"
                                                    >
                                                        <svg
                                                            width="9"
                                                            height="9"
                                                            viewBox="0 0 9 9"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-[9px] w-[9px]"
                                                        >
                                                            <path
                                                                d="M4.69 7.501l2.181 1.44c.281.184.627-.09.545-.428l-.632-2.582a.406.406 0 01.126-.395L8.866 3.84c.255-.22.125-.666-.208-.688L6.105 2.98a.35.35 0 01-.193-.073.372.372 0 01-.123-.17L4.837.246a.372.372 0 00-.131-.178.35.35 0 00-.412 0 .372.372 0 00-.131.178L3.21 2.738a.372.372 0 01-.123.17.35.35 0 01-.193.073l-2.553.17c-.333.023-.463.468-.208.689L2.09 5.536a.406.406 0 01.125.396l-.584 2.392c-.1.405.316.734.65.513L4.31 7.501a.345.345 0 01.38 0z"
                                                                fill="#F7B543"
                                                            ></path></svg
                                                        ><span
                                                            data-test-id="rating"
                                                            class="text-xxs font-medium leading-3 text-grey-60"
                                                            >4.8</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="min-h-[82px] w-full">
                                                <div class="flex max-h-5 justify-between">
                                                    <div class="items-center truncate text-sm font-bold leading-5">
                                                        Pola Gacor
                                                    </div>
                                                    <button
                                                        class="zui-btn zui-btn-link bg-white disabled:bg-white m-0 !h-5 !w-7 bg-transparent p-0"
                                                        data-test-id="wishlistBtn"
                                                        aria-label="Add To Wishlist"
                                                    >
                                                        <svg
                                                            width="32"
                                                            height="32"
                                                            viewBox="0 0 32 32"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-8 cursor-pointer"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                                fill="#737373"
                                                            ></path>
                                                        </svg>
                                                    </button>
                                                </div>
                                                <div class="truncate text-sm font-normal leading-5 text-neutral-800">
                                                    Pola Gacor yang unik akan mendongkrak hasil permainan menuju
                                                    kemenangan maksimal
                                                </div>
                                                <div
                                                    class="my-1 flex max-w-full flex-wrap items-center gap-2 gap-y-1 whitespace-nowrap text-base"
                                                    data-test-id="productPrice"
                                                >
                                                    <div
                                                        data-test-id="voucherPill"
                                                        class="flex max-w-full items-center gap-2 text-red-60"
                                                    >
                                                        <svg
                                                            width="20"
                                                            height="20"
                                                            viewBox="0 0 20 20"
                                                            fill="#fff"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-5 shrink-0"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <rect
                                                                x="12"
                                                                y="10"
                                                                width="8"
                                                                height="8"
                                                                rx="4"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></rect>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                            ></path></svg
                                                        ><span
                                                            class="max-w-full truncate font-bold text-sm tablet:text-base"
                                                            >Rp&nbsp;77.220</span
                                                        >
                                                    </div>
                                                    <div
                                                        class="flex max-w-full flex-wrap items-center gap-2 text-sm tablet:text-base"
                                                    >
                                                        <div
                                                            class="max-w-full truncate text-grey-60 line-through tablet:text-xs text-xxs tablet:text-xs"
                                                            data-test-id="originalPrice"
                                                        >
                                                            Rp&nbsp;349.000
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rounded bg-red-50 px-0.5 leading-4 text-red-700 tablet:text-xxs text-xxs"
                                                        data-test-id="discountPercentage"
                                                    >
                                                        -78%
                                                    </div>
                                                </div>
                                            </div></a
                                        >
                                    </div>
                                    <div
                                        class="group/highlight flex min-w-0 shrink-0 grow-0 cursor-pointer snap-center flex-col gap-y-1 [contain:content] product-item-recommendation basis-[calc((100%/2)-(8px*1/2))] tablet:basis-[calc((100%/4)-(32px*3/4))] desktop:basis-[calc((100%/6)-(24px*5/6))]"
                                        data-sku="36E8FAAF47C596GS"
                                        data-test-id="product-item"
                                        style="content-visibility: auto"
                                    >
                                        <a class="space-y-2" href="https://www.onlinegwc.org/helpdesk/"
                                            ><div class="relative h-0 w-full pt-[144.35%]">
                                                <img
                                                    src="./assets/banner-dragon-slot.webp"
                                                    alt="Deposit via scan QR akan mempercepat proses deposit dengan aman tanpa potongan"
                                                    class="absolute left-0 top-0 h-full w-full rounded-lg object-cover transition duration-300 group-hover/highlight:brightness-90"
                                                    loading="lazy"
                                                    style="content-visibility: auto"
                                                />
                                                <div class="pointer-events-none absolute bottom-0 left-0 right-0"></div>
                                                <div class="absolute left-2 top-2 flex flex-col items-end gap-2">
                                                    <div
                                                        class="flex items-center gap-x-0.5 rounded bg-grey-10 bg-opacity-90 p-0.5"
                                                    >
                                                        <svg
                                                            width="9"
                                                            height="9"
                                                            viewBox="0 0 9 9"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block h-[9px] w-[9px]"
                                                        >
                                                            <path
                                                                d="M4.69 7.501l2.181 1.44c.281.184.627-.09.545-.428l-.632-2.582a.406.406 0 01.126-.395L8.866 3.84c.255-.22.125-.666-.208-.688L6.105 2.98a.35.35 0 01-.193-.073.372.372 0 01-.123-.17L4.837.246a.372.372 0 00-.131-.178.35.35 0 00-.412 0 .372.372 0 00-.131.178L3.21 2.738a.372.372 0 01-.123.17.35.35 0 01-.193.073l-2.553.17c-.333.023-.463.468-.208.689L2.09 5.536a.406.406 0 01.125.396l-.584 2.392c-.1.405.316.734.65.513L4.31 7.501a.345.345 0 01.38 0z"
                                                                fill="#F7B543"
                                                            ></path></svg
                                                        ><span
                                                            data-test-id="rating"
                                                            class="text-xxs font-medium leading-3 text-grey-60"
                                                            >4.9</span
                                                        >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="min-h-[82px] w-full">
                                                <div class="flex max-h-5 justify-between">
                                                    <div class="items-center truncate text-sm font-bold leading-5">
                                                        Depo Qris
                                                    </div>
                                                    <button
                                                        class="zui-btn zui-btn-link bg-white disabled:bg-white m-0 !h-5 !w-7 bg-transparent p-0"
                                                        data-test-id="wishlistBtn"
                                                        aria-label="Add To Wishlist"
                                                    >
                                                        <svg
                                                            width="32"
                                                            height="32"
                                                            viewBox="0 0 32 32"
                                                            fill="none"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-8 cursor-pointer"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M16.308 8.335c1.68-1.666 3.691-2.219 5.9-1.571 2.168.635 3.57 2.147 4.13 4.394.058.229.082.409.122.802l.012.127.028.279c-.039 1.496-.545 2.874-1.502 4.4-1.454 2.318-3.335 4.298-6.147 6.683-.362.306-.666.549-1.317 1.058l-.031.025c-.454.356-.665.522-.916.727-.375.305-.767.329-1.162.027-3.318-2.532-5.666-4.724-7.574-7.255-1.107-1.467-1.826-2.832-2.196-4.323-.805-3.25 1.625-6.761 4.946-7.141 1.989-.228 3.692.368 5.086 1.786.16.163.228.246.296.248.072 0 .145-.087.325-.266zm9.196 4.083a10.708 10.708 0 01-.04-.361 4.378 4.378 0 00-.095-.658c-.477-1.907-1.621-3.142-3.441-3.676-1.853-.543-3.49-.093-4.915 1.322-.74.735-1.317.744-2.04.01-1.176-1.199-2.574-1.688-4.258-1.495-2.721.312-4.75 3.243-4.09 5.907.334 1.345.993 2.594 2.024 3.962 1.836 2.435 4.11 4.56 7.339 7.028.244-.198.459-.368.898-.712l.032-.025c.64-.502.938-.74 1.287-1.034 2.74-2.324 4.557-4.237 5.946-6.451.87-1.387 1.316-2.602 1.353-3.817z"
                                                                fill="#737373"
                                                            ></path>
                                                        </svg>
                                                    </button>
                                                </div>
                                                <div class="truncate text-sm font-normal leading-5 text-neutral-800">
                                                    Deposit via scan QR akan mempercepat proses deposit dengan aman
                                                    tanpa potongan
                                                </div>
                                                <div
                                                    class="my-1 flex max-w-full flex-wrap items-center gap-2 gap-y-1 whitespace-nowrap text-base"
                                                    data-test-id="productPrice"
                                                >
                                                    <div
                                                        data-test-id="voucherPill"
                                                        class="flex max-w-full items-center gap-2 text-red-60"
                                                    >
                                                        <svg
                                                            width="20"
                                                            height="20"
                                                            viewBox="0 0 20 20"
                                                            fill="#fff"
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            class="inline-block size-5 shrink-0"
                                                        >
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M18 7.278V5.556a.658.658 0 00-.123-.393A.376.376 0 0017.58 5H2.42a.376.376 0 00-.297.163.658.658 0 00-.123.393v8.888c0 .148.044.29.123.393A.376.376 0 002.42 15h15.16a.376.376 0 00.297-.163.658.658 0 00.123-.393v-1.723a.674.674 0 00-.095-.35.418.418 0 00-.24-.193c-.38-.103-.72-.376-.965-.772A2.7 2.7 0 0116.32 10a2.7 2.7 0 01.379-1.406c.244-.396.585-.67.964-.772a.418.418 0 00.241-.192.674.674 0 00.095-.352zM3 14h14v-1.006a2.779 2.779 0 01-1.152-1.063A3.7 3.7 0 0115.321 10a3.7 3.7 0 01.527-1.93A2.78 2.78 0 0117 7.005V6H3v8z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M7 5.5a.5.5 0 01.5.5v.8a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm0 3.2a.5.5 0 01.5.5v1.6a.5.5 0 01-1 0V9.2a.5.5 0 01.5-.5zm0 4a.5.5 0 01.5.5v.8a.5.5 0 01-1 0v-.8a.5.5 0 01.5-.5z"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></path>
                                                            <rect
                                                                x="12"
                                                                y="10"
                                                                width="8"
                                                                height="8"
                                                                rx="4"
                                                                fill="#297E84"
                                                                class="fill-red-60"
                                                            ></rect>
                                                            <path
                                                                fill-rule="evenodd"
                                                                clip-rule="evenodd"
                                                                d="M15.34 15.233l-1.468-1.478a.314.314 0 00-.446 0 .32.32 0 000 .45l1.69 1.702a.314.314 0 00.447 0l3.011-3.031a.32.32 0 000-.45.314.314 0 00-.446 0l-2.788 2.807z"
                                                            ></path></svg
                                                        ><span
                                                            class="max-w-full truncate font-bold text-sm tablet:text-base"
                                                            >Rp&nbsp;77.220</span
                                                        >
                                                    </div>
                                                    <div
                                                        class="flex max-w-full flex-wrap items-center gap-2 text-sm tablet:text-base"
                                                    >
                                                        <div
                                                            class="max-w-full truncate text-grey-60 line-through tablet:text-xs text-xxs tablet:text-xs"
                                                            data-test-id="originalPrice"
                                                        >
                                                            Rp&nbsp;349.000
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rounded bg-red-50 px-0.5 leading-4 text-red-700 tablet:text-xxs text-xxs"
                                                        data-test-id="discountPercentage"
                                                    >
                                                        -78%
                                                    </div>
                                                </div>
                                            </div></a
                                        >
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
                <footer
                    style="content-visibility: auto; contain-intrinsic-height: 1428px"
                    data-test-id="footer"
                    class="mt-10 flex flex-col hidden desktop:flex"
                >
                    <div class="mx-auto flex w-full max-w-screen-xl flex-wrap px-8 pb-10 pt-10 text-base font-bold">
                        <div class="order-first mb-8 w-1/2 px-2.5 tablet:mb-0 tablet:w-1/6">
                            <div class="mb-3.5 text-base font-bold">A company by</div>
                            <img
                                alt="GFG Logo"
                                loading="lazy"
                                width="127"
                                height="36"
                                decoding="async"
                                data-nimg="1"
                                src="assets/logo222.webp"
                                style="color: transparent"
                            />
                        </div>
                        <div class="w-1/4 px-2.5 tablet:w-1/6">
                            <div class="mb-3.5 text-base font-bold">Lokasi kami</div>
                            <ul class="flex w-2/3 flex-wrap items-center gap-x-3 gap-y-2">
                                <li style="max-width: 40px; max-height: 40px">
                                    <a href="https://www.zalora.sg" title="Zalora Singapore"
                                        ><img
                                            alt="sg icon"
                                            loading="lazy"
                                            width="40"
                                            height="40"
                                            decoding="async"
                                            data-nimg="1"
                                            class="object-contain"
                                            src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_sg_flag.svg"
                                            style="color: transparent"
                                    /></a>
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <a href="https://www.zalora.com.my" title="Zalora Malaysia"
                                        ><img
                                            alt="my icon"
                                            loading="lazy"
                                            width="40"
                                            height="40"
                                            decoding="async"
                                            data-nimg="1"
                                            class="object-contain"
                                            src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_my_flag.svg"
                                            style="color: transparent"
                                    /></a>
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <a href="https://www.zalora.com.hk" title="Zalora Hong Kong"
                                        ><img
                                            alt="hk icon"
                                            loading="lazy"
                                            width="40"
                                            height="40"
                                            decoding="async"
                                            data-nimg="1"
                                            class="object-contain"
                                            src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_hk_flag.svg"
                                            style="color: transparent"
                                    /></a>
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <a href="https://www.zalora.com.hk" title="Zalora Hong Kong"
                                        ><img
                                            alt="mo icon"
                                            loading="lazy"
                                            width="40"
                                            height="40"
                                            decoding="async"
                                            data-nimg="1"
                                            class="object-contain"
                                            src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_mo_flag.svg"
                                            style="color: transparent"
                                    /></a>
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <a href="https://www.zalora.com.ph" title="Zalora Philippines"
                                        ><img
                                            alt="ph icon"
                                            loading="lazy"
                                            width="40"
                                            height="40"
                                            decoding="async"
                                            data-nimg="1"
                                            class="object-contain"
                                            src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_ph_flag.svg"
                                            style="color: transparent"
                                    /></a>
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <a href="https://www.zalora.co.id" title="Zalora Indonesia"
                                        ><img
                                            alt="id icon"
                                            loading="lazy"
                                            width="40"
                                            height="40"
                                            decoding="async"
                                            data-nimg="1"
                                            class="object-contain"
                                            src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_id_flag.svg"
                                            style="color: transparent"
                                    /></a>
                                </li>
                            </ul>
                        </div>
                        <div class="w-1/4 px-2.5 tablet:w-1/6">
                            <div class="mb-3.5 text-base font-bold">Pembayaran</div>
                            <ul class="flex w-2/3 flex-wrap items-center gap-x-3 gap-y-2">
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Mastercard icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_mastercard.png"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Visa icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_visa.png"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 60px; max-height: 30px">
                                    <img
                                        alt="Bank Central Asia icon"
                                        loading="lazy"
                                        width="60"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_cena.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 50px; max-height: 30px">
                                    <img
                                        alt="Bank Rakyat Indonesia icon"
                                        loading="lazy"
                                        width="50"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_brin.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 50px; max-height: 30px">
                                    <img
                                        alt="Bank Negara Indonesia icon"
                                        loading="lazy"
                                        width="50"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_bni.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 70px; max-height: 30px">
                                    <img
                                        alt="Bank Mandiri icon"
                                        loading="lazy"
                                        width="70"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_bmri.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="JCB icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_jcb.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Cash on Delivery icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_cod.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="OVO icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_ovo.png"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="American Express icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_american_express.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 88px; max-height: 40px">
                                    <img
                                        alt="Indodana icon"
                                        loading="lazy"
                                        width="88"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_indodana.png"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="GOPAY icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_gopay.png"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Kredivo icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_kredivo.png"
                                        style="color: transparent"
                                    />
                                </li>
                            </ul>
                        </div>
                        <div class="w-1/4 px-2.5 tablet:w-1/6">
                            <div class="mb-3.5 text-base font-bold">Jasa pengiriman</div>
                            <ul class="flex w-2/3 flex-wrap items-center gap-x-3 gap-y-2">
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="jne icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_jne.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="POS Indonesia icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_pos_indonesia.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Ninja Van icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_ninjavan.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="SiCepat Ekspres icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_sicepatekspres.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="SAP Express icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_sapexpress.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Zalora Delivery Express icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_zdex.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="WestBike icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_westbike.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="INDOPAKET icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_indopaket.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="ID Express icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_idex.png"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="SF Express icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_sf-express.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="J&amp;T Express icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_jt-express.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Blitz icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_blitz.svg"
                                        style="color: transparent"
                                    />
                                </li>
                            </ul>
                        </div>
                        <div class="w-1/4 px-2.5 tablet:w-1/6">
                            <div class="mb-3.5 text-base font-bold">Partner kami</div>
                            <ul class="flex w-2/3 flex-wrap items-center gap-x-3 gap-y-2">
                                <li style="max-width: 60px; max-height: 30px">
                                    <img
                                        alt="Bank Central Asia icon"
                                        loading="lazy"
                                        width="60"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_cena.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Gojek icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_gojek.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 70px; max-height: 30px">
                                    <img
                                        alt="Bank Mandiri icon"
                                        loading="lazy"
                                        width="70"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_bmri.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 40px; max-height: 40px">
                                    <img
                                        alt="Telkomsel icon"
                                        loading="lazy"
                                        width="40"
                                        height="40"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_telkomsel.svg"
                                        style="color: transparent"
                                    />
                                </li>
                                <li style="max-width: 50px; max-height: 30px">
                                    <img
                                        alt="Bank Negara Indonesia icon"
                                        loading="lazy"
                                        width="50"
                                        height="30"
                                        decoding="async"
                                        data-nimg="1"
                                        class="object-contain"
                                        src="https://static-id.zacdn.com/next-assets/static-assets/images/logo/icon_bank_bni.svg"
                                        style="color: transparent"
                                    />
                                </li>
                            </ul>
                        </div>
                        <div class="order-first mb-8 w-1/2 px-2.5 tablet:order-last tablet:mb-0 tablet:w-1/6">
                            <div class="mb-3.5 text-base font-bold uppercase">Sistem keamanan</div>
                            <ul>
                                <li
                                    class="bg-left bg-no-repeat pl-6 font-normal"
                                    style="
                                        background-image: url(&quot;https://static-id.zacdn.com/next-assets/static-assets/images/icon_check.svg&quot;);
                                    "
                                >
                                    PCI Security Standard
                                </li>
                                <li
                                    class="bg-left bg-no-repeat pl-6 font-normal"
                                    style="
                                        background-image: url(&quot;https://static-id.zacdn.com/next-assets/static-assets/images/icon_check.svg&quot;);
                                    "
                                >
                                    Cardholder Protection
                                </li>
                                <li
                                    class="bg-left bg-no-repeat pl-6 font-normal"
                                    style="
                                        background-image: url(&quot;https://static-id.zacdn.com/next-assets/static-assets/images/icon_check.svg&quot;);
                                    "
                                >
                                    Encrypted Network
                                </li>
                            </ul>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </body>
</html>