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 07:19:50 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: 1749892790
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "XSRF-TOKEN"
              #value: "eyJpdiI6IjdoRGJUNnZyVDBicDMwcUgwc25lVlE9PSIsInZhbHVlIjoiOXFvWUFFVVdKT2JSd0xRUDM3Y0l6Zm5nUkNMR0JadFVRRmtuRHBiQzB0YzdUeHNsMm1UOWRFNEd6Um1lbEd3aGZ6R1p0TjFBWmtYWlNBWEdnQVM1UWVKdTJmbXVFMGlBS24xU2hYYlJBYWlBN0pTZTJ5aHhkZXVPRDAxQ3hPSnQiLCJtYWMiOiI3NjhjZmJiY2IzMzFlM2VmYzhiNDY1MDZhN2ViNDM0NDY2YjZlMmMzZjJjMDQ1NzUxZTMzNGEwY2RjZDZjYzY0IiwidGFnIjoiIn0="
              #domain: "testport.pay4pixels.com"
              #secure: null
              #httpOnly: false
              -raw: false
              -partitioned: false
            }
            "pay4pixels_session" => Symfony\Component\HttpFoundation\Cookie {#2494
              #expire: 1749892790
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "pay4pixels_session"
              #value: "eyJpdiI6Iis1VHNBYlNkMEdzV0R0VzQ4TzRtbXc9PSIsInZhbHVlIjoiZ2JxWTcrTG52dnNwaWp5Uk9zZmFtUktrRnVSL3kyS1d2V3Jjb1JGUXVvaUNPYWFobjl0NGFoRW52OVYzYXhFQzhIZGd3V3FYYVIvRHYzRkJyWThyQkZIcmlWbXVFYi83amVpeENVRzg5YkNnZ29oc2ppMkIzMkVEUGNtaGhaTksiLCJtYWMiOiIyYmM0N2VmMTIzMmUzODNkZGYzN2E2ZTE1ZTljZjZlMmRjOGE2Y2Q3NTFjZTQ1MmY0NTIyOTUzMGM0NDU4MjE3IiwidGFnIjoiIn0="
              #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="98XKf3bmPEYsI7DWi16ptQ3gCdEFkrZQ6rC72EAR">\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-fb49f8a7594872386272c55191f5d7cf">Black Aliki sweat pants</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">Black Aliki sweat pants</h1>\n
                <div class="product-price">\n
                  <span class="price">￥150.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">Black loose-fitting cargo trousers made from organic cotton featuring an elastic waistband and cuffs for a stylish and relaxed fit.</div>\n
      \n
                <ul class="product-param">\n
                  <!--\n
                  <li class="sku"><span class="title">SKU Code:</span> <span class="value">3c550606817981f98c83ee7966666e0b</span></li>\n
                  <li class="model "><span class="title">Model:</span> <span class="value">3c550606817981f98c83ee7966666e0b</span></li>\n
                  -->\n
                      <li class="sku">\n
                          <a href="https://testport.pay4pixels.com/en/seller-23">\n
                              <span class="title">Seller:</span> <span class="value">Jenn&#039;s custom clothing</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="197">\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="113"><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
              <p><span style="margin: 0px; padding: 0px; border: 0px; font-family: MuseoSlab-500, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">Composition</span></p>\r\n
      <p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-family: MuseoSlab-300, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">100% Organic cotton</p>\r\n
      <p><span style="margin: 0px; padding: 0px; border: 0px; font-family: MuseoSlab-500, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">Wash and Care</span></p>\r\n
      <p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-family: MuseoSlab-300, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">Iron at low heat. Do not tumble dry. Do not bleach. Do not dry clean. Do not use softener. Gentle wash at 30 degrees. Wash and iron inside out. Keep away from fire.</p>\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":197,"product_id":113,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"3c550606817981f98c83ee7966666e0b","code":"3c550606817981f98c83ee7966666e0b","price":150,"price_format":"\uffe5150.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":197,"product_id":113,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"3c550606817981f98c83ee7966666e0b","code":"3c550606817981f98c83ee7966666e0b","price":150,"price_format":"\uffe5150.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="98XKf3bmPEYsI7DWi16ptQ3gCdEFkrZQ6rC72EAR">\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-fb49f8a7594872386272c55191f5d7cf">Black Aliki sweat pants</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">Black Aliki sweat pants</h1>\n
                <div class="product-price">\n
                  <span class="price">￥150.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">Black loose-fitting cargo trousers made from organic cotton featuring an elastic waistband and cuffs for a stylish and relaxed fit.</div>\n
      \n
                <ul class="product-param">\n
                  <!--\n
                  <li class="sku"><span class="title">SKU Code:</span> <span class="value">3c550606817981f98c83ee7966666e0b</span></li>\n
                  <li class="model "><span class="title">Model:</span> <span class="value">3c550606817981f98c83ee7966666e0b</span></li>\n
                  -->\n
                      <li class="sku">\n
                          <a href="https://testport.pay4pixels.com/en/seller-23">\n
                              <span class="title">Seller:</span> <span class="value">Jenn&#039;s custom clothing</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="197">\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="113"><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
              <p><span style="margin: 0px; padding: 0px; border: 0px; font-family: MuseoSlab-500, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">Composition</span></p>\r\n
      <p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-family: MuseoSlab-300, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">100% Organic cotton</p>\r\n
      <p><span style="margin: 0px; padding: 0px; border: 0px; font-family: MuseoSlab-500, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">Wash and Care</span></p>\r\n
      <p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-family: MuseoSlab-300, monospace; color: rgba(0, 0, 0, 0.77); font-size: 12.8px; text-align: center; background-color: #ffffff;">Iron at low heat. Do not tumble dry. Do not bleach. Do not dry clean. Do not use softener. Gentle wash at 30 degrees. Wash and iron inside out. Keep away from fire.</p>\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":197,"product_id":113,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"3c550606817981f98c83ee7966666e0b","code":"3c550606817981f98c83ee7966666e0b","price":150,"price_format":"\uffe5150.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":197,"product_id":113,"product_image_id":0,"image":"https:\/\/testport.pay4pixels.com\/cache\/images\/placeholder-100x100.png","variants":[],"model":"3c550606817981f98c83ee7966666e0b","code":"3c550606817981f98c83ee7966666e0b","price":150,"price_format":"\uffe5150.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
  }
]