array:1 [
  "response" => Illuminate\Http\Response {#2861
    +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2865
      #headers: array:3 [
        "content-type" => array:1 [
          0 => "text/html; charset=UTF-8"
        ]
        "cache-control" => array:1 [
          0 => "no-cache, private"
        ]
        "date" => array:1 [
          0 => "Sat, 14 Jun 2025 23:52:55 GMT"
        ]
      ]
      #cacheControl: []
      #computedCacheControl: array:2 [
        "no-cache" => true
        "private" => true
      ]
      #cookies: array:1 [
        "testport.pay4pixels.com" => array:1 [
          "/" => array:2 [
            "XSRF-TOKEN" => Symfony\Component\HttpFoundation\Cookie {#2491
              #expire: 1749952375
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "XSRF-TOKEN"
              #value: "eyJpdiI6IkhBa0hNZy9oTzhlaTFWK1puaUxpRGc9PSIsInZhbHVlIjoicWQ0RGFJWndGWlQ2VFRuU0RMNHBVbEd3azduTDVEODE0TnhJOFN0ekhzYkt5ZTQ4VlhKbWtralhhb0hybFNSMmZDL0g1TTJScGZzaVp4QXdIakNKNTRJalErVTB3ckdHekNZd0FtMzAzR0lwWDllbWpKcFhGS3ZvVFU2T1JJUHYiLCJtYWMiOiJjZTBmZWFmYmZkNTZjM2FmMzBmMzA5MTFiYWJlZjQ0ODg5OTdiNTY3NGMyODZlZDg0ODBmMmYzZmJkZmViNTk5IiwidGFnIjoiIn0="
              #domain: "testport.pay4pixels.com"
              #secure: null
              #httpOnly: false
              -raw: false
              -partitioned: false
            }
            "pay4pixels_session" => Symfony\Component\HttpFoundation\Cookie {#2494
              #expire: 1749952375
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "pay4pixels_session"
              #value: "eyJpdiI6IkdpaVphcHlVMmZHMTVsQmlscEd2WUE9PSIsInZhbHVlIjoiY1hOdS9YZ2taNkdnK3RhWVora2ZhcjB4YWYxTzdSNkhoNVRSbFFwNGR6bVV4eExJYkMyYnZoZUxMTzYvTUNScnFLaHViWnBlOVV4WTIwSkhodlE3YjhjSVM2L0JsTE1XeWVSLzJoNTlJcDc0UTA3QTkyU0N2SVVNNVJvWFoyS1UiLCJtYWMiOiJkYWUzYzA4MjM4NTEyYjBiNzkyYTM3YmRkNGVhYjZmYzE0YjFmMGYyZmEyOTVkOTg1Y2JjM2NiNzI4OTk2YzUwIiwidGFnIjoiIn0="
              #domain: "testport.pay4pixels.com"
              #secure: null
              #httpOnly: true
              -raw: false
              -partitioned: false
            }
          ]
        ]
      ]
      #headerNames: array:4 [
        "content-type" => "Content-Type"
        "cache-control" => "Cache-Control"
        "date" => "Date"
        "set-cookie" => "Set-Cookie"
      ]
    }
    #content: """
      <!DOCTYPE html>\n
      <html lang="en">\n
      \n
      <head>\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
        <base href="https://testport.pay4pixels.com/en">\n
        <title>Pay4Pixels</title>\n
        <meta name="keywords" content="Pay4Pixels">\n
        <meta name="description" content="Pay4Pixels">\n
        <meta name="generator" content="InnoShop v0.2.8(20240826)">\n
        <meta name="csrf-token" content="tCW3k9R5pZBbfLfFjGjpouu9DWAmM9al5sg1fEHN">\n
        <link rel="shortcut icon" href="https://testport.pay4pixels.com/images/placeholder.png">\n
        <link rel="stylesheet" href="/themes/default/css/bootstrap.css?id=2cbbc8dc06e883c2d672b3cafc1f0765">\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/aos/aos.css">\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">\n
        <script src="/themes/default/js/app.js?id=7f5ad1c1a8ba2b61df485949d7768fcd"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/layer/3.5.1/layer.js"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n
          <script src="https://testport.pay4pixels.com/vendor/aos/aos.js"></script>\n
        <link rel="stylesheet" href="/themes/default/css/app.css?id=38c849b6c2a866edf9536b71afb15475">\n
        <script>\n
          let urls = {\n
            cart_add: 'https://testport.pay4pixels.com/en/carts',\n
            cart_mini: 'https://testport.pay4pixels.com/en/cart/mini',\n
            login: 'https://testport.pay4pixels.com/en/login',\n
            favorites: 'https://testport.pay4pixels.com/en/account/favorites',\n
          }\n
      \n
          let config = {\n
            isLogin: !!null,\n
          }\n
      \n
          // Currency debugging info\n
          console.log("Currency Debug Information:");\n
          console.log("Session currency:", "");\n
          console.log("Current currency code:", "cny");\n
          console.log("System currency setting:", "cny");\n
      \n
          \n
              console.log("Current currency object:", {\n
            name: "人民币",\n
            code: "cny",\n
            value: 1,\n
            symbol: "￥"\n
          });\n
            </script>\n
          <script src="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.js"></script>\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.css">\n
      \n
        <script src="https://testport.pay4pixels.com/vendor/photoswipe/umd/photoswipe.umd.min.js"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/photoswipe/umd/photoswipe-lightbox.umd.min.js"></script>\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/photoswipe/photoswipe.css">\n
      </head>\n
      \n
      <body class="page-product">\n
            <!-- Emergency Notification Banner -->\n
      <div class="container-fluid bg-warning py-3 text-center text-white">\n
        <div class="container">\n
          <div class="d-flex align-items-center justify-content-center">\n
            <span class="me-2 fs-5">⚠️</span>\n
            <p class="mb-0 fw-bold">\n
              Pay4Pixels will be undergoing maintenance intermittently on May 6th. Functionality should continue as normal.      </p>\n
          </div>\n
        </div>\n
      </div>\n
      \n
      <header id="appHeader">\n
        <div class="header-top">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="language-switch d-flex align-items-center">\n
                        <div class="dropdown">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    <img src="https://testport.pay4pixels.com/images/flag/en.png" class="img-fluid"> English\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/en">\n
                        English\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/zh_cn">\n
                        简体中文\n
                      </a>\n
                                </div>\n
                </div>\n
              \n
                        <div class="dropdown ms-4">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    人民币\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/usd">\n
                        USD ($)\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/cny">\n
                        人民币 (￥)\n
                      </a>\n
                                </div>\n
                </div>\n
                    </div>\n
            <div class="top-info">\n
                       <span><i class="bi bi-telephone-outbound"></i> 0731-0123456</span>\n
                     </div>\n
          </div>\n
        </div>\n
        <div class="header-desktop">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="left">\n
              <h1 class="logo">\n
                <a href="https://testport.pay4pixels.com/en">\n
                  <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
                </a>\n
              </h1>\n
              <div class="menu">\n
                <nav class="navbar navbar-expand-md navbar-light">\n
                  <ul class="navbar-nav">\n
                    <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                    </li>\n
                      <li class="nav-item">\n
                          <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
                      </li>\n
                                                                           <li class="nav-item">\n
                            <div class="dropdown">\n
                                                        <a class="nav-link " href="">Game Servers</a>\n
                                                      <ul class="dropdown-menu">\n
                                                                                          <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a></li>\n
                                                                                                                      <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a></li>\n
                                                                                    </ul>\n
                            </div>\n
                          </li>\n
                                                                     <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
                    </li>\n
                  </ul>\n
                </nav>\n
              </div>\n
            </div>\n
            <div class="right">\n
              <form action="https://testport.pay4pixels.com/en/products" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="Search" value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <div class="icons">\n
                          <div class="item">\n
                  <a href="https://testport.pay4pixels.com/en/cart" class="header-cart-icon">\n
                    <img src="https://testport.pay4pixels.com/icon/cart.svg" class="img-fluid">\n
                    <span class="icon-quantity">0</span>\n
                  </a>\n
                </div>\n
      \n
                            <div class="item">\n
                                                  <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #wf;">Sign In</a>\n
                                </div>\n
                  <div class="item">\n
                    <a href="https://testport.pay4pixels.com/en/register" style="font-size: 24px;color: #fff;">Register</a>\n
                  </div>\n
                        </div>\n
            </div>\n
          </div>\n
        </div>\n
        <div class="header-mobile">\n
          <div class="mb-icon" data-bs-toggle="offcanvas" data-bs-target="#mobile-menu-offcanvas" aria-controls="offcanvasExample">\n
            <i class="bi bi-list"></i>\n
          </div>\n
      \n
          <div class="logo">\n
            <a href="https://testport.pay4pixels.com/en">\n
              <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
            </a>\n
          </div>\n
                      <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #fff;">Sign In</a>\n
                <div class="offcanvas offcanvas-start" tabindex="-1" id="mobile-menu-offcanvas">\n
            <div class="offcanvas-header">\n
              <form action="" method="get" class="search-group">\n
                <input type="text" class="form-control" placeholder="Search">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <a class="account-icon" href="https://testport.pay4pixels.com/en/account">\n
                <img src="https://testport.pay4pixels.com/icon/account.svg" class="img-fluid">\n
              </a>\n
            </div>\n
            <div class="close-offcanvas" data-bs-dismiss="offcanvas"><i class="bi bi-chevron-compact-left"></i></div>\n
            <div class="offcanvas-body mobile-menu-wrap">\n
              <div class="accordion accordion-flush" id="menu-accordion">\n
                <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                  </div>\n
                </div>\n
      \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
        </div>\n
      </div>\n
      \n
                                                           <div class="accordion-item">\n
                        <div class="nav-item-text">\n
                          <a class="nav-link" href="" data-bs-toggle="collapse">\n
                            Game Servers\n
                          </a>\n
                                              <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-0"><i class="bi bi-chevron-down"></i></span>\n
                                            </div>\n
      \n
                                          <div class="accordion-collapse collapse" id="flush-menu-0" data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                        </div>\n
                                           \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
        </div>\n
      </div>\n
      \n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </header>\n
      \n
       \n
        \n
        <div class="m-0 p-0" id="appContent">\n
            \n
      \n
      <div class="breadcrumb-wrap">\n
        <div class="container">\n
          <ul class="breadcrumb">\n
                              <li>\n
                              <i class="bi bi-house-door-fill home-icon"></i>\n
                              <a href="https://testport.pay4pixels.com/en/categories">Home</a>\n
                                      <li>\n
                              <a href="https://testport.pay4pixels.com/en/product-7d94d4b4a9b82eff1458a16d9c5aa3b8">G502 X LIGHTSPEED WIRELESS GAMING MOUSE</a>\n
                        </ul>\n
        </div>\n
      </div>\n
       \n
      <div class="container">\n
        <div class="page-product-top">\n
          <div class="row">\n
            <div class="col-12 col-lg-6 product-left-col">\n
              <div class="product-images">\n
                <div class="sub-product-img">\n
                  <div class="swiper" id="sub-product-img-swiper">\n
                    <div class="swiper-wrapper">\n
                                        <div class="swiper-slide">\n
                          <a href="https://testport.pay4pixels.com/cache/images/placeholder-600x600.png" data-pswp-width="800" data-pswp-height="800">\n
                            <img src="https://testport.pay4pixels.com/cache/images/placeholder-100x100.png" class="img-fluid">\n
                          </a>\n
                        </div>\n
                                    </div>\n
                    <div class="sub-product-btn">\n
                      <div class="sub-product-prev"><i class="bi bi-chevron-compact-up"></i></div>\n
                      <div class="sub-product-next"><i class="bi bi-chevron-compact-down"></i></div>\n
                    </div>\n
      \n
                    <div class="swiper-pagination sub-product-pagination"></div>\n
                  </div>\n
                </div>\n
                <div class="main-product-img">\n
                  <img src="https://testport.pay4pixels.com/cache/images/placeholder-600x600.png" class="img-fluid">\n
                </div>\n
              </div>\n
            </div>\n
            <div class="col-12 col-lg-6">\n
              <div class="product-info">\n
                <h1 class="product-title">G502 X LIGHTSPEED WIRELESS GAMING MOUSE</h1>\n
                <div class="product-price">\n
                  <span class="price">￥135.00</span>\n
                            </div>\n
                  <div class="game-price" style="margin-bottom: 10px;">\n
                      <span class="title">In-Game Value: </span>\n
                      <span class="value">0</span>\n
                      <span class="unit">Coins</span>\n
                  </div>\n
                <div class="stock-wrap">\n
                  <div class="in-stock badge">In Stock</div>\n
                  <div class="out-stock badge d-none">Out of Stock</div>\n
                    <div class="in-stock badge">No Virtual Goods</div>\n
                </div>\n
      \n
                <div class="sub-product-title">G502 X LIGHTSPEED is the latest addition to legendary G502 lineage</div>\n
      \n
                <ul class="product-param">\n
                  <!--\n
                  <li class="sku"><span class="title">SKU Code:</span> <span class="value">83af8e42d7eb641eb286d0d90ae4dd6b</span></li>\n
                  <li class="model "><span class="title">Model:</span> <span class="value">83af8e42d7eb641eb286d0d90ae4dd6b</span></li>\n
                  -->\n
                      <li class="sku">\n
                          <a href="https://testport.pay4pixels.com/en/seller-26">\n
                              <span class="title">Seller:</span> <span class="value">Adrian&#039;s Electronics</span>\n
                          </a>\n
                      </li>\n
                                        </ul>\n
      \n
                \n
                <div class="product-info-bottom">\n
                  <div class="quantity-wrap">\n
                    <div class="minus"><i class="bi bi-dash-lg"></i></div>\n
                    <input type="number" class="form-control product-quantity" value="1" data-skuid="160">\n
                    <div class="plus"><i class="bi bi-plus-lg"></i></div>\n
                  </div>\n
      \n
                  <div class="product-info-btns">\n
                    <button class="btn btn-primary add-cart">Add to Cart</button>\n
                    <button class="btn buy-now ms-2">Buy Now</button>\n
                  </div>\n
                </div>\n
                <div class="add-wishlist" data-in-wishlist="" data-id="76"><i class="bi bi-heart"></i> Add to Wish List</div>\n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      \n
        <div class="product-description">\n
          <ul class="nav nav-tabs tabs-plus">\n
            <li class="nav-item">\n
              <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#product-description-description" type="button">Description</button>\n
            </li>\n
                </ul>\n
      \n
          <div class="tab-content">\n
            <div class="tab-pane fade show active" id="product-description-description">\n
              <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">LIGHTSPEED wireless technology</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">5 onboard memory profiles</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">PTFE Feet</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">13 programmable controls</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">USB-C charging port</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">Battery life&nbsp;<a class="note note-tooltip js-note-tooltip" style="box-sizing: border-box; background: rgba(0, 0, 0, 0); color: inherit; font-weight: var(--p-font-weight-bold); display: inline-block; margin-left: -6px; margin-right: -6px; padding-left: 6px; padding-right: 6px; outline: none; font-size: 13px;"><span style="box-sizing: border-box; font-size: 9.75px; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; text-decoration-line: underline;">2</span><span class="visually-hidden" style="box-sizing: border-box; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; text-wrap-mode: nowrap; width: 1px;">Battery life may vary based on user and computing conditions.</span></a></div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">Constant motion 140 hrs</div>\r\n
      </div>\n
            </div>\n
      \n
                </div>\n
        </div>\n
      </div>\n
      \n
       \n
        </div>\n
      \n
            <style>\n
          .image-container {\n
              position: relative;\n
              overflow: hidden;\n
              color: #aaa;\n
          }\n
          .image-container:hover {\n
              color: #fff;\n
          }\n
          .image-container img {\n
              width: 24px;\n
              height: 24px;\n
              margin-top: 20px;\n
              transition: transform 0.5s ease; /* 平滑过渡效果 */\n
          }\n
          .image-container:hover img {\n
              transform: translateY(-10px); /* 鼠标移入时图片上移的像素值 */\n
          }\n
          @media (min-width:768px) {\n
          .cookie-policy {\n
              position: fixed;\n
              bottom: 0;\n
              height: 88px;\n
              display: flex;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 16px;\n
          }\n
          .cookie-policy a{\n
      \n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              margin-left: 20px;\n
              cursor: pointer;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        @media (max-width:768px) {\n
          .cookie-policy {\n
            position: fixed;\n
              bottom: 0;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 15px;\n
              padding: 20px;\n
          }\n
          .cookie-policy a{\n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              cursor: pointer;\n
              margin: 20px auto 0;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        .cookie-policy.hidden {\n
            display: none;\n
          }\n
      </style>\n
      <footer id="appFooter">\n
      \n
          <div style="text-align: center;height: 80px;">\n
              <a href="javascript:void(0)" onclick="topFunction()" id="to-top" class="image-container">\n
                  <img  src="https://testport.pay4pixels.com/images/demo/payment/to-top.png" >\n
                  <div>volver arriba</div>\n
              </a>\n
          </div>\n
      \n
        <div class="footer-box">\n
          <div class="container">\n
            <div class="footer-top-links">\n
              <div class="row">\n
                <div class="col-12 col-md-4 footer-item">\n
                  <div class="about">\n
                    <div class="footer-link-title">\n
                      <span>About Us</span>\n
                      <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                    </div>\n
                    <div class="footer-item-content">\n
                      <p>\n
                        <a href="https://testport.pay4pixels.com/en/about-us">Pay4Pixels</a>\n
                      </p>\n
                      <p>\n
                      <a href="https://testport.pay4pixels.com/en/contact">Contact Us</a>\n
                      </p>\n
                    </div>\n
                  </div>\n
                </div>\n
                <div class="col-12 col-md-8">\n
                  <div class="row">\n
                    <!-- <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Products</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Articles</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div> -->\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Policies &amp; Legal</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://testport.pay4pixels.com/en/terms-and-conditions">Terms of Use &amp; Compliance Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/privacy-policy">Privacy Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/refund-policy">Refund Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/delivery-shipping-policy">Delivery &amp; Shipping Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/licenses">Licenses</a></li>\n
                        </ul>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <div class="bottom-box">\n
              <div class="row">\n
                <div class="col-md-6">\n
                  <div class="left-links">\n
                    Powered By <a href="https://www.pay4pixels.com" target="_blank">Pay4Pixels & Laidesi Technology - a Com2000 subsidiary.</a>\n
                    <span class="copyright-text">\n
                      <a href="https://www.pay4pixels.com" class="ms-2" target="_blank">Pay4Pixels</a>\n
                      &copy; 2025 All Rights Reserved\n
                                    </span>\n
                  </div>\n
                </div>\n
                <div class="col-md-6">\n
                  <div class="payment-icon">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/1.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/2.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/3.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/4.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/5.png" class="img-fluid">\n
                  </div>\n
                </div>\n
            </div>\n
            </div>\n
          </div>\n
            <!--隐私协议-->\n
            <div class="cookie-policy" id="cookie-policy">\n
                <div data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">By clicking continue and using our website you are consenting to our use of cookies in accordance with our <a href="" style="color:#000;">Cookie Policy</a></div>\n
                <div class="cookie-policy-btn" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400" id="continue-btn">Continue</div>\n
            </div>\n
      \n
        </div>\n
      </footer>\n
      \n
      <script>\n
          function topFunction() {\n
              document.body.scrollTop = 0; // For Safari\n
              document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\n
          }\n
          $(function() {\n
            if(window.localStorage.getItem('cookie-policy')) {\n
              $('#cookie-policy').addClass('hidden');\n
            }\n
            $('#continue-btn').click(function() {\n
              $('#cookie-policy').addClass('hidden');\n
              window.localStorage.setItem('cookie-policy', true);\n
            });\n
          });\n
      </script>\n
      \n
       \n
        \n
        <script>\n
        let skus = [{"id":160,"product_id":76,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"83af8e42d7eb641eb286d0d90ae4dd6b","code":"83af8e42d7eb641eb286d0d90ae4dd6b","price":135,"price_format":"\uffe5135.00","origin_price":0,"origin_price_format":"\uffe50.00","quantity":0,"is_default":1,"position":0}];\n
      \n
        if ($('.product-variant-box').length) {\n
          let masterSku = {"id":160,"product_id":76,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"83af8e42d7eb641eb286d0d90ae4dd6b","code":"83af8e42d7eb641eb286d0d90ae4dd6b","price":135,"price_format":"\uffe5135.00","origin_price":0,"origin_price_format":"\uffe50.00","quantity":0,"is_default":1,"position":0};\n
      \n
          // 激活 masterSku 的 variant-value-name\n
          masterSku.variants.forEach((variant, i) => {\n
            $('.product-variant-box .product-variant').eq(i).find('.variant-values .variant-value-name').eq(variant).addClass('active');\n
          });\n
      \n
          // 根据当前选中 masterSku 的 variants 对比 其他 sku 把没有库存的 variant-value-name 加上 disabled 类\n
          updateVariantStatus()\n
          function updateVariantStatus() {\n
            $('.product-variant-box .product-variant').each((variant_index, el) => {\n
              $(el).find('.variant-values .variant-value-name').each((value_index, value) => {\n
                let masterSkuVariants = masterSku.variants.slice(0);\n
                masterSkuVariants[variant_index] = value_index;\n
                let sku = skus.find(sku => sku.variants.join('') === masterSkuVariants.join(''));\n
                if (sku && sku.quantity > 0) {\n
                  $(value).removeClass('disabled');\n
                } else {\n
                  $(value).addClass('disabled');\n
                }\n
              });\n
            });\n
          }\n
      \n
          $('.product-variant-box .variant-value-name').click(function() {\n
            const variant = $(this).data('variant');\n
            const value = $(this).data('value');\n
            let variants = masterSku.variants.slice(0);\n
            variants[variant] = value;\n
            masterSku = skus.find(sku => sku.variants.toString() === variants.toString());\n
      \n
            $('.product-param .sku .value').text(masterSku.code);\n
            $('.product-param .model .value').text(masterSku.model);\n
            $('.product-price .price').text(masterSku.price_format);\n
            $('.product-price .old-price').text(masterSku.origin_price_format);\n
            $('.product-quantity').attr('data-skuid', masterSku.id)\n
            history.pushState({}, '', inno.updateQueryStringParameter(window.location.href, 'sku_id', masterSku.id));\n
      \n
            if (masterSku.quantity * 1 === 0) {\n
              $('.product-info-bottom button, .product-info-bottom .quantity-wrap').addClass('disabled');\n
              $('.stock-wrap .in-stock').addClass('d-none').siblings('.out-stock').removeClass('d-none');\n
            } else {\n
              $('.product-info-bottom button, .product-info-bottom .quantity-wrap').removeClass('disabled');\n
              $('.stock-wrap .in-stock').removeClass('d-none').siblings('.out-stock').addClass('d-none');\n
            }\n
      \n
            $(this).addClass('active').siblings().removeClass('active');\n
            updateVariantStatus()\n
          });\n
        }\n
      </script>\n
      <script>\n
        const isMobile = window.innerWidth < 992;\n
      \n
        if (isMobile) {\n
          $('.sub-product-img .swiper-slide').each(function() {\n
            $(this).find('a > img').attr('src', $(this).find('a').attr('href'));\n
          });\n
        }\n
      \n
        let subProductSwiper = new Swiper('#sub-product-img-swiper', {\n
          direction: !isMobile ? 'vertical' : 'horizontal',\n
          autoHeight: !isMobile ? true : false,\n
          slidesPerView: !isMobile ? 5 : 1,\n
          spaceBetween: !isMobile ? 10 : 0,\n
          navigation: {\n
            nextEl: '.sub-product-next',\n
            prevEl: '.sub-product-prev',\n
          },\n
          pagination: {\n
            el: '.sub-product-pagination',\n
            clickable: true,\n
          },\n
          observer: true,\n
          observeParents: true,\n
        });\n
      \n
        let lightbox = new PhotoSwipeLightbox({\n
          gallery: '#sub-product-img-swiper',\n
          children: 'a',\n
          // dynamic import is not supported in UMD version\n
          pswpModule: PhotoSwipe\n
        });\n
        lightbox.init();\n
      \n
        $('.main-product-img').on('click', function() {\n
          $('#sub-product-img-swiper .swiper-slide').eq(0).find('a').get(0).click();\n
        });\n
      \n
        $('.quantity-wrap .plus, .quantity-wrap .minus').on('click', function() {\n
          if ($(this).parent().hasClass('disabled')) {\n
            return;\n
          }\n
      \n
          let quantity = parseInt($(this).siblings('input').val());\n
          if ($(this).hasClass('plus')) {\n
            $(this).siblings('input').val(quantity + 1);\n
          } else {\n
            if (quantity > 1) {\n
              $(this).siblings('input').val(quantity - 1);\n
            }\n
          }\n
        });\n
      \n
        $('.add-cart, .buy-now').on('click', function() {\n
          const quantity = $('.product-quantity').val();\n
          const skuId = $('.product-quantity').data('skuid');\n
          const isBuyNow = $(this).hasClass('buy-now');\n
      \n
          inno.addCart({skuId, quantity, isBuyNow}, this, function (res) {\n
            if (isBuyNow) {\n
              window.location.href = 'https://testport.pay4pixels.com/en/cart';\n
            }\n
          })\n
        });\n
      </script>\n
      \n
        <!-- Payment Processing Overlay -->\n
        <div id="payment-processing-overlay" class="d-none" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999;">\n
          <div class="bg-white p-4 rounded shadow-lg text-center" style="width: 300px;">\n
              <div class="spinner-border text-primary mb-3" role="status">\n
                  <span class="visually-hidden">Loading...</span>\n
              </div>\n
              <p class="mb-0 fw-bold">Contacting the payment processor. Please wait.</p>\n
          </div>\n
        </div>\n
      \n
        <!-- Overlay Control Script -->\n
        <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
            if (sessionStorage.getItem('showPaymentOverlay') === 'true') {\n
              document.getElementById('payment-processing-overlay').classList.remove('d-none');\n
            }\n
            \n
            // Clear overlay on success/callback pages\n
            if (window.location.href.includes('checkout/success') || \n
                window.location.href.includes('payment/callback')) {\n
              sessionStorage.removeItem('showPaymentOverlay');\n
              document.getElementById('payment-processing-overlay').classList.add('d-none');\n
            }\n
          });\n
        </script>\n
      </body>\n
      <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
              AOS.init(\n
                  {\n
                      duration: 1000,\n
                      easing:"ease-in-out-back",\n
                      once: true\n
                  }\n
              );\n
          });\n
      </script>\n
      </html>
      """
    #version: "1.1"
    #statusCode: 200
    #statusText: "OK"
    #charset: null
    -sentHeaders: ? array
    +original: """
      <!DOCTYPE html>\n
      <html lang="en">\n
      \n
      <head>\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
        <base href="https://testport.pay4pixels.com/en">\n
        <title>Pay4Pixels</title>\n
        <meta name="keywords" content="Pay4Pixels">\n
        <meta name="description" content="Pay4Pixels">\n
        <meta name="generator" content="InnoShop v0.2.8(20240826)">\n
        <meta name="csrf-token" content="tCW3k9R5pZBbfLfFjGjpouu9DWAmM9al5sg1fEHN">\n
        <link rel="shortcut icon" href="https://testport.pay4pixels.com/images/placeholder.png">\n
        <link rel="stylesheet" href="/themes/default/css/bootstrap.css?id=2cbbc8dc06e883c2d672b3cafc1f0765">\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/aos/aos.css">\n
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">\n
        <script src="/themes/default/js/app.js?id=7f5ad1c1a8ba2b61df485949d7768fcd"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/layer/3.5.1/layer.js"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n
          <script src="https://testport.pay4pixels.com/vendor/aos/aos.js"></script>\n
        <link rel="stylesheet" href="/themes/default/css/app.css?id=38c849b6c2a866edf9536b71afb15475">\n
        <script>\n
          let urls = {\n
            cart_add: 'https://testport.pay4pixels.com/en/carts',\n
            cart_mini: 'https://testport.pay4pixels.com/en/cart/mini',\n
            login: 'https://testport.pay4pixels.com/en/login',\n
            favorites: 'https://testport.pay4pixels.com/en/account/favorites',\n
          }\n
      \n
          let config = {\n
            isLogin: !!null,\n
          }\n
      \n
          // Currency debugging info\n
          console.log("Currency Debug Information:");\n
          console.log("Session currency:", "");\n
          console.log("Current currency code:", "cny");\n
          console.log("System currency setting:", "cny");\n
      \n
          \n
              console.log("Current currency object:", {\n
            name: "人民币",\n
            code: "cny",\n
            value: 1,\n
            symbol: "￥"\n
          });\n
            </script>\n
          <script src="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.js"></script>\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/swiper/swiper-bundle.min.css">\n
      \n
        <script src="https://testport.pay4pixels.com/vendor/photoswipe/umd/photoswipe.umd.min.js"></script>\n
        <script src="https://testport.pay4pixels.com/vendor/photoswipe/umd/photoswipe-lightbox.umd.min.js"></script>\n
        <link rel="stylesheet" href="https://testport.pay4pixels.com/vendor/photoswipe/photoswipe.css">\n
      </head>\n
      \n
      <body class="page-product">\n
            <!-- Emergency Notification Banner -->\n
      <div class="container-fluid bg-warning py-3 text-center text-white">\n
        <div class="container">\n
          <div class="d-flex align-items-center justify-content-center">\n
            <span class="me-2 fs-5">⚠️</span>\n
            <p class="mb-0 fw-bold">\n
              Pay4Pixels will be undergoing maintenance intermittently on May 6th. Functionality should continue as normal.      </p>\n
          </div>\n
        </div>\n
      </div>\n
      \n
      <header id="appHeader">\n
        <div class="header-top">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="language-switch d-flex align-items-center">\n
                        <div class="dropdown">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    <img src="https://testport.pay4pixels.com/images/flag/en.png" class="img-fluid"> English\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/en">\n
                        English\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/locales/switch/zh_cn">\n
                        简体中文\n
                      </a>\n
                                </div>\n
                </div>\n
              \n
                        <div class="dropdown ms-4">\n
                  <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                    人民币\n
                  </a>\n
      \n
                  <div class="dropdown-menu">\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/usd">\n
                        USD ($)\n
                      </a>\n
                                    <a class="dropdown-item" href="https://testport.pay4pixels.com/en/currencies/switch/cny">\n
                        人民币 (￥)\n
                      </a>\n
                                </div>\n
                </div>\n
                    </div>\n
            <div class="top-info">\n
                       <span><i class="bi bi-telephone-outbound"></i> 0731-0123456</span>\n
                     </div>\n
          </div>\n
        </div>\n
        <div class="header-desktop">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="left">\n
              <h1 class="logo">\n
                <a href="https://testport.pay4pixels.com/en">\n
                  <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
                </a>\n
              </h1>\n
              <div class="menu">\n
                <nav class="navbar navbar-expand-md navbar-light">\n
                  <ul class="navbar-nav">\n
                    <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                    </li>\n
                      <li class="nav-item">\n
                          <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
                      </li>\n
                                                                           <li class="nav-item">\n
                            <div class="dropdown">\n
                                                        <a class="nav-link " href="">Game Servers</a>\n
                                                      <ul class="dropdown-menu">\n
                                                                                          <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a></li>\n
                                                                                                                      <li><a class="dropdown-item" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a></li>\n
                                                                                    </ul>\n
                            </div>\n
                          </li>\n
                                                                     <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
                    </li>\n
                  </ul>\n
                </nav>\n
              </div>\n
            </div>\n
            <div class="right">\n
              <form action="https://testport.pay4pixels.com/en/products" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="Search" value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <div class="icons">\n
                          <div class="item">\n
                  <a href="https://testport.pay4pixels.com/en/cart" class="header-cart-icon">\n
                    <img src="https://testport.pay4pixels.com/icon/cart.svg" class="img-fluid">\n
                    <span class="icon-quantity">0</span>\n
                  </a>\n
                </div>\n
      \n
                            <div class="item">\n
                                                  <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #wf;">Sign In</a>\n
                                </div>\n
                  <div class="item">\n
                    <a href="https://testport.pay4pixels.com/en/register" style="font-size: 24px;color: #fff;">Register</a>\n
                  </div>\n
                        </div>\n
            </div>\n
          </div>\n
        </div>\n
        <div class="header-mobile">\n
          <div class="mb-icon" data-bs-toggle="offcanvas" data-bs-target="#mobile-menu-offcanvas" aria-controls="offcanvasExample">\n
            <i class="bi bi-list"></i>\n
          </div>\n
      \n
          <div class="logo">\n
            <a href="https://testport.pay4pixels.com/en">\n
              <img src="https://testport.pay4pixels.com/images/placeholder.png" class="img-fluid">\n
            </a>\n
          </div>\n
                      <a href="https://testport.pay4pixels.com/en/login" style="font-size: 24px;color: #fff;">Sign In</a>\n
                <div class="offcanvas offcanvas-start" tabindex="-1" id="mobile-menu-offcanvas">\n
            <div class="offcanvas-header">\n
              <form action="" method="get" class="search-group">\n
                <input type="text" class="form-control" placeholder="Search">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <a class="account-icon" href="https://testport.pay4pixels.com/en/account">\n
                <img src="https://testport.pay4pixels.com/icon/account.svg" class="img-fluid">\n
              </a>\n
            </div>\n
            <div class="close-offcanvas" data-bs-dismiss="offcanvas"><i class="bi bi-chevron-compact-left"></i></div>\n
            <div class="offcanvas-body mobile-menu-wrap">\n
              <div class="accordion accordion-flush" id="menu-accordion">\n
                <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en">Home</a>\n
                  </div>\n
                </div>\n
      \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " aria-current="page" href="https://testport.pay4pixels.com/en/categories">Shop Now</a>\n
        </div>\n
      </div>\n
      \n
                                                           <div class="accordion-item">\n
                        <div class="nav-item-text">\n
                          <a class="nav-link" href="" data-bs-toggle="collapse">\n
                            Game Servers\n
                          </a>\n
                                              <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-0"><i class="bi bi-chevron-down"></i></span>\n
                                            </div>\n
      \n
                                          <div class="accordion-collapse collapse" id="flush-menu-0" data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/pricingforgameservers">Pricing</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://testport.pay4pixels.com/en/paymentmethods">Payment Methods</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                        </div>\n
                                           \n
                <div class="accordion-item">\n
        <div class="nav-item-text">\n
          <a class="nav-link " href="https://testport.pay4pixels.com/en/contact">Customer Support</a>\n
        </div>\n
      </div>\n
      \n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </header>\n
      \n
       \n
        \n
        <div class="m-0 p-0" id="appContent">\n
            \n
      \n
      <div class="breadcrumb-wrap">\n
        <div class="container">\n
          <ul class="breadcrumb">\n
                              <li>\n
                              <i class="bi bi-house-door-fill home-icon"></i>\n
                              <a href="https://testport.pay4pixels.com/en/categories">Home</a>\n
                                      <li>\n
                              <a href="https://testport.pay4pixels.com/en/product-7d94d4b4a9b82eff1458a16d9c5aa3b8">G502 X LIGHTSPEED WIRELESS GAMING MOUSE</a>\n
                        </ul>\n
        </div>\n
      </div>\n
       \n
      <div class="container">\n
        <div class="page-product-top">\n
          <div class="row">\n
            <div class="col-12 col-lg-6 product-left-col">\n
              <div class="product-images">\n
                <div class="sub-product-img">\n
                  <div class="swiper" id="sub-product-img-swiper">\n
                    <div class="swiper-wrapper">\n
                                        <div class="swiper-slide">\n
                          <a href="https://testport.pay4pixels.com/cache/images/placeholder-600x600.png" data-pswp-width="800" data-pswp-height="800">\n
                            <img src="https://testport.pay4pixels.com/cache/images/placeholder-100x100.png" class="img-fluid">\n
                          </a>\n
                        </div>\n
                                    </div>\n
                    <div class="sub-product-btn">\n
                      <div class="sub-product-prev"><i class="bi bi-chevron-compact-up"></i></div>\n
                      <div class="sub-product-next"><i class="bi bi-chevron-compact-down"></i></div>\n
                    </div>\n
      \n
                    <div class="swiper-pagination sub-product-pagination"></div>\n
                  </div>\n
                </div>\n
                <div class="main-product-img">\n
                  <img src="https://testport.pay4pixels.com/cache/images/placeholder-600x600.png" class="img-fluid">\n
                </div>\n
              </div>\n
            </div>\n
            <div class="col-12 col-lg-6">\n
              <div class="product-info">\n
                <h1 class="product-title">G502 X LIGHTSPEED WIRELESS GAMING MOUSE</h1>\n
                <div class="product-price">\n
                  <span class="price">￥135.00</span>\n
                            </div>\n
                  <div class="game-price" style="margin-bottom: 10px;">\n
                      <span class="title">In-Game Value: </span>\n
                      <span class="value">0</span>\n
                      <span class="unit">Coins</span>\n
                  </div>\n
                <div class="stock-wrap">\n
                  <div class="in-stock badge">In Stock</div>\n
                  <div class="out-stock badge d-none">Out of Stock</div>\n
                    <div class="in-stock badge">No Virtual Goods</div>\n
                </div>\n
      \n
                <div class="sub-product-title">G502 X LIGHTSPEED is the latest addition to legendary G502 lineage</div>\n
      \n
                <ul class="product-param">\n
                  <!--\n
                  <li class="sku"><span class="title">SKU Code:</span> <span class="value">83af8e42d7eb641eb286d0d90ae4dd6b</span></li>\n
                  <li class="model "><span class="title">Model:</span> <span class="value">83af8e42d7eb641eb286d0d90ae4dd6b</span></li>\n
                  -->\n
                      <li class="sku">\n
                          <a href="https://testport.pay4pixels.com/en/seller-26">\n
                              <span class="title">Seller:</span> <span class="value">Adrian&#039;s Electronics</span>\n
                          </a>\n
                      </li>\n
                                        </ul>\n
      \n
                \n
                <div class="product-info-bottom">\n
                  <div class="quantity-wrap">\n
                    <div class="minus"><i class="bi bi-dash-lg"></i></div>\n
                    <input type="number" class="form-control product-quantity" value="1" data-skuid="160">\n
                    <div class="plus"><i class="bi bi-plus-lg"></i></div>\n
                  </div>\n
      \n
                  <div class="product-info-btns">\n
                    <button class="btn btn-primary add-cart">Add to Cart</button>\n
                    <button class="btn buy-now ms-2">Buy Now</button>\n
                  </div>\n
                </div>\n
                <div class="add-wishlist" data-in-wishlist="" data-id="76"><i class="bi bi-heart"></i> Add to Wish List</div>\n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      \n
        <div class="product-description">\n
          <ul class="nav nav-tabs tabs-plus">\n
            <li class="nav-item">\n
              <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#product-description-description" type="button">Description</button>\n
            </li>\n
                </ul>\n
      \n
          <div class="tab-content">\n
            <div class="tab-pane fade show active" id="product-description-description">\n
              <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">LIGHTSPEED wireless technology</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">5 onboard memory profiles</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">PTFE Feet</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">13 programmable controls</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">USB-C charging port</div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">Battery life&nbsp;<a class="note note-tooltip js-note-tooltip" style="box-sizing: border-box; background: rgba(0, 0, 0, 0); color: inherit; font-weight: var(--p-font-weight-bold); display: inline-block; margin-left: -6px; margin-right: -6px; padding-left: 6px; padding-right: 6px; outline: none; font-size: 13px;"><span style="box-sizing: border-box; font-size: 9.75px; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; text-decoration-line: underline;">2</span><span class="visually-hidden" style="box-sizing: border-box; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; text-wrap-mode: nowrap; width: 1px;">Battery life may vary based on user and computing conditions.</span></a></div>\r\n
      </div>\r\n
      <div class="specs-block" style="box-sizing: border-box; margin-bottom: 0px; color: #ffffff; font-family: Brown-Pro, Helvetica, Arial, sans-serif; font-size: 16px; background-color: #333333;">\r\n
      <div class="specs-description" style="box-sizing: border-box;">Constant motion 140 hrs</div>\r\n
      </div>\n
            </div>\n
      \n
                </div>\n
        </div>\n
      </div>\n
      \n
       \n
        </div>\n
      \n
            <style>\n
          .image-container {\n
              position: relative;\n
              overflow: hidden;\n
              color: #aaa;\n
          }\n
          .image-container:hover {\n
              color: #fff;\n
          }\n
          .image-container img {\n
              width: 24px;\n
              height: 24px;\n
              margin-top: 20px;\n
              transition: transform 0.5s ease; /* 平滑过渡效果 */\n
          }\n
          .image-container:hover img {\n
              transform: translateY(-10px); /* 鼠标移入时图片上移的像素值 */\n
          }\n
          @media (min-width:768px) {\n
          .cookie-policy {\n
              position: fixed;\n
              bottom: 0;\n
              height: 88px;\n
              display: flex;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 16px;\n
          }\n
          .cookie-policy a{\n
      \n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              margin-left: 20px;\n
              cursor: pointer;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        @media (max-width:768px) {\n
          .cookie-policy {\n
            position: fixed;\n
              bottom: 0;\n
              background: #69c2c2;\n
              text-align: center;\n
              color: #000;\n
              width: 100%;\n
              align-items: center;\n
              justify-content: center;\n
              z-index: 9999;\n
              font-size: 15px;\n
              padding: 20px;\n
          }\n
          .cookie-policy a{\n
              font-size: 20px;\n
              font-weight: 700;\n
          }\n
          .cookie-policy .cookie-policy-btn {\n
              border: 1px solid #000;\n
              width: 140px;\n
              height: 40px;\n
              line-height: 40px;\n
              border-radius: 4px;\n
              cursor: pointer;\n
              margin: 20px auto 0;\n
          }\n
          .cookie-policy .cookie-policy-btn:hover {\n
              background: #83e0e1;\n
              border: 1px solid #83e0e1;\n
          }\n
        }\n
        .cookie-policy.hidden {\n
            display: none;\n
          }\n
      </style>\n
      <footer id="appFooter">\n
      \n
          <div style="text-align: center;height: 80px;">\n
              <a href="javascript:void(0)" onclick="topFunction()" id="to-top" class="image-container">\n
                  <img  src="https://testport.pay4pixels.com/images/demo/payment/to-top.png" >\n
                  <div>volver arriba</div>\n
              </a>\n
          </div>\n
      \n
        <div class="footer-box">\n
          <div class="container">\n
            <div class="footer-top-links">\n
              <div class="row">\n
                <div class="col-12 col-md-4 footer-item">\n
                  <div class="about">\n
                    <div class="footer-link-title">\n
                      <span>About Us</span>\n
                      <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                    </div>\n
                    <div class="footer-item-content">\n
                      <p>\n
                        <a href="https://testport.pay4pixels.com/en/about-us">Pay4Pixels</a>\n
                      </p>\n
                      <p>\n
                      <a href="https://testport.pay4pixels.com/en/contact">Contact Us</a>\n
                      </p>\n
                    </div>\n
                  </div>\n
                </div>\n
                <div class="col-12 col-md-8">\n
                  <div class="row">\n
                    <!-- <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Products</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Articles</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div> -->\n
                    <div class="col-12 col-md-4 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>Policies &amp; Legal</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://testport.pay4pixels.com/en/terms-and-conditions">Terms of Use &amp; Compliance Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/privacy-policy">Privacy Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/refund-policy">Refund Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/delivery-shipping-policy">Delivery &amp; Shipping Policy</a></li>\n
                            <li><a href="https://testport.pay4pixels.com/en/licenses">Licenses</a></li>\n
                        </ul>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <div class="bottom-box">\n
              <div class="row">\n
                <div class="col-md-6">\n
                  <div class="left-links">\n
                    Powered By <a href="https://www.pay4pixels.com" target="_blank">Pay4Pixels & Laidesi Technology - a Com2000 subsidiary.</a>\n
                    <span class="copyright-text">\n
                      <a href="https://www.pay4pixels.com" class="ms-2" target="_blank">Pay4Pixels</a>\n
                      &copy; 2025 All Rights Reserved\n
                                    </span>\n
                  </div>\n
                </div>\n
                <div class="col-md-6">\n
                  <div class="payment-icon">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/1.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/2.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/3.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/4.png" class="img-fluid">\n
                    <img src="https://testport.pay4pixels.com/images/demo/payment/5.png" class="img-fluid">\n
                  </div>\n
                </div>\n
            </div>\n
            </div>\n
          </div>\n
            <!--隐私协议-->\n
            <div class="cookie-policy" id="cookie-policy">\n
                <div data-aos="fade-up" data-aos-delay="100" data-aos-duration="400">By clicking continue and using our website you are consenting to our use of cookies in accordance with our <a href="" style="color:#000;">Cookie Policy</a></div>\n
                <div class="cookie-policy-btn" data-aos="fade-up" data-aos-delay="100" data-aos-duration="400" id="continue-btn">Continue</div>\n
            </div>\n
      \n
        </div>\n
      </footer>\n
      \n
      <script>\n
          function topFunction() {\n
              document.body.scrollTop = 0; // For Safari\n
              document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\n
          }\n
          $(function() {\n
            if(window.localStorage.getItem('cookie-policy')) {\n
              $('#cookie-policy').addClass('hidden');\n
            }\n
            $('#continue-btn').click(function() {\n
              $('#cookie-policy').addClass('hidden');\n
              window.localStorage.setItem('cookie-policy', true);\n
            });\n
          });\n
      </script>\n
      \n
       \n
        \n
        <script>\n
        let skus = [{"id":160,"product_id":76,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"83af8e42d7eb641eb286d0d90ae4dd6b","code":"83af8e42d7eb641eb286d0d90ae4dd6b","price":135,"price_format":"\uffe5135.00","origin_price":0,"origin_price_format":"\uffe50.00","quantity":0,"is_default":1,"position":0}];\n
      \n
        if ($('.product-variant-box').length) {\n
          let masterSku = {"id":160,"product_id":76,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"83af8e42d7eb641eb286d0d90ae4dd6b","code":"83af8e42d7eb641eb286d0d90ae4dd6b","price":135,"price_format":"\uffe5135.00","origin_price":0,"origin_price_format":"\uffe50.00","quantity":0,"is_default":1,"position":0};\n
      \n
          // 激活 masterSku 的 variant-value-name\n
          masterSku.variants.forEach((variant, i) => {\n
            $('.product-variant-box .product-variant').eq(i).find('.variant-values .variant-value-name').eq(variant).addClass('active');\n
          });\n
      \n
          // 根据当前选中 masterSku 的 variants 对比 其他 sku 把没有库存的 variant-value-name 加上 disabled 类\n
          updateVariantStatus()\n
          function updateVariantStatus() {\n
            $('.product-variant-box .product-variant').each((variant_index, el) => {\n
              $(el).find('.variant-values .variant-value-name').each((value_index, value) => {\n
                let masterSkuVariants = masterSku.variants.slice(0);\n
                masterSkuVariants[variant_index] = value_index;\n
                let sku = skus.find(sku => sku.variants.join('') === masterSkuVariants.join(''));\n
                if (sku && sku.quantity > 0) {\n
                  $(value).removeClass('disabled');\n
                } else {\n
                  $(value).addClass('disabled');\n
                }\n
              });\n
            });\n
          }\n
      \n
          $('.product-variant-box .variant-value-name').click(function() {\n
            const variant = $(this).data('variant');\n
            const value = $(this).data('value');\n
            let variants = masterSku.variants.slice(0);\n
            variants[variant] = value;\n
            masterSku = skus.find(sku => sku.variants.toString() === variants.toString());\n
      \n
            $('.product-param .sku .value').text(masterSku.code);\n
            $('.product-param .model .value').text(masterSku.model);\n
            $('.product-price .price').text(masterSku.price_format);\n
            $('.product-price .old-price').text(masterSku.origin_price_format);\n
            $('.product-quantity').attr('data-skuid', masterSku.id)\n
            history.pushState({}, '', inno.updateQueryStringParameter(window.location.href, 'sku_id', masterSku.id));\n
      \n
            if (masterSku.quantity * 1 === 0) {\n
              $('.product-info-bottom button, .product-info-bottom .quantity-wrap').addClass('disabled');\n
              $('.stock-wrap .in-stock').addClass('d-none').siblings('.out-stock').removeClass('d-none');\n
            } else {\n
              $('.product-info-bottom button, .product-info-bottom .quantity-wrap').removeClass('disabled');\n
              $('.stock-wrap .in-stock').removeClass('d-none').siblings('.out-stock').addClass('d-none');\n
            }\n
      \n
            $(this).addClass('active').siblings().removeClass('active');\n
            updateVariantStatus()\n
          });\n
        }\n
      </script>\n
      <script>\n
        const isMobile = window.innerWidth < 992;\n
      \n
        if (isMobile) {\n
          $('.sub-product-img .swiper-slide').each(function() {\n
            $(this).find('a > img').attr('src', $(this).find('a').attr('href'));\n
          });\n
        }\n
      \n
        let subProductSwiper = new Swiper('#sub-product-img-swiper', {\n
          direction: !isMobile ? 'vertical' : 'horizontal',\n
          autoHeight: !isMobile ? true : false,\n
          slidesPerView: !isMobile ? 5 : 1,\n
          spaceBetween: !isMobile ? 10 : 0,\n
          navigation: {\n
            nextEl: '.sub-product-next',\n
            prevEl: '.sub-product-prev',\n
          },\n
          pagination: {\n
            el: '.sub-product-pagination',\n
            clickable: true,\n
          },\n
          observer: true,\n
          observeParents: true,\n
        });\n
      \n
        let lightbox = new PhotoSwipeLightbox({\n
          gallery: '#sub-product-img-swiper',\n
          children: 'a',\n
          // dynamic import is not supported in UMD version\n
          pswpModule: PhotoSwipe\n
        });\n
        lightbox.init();\n
      \n
        $('.main-product-img').on('click', function() {\n
          $('#sub-product-img-swiper .swiper-slide').eq(0).find('a').get(0).click();\n
        });\n
      \n
        $('.quantity-wrap .plus, .quantity-wrap .minus').on('click', function() {\n
          if ($(this).parent().hasClass('disabled')) {\n
            return;\n
          }\n
      \n
          let quantity = parseInt($(this).siblings('input').val());\n
          if ($(this).hasClass('plus')) {\n
            $(this).siblings('input').val(quantity + 1);\n
          } else {\n
            if (quantity > 1) {\n
              $(this).siblings('input').val(quantity - 1);\n
            }\n
          }\n
        });\n
      \n
        $('.add-cart, .buy-now').on('click', function() {\n
          const quantity = $('.product-quantity').val();\n
          const skuId = $('.product-quantity').data('skuid');\n
          const isBuyNow = $(this).hasClass('buy-now');\n
      \n
          inno.addCart({skuId, quantity, isBuyNow}, this, function (res) {\n
            if (isBuyNow) {\n
              window.location.href = 'https://testport.pay4pixels.com/en/cart';\n
            }\n
          })\n
        });\n
      </script>\n
      \n
        <!-- Payment Processing Overlay -->\n
        <div id="payment-processing-overlay" class="d-none" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999;">\n
          <div class="bg-white p-4 rounded shadow-lg text-center" style="width: 300px;">\n
              <div class="spinner-border text-primary mb-3" role="status">\n
                  <span class="visually-hidden">Loading...</span>\n
              </div>\n
              <p class="mb-0 fw-bold">Contacting the payment processor. Please wait.</p>\n
          </div>\n
        </div>\n
      \n
        <!-- Overlay Control Script -->\n
        <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
            if (sessionStorage.getItem('showPaymentOverlay') === 'true') {\n
              document.getElementById('payment-processing-overlay').classList.remove('d-none');\n
            }\n
            \n
            // Clear overlay on success/callback pages\n
            if (window.location.href.includes('checkout/success') || \n
                window.location.href.includes('payment/callback')) {\n
              sessionStorage.removeItem('showPaymentOverlay');\n
              document.getElementById('payment-processing-overlay').classList.add('d-none');\n
            }\n
          });\n
        </script>\n
      </body>\n
      <script>\n
          document.addEventListener('DOMContentLoaded', function() {\n
              AOS.init(\n
                  {\n
                      duration: 1000,\n
                      easing:"ease-in-out-back",\n
                      once: true\n
                  }\n
              );\n
          });\n
      </script>\n
      </html>
      """
    +exception: null
  }
]