<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    {{ 'all.min.css' | asset_url | stylesheet_tag }} {{
    'swiper-bundle.min.css' | asset_url | stylesheet_tag }} {{ 'sofacover.css' |
    asset_url | stylesheet_tag }}
    {{ 'custom_fancybox_css.css' | asset_url | stylesheet_tag }}
  <script src="{{ 'custom_fancybox_js.js' | asset_url }}"></script>
  </head>

  <body>
    <div id="root">
      <!-- PC端内容 -->
      <div class="sp_pc">
        <div class="sp_header">
          <!-- <div class="sp_header-top sp-swiper-fade-top swiper">
          <div class="swiper-wrapper">
            <p class="swiper-slide sp-p">
              << 30-Day No-Questions Asked Returns>>
            </p>
            <p class="swiper-slide sp-p">
              Free shipping on orders over $50
            </p>
          </div>
        </div> -->
          <div class="sp_header-wrap sp_header_nav">
            <div class="sp_header-content">
              <div class="sp-flex-x">
                <ul>
                  <li class="sp-menu-item">
                    <a href="#shopping"
                      >SPECIAL OFFER<span class="sp-span">Hot</span>
                    </a>
                  </li>
                  <li class="sp-menu-item">
                    <a href="#GUARANTEES">GUARANTEES</a>
                  </li>
                  <li class="sp-menu-item"><a href="#FAQ">FAQ</a></li>
                </ul>
              </div>
              <a href="/" class="sp-logo-box">
                {% comment %} <span class="sp-logo">LOGO</span> {% endcomment %}
                <img
                  src="https://ziveseller.com/cdn/shop/files/1.png?v=1753322799&width=300"
                  alt=""
                  class="sp-logo"
                />
              </a>
              <div class="sp-flex-x">
                <a href="/cart">
                  <div class="sp-cart sp-relative">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-cars.png"
                      alt=""
                      class="sp-icon"
                    />
                    <div class="sp-num sp-gray cardNum" id="cardNum">
                      {{ cart.item_count }}
                    </div>
                  </div>
                </a>
                <a href="#shopping">
                  <div class="sp-top-btn sp-uppercase skip-btn">
                    <!-- <img class="sp-icon" src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251230-top-icon.png" alt=""> -->
                    <p class="sp-p">buy now >></p>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="sp_main">
          <div class="sp-part1 sp-fade-box sp-fade-box2 sp-relative">
            <div class="sp-ww">
              <div class="sp-font">
                <div class="sp-font1 sp-ani">
                  <span class="sp-stroke" data-title="Sofa Cover"
                    >Sofa Cover</span
                  >
                </div>
                <div class="sp-part1-box sp-ani">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-color.png"
                    alt=""
                  />
                  <div class="sp-font2">Available in <span>9</span> Colors</div>
                </div>
                <ul class="sp-content">
                  <li class="sp-item sp-ani">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-icon1.png"
                      alt=""
                    />
                    <div class="sp-font3">Durable &<br />Anti-Pilling</div>
                  </li>
                  <li class="sp-item sp-ani">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-icon2.png"
                      alt=""
                    />
                    <div class="sp-font3">Delicate Plush<br />Texture</div>
                  </li>
                </ul>
                <a href="#shopping" class="sp-ani">
                  <div class="sp-btn-style1">
                    BUY NOW & GET {{ product.variants[0].compare_at_price |
                    minus: product.variants[0].price | times : 100 | divided_by:
                    product.variants[0].compare_at_price | round }}% OFF >
                  </div>
                </a>
                <div class="sp-part1-star sp-ani">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-icon3.png"
                    alt=""
                  />
                  <div class="sp-font4">900,000+ units sold worldwide</div>
                </div>
              </div>
            </div>
          </div>
          <div class="sp-part2 sp-relative">
            <div class="sp-ww">
              <div class="sp-part2-wraper sp-fade-box">
                <div class="sp-part2-title sp-ani">
                  <img
                    class="sp-leaf"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-leaf1.png"
                    alt=""
                  />
                  <div class="sp-font1">
                    <span data-title="No.1">No.1</span>
                  </div>
                  <div>
                    <div class="sp-font2">2026 latest model</div>
                    <div class="sp-font3">best-selling in home category</div>
                  </div>
                  <img
                    class="sp-leaf"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-leaf2.png"
                    alt=""
                  />
                </div>
                <div class="swiper sp-swiper sp-swiper1 sp-ani">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-1-pc.png"
                          alt=""
                        />
                      </div>
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-2-pc.png"
                          alt=""
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-3-pc.png"
                          alt=""
                        />
                      </div>
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-4-pc.png"
                          alt=""
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-5-pc.png"
                          alt=""
                        />
                      </div>
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-6-pc.png"
                          alt=""
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-7-pc.png"
                          alt=""
                        />
                      </div>
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-8-pc.png"
                          alt=""
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-9-pc.png"
                          alt=""
                        />
                      </div>
                      <div class="sp-imgs">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-10-pc.png"
                          alt=""
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div>
                </div>
              </div>
            </div>
          </div>

          <div class="sp-part3 sp-relative sp-fade-box">
            <div class="sp-ww">
              <div>
                <div class="gradually">
                  <div class="sp-title sp-text-lf">
                    <span><i>Luxurious&nbsp;</i></span>
                    <span><i>Softness</i></span
                    ><br />
                    <span><i>You&nbsp;</i></span>
                    <span><i>Can&nbsp;</i></span>
                    <span><i>Feel</i></span>
                  </div>
                  <div class="sp-sub-title sp-text-lf">
                    Premium Plush, Delicate And Skin-Friendly, Soft<br />
                    As A Cloud To The Touch
                  </div>
                </div>
                <div class="sp-content">
                  <div class="sp-item sp-ani">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part3-1-pc.png"
                      alt=""
                    />
                    <div class="sp-font1">No Formaldehyde</div>
                  </div>
                  <div class="sp-item sp-ani">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part3-2-pc.png"
                      alt=""
                    />
                    <div class="sp-font1">No Fluorescent</div>
                  </div>
                  <div class="sp-item sp-ani">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part3-3-pc.png"
                      alt=""
                    />
                    <div class="sp-font1">​​Pet-Friendly​​</div>
                  </div>
                </div>
                <a href="#shopping" class="sp-ani">
                  <div class="sp-btn-style1">
                    BUY NOW & GET {{ product.variants[0].compare_at_price |
                    minus: product.variants[0].price | times : 100 | divided_by:
                    product.variants[0].compare_at_price | round }}% OFF >
                  </div>
                </a>
              </div>
            </div>
          </div>

          <div class="sp-part4 sp-relative sp-fade-box">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Luxury&nbsp;</i></span>
                <span><i>For&nbsp;</i></span>
                <span><i>Your&nbsp;</i></span>
                <span><i>Home,&nbsp;</i></span>
                <span><i>Cozy&nbsp;</i></span>
                <span><i>Ambiance&nbsp;</i></span>
                <span><i>Instantly</i></span>
              </div>
              <div class="sp-sub-title">
                Transform Your Space: Blanket, Sofa Cover, Or Decoration
              </div>
            </div>
            <div class="sp-ww">
              <div class="swiper sp-swiper sp-swiper2 sp-ani">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="sp-row">
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-1-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font1">
                          <i class="sp-cold"></i> Before Use
                        </div>
                      </div>
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-2-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font2">
                          <i class="sp-heart"></i> After Use
                        </div>
                      </div>
                    </div>
                    <div class="sp-row">
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-3-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font1">
                          <i class="sp-cold"></i> Before Use
                        </div>
                      </div>
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-4-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font2">
                          <i class="sp-heart"></i> After Use
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp-row">
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-5-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font1">
                          <i class="sp-cold"></i> Before Use
                        </div>
                      </div>
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-6-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font2">
                          <i class="sp-heart"></i> After Use
                        </div>
                      </div>
                    </div>
                    <div class="sp-row">
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-7-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font1">
                          <i class="sp-cold"></i> Before Use
                        </div>
                      </div>
                      <div class="sp-item">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-8-pc.png"
                          alt=""
                        />
                        <div class="sp-font sp-font2">
                          <i class="sp-heart"></i> After Use
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="sp-part5 sp-fade-box2 sp-relative sp-fade-box">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Why&nbsp;</i></span>
                <span><i>You'll&nbsp;</i></span>
                <span><i>Love&nbsp;</i></span>
                <span><i>This&nbsp;</i></span>
                <span><i>Product</i></span>
              </div>
              <div class="sp-sub-title">
                Every Detail Is Crafted For Exceptional Quality And Ultimate
                Comfort
              </div>
            </div>
            <div class="sp-flex-x sp-part5-ww">
              <div class="sp-part5-gif sp-ani">
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-gif.gif"
                  alt=""
                />
              </div>
              <div class="sp-part5-wraper">
                <div class="sp-part5-box sp-ani">
                  <img
                    class="sp-imgs"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part5-1-pc.png"
                    alt=""
                  />
                  <div class="sp-font1">Other Products</div>
                  <ul class="sp-part5-uls">
                    <li class="sp-font3">
                      <i class="sp-error"></i>Limited Coverage
                    </li>
                    <li class="sp-font3">
                      <i class="sp-error"></i>Lightweight Texture
                    </li>
                    <li class="sp-font3">
                      <i class="sp-error"></i>Spills Soak
                    </li>
                    <li class="sp-font3">
                      <i class="sp-error"></i>Stains Linger
                    </li>
                  </ul>
                </div>
                <div class="sp-part5-box2 sp-ani">
                  <img
                    class="sp-imgs2"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part5-2-pc.png"
                    alt=""
                  />
                  <div class="sp-font2">Our Product</div>
                  <ul class="sp-part5-uls2">
                    <li class="sp-font4">
                      <i class="sp-success"></i>Full Coverage Design
                    </li>
                    <li class="sp-font4">
                      <i class="sp-success"></i>Thick, Warm Material
                    </li>
                    <li class="sp-font4">
                      <i class="sp-success"></i>Stains Wipe Clean
                    </li>
                    <li class="sp-font4">
                      <i class="sp-success"></i>Hair Stays Off
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="sp-part6 sp-relative sp-fade-box sp-fade-box2">
            <div class="sp-ww sp-flex-x">
              <div>
                <div class="gradually">
                  <div class="sp-title sp-text-lf">
                    <span><i>Scratch-Resistant,&nbsp;</i></span>
                    <span><i>Pet&nbsp;</i></span>
                    <span><i>Friendly&nbsp;</i></span>
                    <span><i>For&nbsp;</i></span>
                    <span><i>Daily&nbsp;</i></span>
                    <span><i>Use</i></span>
                  </div>
                </div>
                <ul class="sp-part6-ul sp-ani">
                  <li class="sp-font1"><i></i> No Fur Stick</li>
                  <li class="sp-font1"><i></i> No Shedding</li>
                  <li class="sp-font1"><i></i> Scratch-Resistant</li>
                </ul>
                <img
                  class="sp-imgs2 sp-ani"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part6-img-pc.png"
                  alt=""
                />
                <a href="#shopping" class="sp-ani">
                  <div class="sp-btn-style1">
                    BUY NOW & GET {{ product.variants[0].compare_at_price |
                    minus: product.variants[0].price | times : 100 | divided_by:
                    product.variants[0].compare_at_price | round }}% OFF >
                  </div>
                </a>
              </div>
              <img
                class="sp-imgs sp-ani"
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part6-1-pc.png"
                alt=""
              />
            </div>
          </div>
          <div class="sp-part7 sp-relative sp-fade-box">
            <div class="sp-ww">
              <div class="sp-part7-wraper sp-ani">
                <div class="gradually">
                  <div class="sp-title sp-text-lf">
                    <span><i>Machine-Washable&nbsp;</i></span
                    ><br />
                    <span><i>Comfort&nbsp;</i></span>
                    <span><i>That&nbsp;</i></span>
                    <span><i>Lasts</i></span>
                  </div>
                  <div class="sp-sub-title sp-text-lf">
                    Durable And Lint-Free, With Strong Fibers That<br />
                    Remain Comfortable After Multiple Washes
                  </div>
                </div>
                <ul class="sp-part7-uls">
                  <li class="sp-withs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon1.png"
                      alt=""
                    />
                    <div class="sp-font1">Gentle Cycle</div>
                  </li>
                  <li>
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon2.png"
                      alt=""
                    />
                    <div class="sp-font1">Cold Water Washing</div>
                  </li>
                  <li class="sp-withs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon3.png"
                      alt=""
                    />
                    <div class="sp-font1">Do Not Bleach</div>
                  </li>
                  <li>
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon4.png"
                      alt=""
                    />
                    <div class="sp-font1">Low Heat Tumble Dry</div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="sp-part8 sp-relative sp-fade-box sp-fade-box2">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Sofa&nbsp;</i></span>
                <span><i>Cover&nbsp;</i></span>
                <span><i>Sizing&nbsp;</i></span>
                <span><i>Guide</i></span>
              </div>
            </div>
            <div class="sp-ww">
              <div class="sp-content sp-ani">
                <div class="sp-row">
                  <div class="sp-item">
                    <div class="sp-font1">180 x 130 cm</div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-1-pc.png"
                        alt=""
                      />
                      <div class="sp-font2">Single Seater</div>
                    </div>
                  </div>
                  <div class="sp-item">
                    <div class="sp-font1">180 x 150 cm</div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-2-pc.png"
                        alt=""
                      />
                      <div class="sp-font2">Oversized Armchair</div>
                    </div>
                  </div>
                </div>
                <div class="sp-row">
                  <div class="sp-item">
                    <div class="sp-font1">180 x 200 cm</div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-3-pc.png"
                        alt=""
                      />
                      <div class="sp-font2">Standard 2-Seater Sofa</div>
                    </div>
                  </div>
                  <div class="sp-item">
                    <div class="sp-font1">180 x 300 cm</div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-4-pc.png"
                        alt=""
                      />
                      <div class="sp-font2">Standard 3-Seater Sofa</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="sp-part8-wraper sp-ani">
                <div class="sp-item">
                  <div class="sp-font1">180 x 420 cm</div>
                  <div class="sp-imgs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-5-pc.png"
                      alt=""
                    />
                    <div class="sp-font2">
                      Extra Long 4-Seater / L-Shape Module
                    </div>
                  </div>
                </div>
                <div class="sp-part8-box">
                  <img
                    class="sp-imgs2"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-color.png"
                    alt=""
                  />
                  <div class="sp-font3">
                    <span>Color:</span>
                    Black, White, Green, Orange, Gray, Red, Dark Purple, Khaki,
                    Purple-Black
                  </div>
                  <div class="sp-font3">
                    <span>Material:</span> Synthetic Plush
                  </div>
                  <div class="sp-font4">NOTE</div>
                  <div class="sp-font3">
                    Please measure your sofa first,<br />
                    and refer to our coverage guide
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 移动端内容 -->
      <div class="sp_mobile">
        <div class="sp_header">
          <!-- <div class="sp_header-wrap">
          <div class="sp_header-top sp-swiper-fade-top swiper">
            <div class="swiper-wrapper">
              <p class="swiper-slide sp-p">
                << 30-Day No-Questions Asked Returns>>
              </p>
              <p class="swiper-slide sp-p">
                Free shipping on orders over $50
              </p>
            </div>
          </div>
        </div> -->
          <div class="sp_header-content">
            <div class="sp-flex-x">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251107-menu.png"
                alt=""
                class="sp-menu-btn"
              />
            </div>
            <a href="/">
              {% comment %} <span class="sp-logo">LOGO</span> {% endcomment %}
              <img
                src="https://ziveseller.com/cdn/shop/files/1.png?v=1753322799&width=300"
                alt=""
                class="sp-logo"
              />
            </a>
            <div class="sp-flex-x">
              <a href="/cart">
                <div class="sp-cart sp-relative">
                  <img
                    class="sp-icon"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-cars.png"
                    alt=""
                  />
                  <div class="sp-num sp-gray cardNum" id="cardNum">
                    {{ cart.item_count }}
                  </div>
                </div>
              </a>
              <a href="#shopping">
                <div class="sp-top-btn sp-uppercase skip-btn">buy now >></div>
              </a>
            </div>
          </div>
          <!-- <div class="header-bottom">
              <a href="#shopping"
                >Buy 2 get 1 free !
                <img src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-gift.png" alt="" class="sp-icon"
              /></a>
            </div> -->

          <!-- 菜单 -->
          <div class="sp-menu-mask">
            <div class="sp-menu">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-icon-close.png"
                alt=""
                class="sp-close-btn"
              />
              <ul>
                <li class="sp-menu-item">
                  <a href="#shopping"
                    >SPECIAL OFFER <span class="sp-span">Hot</span></a
                  >
                </li>

                <li class="sp-menu-item">
                  <a href="#GUARANTEES">GUARANTEES</a>
                </li>
                <li class="sp-menu-item"><a href="#FAQ">FAQ</a></li>
                <li class=" ">
                  <div class="sp-row">
                    <!-- <img
                      loading="lazy"
                      decoding="decoding-async"
                      srcset="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-f.png"
                      alt=""
                    /> -->
                    <a href="#"
                      ><img
                        loading="lazy"
                        decoding="decoding-async"
                        srcset="
                          https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251107-f.png
                        "
                        alt=""
                    /></a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="sp_main">
          <div class="sp-part1 sp-fade-box sp-relative">
            <img
              class="sp-part1-img"
              src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-bg1.png"
              alt=""
            />
            <div class="sp-font">
              <div class="sp-font1 sp-ani">
                <span class="sp-stroke" data-title="Sofa Cover"
                  >Sofa Cover</span
                >
              </div>
              <div class="sp-part1-box sp-ani">
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-color.png"
                  alt=""
                />
                <div class="sp-font2">Available in <span>9</span> Colors</div>
              </div>
              <ul class="sp-content">
                <li class="sp-item sp-ani">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-icon1.png"
                    alt=""
                  />
                  <div class="sp-font3">Durable & Anti-Pilling</div>
                </li>
                <li class="sp-item sp-ani">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-icon2.png"
                    alt=""
                  />
                  <div class="sp-font3">Delicate Plush Texture</div>
                </li>
              </ul>
              <a href="#shopping" class="sp-ani">
                <div class="sp-btn-style1">
                  BUY NOW & GET {{ product.variants[0].compare_at_price | minus:
                  product.variants[0].price | times : 100 | divided_by:
                  product.variants[0].compare_at_price | round }}% OFF >
                </div>
              </a>
              <div class="sp-part1-star sp-ani">
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-icon3.png"
                  alt=""
                />
                <div class="sp-font4">900,000+ units sold worldwide</div>
              </div>
            </div>
          </div>
          <div class="sp-part2 sp-relative">
            <div class="sp-part2-wraper sp-fade-box">
              <div class="sp-part2-title sp-ani">
                <div class="sp-flex-x">
                  <img
                    class="sp-leaf"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-leaf1.png"
                    alt=""
                  />
                  <div class="sp-font1">
                    <span data-title="No.1">No.1</span>
                  </div>
                  <img
                    class="sp-leaf"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-leaf2.png"
                    alt=""
                  />
                </div>
                <div>
                  <div class="sp-font2">2026 latest model</div>
                  <div class="sp-font3">best-selling in home category</div>
                </div>
              </div>
              <div class="swiper sp-swiper sp-swiper1-m sp-ani">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-1-pc.png"
                        alt=""
                      />
                    </div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-2-pc.png"
                        alt=""
                      />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-3-pc.png"
                        alt=""
                      />
                    </div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-4-pc.png"
                        alt=""
                      />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-5-pc.png"
                        alt=""
                      />
                    </div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-6-pc.png"
                        alt=""
                      />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-7-pc.png"
                        alt=""
                      />
                    </div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-8-pc.png"
                        alt=""
                      />
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-9-pc.png"
                        alt=""
                      />
                    </div>
                    <div class="sp-imgs">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part2-10-pc.png"
                        alt=""
                      />
                    </div>
                  </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
              </div>
            </div>
          </div>

          <div class="sp-part3 sp-relative sp-fade-box">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Luxurious&nbsp;</i></span>
                <span><i>Softness&nbsp;</i></span
                ><br />
                <span><i>You&nbsp;</i></span>
                <span><i>Can&nbsp;</i></span>
                <span><i>Feel</i></span>
              </div>
              <div class="sp-sub-title">
                Premium Plush, Delicate And Skin-Friendly, Soft<br />
                As A Cloud To The Touch
              </div>
            </div>
            <div class="sp-content">
              <div class="sp-item sp-ani">
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part3-1-pc.png"
                  alt=""
                />
                <div class="sp-font1">No Formaldehyde</div>
              </div>
              <div class="sp-item sp-ani">
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part3-2-pc.png"
                  alt=""
                />
                <div class="sp-font1">No Fluorescent</div>
              </div>
              <div class="sp-item sp-ani">
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part3-3-pc.png"
                  alt=""
                />
                <div class="sp-font1">​​Pet-Friendly​​</div>
              </div>
            </div>
            <a href="#shopping" class="sp-ani">
              <div class="sp-btn-style1">
                BUY NOW & GET {{ product.variants[0].compare_at_price | minus:
                product.variants[0].price | times : 100 | divided_by:
                product.variants[0].compare_at_price | round }}% OFF >
              </div>
            </a>
          </div>

          <div class="sp-part4 sp-relative sp-fade-box">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Luxury&nbsp;</i></span>
                <span><i>For&nbsp;</i></span>
                <span><i>Your&nbsp;</i></span>
                <span><i>Home,&nbsp;</i></span>
                <span><i>Cozy&nbsp;</i></span
                ><br />
                <span><i>Ambiance&nbsp;</i></span>
                <span><i>Instantly</i></span>
              </div>
              <div class="sp-sub-title">
                Transform Your Space: Blanket, Sofa Cover,<br />
                Or Decoration
              </div>
            </div>
            <div class="swiper sp-swiper sp-swiper2-m sp-ani">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="sp-row">
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-1-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font1">
                        <i class="sp-cold"></i> Before Use
                      </div>
                    </div>
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-2-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font2">
                        <i class="sp-heart"></i> After Use
                      </div>
                    </div>
                  </div>
                  <div class="sp-row">
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-3-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font1">
                        <i class="sp-cold"></i> Before Use
                      </div>
                    </div>
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-4-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font2">
                        <i class="sp-heart"></i> After Use
                      </div>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="sp-row">
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-5-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font1">
                        <i class="sp-cold"></i> Before Use
                      </div>
                    </div>
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-6-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font2">
                        <i class="sp-heart"></i> After Use
                      </div>
                    </div>
                  </div>
                  <div class="sp-row">
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-7-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font1">
                        <i class="sp-cold"></i> Before Use
                      </div>
                    </div>
                    <div class="sp-item">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part4-8-pc.png"
                        alt=""
                      />
                      <div class="sp-font sp-font2">
                        <i class="sp-heart"></i> After Use
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="sp-part5 sp-fade-box sp-relative">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Why&nbsp;</i></span>
                <span><i>You'll&nbsp;</i></span>
                <span><i>Love&nbsp;</i></span>
                <span><i>This&nbsp;</i></span>
                <span><i>Product</i></span>
              </div>
              <div class="sp-sub-title">
                Every Detail Is Crafted For Exceptional Quality<br />
                And Ultimate Comfort
              </div>
            </div>
            <div class="sp-part5-wraper">
              <div class="sp-part5-box sp-ani">
                <img
                  class="sp-imgs"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part5-1-pc.png"
                  alt=""
                />
                <div class="sp-font1">Other Products</div>
                <ul class="sp-part5-uls">
                  <li class="sp-font3">
                    <i class="sp-error"></i>Limited Coverage
                  </li>
                  <li class="sp-font3">
                    <i class="sp-error"></i>Lightweight Texture
                  </li>
                  <li class="sp-font3"><i class="sp-error"></i>Spills Soak</li>
                  <li class="sp-font3">
                    <i class="sp-error"></i>Stains Linger
                  </li>
                </ul>
              </div>
              <div class="sp-part5-box2 sp-ani">
                <img
                  class="sp-imgs2"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part5-2-pc.png"
                  alt=""
                />
                <div class="sp-font2">Our Product</div>
                <ul class="sp-part5-uls2">
                  <li class="sp-font4">
                    <i class="sp-success"></i>Full Coverage Design
                  </li>
                  <li class="sp-font4">
                    <i class="sp-success"></i>Thick, Warm Material
                  </li>
                  <li class="sp-font4">
                    <i class="sp-success"></i>Stains Wipe Clean
                  </li>
                  <li class="sp-font4">
                    <i class="sp-success"></i>Hair Stays Off
                  </li>
                </ul>
              </div>
            </div>
            <div class="sp-part5-gif sp-ani">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-gif.gif"
                alt=""
              />
            </div>
          </div>
          <div class="sp-part6 sp-relative sp-fade-box sp-fade-box2">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Scratch-Resistant,&nbsp;</i></span>
                <span><i>Pet&nbsp;</i></span
                ><br />
                <span><i>Friendly&nbsp;</i></span>
                <span><i>For&nbsp;</i></span>
                <span><i>Daily&nbsp;</i></span>
                <span><i>Use</i></span>
              </div>
            </div>
            <ul class="sp-part6-ul sp-ani">
              <li class="sp-font1"><i></i> No Fur Stick</li>
              <li class="sp-font1"><i></i> No Shedding</li>
              <li class="sp-font1"><i></i> Scratch-Resistant</li>
            </ul>
            <img
              class="sp-imgs sp-ani"
              src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part6-1-pc.png"
              alt=""
            />
            <img
              class="sp-imgs2 sp-ani"
              src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part6-img-pc.png"
              alt=""
            />
            <a href="#shopping" class="sp-ani">
              <div class="sp-btn-style1">
                BUY NOW & GET {{ product.variants[0].compare_at_price | minus:
                product.variants[0].price | times : 100 | divided_by:
                product.variants[0].compare_at_price | round }}% OFF >
              </div>
            </a>
          </div>
          <div class="sp-part7 sp-relative sp-fade-box">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Machine-Washable&nbsp;</i></span
                ><br />
                <span><i>Comfort&nbsp;</i></span>
                <span><i>That&nbsp;</i></span>
                <span><i>Lasts</i></span>
              </div>
              <div class="sp-sub-title">
                Durable And Lint-Free, With Strong Fibers That<br />
                Remain Comfortable After Multiple Washes
              </div>
            </div>
            <ul class="sp-part7-uls sp-ani">
              <li>
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon1.png"
                  alt=""
                />
                <div class="sp-font1">
                  Gentle<br />
                  Cycle
                </div>
              </li>
              <li>
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon2.png"
                  alt=""
                />
                <div class="sp-font1">
                  Cold Water<br />
                  Washing
                </div>
              </li>
              <li>
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon3.png"
                  alt=""
                />
                <div class="sp-font1">
                  Do Not<br />
                  Bleach
                </div>
              </li>
              <li>
                <img
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part7-icon4.png"
                  alt=""
                />
                <div class="sp-font1">
                  Low Heat<br />
                  Tumble Dry
                </div>
              </li>
            </ul>
          </div>
          <div class="sp-part8 sp-relative sp-fade-box sp-fade-box2">
            <div class="gradually">
              <div class="sp-title">
                <span><i>Sofa&nbsp;</i></span>
                <span><i>Cover&nbsp;</i></span>
                <span><i>Sizing&nbsp;</i></span>
                <span><i>Guide</i></span>
              </div>
            </div>
            <div class="sp-content sp-ani">
              <div class="sp-row">
                <div class="sp-item">
                  <div class="sp-font1">180 x 130 cm</div>
                  <div class="sp-imgs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-1-pc.png"
                      alt=""
                    />
                    <div class="sp-font2">Single Seater</div>
                  </div>
                </div>
                <div class="sp-item">
                  <div class="sp-font1">180 x 150 cm</div>
                  <div class="sp-imgs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-2-pc.png"
                      alt=""
                    />
                    <div class="sp-font2">Oversized Armchair</div>
                  </div>
                </div>
              </div>
              <div class="sp-row">
                <div class="sp-item">
                  <div class="sp-font1">180 x 200 cm</div>
                  <div class="sp-imgs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-3-pc.png"
                      alt=""
                    />
                    <div class="sp-font2">Standard 2-Seater Sofa</div>
                  </div>
                </div>
                <div class="sp-item">
                  <div class="sp-font1">180 x 300 cm</div>
                  <div class="sp-imgs">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-4-pc.png"
                      alt=""
                    />
                    <div class="sp-font2">Standard 3-Seater Sofa</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="sp-part8-wraper sp-ani">
              <div class="sp-item">
                <div class="sp-font1">180 x 420 cm</div>
                <div class="sp-imgs">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part8-5-pc.png"
                    alt=""
                  />
                  <div class="sp-font2">
                    Extra Long 4-Seater / L-Shape Module
                  </div>
                </div>
              </div>
              <div class="sp-part8-box">
                <img
                  class="sp-imgs2"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-part1-color.png"
                  alt=""
                />
                <div class="sp-font3">
                  <span>Color:</span>
                  Black, White, Green, Orange, Gray, Red, Dark Purple, Khaki,
                  Purple-Black
                </div>
                <div class="sp-font3">
                  <span>Material:</span> Synthetic Plush
                </div>
                <div class="sp-font4">NOTE</div>
                <div class="sp-font3">
                  Please measure your sofa first,<br />
                  and refer to our coverage guide
                </div>
              </div>
            </div>
          </div>
          {% comment %} <div class="sp-promo2-nav">
            <div class="sp-promo2-content">
              <div class="sp-promo2-t1">
                <p class="sp-promo2-p">Buy These Products</p>
                Together To Get an
              </div>
              <div class="sp-promo2-t2 sp-stroke" data-title="Extra 10% off">
                Extra 10% off
              </div>
            </div>

            <div class="sp-promo2-box">
              <img
                class="sp-promo2-imgs"
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-last-img.png"
                alt=""
              />
              <img
                class="sp-promo2-add"
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-last-add.png"
                alt=""
              />
              <p class="sp-promo2-p">Ultra-soft plush blanket</p>
              <ul class="sp-promo2-ul">
                <li class="sp-promo2-li">√ Skin-friendly fabric</li>
                <li class="sp-promo2-li">√ Easy to care</li>
              </ul>
              <a href="#mf-bundle-product">
                <div class="sp-promo2-style sp-pulse-anim">buy now ></div>
              </a>
            </div>
          </div> {% endcomment %}
          <a href="#shopping">
            <div class="sp-btn-style2 sp-fixed-bottom">
              <div class="sp-area">
                <img
                  class="sp-btn-img"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-last-icon.png"
                  alt=""
                />
                <div class="sp-col">
                  <div class="sp-t1">ORDER NOW !</div>
                  <div class="sp-t2">Limited-time discount, today only!</div>
                </div>
              </div>
              <div class="sp-cart sp-relative">
                <a href="/cart">
                  <img
                    class="sp-icon"
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-cart.png"
                    alt=""
                  />
                  <div class="sp-num sp-gray cardNum" id="cardNum">
                    {{ cart.item_count }}
                  </div></a
                >
              </div>
            </div>
          </a>
        </div>
      </div>

      <!-- 如果是左右布局  商品模块使用同一套html  flex布局  1080一下为上下  1080以上为左右 -->

      <div id="shopping">
        <div class="sp_product_part">
          <div class="sp-font sp_pc">
            <div class="sp-font1">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-star.png"
                alt=""
              />
              <div>Rated 4.9/5 by <span>500,000+</span> Happy Customers</div>
            </div>
            <div class="sp-font2">
              <i class="sp-icons1"></i>
              <div>Risk-Free <span>30-Day</span> Guarantee!</div>
              <i class="sp-icons2"></i>
            </div>
            <div class="sp-ww sp-flex-x sp-pro-swiper">
              <div class="sp-font3"><i></i>Risk-Free Purchase</div>
              <div class="sp-font3"><i></i>30-Day Money-Back Guarantee</div>
              <div class="sp-font3"><i></i>Order Processed Within 24 Hours</div>
            </div>
          </div>
          <div class="sp-font sp_mobile">
            <div class="sp-font1">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-star.png"
                alt=""
              />
              <div>Rated 4.9/5 by <span>500,000+</span> Happy Customers</div>
            </div>
            <div class="sp-font2">
              <i class="sp-icons1"></i>
              <div>Risk-Free <span>30-Day</span> Guarantee!</div>
              <i class="sp-icons2"></i>
            </div>
            <div class="sp-swiper3 swiper sp_mobile">
              <div class="swiper-wrapper">
                <div class="swiper-slide sp-withs">
                  <div class="sp-font3"><i></i>Risk-Free Purchase</div>
                </div>
                <div class="swiper-slide sp-withs2">
                  <div class="sp-font3"><i></i>30-Day Money-Back Guarantee</div>
                </div>
                <div class="swiper-slide sp-withs3">
                  <div class="sp-font3">
                    <i></i>Order Processed Within 24 Hours
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="sp_product_content">
            <div class="sp-relative">
              <div style="position: sticky; top: 90px">
                <div class="sp-img-wrap">
                  <div class="sp-img-inner">
                    <img
                      class="sp-img-p active"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-1.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-2.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-3.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-4.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-5.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-6.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-7.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-8.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-9.png"
                      alt=""
                    />

                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-10.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-11.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-12.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-13.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-14.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-15.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-16.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-17.png"
                      alt=""
                    />
                    <img
                      class="sp-img-p"
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260113-pro-18.png"
                      alt=""
                    />
                  </div>
                  <div class="sp-img-clock sp_top_cut_down">
                    <span class="sp-pro-font">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260105-pro-icon2.png"
                        alt=""
                      />
                      <div>
                        <div class="sp-pro-lines"><i></i></div>
                        <div class="sp-pro-font1">
                          <i></i><span>Hurry, Only 180 Pcs Left in stock!</span>
                        </div>
                      </div>
                    </span>
                    <div class="sp-clock-s clock-wrap sp_left_view">
                      <div class="square sp_hour">00</div>
                      <div class="sp-dots">
                        <div class="sp-dot"></div>
                        <div class="sp-dot"></div>
                      </div>
                      <div class="square sp_minute">00</div>
                      <div class="sp-dots">
                        <div class="sp-dot"></div>
                        <div class="sp-dot"></div>
                      </div>
                      <div class="square sp_second">00</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="sp_product_inner">
              <div class="sp-title-s">
                Light Luxury Plush Sofa Cover With A<br />
                Premium Feel
              </div>
              <div class="sp-price-group">
                <div class="sp-price1">
                  $<span class="sp-span" id="sp_price1"
                    >{{ product.variants[0].price | money_without_currency
                    }}</span
                  >
                </div>
                <div class="sp-price2">
                  $<span id="sp_price2"
                    >{{ product.variants[0].compare_at_price |
                    money_without_currency }}</span
                  >
                </div>

                <div class="sp-row sp-uppercase">
                  <img
                    loading="lazy"
                    decoding="decoding-async"
                    srcset="
                      https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260105-down.png
                    "
                    alt=""
                  />
                  <p class="sp-p">
                    <span class="off-font"
                      >{{ product.variants[0].compare_at_price | minus:
                      product.variants[0].price | times : 100 | divided_by:
                      product.variants[0].compare_at_price | round }} </span
                    ><span>%</span> off
                  </p>
                </div>
              </div>
              <div class="sp-padding">
                <div class="option-title">Color</div>
                <div class="opt-group sp-opt-group1" id="sp-opt-group1">
                  <div
                    class="sp-option active"
                    data-val="{{ product.options_with_values[0].values[0] }}"
                  >
                    <i class="sp-color sp-black"></i> {{
                    product.options_with_values[0].values[0] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[1] }}"
                  >
                    <i class="sp-color sp-white"></i>{{
                    product.options_with_values[0].values[1] }}<i
                      class="sp-fires"
                    ></i>
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[2] }}"
                  >
                    <i class="sp-color sp-green"></i>{{
                    product.options_with_values[0].values[2] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[3] }}"
                  >
                    <i class="sp-color sp-orange"></i>{{
                    product.options_with_values[0].values[3] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[4] }}"
                  >
                    <i class="sp-color sp-gray"></i>{{
                    product.options_with_values[0].values[4] }}<i
                      class="sp-fires"
                    ></i>
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[5] }}"
                  >
                    <i class="sp-color sp-red"></i>{{
                    product.options_with_values[0].values[5] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[6] }}"
                  >
                    <i class="sp-color sp-dark"></i>{{
                    product.options_with_values[0].values[6] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[7] }}"
                  >
                    <i class="sp-color sp-beige"></i>{{
                    product.options_with_values[0].values[7] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[0].values[8] }}"
                  >
                    <i class="sp-color sp-light"></i>{{
                    product.options_with_values[0].values[8] }}
                  </div>
                </div>
                <div class="option-title">Size</div>
                <div class="opt-group sp-opt-group2" id="sp-opt-group2">
                  {% comment %}
                  <div class="sp-option active">
                    180*130cm【For Single Sofas】
                  </div>
                  <div class="sp-option">
                    180*150cm【For Oversized Armchair】
                  </div>
                  <div class="sp-option">
                    180*200cm【For Standard 2-Seater Sofa】
                  </div>
                  <div class="sp-option">
                    180*300cm【For Standard 3-Seater Sofa or Corner Sofa (One
                    Side)】
                  </div>
                  <div class="sp-option">
                    180*420cm【For L-Shaped Corner Sofa (Full Coverage)】
                  </div>
                  {% endcomment %} {% for value in
                  product.options_with_values[1].values %}
                  <div
                    class="sp-option {% if forloop.first %}active{% endif %}"
                    data-val="{{value }}"
                  >
                    {{value }}
                  </div>
                  {% endfor %}
                </div>
                <div class="option-title">
                  {{ product.options_with_values[2].name }}
                </div>
                <div class="opt-group sp-opt-group3" id="sp-opt-group3">
                  {% comment %}
                  <div
                    class="sp-option active"
                    data-val="{{ product.options_with_values[2].values[0] }}"
                  >
                    {{ product.options_with_values[2].values[0] }}
                  </div>
                  <div
                    class="sp-option"
                    data-val="{{ product.options_with_values[2].values[1] }}"
                  >
                    {{ product.options_with_values[2].values[0] }}<i
                      class="sp-fires"
                    ></i>
                  </div>
                  {% endcomment %} {% for value in
                  product.options_with_values[2].values %}
                  <div
                    class="sp-option {% if forloop.first %}active{% endif %}"
                    data-val="{{value }}"
                  >
                    {{value }}
                  </div>
                  {% endfor %}
                </div>
                <div class="option-title">Quantity</div>

                <div class="sp-quality-row">
                  <div class="addGroup">
                    <div class="sp-reduce">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251107-reduce.png"
                        alt=""
                        class="sp-img"
                      />
                    </div>
                    <input
                      type="number"
                      min="1"
                      name=""
                      value="1"
                      max="200"
                      id="calcNumber"
                    />
                    <div class="sp-add">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251107-add.png"
                        alt=""
                        class="sp-img"
                      />
                    </div>
                  </div>

                  <div class="addCart btn-style cart-btn sp_add_cart">
                    <img
                      src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-cart.png"
                      alt=""
                    />
                    Add to cart
                  </div>
                </div>
                <a class="emitCheckout"  data-id="{{ product.variants[2].id }}" href="javascript:;" class="pillow-help" data-fancybox="" data-src="#pillow-help" data-type="inline" data-no-instant="">
                <div class="sp-btn-style btn-style sp-uppercase sp_buy_now">
                  buy now >
                </div>
                </a>

                <div class="sp-tip5">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251125-fast.png"
                    alt=""
                    class="sp-fire"
                  />
                  <p>
                    Free Shipping for Orders Over
                    <span class="sp-span">$49.99</span>
                  </p>
                </div>
              </div>
              <div class="sp-footer-wrap">
                <img
                  class="sp-footer-img lazy-load"
                  loading="lazy"
                  decoding="decoding-async"
                  srcset="
                    https://ziveseller.com/cdn/shop/files/klarna_google-apple.png?v=1730511530
                  "
                  alt=""
                />

                <div class="add-to-cart">
                  <div data-type="add-to-cart-form"></div>
                </div>
                <div class="quick-add-hidden">
                  {% if settings.is_show_buy_more_discount %} {% include
                  'buy_more_discount' %} {% endif %}
                </div>
                <div class="sp-footer-box1">
                  <div class="sp-p">
                    <img
                      class="sp-icon"
                      loading="lazy"
                      decoding="decoding-async"
                      srcset="
                        https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-secure.png
                      "
                      alt=""
                    />
                    Guaranteed SAFE Checkout
                  </div>
                  <img
                    class="sp-footer-img2"
                    loading="lazy"
                    decoding="decoding-async"
                    srcset="
                      https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-stripe-payment-logo.png
                    "
                    alt=""
                  />
                </div>
                <div class="sp-footer-box2">
                  <div class="sp-p">
                    <img
                      class="sp-icon"
                      loading="lazy"
                      decoding="decoding-async"
                      srcset="
                        https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-shopping-online.png
                      "
                      alt=""
                    />
                    Buyer Protection
                  </div>
                  <div class="sp-li">
                    <p>
                      <span>Full Refund</span> if you don’t receive your order
                    </p>
                  </div>
                  <div class="sp-li">
                    <p>
                      <span>Full or Partial Refund, </span>if the item is not as
                      described
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 四个保障 -->
      <section
        class="sp-promise-section2 sp-scroll-top sp-fade-box"
        id="GUARANTEES"
      >
        <h2 class="sp-bz3-section-title">Our Promise Of Quality</h2>

        <div class="sp-bz3-cards-container">
          <div class="sp-bz3-card sp-ani">
            <div class="sp-bz3-card-icon">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251203-circle1.png"
                alt="30 Days Guarantee"
                class="sp-bz3-icon-img"
              />
            </div>
            <div class="sp-bz3-card-content">
              <h3>30-DAY MONEY-BACK GUARANTEE</h3>
              <p>
                Should Product not meet your expectations, we will process a
                full refund within 30 days of your order's delivery date
              </p>
            </div>
          </div>

          <div class="sp-bz3-card sp-ani">
            <div class="sp-bz3-card-icon">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251203-circle2.png"
                alt="24/7 Service"
                class="sp-bz3-icon-img"
              />
            </div>
            <div class="sp-bz3-card-content">
              <h3>24/7 QUALITY CUSTOMER SERVICE</h3>
              <p>
                Our quality customer service team is here to help you 24 hours a
                day
              </p>
            </div>
          </div>

          <div class="sp-bz3-card sp-ani">
            <div class="sp-bz3-card-icon">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20251203-circle3.png"
                alt="Real Users"
                class="sp-bz3-icon-img"
              />
            </div>
            <div class="sp-bz3-card-content">
              <h3>POWERED BY REAL USERS</h3>
              <p>
                Every detail we create starts with one principle — real user
                experience comes first
              </p>
            </div>
          </div>

          <!-- <div class="sp-bz3-card sp-ani2 ">
            <div class="sp-bz3-card-icon">
              <img
                src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/202512252-circle3.png"
                alt="Real Users"
                class="sp-bz3-icon-img"
              />
            </div>
            <div class="sp-bz3-card-content">
              <h3>POWERED BY REAL USERS</h3>
              <p>
                Multiple Safe Payment Methods, 100% Payment Protection, Your
                Personal Info ls Secure
              </p>
            </div>
          </div> -->
        </div>
      </section>

      <!-- FAQ -->
      <div class="sp-qa2-container sp-scroll-top sp-fade-box" id="FAQ">
        <h2 class="sp-qa2-title sp-uppercase">FAQ</h2>

        <div class="sp-qa2-list-container">
          <div class="sp-qa2-item sp-ani">
            <div class="sp-qa2-question">
              <span>Is this sofa cover suitable for all seasons?</span>
              <div class="sp-qa2-icon-box">
                <img
                  class="sp-show"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-show.png"
                  alt=""
                />
                <img
                  class="sp-hide"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-hide.png"
                  alt=""
                />
              </div>
            </div>
            <div class="sp-qa2-answer">
              Yes. The plush fabric feels soft and cozy in colder months while
              remaining breathavble in warmer seasons, making it suitable
              year-round.
            </div>
          </div>

          <div class="sp-qa2-item sp-ani">
            <div class="sp-qa2-question">
              <span>Does it shed or pill easily?</span>
              <div class="sp-qa2-icon-box">
                <img
                  class="sp-show"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-show.png"
                  alt=""
                />
                <img
                  class="sp-hide"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-hide.png"
                  alt=""
                />
              </div>
            </div>
            <div class="sp-qa2-answer">
              No. The fabric is specially treated to resist shedding and
              pilling, even with regular use.
            </div>
          </div>

          <div class="sp-qa2-item sp-ani">
            <div class="sp-qa2-question">
              <span>Can it protect my sofa?</span>
              <div class="sp-qa2-icon-box">
                <img
                  class="sp-show"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-show.png"
                  alt=""
                />
                <img
                  class="sp-hide"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-hide.png"
                  alt=""
                />
              </div>
            </div>
            <div class="sp-qa2-answer">
              Yes. It helps protect your sofa from dust, stains, and pet hair
              while covering daily wear.
            </div>
          </div>

          <div class="sp-qa2-item sp-ani">
            <div class="sp-qa2-question">
              <span>Is it easy to clean and maintain?</span>
              <div class="sp-qa2-icon-box">
                <img
                  class="sp-show"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-show.png"
                  alt=""
                />
                <img
                  class="sp-hide"
                  src="https://cdn.shopify.com/s/files/1/0820/5906/7674/files/20260106-hide.png"
                  alt=""
                />
              </div>
            </div>
            <div class="sp-qa2-answer">
              Yes. It can be hand-washed or machine-washed on a gentle cycle,
              then air-dried.
            </div>
          </div>
        </div>
        <div class="sp_pc">
          <a href="#shopping" class="sp-ani">
            <div class="sp-btn-style1">
              BUY NOW & GET {{ product.variants[0].compare_at_price | minus:
              product.variants[0].price | times : 100 | divided_by:
              product.variants[0].compare_at_price | round }}% OFF >
            </div>
          </a>
        </div>
        <div class="sp_mobile">
          <a href="#shopping" class="sp-ani">
            <div class="sp-btn-style1">
              BUY NOW & GET {{ product.variants[0].compare_at_price | minus:
              product.variants[0].price | times : 100 | divided_by:
              product.variants[0].compare_at_price | round }}% OFF >
            </div>
          </a>
        </div>
      </div>
      <!-- 页脚 -->
      <div class="sp_footer"></div>
    </div>
    <div style="display: none;">
    <div id="pillow-help">
        <div class="pillow-help-wrap">
            <div class="overbuy_wrap">
                <div class="overbuy_con">
                    <p class="discounti"><i>Buy Together Get <b>10% OFF</b>!</i></p>
                    <p class="discountr"><i>86% of customers chose this</i></p>
                    <div class="overbuy_img">
                        {{ all_products['multi-purpose-fabric-dry-cleaner-spray'].featured_image | image_url: width: 300 | image_tag  }}
                    </div>
                    <div class="overbuy_title">{{ all_products['multi-purpose-fabric-dry-cleaner-spray'].title }}</div>
                    <div class="overbuy_price">
                        <span class="sp_price1">{{ all_products['multi-purpose-fabric-dry-cleaner-spray'].variants[0].price | money }} </span>
                        <span class="sp_price2">{{ all_products['multi-purpose-fabric-dry-cleaner-spray'].variants[0].compare_at_price | money }}</span>
                    </div>
                    {% for option in all_products['multi-purpose-fabric-dry-cleaner-spray'].options_with_values %}
                      {% assign option_idx = forloop.index %}
                      <div class="overbuy-select-title">{{ option.name }}:</div>
                      <div class="overbuy-select">
                          {% for item in option.values %}
                             <div data-id="{{ item.id }}" data-val="{{ item.name }}" class="sp-subopt {% if forloop.index == 1 %}active{% endif %}">
                              <input type="radio" name="overbuy{{ option_idx }}" id="{{ item.id }}" value="{{ item.name }}" {% if forloop.index == 1 %}checked{% endif %}>
                              <label for="{{ item.id }}">{{ item.name }}</label>
                            </div>
                          {% endfor %}
                         
                      </div>
                    {% endfor %}

                    <div class="main-btn" data-type="all" onclick="window.emitSubmit('all')">
                        <div>GET 10% oFF</div>
                    </div>

                    <div class="no_buy" data-type="main" onclick="window.emitSubmit('main')">
                        No, thanks.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
  window.popProduct = {{ all_products['multi-purpose-fabric-dry-cleaner-spray'].variants | json }}
</script>
    <script>
      window.product = {{ product.variants | json }};
      window.options = {{ product.options_with_values | json }};
      window.cartCount = {{ cart.item_count | json }};
      console.log(window.product)
      console.log(window.options)
      window.cartCount > 0 ? $(".cardNum").removeClass("sp-gray"):''
    </script>
    {% comment %}
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/jquery-1.11.3.min.js"></script>
    <script src="./js/jquery.SuperSlide.2.1.js"></script>

    <script src="./js/index.js"></script>
    {% endcomment %}
    <script src="{{ 'swiper-bundle.min.js' | asset_url }}" defer=""></script>
    <script src="{{ 'jquery-1.11.3.min.js' | asset_url }}" defer=""></script>
    <script
      src="{{ 'jquery.SuperSlide.2.1.js' | asset_url }}"
      defer=""
    ></script>
    <script src="{{ 'sofacover.js' | asset_url }}" defer=""></script>
  </body>
</html>
