{"product_id":"waterless-carpet","title":"🔥Limited Time Promotion 50% OFF🔥Waterless Carpet Foam Stain Remover with Towel","description":"\u003cstyle\u003e#mc-carpet{max-width:1200px;margin:auto;font:16px\/1.5 Arial,sans-serif;color:#172b23;isolation:isolate}#mc-carpet *{box-sizing:border-box}#mc-carpet img{max-width:100%;height:auto}#mc-carpet summary{list-style:none;cursor:pointer;position:relative}#mc-carpet summary::-webkit-details-marker{display:none}#mc-carpet summary:after{content:'+';display:flex;align-items:center;justify-content:center;background:#1a513e;color:white;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:3px;font-size:18px}#mc-carpet details[open]\u003esummary:after{content:'−'}#mc-carpet details summary{display:block!important;padding-right:60px!important}#mc-carpet details[open] .sp-faq-answer{display:block!important;height:auto!important;max-height:none!important;opacity:1!important;visibility:visible!important}#mc-carpet .mc-module{width:100%;}#mc-carpet .sp-hero-section{\n            width: 100%;\n            font-family:\n              -apple-system,\n              BlinkMacSystemFont,\n              \"Segoe UI\",\n              Roboto,\n              \"Helvetica Neue\",\n              Arial,\n              sans-serif;\n\n            color: #111111;\n            overflow: hidden;\n\n            display: flex;\n            flex-direction: column;\n          }#mc-carpet .sp-hero-section *{\n            box-sizing: border-box;\n          }#mc-carpet .sp-mobile-bg-wrapper{\n            display: none;\n          }#mc-carpet .sp-hero-content-area{\n            width: 100%;\n\n            background-image:\n              url('https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10001_6.png?v=1786108416');\n\n            background-size: cover;\n            background-position: center right;\n            background-repeat: no-repeat;\n\n            padding: 80px 5%;\n\n            display: flex;\n            align-items: center;\n          }#mc-carpet .sp-hero-inner{\n            max-width: 500px;\n            text-align: left;\n          }#mc-carpet .sp-badge{\n            display: inline-block;\n\n            background-color: #1A513E !important;\n            color: #ffffff !important;\n\n            font-size: 14px;\n            font-weight: 800;\n\n            padding: 6px 16px;\n\n            border-radius: 20px;\n\n            margin-bottom: 20px;\n          }#mc-carpet .sp-title{\n            font-size: 42px !important;\n            font-weight: 900 !important;\n\n            line-height: 1.15 !important;\n\n            margin: 0 0 15px 0 !important;\n\n            color: #000000 !important;\n          }#mc-carpet .sp-subtitle{\n            font-size: 16px !important;\n\n            color: #444444 !important;\n\n            line-height: 1.5 !important;\n\n            margin: 0 0 30px 0 !important;\n          }#mc-carpet .sp-ba-wrapper{\n            display: flex;\n            align-items: center;\n\n            position: relative;\n\n            gap: 15px;\n\n            margin-bottom: 30px;\n          }#mc-carpet .sp-ba-box{\n            flex: 1;\n\n            position: relative;\n\n            border-radius: 12px;\n\n            overflow: hidden;\n\n            box-shadow:\n              0 8px 20px rgba(0,0,0,0.15);\n          }#mc-carpet .sp-ba-box img{\n            width: 100%;\n            height: auto;\n\n            display: block;\n\n            aspect-ratio: 4 \/ 3;\n\n            object-fit: cover;\n          }#mc-carpet .sp-ba-label{\n            position: absolute;\n\n            bottom: 10px;\n            left: 0;\n\n            width: 100%;\n\n            text-align: center;\n\n            color: #ffffff;\n\n            font-size: 15px;\n            font-weight: 800;\n\n            text-shadow:\n              1px 1px 4px rgba(0,0,0,0.8);\n\n            letter-spacing: 0.5px;\n          }#mc-carpet .sp-ba-center-icon{\n            position: absolute;\n\n            left: 50%;\n            top: 50%;\n\n            transform: translate(-50%, -50%);\n\n            width: 36px;\n            height: 36px;\n\n            z-index: 2;\n\n            background-color: #ffffff;\n\n            border-radius: 50%;\n\n            box-shadow:\n              0 4px 10px rgba(0,0,0,0.2);\n          }#mc-carpet .sp-ba-center-icon svg{\n            width: 100%;\n            height: 100%;\n\n            display: block;\n          }#mc-carpet .sp-buy-btn{\n            display: inline-block !important;\n\n            width: 100% !important;\n\n            background-color: #1A513E !important;\n\n            color: #ffffff !important;\n\n            text-align: center !important;\n\n            font-size: 20px !important;\n\n            font-weight: 800 !important;\n\n            padding: 16px 20px !important;\n\n            border-radius: 8px !important;\n\n            border: none !important;\n\n            text-decoration: none !important;\n\n            box-shadow:\n              0 6px 15px rgba(98,185,55,0.4) !important;\n\n            animation:\n              sp-jump-shake\n              2.5s\n              infinite\n              cubic-bezier(0.36,0.07,0.19,0.97) !important;\n\n            white-space: nowrap !important;\n\n            overflow: hidden !important;\n\n            cursor: pointer !important;\n          }#mc-carpet .sp-buy-btn:hover{\n            background-color: #52a02e !important;\n          }@keyframes sp-jump-shake{\n\n            0%,\n            100% {\n              transform: translateY(0) scale(1);\n            }\n\n            10% {\n              transform:\n                translateY(-8px)\n                scale(1.03)\n                rotate(-2deg);\n            }\n\n            15% {\n              transform:\n                translateY(0)\n                scale(1.03)\n                rotate(2deg);\n            }\n\n            20% {\n              transform:\n                translateY(-4px)\n                scale(1.01)\n                rotate(-2deg);\n            }\n\n            25% {\n              transform:\n                translateY(0)\n                scale(1)\n                rotate(0);\n            }\n\n            30%,\n            100% {\n              transform: translateY(0);\n            }\n\n          }#mc-carpet .sp-marquee-section{\n            background-color: #1A513E !important;\n\n            width: 100%;\n\n            overflow: hidden;\n\n            padding: 12px 0;\n\n            color: #ffffff;\n          }#mc-carpet .sp-marquee-track{\n            display: flex;\n\n            width: fit-content;\n\n            animation:\n              sp-scroll-left\n              25s\n              linear\n              infinite;\n          }#mc-carpet .sp-marquee-content{\n            display: flex;\n            flex-shrink: 0;\n          }#mc-carpet .sp-marquee-item{\n            display: inline-flex;\n            align-items: center;\n\n            padding: 0 25px;\n\n            font-size: 15px;\n            font-weight: 800;\n\n            white-space: nowrap;\n          }#mc-carpet .sp-marquee-item span{\n            margin-right: 6px;\n            font-size: 16px;\n          }@keyframes sp-scroll-left{\n\n            0% {\n              transform: translateX(0);\n            }\n\n            100% {\n              transform: translateX(-50%);\n            }\n\n          }@media screen and (max-width: 768px){#mc-carpet .sp-mobile-bg-wrapper{\n              display: block;\n              width: 100%;\n            }#mc-carpet .sp-mobile-bg-wrapper img{\n              width: 100%;\n              height: auto;\n              display: block;\n            }#mc-carpet .sp-hero-content-area{\n              background-image: none;\n\n              background-color: #ffffff;\n\n              padding: 30px 20px;\n            }#mc-carpet .sp-hero-inner{\n              max-width: 100%;\n\n              text-align: center;\n\n              display: flex;\n              flex-direction: column;\n\n              align-items: center;\n            }#mc-carpet .sp-badge{\n              font-size: 12px !important;\n\n              padding: 5px 14px !important;\n            }#mc-carpet .sp-title{\n              font-size: 24px !important;\n\n              margin-bottom: 12px !important;\n            }#mc-carpet .sp-subtitle{\n              font-size: 15px !important;\n            }#mc-carpet .sp-ba-wrapper{\n              width: 100%;\n              gap: 10px;\n            }#mc-carpet .sp-buy-btn{\n              font-size: 18px !important;\n\n              padding: 15px 10px !important;\n\n              width: 100% !important;\n            }#mc-carpet .sp-marquee-item{\n              font-size: 13px;\n\n              padding: 0 15px;\n            }\n\n          }\n\n          #mc-carpet .sp-hassle-wrapper{\n    background-color: #ffffff; \n    padding: 60px 20px;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    width: 100%;\n    box-sizing: border-box;\n  }#mc-carpet .sp-hassle-wrapper *{\n    box-sizing: border-box;\n  }#mc-carpet .sp-hassle-container{\n    max-width: 1200px;\n    margin: 0 auto;\n  }#mc-carpet .sp-hassle-header{\n    text-align: center;\n    margin-bottom: 40px;\n  }#mc-carpet .sp-hassle-title{\n    font-size: 42px !important;\n    font-weight: 900 !important;\n    color: #111111 !important;\n    margin: 0 0 15px 0 !important;\n    line-height: 1.2 !important;\n    border: none !important;\n  }#mc-carpet .sp-hassle-subtitle{\n    font-size: 18px !important;\n    color: #555555 !important;\n    font-weight: 500 !important;\n    margin: 0 !important;\n    line-height: 1.5 !important;\n  }#mc-carpet .sp-hassle-grid{\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n  }#mc-carpet .sp-hassle-card{\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }#mc-carpet .sp-hassle-img-wrapper{\n    position: relative;\n    width: 100%;\n    margin-bottom: 24px; \n  }#mc-carpet .sp-hassle-img{\n    width: 100%;\n    height: auto;\n    border-radius: 12px;\n    display: block;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n  }#mc-carpet .sp-hassle-alert{\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%); \n    background-color: #df2c2c; \n    color: #ffffff;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 900;\n    font-family: Arial, sans-serif;\n    border: 3px solid #ffffff; \n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    z-index: 2;\n  }#mc-carpet .sp-hassle-text{\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: #222222 !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n  }@media screen and (max-width: 768px){#mc-carpet .sp-hassle-wrapper{\n      padding: 20px 15px;\n    }#mc-carpet .sp-hassle-header{\n      margin-bottom: 30px;\n      padding: 0 10px;\n    }#mc-carpet .sp-hassle-title{\n      font-size: 24px !important;\n      margin-bottom: 12px !important;\n    }#mc-carpet .sp-hassle-subtitle{\n      font-size: 15px !important;\n    }#mc-carpet .sp-hassle-grid{\n      grid-template-columns: repeat(2, 1fr);\n      gap: 15px; \n    }#mc-carpet .sp-hassle-img-wrapper{\n      margin-bottom: 18px; \n    }#mc-carpet .sp-hassle-img{\n      border-radius: 8px; \n    }#mc-carpet .sp-hassle-alert{\n      width: 24px;\n      height: 24px;\n      font-size: 14px;\n      border-width: 2px;\n    }#mc-carpet .sp-hassle-text{\n      font-size: 13px !important; \n    }\n  }\n#mc-carpet .sp-dc-section{\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: #111111;\n    box-sizing: border-box;\n  }#mc-carpet .sp-dc-section *{ box-sizing: border-box; }#mc-carpet .sp-dc-header{\n    text-align: center;\n    margin-bottom: 40px;\n  }#mc-carpet .sp-dc-header h2{\n    font-size: 36px !important;\n    font-weight: 900 !important;\n    color: #111111 !important;\n    margin: 0 0 12px 0 !important;\n    line-height: 1.2 !important;\n  }#mc-carpet .sp-dc-header p{\n    font-size: 18px !important;\n    color: #666666 !important;\n    margin: 0 !important;\n  }#mc-carpet .sp-dc-wrapper{\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }#mc-carpet .sp-dc-gif-wrapper{\n    width: 48%;\n    order: 1; \n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n  }#mc-carpet .sp-dc-gif-wrapper img{\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 1 \/ 1 !important; \n    object-fit: cover !important;\n    display: block;\n  }#mc-carpet .sp-dc-stats{\n    width: 100%;\n    order: 3; \n    display: flex;\n    justify-content: space-around;\n    margin-top: 40px;\n    padding: 0 2%;\n  }#mc-carpet .sp-dc-stat-item{\n    text-align: left; \n  }#mc-carpet .sp-dc-stat-item h3{\n    font-size: 32px !important;\n    font-weight: 900 !important;\n    font-style: italic !important;\n    color: #1A513E !important;\n    margin: 0 0 5px 0 !important;\n    line-height: 1 !important;\n  }#mc-carpet .sp-dc-stat-item p{\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #333333 !important;\n    margin: 0 !important;\n    line-height: 1.4 !important;\n  }#mc-carpet .sp-dc-right-content{\n    width: 48%;\n    order: 2; \n  }#mc-carpet .sp-dc-carousel{\n    position: relative;\n    width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n    background-color: #f3f3f3;\n    user-select: none;\n    cursor: grab;\n  }#mc-carpet .sp-dc-carousel:active{\n    cursor: grabbing;\n  }#mc-carpet .sp-dc-slide{\n    display: none;\n    width: 100%;\n  }#mc-carpet .sp-dc-slide.active{\n    display: block;\n    animation: sp-fade-in 0.3s ease;\n  }@keyframes sp-fade-in{\n    from { opacity: 0.7; }\n    to { opacity: 1; }\n  }#mc-carpet .sp-ba-container{\n    position: relative;\n    width: 100%;\n    user-select: none;\n    cursor: ew-resize; \n    touch-action: pan-y; \n  }#mc-carpet .sp-ba-before,#mc-carpet .sp-ba-after{\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 4 \/ 3; \n    object-fit: cover;\n    display: block;\n    pointer-events: none; \n  }#mc-carpet .sp-ba-after{\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); \n  }#mc-carpet .sp-ba-slider-line{\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: 3px;\n    background-color: #ffffff;\n    transform: translateX(-50%);\n    pointer-events: none;\n    box-shadow: 0 0 5px rgba(0,0,0,0.2);\n    z-index: 10;\n  }#mc-carpet .sp-ba-slider-handle{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 24px !important;\n    height: 38px !important;\n    background-color: #ffffff !important;\n    border-radius: 12px !important; \n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;\n    z-index: 20;\n  }#mc-carpet .sp-ba-label{\n    position: absolute;\n    bottom: 12px;\n    background-color: #ffffff !important;\n    color: #111111 !important;\n    font-size: 12px !important;\n    font-weight: 800 !important;\n    padding: 5px 16px !important;\n    border-radius: 20px !important;\n    width: auto !important; \n    display: inline-block !important;\n    z-index: 5;\n    pointer-events: none;\n    box-shadow: none !important;\n    text-shadow: none !important;\n  }#mc-carpet .sp-ba-label.left{ left: 12px !important; right: auto !important; }#mc-carpet .sp-ba-label.right{ right: 12px !important; left: auto !important; }#mc-carpet .sp-carousel-arrow{\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 36px;\n    height: 36px;\n    background-color: rgba(255,255,255,0.9);\n    border: none;\n    border-radius: 50%;\n    font-size: 16px;\n    font-weight: 900;\n    color: #333;\n    cursor: pointer;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 30 !important; \n    transition: background 0.2s, transform 0.1s;\n  }#mc-carpet .sp-carousel-arrow:hover{ background-color: #ffffff; transform: translateY(-50%) scale(1.05); }#mc-carpet .sp-carousel-arrow.prev{ left: 10px; }#mc-carpet .sp-carousel-arrow.next{ right: 10px; }#mc-carpet .sp-dc-dots{\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 20px;\n    margin-bottom: 25px;\n    position: relative;\n    z-index: 30;\n  }#mc-carpet .sp-dot{\n    width: 10px;\n    height: 10px;\n    background-color: #cccccc;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s;\n  }#mc-carpet .sp-dot.active{\n    background-color: #1A513E;\n    width: 24px;\n    border-radius: 10px;\n  }#mc-carpet .sp-dc-buy-btn{\n    display: block !important;\n    width: 100% !important;\n    background-color: #1A513E !important;\n    color: #ffffff !important;\n    text-align: center !important;\n    text-decoration: none !important;\n    padding: 18px 20px !important;\n    font-size: 20px !important;\n    font-weight: 900 !important;\n    border-radius: 12px !important;\n    box-shadow: 0 6px 0 #113629 !important;\n    transition: all 0.1s !important;\n    animation: sp-pulse-shake 2.5s infinite ease-in-out;\n  }#mc-carpet .sp-dc-buy-btn:active{\n    transform: translateY(3px) !important;\n    box-shadow: 0 3px 0 #113629 !important;\n  }@keyframes sp-pulse-shake{\n    0% { transform: scale(1); }\n    5% { transform: scale(1.02) rotate(-1deg); }\n    10% { transform: scale(1.02) rotate(1deg); }\n    15% { transform: scale(1.02) rotate(-1deg); }\n    20% { transform: scale(1); }\n    100% { transform: scale(1); }\n  }@media (max-width: 768px){#mc-carpet .sp-dc-section{ padding: 40px 15px; }#mc-carpet .sp-dc-header h2{ font-size: 28px !important; }#mc-carpet .sp-dc-header p{ font-size: 16px !important; }#mc-carpet .sp-dc-gif-wrapper{ width: 100%; order: 1; margin-bottom: 20px; }#mc-carpet .sp-dc-stats{ \n      width: 100%; \n      order: 2; \n      margin-top: 0; \n      margin-bottom: 25px; \n      justify-content: space-between;\n      padding: 0;\n    }#mc-carpet .sp-dc-stat-item h3{ font-size: 26px !important; }#mc-carpet .sp-dc-stat-item p{ font-size: 13px !important; }#mc-carpet .sp-dc-right-content{ width: 100%; order: 3; }#mc-carpet .sp-ba-label{ font-size: 10px !important; padding: 4px 12px !important; }#mc-carpet .sp-dc-buy-btn{ font-size: 18px !important; padding: 15px 10px !important; }\n  }\n#mc-carpet .sp-slider-section{\n    position: relative;\n    width: 100%;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: #111111;\n    overflow: hidden;\n    user-select: none;\n  }#mc-carpet .sp-slider-section *{\n    box-sizing: border-box;\n  }#mc-carpet .sp-slider-nav{\n    position: absolute;\n    top: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 30px;\n    z-index: 20;\n  }#mc-carpet .sp-nav-item{\n    font-size: 16px !important;\n    font-weight: 800 !important;\n    color: #666666;\n    cursor: pointer;\n    padding-bottom: 6px;\n    transition: all 0.3s ease;\n    border-bottom: 2px solid transparent;\n    white-space: nowrap;\n  }#mc-carpet .sp-nav-item.active{\n    color: #111111;\n    border-bottom: 2px solid #62b937; \n  }#mc-carpet .sp-slides-wrapper{\n    display: grid;\n    width: 100%;\n    cursor: grab;\n  }#mc-carpet .sp-slides-wrapper:active{\n    cursor: grabbing;\n  }#mc-carpet .sp-slide{\n    grid-area: 1 \/ 1;\n    position: relative;\n    width: 100%;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.6s ease-in-out;\n  }#mc-carpet .sp-slide.active{\n    opacity: 1;\n    pointer-events: auto;\n    z-index: 2;\n  }#mc-carpet .sp-slide-bg{\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    pointer-events: none;\n  }#mc-carpet .sp-slide-content{\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 10%;\n    max-width: 480px;\n    z-index: 5;\n    pointer-events: auto;\n  }#mc-carpet .sp-slide-tag{\n    color: #62b937 !important;\n    font-size: 16px !important;\n    font-weight: 900 !important;\n    text-transform: uppercase;\n    margin-bottom: 12px !important;\n    letter-spacing: 0.5px;\n  }#mc-carpet .sp-slide-title{\n    font-size: 42px !important;\n    font-weight: 900 !important;\n    color: #111111 !important;\n    line-height: 1.15 !important;\n    margin: 0 0 15px 0 !important;\n    border: none !important;\n  }#mc-carpet .sp-slide-desc{\n    font-size: 16px !important;\n    color: #222222 !important;\n    font-weight: 500 !important;\n    line-height: 1.5 !important;\n    margin: 0 0 25px 0 !important;\n  }#mc-carpet .sp-slide-features{\n    display: flex;\n    gap: 20px;\n  }#mc-carpet .sp-feature-item{\n    display: flex;\n    align-items: center;\n    font-size: 15px !important;\n    font-weight: 800 !important;\n    color: #111111;\n  }#mc-carpet .sp-feature-item svg{\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: #62b937;\n    stroke-width: 3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    margin-right: 6px;\n  }@media screen and (max-width: 768px){#mc-carpet .sp-slider-nav{\n      top: 20px;\n      gap: 15px;\n    }#mc-carpet .sp-nav-item{\n      font-size: 14px !important;\n    }#mc-carpet .sp-slide-content{\n      top: auto;\n      bottom: 6%;\n      transform: none;\n      left: 6%;\n      right: 6%;\n      max-width: 100%;\n    }#mc-carpet .sp-slide-tag{\n      font-size: 14px !important;\n      margin-bottom: 8px !important;\n    }#mc-carpet .sp-slide-title{\n      font-size: 28px !important;\n      margin-bottom: 10px !important;\n    }#mc-carpet .sp-slide-desc{\n      font-size: 15px !important;\n      margin-bottom: 18px !important;\n    }#mc-carpet .sp-slide-features{\n      flex-direction: column;\n      gap: 8px;\n    }#mc-carpet .sp-feature-item{\n      font-size: 14px !important;\n    }\n  }\n#mc-carpet .sp-safe-section{\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    text-align: center;\n    box-sizing: border-box;\n    background-color: #ffffff !important; \n  }#mc-carpet .sp-safe-section *{\n    box-sizing: border-box;\n  }#mc-carpet .sp-safe-header{\n    margin-bottom: 35px;\n  }#mc-carpet .sp-safe-title{\n    font-size: 38px !important;\n    font-weight: 900 !important;\n    color: #000000 !important;\n    margin: 0 0 12px 0 !important;\n    line-height: 1.2 !important;\n    border: none !important;\n  }#mc-carpet .sp-safe-subtitle{\n    font-size: 16px !important;\n    color: #666666 !important;\n    font-weight: 500 !important;\n    margin: 0 !important;\n  }#mc-carpet .sp-safe-main-img{\n    width: 100%;\n    height: auto;\n    border-radius: 24px;\n    display: block;\n    box-shadow: none !important; \n    margin-bottom: 45px;\n  }#mc-carpet .sp-safe-icons{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 70px;\n    margin-bottom: 45px;\n  }#mc-carpet .sp-safe-icon-item{\n    display: flex;\n    align-items: center;\n    gap: 15px; \n  }#mc-carpet .sp-safe-icon-item img{\n    width: 75px;\n    height: 75px;\n    object-fit: contain;\n  }#mc-carpet .sp-safe-icon-item span{\n    font-size: 18px !important;\n    font-weight: 900 !important;\n    color: #111111 !important;\n    text-transform: uppercase;\n  }#mc-carpet .sp-safe-btn-wrapper{\n    display: flex;\n    justify-content: center;\n  }#mc-carpet .sp-safe-buy-btn{\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 450px;\n    background-color: #1A513E !important; \n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: 900 !important;\n    padding: 18px 30px !important;\n    border-radius: 8px !important;\n    border: none !important;\n    text-decoration: none !important;\n    box-shadow: 0 6px 15px rgba(98, 185, 55, 0.4) !important;\n    animation: sp-jump-shake 2.5s infinite cubic-bezier(0.36, 0.07, 0.19, 0.97) !important;\n  }#mc-carpet .sp-safe-buy-btn:hover{\n    background-color: #52a02e !important;\n  }@keyframes sp-jump-shake{\n    0%, 100% { transform: translateY(0) scale(1); }\n    10% { transform: translateY(-8px) scale(1.03) rotate(-2deg); }\n    15% { transform: translateY(0) scale(1.03) rotate(2deg); }\n    20% { transform: translateY(-4px) scale(1.01) rotate(-2deg); }\n    25% { transform: translateY(0) scale(1) rotate(0); }\n    30%, 100% { transform: translateY(0); } \n  }@media screen and (max-width: 768px){#mc-carpet .sp-safe-section{\n      padding: 40px 15px;\n    }#mc-carpet .sp-safe-header{\n      margin-bottom: 25px;\n    }#mc-carpet .sp-safe-title{\n      font-size: 28px !important;\n      margin-bottom: 10px !important;\n    }#mc-carpet .sp-safe-subtitle{\n      font-size: 15px !important;\n    }#mc-carpet .sp-safe-main-img{\n      border-radius: 16px;\n      margin-bottom: 35px;\n    }#mc-carpet .sp-safe-icons{\n      gap: 15px;\n      justify-content: space-between;\n      margin-bottom: 35px;\n    }#mc-carpet .sp-safe-icon-item{\n      flex-direction: column; \n      gap: 10px;\n      flex: 1;\n    }#mc-carpet .sp-safe-icon-item img{\n      width: 65px;\n      height: 65px;\n    }#mc-carpet .sp-safe-icon-item span{\n      font-size: 13px !important;\n      line-height: 1.2 !important;\n      text-align: center;\n    }#mc-carpet .sp-safe-buy-btn{\n      max-width: 100%;\n      font-size: 18px !important;\n      padding: 16px 20px !important;\n    }\n  }\n#mc-carpet .sp-fabric-section{\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    box-sizing: border-box;\n  }#mc-carpet .sp-fabric-section *{\n    box-sizing: border-box;\n  }#mc-carpet .sp-fabric-grid{\n    display: grid;\n    gap: 15px; \n    \n    grid-template-columns: repeat(12, 1fr);\n    grid-template-rows: 280px 320px;\n  }#mc-carpet .sp-fabric-item{\n    border-radius: 12px;\n    overflow: hidden;\n    position: relative;\n    background-color: #f5f5f5;\n  }#mc-carpet .sp-fabric-item \u003e img:not(.sp-fabric-green-box img){\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }#mc-carpet .sp-item-img1{ grid-area: 1 \/ 1 \/ 2 \/ 4; }#mc-carpet .sp-item-green{ grid-area: 1 \/ 4 \/ 2 \/ 8; }#mc-carpet .sp-item-img2{ grid-area: 1 \/ 8 \/ 2 \/ 11; }#mc-carpet .sp-item-img3{ grid-area: 1 \/ 11 \/ 2 \/ 13; }#mc-carpet .sp-item-img4{ grid-area: 2 \/ 1 \/ 3 \/ 7; }#mc-carpet .sp-item-img5{ grid-area: 2 \/ 7 \/ 3 \/ 13; }#mc-carpet .sp-fabric-green-box{\n    background-color: #1A513E;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 20px;\n  }#mc-carpet .sp-fabric-green-box img{\n    width: 36px;\n    height: auto;\n    margin-bottom: 15px;\n    display: block;\n  }#mc-carpet .sp-fabric-green-box h3{\n    font-size: 22px !important;\n    font-weight: 900 !important;\n    color: #ffffff !important;\n    line-height: 1.25 !important;\n    margin: 0 0 12px 0 !important;\n    border: none !important;\n  }#mc-carpet .sp-fabric-green-box p{\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    color: #ffffff !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n  }#mc-carpet .sp-fabric-btn-wrapper{\n    margin-top: 40px;\n    display: flex;\n    justify-content: center;\n  }#mc-carpet .sp-fabric-buy-btn{\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 450px;\n    background-color: #62b937 !important; \n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: 900 !important;\n    padding: 18px 30px !important;\n    border-radius: 8px !important;\n    border: none !important;\n    text-decoration: none !important;\n    box-shadow: 0 6px 15px rgba(98, 185, 55, 0.4) !important;\n    animation: sp-jump-shake 2.5s infinite cubic-bezier(0.36, 0.07, 0.19, 0.97) !important;\n  }#mc-carpet .sp-fabric-buy-btn:hover{\n    background-color: #52a02e !important;\n  }@keyframes sp-jump-shake{\n    0%, 100% { transform: translateY(0) scale(1); }\n    10% { transform: translateY(-8px) scale(1.03) rotate(-2deg); }\n    15% { transform: translateY(0) scale(1.03) rotate(2deg); }\n    20% { transform: translateY(-4px) scale(1.01) rotate(-2deg); }\n    25% { transform: translateY(0) scale(1) rotate(0); }\n    30%, 100% { transform: translateY(0); } \n  }@media screen and (max-width: 768px){#mc-carpet .sp-fabric-section{\n      padding: 30px 15px;\n    }#mc-carpet .sp-fabric-grid{\n      gap: 10px;\n      \n      grid-template-rows: 170px 160px 200px 200px;\n    }#mc-carpet .sp-item-green{ grid-area: 1 \/ 1 \/ 2 \/ 8; }#mc-carpet .sp-item-img1{ grid-area: 1 \/ 8 \/ 2 \/ 13; }#mc-carpet .sp-item-img2{ grid-area: 2 \/ 1 \/ 3 \/ 7; }#mc-carpet .sp-item-img3{ grid-area: 2 \/ 7 \/ 3 \/ 13; }#mc-carpet .sp-item-img4{ grid-area: 3 \/ 1 \/ 4 \/ 13; }#mc-carpet .sp-item-img5{ grid-area: 4 \/ 1 \/ 5 \/ 13; }#mc-carpet .sp-fabric-green-box{\n      padding: 15px 10px;\n    }#mc-carpet .sp-fabric-green-box img{\n      width: 28px;\n      margin-bottom: 8px;\n    }#mc-carpet .sp-fabric-green-box h3{\n      font-size: 16px !important;\n      margin-bottom: 6px !important;\n    }#mc-carpet .sp-fabric-green-box p{\n      font-size: 12px !important;\n      line-height: 1.3 !important;\n    }#mc-carpet .sp-fabric-item{\n      border-radius: 8px;\n    }#mc-carpet .sp-fabric-btn-wrapper{ margin-top: 30px; }#mc-carpet .sp-fabric-buy-btn{\n      font-size: 18px !important;\n      padding: 16px 20px !important;\n    }\n  }\n#mc-carpet .sp-spec-section{\n    width: 100%;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: #111111;\n    background-color: #ffffff;\n    overflow: hidden;\n  }#mc-carpet .sp-spec-section *{ \n    box-sizing: border-box; \n  }#mc-carpet .sp-spec-container{\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 80px 20px 60px 20px;\n    display: flex;\n    align-items: center;\n    gap: 50px;\n  }#mc-carpet .sp-spec-left{\n    flex: 1;\n    width: 50%;\n  }#mc-carpet .sp-spec-right{\n    flex: 1;\n    width: 50%;\n  }#mc-carpet .sp-spec-header{\n    text-align: center;\n    margin-bottom: 40px;\n  }#mc-carpet .sp-spec-title{\n    font-size: 36px !important;\n    font-weight: 900 !important;\n    color: #111111 !important;\n    margin: 0 0 10px 0 !important;\n    line-height: 1.2 !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }#mc-carpet .sp-spec-subtitle{\n    font-size: 16px !important;\n    color: #666666 !important;\n    margin: 0 !important;\n    font-weight: 500 !important;\n  }#mc-carpet .sp-spec-table{\n    width: 100%;\n    border-collapse: collapse;\n    background-color: transparent;\n  }#mc-carpet .sp-spec-table tr{\n    border-bottom: 1px solid #eeeeee;\n  }#mc-carpet .sp-spec-table tr:last-child{\n    border-bottom: none; \n  }#mc-carpet .sp-spec-table td{\n    padding: 22px 5px;\n    vertical-align: top;\n    line-height: 1.5;\n  }#mc-carpet .sp-label{\n    width: 35%;\n    font-size: 15px !important;\n    color: #777777 !important;\n    font-weight: 500 !important;\n    text-align: left;\n  }#mc-carpet .sp-value{\n    width: 65%;\n    font-size: 15px !important;\n    color: #111111 !important;\n    font-weight: 800 !important;\n    text-align: right;\n  }#mc-carpet .sp-spec-img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;\n  }#mc-carpet .sp-marquee-section{\n    background-color: #62b937;\n    width: 100%;\n    overflow: hidden;\n    padding: 14px 0;\n    color: #ffffff;\n  }#mc-carpet .sp-marquee-track{\n    display: flex;\n    width: fit-content;\n    animation: sp-scroll-left 25s linear infinite;\n  }#mc-carpet .sp-marquee-content{\n    display: flex;\n    flex-shrink: 0;\n  }#mc-carpet .sp-marquee-item{\n    display: inline-flex;\n    align-items: center;\n    padding: 0 30px;\n    font-size: 16px;\n    font-weight: 800;\n    white-space: nowrap;\n  }#mc-carpet .sp-marquee-item span{\n    margin-right: 8px;\n    font-size: 18px;\n  }@keyframes sp-scroll-left{\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-33.3333%); } \n  }@media screen and (max-width: 768px){#mc-carpet .sp-spec-container{\n      flex-direction: column;\n      gap: 35px;\n      padding: 40px 15px 30px 15px;\n    }#mc-carpet .sp-spec-left,#mc-carpet .sp-spec-right{\n      width: 100%;\n    }#mc-carpet .sp-spec-header{\n      margin-bottom: 25px;\n    }#mc-carpet .sp-spec-title{\n      font-size: 28px !important;\n      margin-bottom: 8px !important;\n    }#mc-carpet .sp-spec-subtitle{\n      font-size: 15px !important;\n    }#mc-carpet .sp-spec-table td{\n      padding: 18px 0;\n    }#mc-carpet .sp-label{\n      width: 30%; \n      font-size: 14px !important;\n    }#mc-carpet .sp-value{\n      width: 70%;\n      font-size: 14px !important;\n    }#mc-carpet .sp-marquee-item{\n      font-size: 14px;\n      padding: 0 15px;\n    }\n  }\n#mc-carpet .sp-promise-section{\n    width: 100%;\n    min-height: 600px;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10010_1.png?v=1785318593'); \n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    padding: 60px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  }#mc-carpet .sp-promise-section *{\n    box-sizing: border-box;\n  }#mc-carpet .sp-promise-container{\n    max-width: 1200px;\n    margin: 0 auto;\n  }#mc-carpet .sp-promise-title{\n    text-align: center;\n    font-size: 42px !important;\n    font-weight: 900 !important;\n    color: #ffffff !important;\n    margin: 0 0 50px 0 !important;\n    text-shadow: 0 2px 6px rgba(0,0,0,0.4);\n    border: none !important;\n  }#mc-carpet .sp-promise-grid{\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n  }#mc-carpet .sp-promise-card{\n    background-color: rgba(14, 73, 37, 0.85); \n    border-radius: 14px;\n    padding: 55px 25px 35px 25px; \n    text-align: center;\n    position: relative;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    backdrop-filter: blur(4px); \n  }#mc-carpet .sp-promise-icon-wrap{\n    position: absolute;\n    top: -32px; \n    left: 50%;\n    transform: translateX(-50%);\n    width: 75px;\n    height: 75px;\n    background: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n  }#mc-carpet .sp-promise-icon-wrap img{\n    width: 68px;\n    height: 68px;\n    object-fit: contain;\n    border-radius: 50%;\n  }#mc-carpet .sp-promise-text h3{\n    font-size: 20px !important;\n    font-weight: 800 !important;\n    color: #ffffff !important;\n    margin: 0 0 12px 0 !important;\n    line-height: 1.3 !important;\n  }#mc-carpet .sp-promise-text p{\n    font-size: 14px !important;\n    color: #e0e0e0 !important;\n    font-weight: 500 !important;\n    margin: 0 !important;\n    line-height: 1.5 !important;\n  }@media screen and (max-width: 768px){#mc-carpet .sp-promise-section{\n      background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10011.png?v=1785318593'); \n      padding: 40px 15px;\n      min-height: auto;\n    }#mc-carpet .sp-promise-title{\n      font-size: 28px !important;\n      margin-bottom: 30px !important;\n    }#mc-carpet .sp-promise-grid{\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }#mc-carpet .sp-promise-card{\n      display: flex;\n      align-items: center;\n      text-align: left; \n      padding: 20px 15px;\n      border-radius: 10px;\n    }#mc-carpet .sp-promise-icon-wrap{\n      position: relative;\n      top: auto;\n      left: auto;\n      transform: none;\n      flex-shrink: 0;\n      width: 60px;\n      height: 60px;\n      margin-right: 15px;\n      box-shadow: none;\n    }#mc-carpet .sp-promise-icon-wrap img{\n      width: 54px;\n      height: 54px;\n    }#mc-carpet .sp-promise-text h3{\n      font-size: 15px !important;\n      margin-bottom: 6px !important;\n    }#mc-carpet .sp-promise-text p{\n      font-size: 12px !important;\n    }\n  }\n#mc-carpet .sp-faq-section{\n    max-width: 900px !important;\n    margin: 40px auto !important;\n    padding: 0 20px !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n    box-sizing: border-box !important;\n  }#mc-carpet .sp-faq-title{\n    text-align: center !important;\n    font-size: 36px !important;\n    font-weight: 900 !important;\n    color: #111111 !important;\n    margin-bottom: 12px !important;\n    border: none !important;\n    letter-spacing: 0.5px !important;\n  }#mc-carpet .sp-faq-subtitle{\n    text-align: center !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    color: #666666 !important;\n    margin-bottom: 40px !important;\n    letter-spacing: 0.5px !important;\n  }#mc-carpet .sp-faq-list{\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n  }#mc-carpet .sp-faq-item{\n    background-color: #ffffff !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    border: 1px solid #eaeaea !important;\n    transition: all 0.3s ease !important;\n  }#mc-carpet .sp-faq-question{\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding: 22px 25px !important;\n    cursor: pointer !important;\n    background-color: #ffffff !important;\n    color: #111111 !important;\n    transition: background-color 0.3s ease, color 0.3s ease !important;\n  }#mc-carpet .sp-faq-question span{\n    font-size: 17px !important;\n    font-weight: 800 !important;\n    line-height: 1.3 !important;\n  }#mc-carpet .sp-faq-icon{\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    width: 28px !important;\n    height: 28px !important;\n    background-color: #1A513E !important;\n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: bold !important;\n    border-radius: 4px !important;\n    flex-shrink: 0 !important;\n    margin-left: 15px !important;\n    line-height: 1 !important;\n    transition: all 0.3s ease !important;\n  }#mc-carpet .sp-faq-answer{\n    max-height: 0 !important;\n    overflow: hidden !important;\n    background-color: #f7fcf5 !important;\n    color: #444444 !important;\n    transition: max-height 0.4s ease-in-out !important;\n  }#mc-carpet .sp-faq-answer-inner{\n    padding: 20px 25px !important;\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n  }#mc-carpet .sp-faq-item.active .sp-faq-question{\n    background-color: #1A513E !important;\n    color: #ffffff !important;\n  }#mc-carpet .sp-faq-item.active .sp-faq-icon{\n    background-color: #ffffff !important;\n    color: #1A513E !important;\n  }#mc-carpet .sp-faq-item.active .sp-faq-answer{\n    max-height: 300px !important; \n  }#mc-carpet .sp-faq-btn-container{\n    text-align: center !important;\n    margin-top: 45px !important;\n  }#mc-carpet .sp-faq-btn{\n    display: block !important;\n    width: 100% !important;\n    background: #1A513E !important;\n    background-color: #1A513E !important;\n    color: #ffffff !important;\n    font-size: 22px !important;\n    font-weight: 900 !important;\n    text-decoration: none !important;\n    text-align: center !important;\n    padding: 16px 20px !important;\n    border-radius: 8px !important;\n    box-shadow: 0 6px 15px rgba(26, 81, 62, 0.4) !important;\n    animation: jumpShake 3s infinite !important;\n    transition: opacity 0.3s ease !important;\n    box-sizing: border-box !important;\n    letter-spacing: 0.5px !important;\n  }#mc-carpet .sp-faq-btn:hover{\n    background-color: #144031 !important;\n    color: #ffffff !important;\n  }@keyframes jumpShake{\n    0%, 100% { transform: translateY(0) rotate(0); }\n    5% { transform: translateY(-10px) rotate(-1deg); }\n    10% { transform: translateY(0) rotate(1deg); }\n    15% { transform: translateY(-5px) rotate(-1deg); }\n    20% { transform: translateY(0) rotate(0); }\n    25% { transform: translateY(-2px) rotate(1deg); }\n    30% { transform: translateY(0) rotate(0); }\n  }@media (max-width: 767px){#mc-carpet .sp-faq-title{\n      font-size: 28px !important;\n      margin-bottom: 10px !important;\n    }#mc-carpet .sp-faq-subtitle{\n      font-size: 15px !important;\n      margin-bottom: 25px !important;\n    }#mc-carpet .sp-faq-question{\n      padding: 16px 18px !important;\n    }#mc-carpet .sp-faq-question span{\n      font-size: 15px !important;\n    }#mc-carpet .sp-faq-answer-inner{\n      padding: 15px 18px !important;\n      font-size: 14px !important;\n    }#mc-carpet .sp-faq-btn{\n      font-size: 18px !important;\n      padding: 16px 15px !important;\n    }\n  }\n\u003c\/style\u003e\u003cdiv id=\"mc-carpet\"\u003e\n\u003cdiv id=\"mc-buy-options\" style=\"height:1px;scroll-margin-top:160px\"\u003e\u003c\/div\u003e\n\u003csection class=\"mc-module\" data-module=\"1\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-hero-section\"\u003e\n\n            \u003c!-- ================= 移动端顶部主图 ================= --\u003e\n\n            \u003cdiv class=\"sp-mobile-bg-wrapper\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10002_b6720d76-9942-4125-8b95-9b09ba7e1856.png?v=1786108406\" alt=\"Waterless Carpet Cleaner\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n\n\n            \u003c!-- ================= 核心内容区 ================= --\u003e\n\n            \u003cdiv class=\"sp-hero-content-area\"\u003e\n\n              \u003cdiv class=\"sp-hero-inner\"\u003e\n\n                \u003c!-- 标签 --\u003e\n\n                \u003cdiv class=\"sp-badge\"\u003e\n                  Waterless Carpet Foam Stain Remover\n                \u003c\/div\u003e\n\n\n                \u003c!-- 标题 --\u003e\n\n                \u003ch1 class=\"sp-title\"\u003e\n                  Restore Your Carpet\u003cbr\u003e\n                  Without Washing\n                \u003c\/h1\u003e\n\n\n                \u003c!-- 副标题 --\u003e\n\n                \u003cp class=\"sp-subtitle\"\u003e\n                  Deep-clean with rich foam refreshes carpets in minutes — no machines, no mess.\n                \u003c\/p\u003e\n\n\n                \u003c!-- ================= Before \/ After ================= --\u003e\n\n                \u003cdiv class=\"sp-ba-wrapper\"\u003e\n\n                  \u003cdiv class=\"sp-ba-box\"\u003e\n\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10003_2f6f86c6-74bf-4642-92c6-074dd7963154.png?v=1786092139\" alt=\"Before\" loading=\"lazy\"\u003e\n\n                    \u003cspan class=\"sp-ba-label\"\u003e\n                      Before\n                    \u003c\/span\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003c!-- 中间图标 --\u003e\n\n                  \u003cdiv class=\"sp-ba-center-icon\"\u003e\n\n                    \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"\u003e\n\n                      \u003ccircle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#62b937\" stroke=\"#ffffff\" stroke-width=\"2\"\u003e\n                      \u003c\/circle\u003e\n\n                      \u003cpath d=\"M10 8.5v7l6-3.5-6-3.5z\" fill=\"#ffffff\"\u003e\n                      \u003c\/path\u003e\n\n                    \u003c\/svg\u003e\n\n                  \u003c\/div\u003e\n\n\n                  \u003cdiv class=\"sp-ba-box\"\u003e\n\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10004_8da1adec-b1ea-4fca-85ee-66760c3b2880.png?v=1786092138\" alt=\"After\" loading=\"lazy\"\u003e\n\n                    \u003cspan class=\"sp-ba-label\"\u003e\n                      After\n                    \u003c\/span\u003e\n\n                  \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003c!-- ================= 购买按钮 ================= --\u003e\n\n                \u003ca href=\"#mc-buy-options\" class=\"sp-buy-btn\" id=\"sp-scroll-buy-btn\"\u003e\n\n                  Buy Now · Save 50%   ❯\n\n                \u003c\/a\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003c!-- ================= 跑马灯 ================= --\u003e\n\n            \u003cdiv class=\"sp-marquee-section\"\u003e\n\n              \u003cdiv class=\"sp-marquee-track\"\u003e\n\n                \u003cdiv class=\"sp-marquee-content\"\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e⚡\u003c\/span\u003e\n                    Offer Ends Tonight\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e🏷️\u003c\/span\u003e\n                    Buy More, Save More\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e📢\u003c\/span\u003e\n                    Save 50% Today Only\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e⚡\u003c\/span\u003e\n                    Offer Ends Tonight\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e🏷️\u003c\/span\u003e\n                    Buy More, Save More\n                  \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"sp-marquee-content\"\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e⚡\u003c\/span\u003e\n                    Offer Ends Tonight\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e🏷️\u003c\/span\u003e\n                    Buy More, Save More\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e📢\u003c\/span\u003e\n                    Save 50% Today Only\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e⚡\u003c\/span\u003e\n                    Offer Ends Tonight\n                  \u003c\/div\u003e\n\n                  \u003cdiv class=\"sp-marquee-item\"\u003e\n                    \u003cspan\u003e🏷️\u003c\/span\u003e\n                    Buy More, Save More\n                  \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n              \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"2\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-hassle-wrapper\"\u003e\n  \u003cdiv class=\"sp-hassle-container\"\u003e\n    \n    \u003c!-- 头部标题与副标题 --\u003e\n    \u003cdiv class=\"sp-hassle-header\"\u003e\n      \u003ch2 class=\"sp-hassle-title\"\u003eWhat's Really Hiding in Your Carpet?\u003c\/h2\u003e\n      \u003cp class=\"sp-hassle-subtitle\"\u003eDaily messes slowly damage your carpet’s look, freshness, and comfort.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 痛点卡片网格区 --\u003e\n    \u003cdiv class=\"sp-hassle-grid\"\u003e\n      \n      \u003c!-- 卡片 1 --\u003e\n      \u003cdiv class=\"sp-hassle-card\"\u003e\n        \u003cdiv class=\"sp-hassle-img-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10005_43be4185-6570-479d-b07f-1be87937aeb1.png?v=1786093537\" alt=\"Deep Stains Sink Into Fibers\" class=\"sp-hassle-img\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"sp-hassle-alert\"\u003e!\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sp-hassle-text\"\u003eDeep Stains Sink Into Fibers\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 2 --\u003e\n      \u003cdiv class=\"sp-hassle-card\"\u003e\n        \u003cdiv class=\"sp-hassle-img-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10006_6ed4f68d-7eaa-409a-a319-0dda091bd568.png?v=1786093537\" alt=\"Wet Cleaning Creates More Trouble\" class=\"sp-hassle-img\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"sp-hassle-alert\"\u003e!\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sp-hassle-text\"\u003eWet Cleaning Creates More Trouble\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 3 --\u003e\n      \u003cdiv class=\"sp-hassle-card\"\u003e\n        \u003cdiv class=\"sp-hassle-img-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10007_03ad8887-b02a-4a2e-957f-1c0f80ab5d0a.png?v=1786093535\" alt=\"Professional Cleaning Costs Too Much\" class=\"sp-hassle-img\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"sp-hassle-alert\"\u003e!\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sp-hassle-text\"\u003eProfessional Cleaning Costs Too Much\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 卡片 4 --\u003e\n      \u003cdiv class=\"sp-hassle-card\"\u003e\n        \u003cdiv class=\"sp-hassle-img-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10026.png?v=1786093667\" alt=\"Hidden Allergens Affect Home Health\" class=\"sp-hassle-img\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"sp-hassle-alert\"\u003e!\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"sp-hassle-text\"\u003eHidden Allergens Affect Home Health\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"3\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-dc-section\"\u003e\n  \u003cdiv class=\"sp-dc-header\"\u003e\n    \u003ch2\u003eDeep Cleaning Power Without The Water\u003c\/h2\u003e\n    \u003cp\u003eRich foam lifts stains fast while keeping your carpet dry and ready to use.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sp-dc-wrapper\"\u003e\n    \n    \u003cdiv class=\"sp-dc-gif-wrapper\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/8_7.gif?v=1786108528\" alt=\"Deep Cleaning Foam\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-dc-stats\"\u003e\n      \u003cdiv class=\"sp-dc-stat-item\"\u003e\n        \u003ch3\u003e10s\u003c\/h3\u003e\n        \u003cp\u003eQuick Foam\u003cbr\u003ePenetration\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-dc-stat-item\"\u003e\n        \u003ch3\u003e10+\u003c\/h3\u003e\n        \u003cp\u003eStain Types\u003cbr\u003eRemoved\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-dc-stat-item\"\u003e\n        \u003ch3\u003e100%\u003c\/h3\u003e\n        \u003cp\u003eKid \u0026amp; Pet\u003cbr\u003eFriendly\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-dc-right-content\"\u003e\n      \n      \u003cdiv class=\"sp-dc-carousel\"\u003e\n        \n        \u003cdiv class=\"sp-dc-slide active\"\u003e\n          \u003cdiv class=\"sp-ba-container\"\u003e\n            \u003cimg class=\"sp-ba-before\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10010_3baff7a9-88c9-432b-a7cf-533268671998.png?v=1786093547\" alt=\"Before 1\" draggable=\"false\" loading=\"lazy\"\u003e\n            \u003cimg class=\"sp-ba-after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10009_93af51ea-2121-45a1-9c0c-fa46cec51abb.png?v=1786093548\" alt=\"After 1\" draggable=\"false\" style=\"clip-path: polygon(100% 0px, 100% 0px, 100% 100%, 100% 100%);\" loading=\"lazy\"\u003e\n            \n            \u003cdiv class=\"sp-ba-slider-line\" style=\"left: 100%;\"\u003e\n              \u003cdiv class=\"sp-ba-slider-handle\"\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cspan class=\"sp-ba-label left\"\u003eBefore\u003c\/span\u003e\n            \u003cspan class=\"sp-ba-label right\"\u003eAfter\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sp-dc-slide\"\u003e\n          \u003cdiv class=\"sp-ba-container\"\u003e\n            \u003cimg class=\"sp-ba-before\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10012.png?v=1786093547\" alt=\"Before 2\" draggable=\"false\" loading=\"lazy\"\u003e\n            \u003cimg class=\"sp-ba-after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10011_cbb0c8bc-93ff-4357-996e-59bb3b4b1e0d.png?v=1786093548\" alt=\"After 2\" draggable=\"false\" style=\"clip-path: polygon(50% 0px, 100% 0px, 100% 100%, 50% 100%);\" loading=\"lazy\"\u003e\n            \u003cdiv class=\"sp-ba-slider-line\" style=\"left: 50%;\"\u003e\n              \u003cdiv class=\"sp-ba-slider-handle\"\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cspan class=\"sp-ba-label left\"\u003eBefore\u003c\/span\u003e\u003cspan class=\"sp-ba-label right\"\u003eAfter\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sp-dc-slide\"\u003e\n          \u003cdiv class=\"sp-ba-container\"\u003e\n            \u003cimg class=\"sp-ba-before\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10014.png?v=1786093546\" alt=\"Before 3\" draggable=\"false\" loading=\"lazy\"\u003e\n            \u003cimg class=\"sp-ba-after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10013.png?v=1786093546\" alt=\"After 3\" draggable=\"false\" style=\"clip-path: polygon(50% 0px, 100% 0px, 100% 100%, 50% 100%);\" loading=\"lazy\"\u003e\n            \u003cdiv class=\"sp-ba-slider-line\" style=\"left: 50%;\"\u003e\n              \u003cdiv class=\"sp-ba-slider-handle\"\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cspan class=\"sp-ba-label left\"\u003eBefore\u003c\/span\u003e\u003cspan class=\"sp-ba-label right\"\u003eAfter\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sp-dc-slide\"\u003e\n          \u003cdiv class=\"sp-ba-container\"\u003e\n            \u003cimg class=\"sp-ba-before\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10016.png?v=1786093545\" alt=\"Before 4\" draggable=\"false\" loading=\"lazy\"\u003e\n            \u003cimg class=\"sp-ba-after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10015.png?v=1786093544\" alt=\"After 4\" draggable=\"false\" style=\"clip-path: polygon(50% 0px, 100% 0px, 100% 100%, 50% 100%);\" loading=\"lazy\"\u003e\n            \u003cdiv class=\"sp-ba-slider-line\" style=\"left: 50%;\"\u003e\n              \u003cdiv class=\"sp-ba-slider-handle\"\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                \u003csvg width=\"12\" height=\"12\" stroke=\"#555555\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:1px\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cspan class=\"sp-ba-label left\"\u003eBefore\u003c\/span\u003e\u003cspan class=\"sp-ba-label right\"\u003eAfter\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cbutton class=\"sp-carousel-arrow prev\" aria-label=\"Previous\" type=\"button\"\u003e❮\u003c\/button\u003e\n        \u003cbutton class=\"sp-carousel-arrow next\" aria-label=\"Next\" type=\"button\"\u003e❯\u003c\/button\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sp-dc-dots\"\u003e\n        \u003cspan class=\"sp-dot active\" data-index=\"0\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"sp-dot\" data-index=\"1\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"sp-dot\" data-index=\"2\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"sp-dot\" data-index=\"3\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#mc-buy-options\" class=\"sp-dc-buy-btn\" id=\"sp-dc-scroll-variant\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\n        GET 50% OFF   ❯\n      \u003c\/a\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"4\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-slider-section\"\u003e\n  \n  \u003c!-- 顶部导航条 (手动切换控制) --\u003e\n  \u003cdiv class=\"sp-slider-nav\"\u003e\n    \u003cdiv class=\"sp-nav-item\" data-index=\"0\"\u003eFoam Deep Action\u003c\/div\u003e\n    \u003cdiv class=\"sp-nav-item active\" data-index=\"1\"\u003eInstant Wipe Clean\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 轮播内容容器 --\u003e\n  \u003cdiv class=\"sp-slides-wrapper\"\u003e\n    \n    \u003c!-- 第 1 屏：Foam Deep Action --\u003e\n    \u003cdiv class=\"sp-slide\"\u003e\n      \u003c!-- 响应式图片：手机端加载竖图，电脑端加载横图 --\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10030.png?v=1786100498\"\u003e\n        \u003cimg class=\"sp-slide-bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10023.png?v=1786093557\" alt=\"Foam Deep Action\" draggable=\"false\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n      \n      \u003c!-- 悬浮文案 --\u003e\n      \u003cdiv class=\"sp-slide-content\"\u003e\n        \u003cdiv class=\"sp-slide-tag\"\u003eLIFTS HIDDEN DIRT\u003c\/div\u003e\n        \u003ch2 class=\"sp-slide-title\"\u003eDense Foam Wraps\u003cbr\u003eAround Stains\u003c\/h2\u003e\n        \u003cp class=\"sp-slide-desc\"\u003eThe rich foam penetrates carpet fibers, lifting trapped dirt and stains to the surface.\u003c\/p\u003e\n        \u003cdiv class=\"sp-slide-features\"\u003e\n          \u003cdiv class=\"sp-feature-item\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Lift Dirt\n          \u003c\/div\u003e\n          \u003cdiv class=\"sp-feature-item\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Fiber Cleaning\n          \u003c\/div\u003e\n          \u003cdiv class=\"sp-feature-item\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Deep Penetration\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 第 2 屏：Instant Wipe Clean --\u003e\n    \u003cdiv class=\"sp-slide active\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10028.png?v=1786095641\"\u003e\n        \u003cimg class=\"sp-slide-bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10029_1.png?v=1786095922\" alt=\"Instant Wipe Clean\" draggable=\"false\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n      \n      \u003c!-- 悬浮文案 --\u003e\n      \u003cdiv class=\"sp-slide-content\"\u003e\n        \u003cdiv class=\"sp-slide-tag\"\u003eFRESH LIKE NEW\u003c\/div\u003e\n        \u003ch2 class=\"sp-slide-title\"\u003eOne Wipe Restores\u003cbr\u003eFreshness\u003c\/h2\u003e\n        \u003cp class=\"sp-slide-desc\"\u003eThe included towel removes loosened stains quickly, leaving carpets cleaner and brighter.\u003c\/p\u003e\n        \u003cdiv class=\"sp-slide-features\"\u003e\n          \u003cdiv class=\"sp-feature-item\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Easy Wipe\n          \u003c\/div\u003e\n          \u003cdiv class=\"sp-feature-item\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Fast Action\n          \u003c\/div\u003e\n          \u003cdiv class=\"sp-feature-item\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Fresh Finish\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"5\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-safe-section\"\u003e\n  \n  \u003c!-- 头部标题区 --\u003e\n  \u003cdiv class=\"sp-safe-header\"\u003e\n    \u003ch2 class=\"sp-safe-title\"\u003eSafe Cleaning For Every Family Moment\u003c\/h2\u003e\n    \u003cp class=\"sp-safe-subtitle\"\u003eA gentle formula refreshes carpets where kids play and pets relax.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 主图区 (响应式切换) --\u003e\n  \u003cdiv class=\"sp-safe-image-wrapper\"\u003e\n    \u003cpicture\u003e\n      \u003c!-- 移动端加载竖图 --\u003e\n      \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10025_9e303ec2-0605-45ae-9658-35eb4e5a0b7b.png?v=1786100991\"\u003e\n      \u003c!-- 电脑端默认加载横图 --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10024_d22a76a6-e1fe-40c9-b650-32141d4165df.png?v=1786100993\" alt=\"Safe Cleaning For Every Family Moment\" class=\"sp-safe-main-img\" draggable=\"false\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 优势图标区 --\u003e\n  \u003cdiv class=\"sp-safe-icons\"\u003e\n    \u003cdiv class=\"sp-safe-icon-item\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-21.png?v=15968389173262121825\" alt=\"Pet-Friendly\" draggable=\"false\" loading=\"lazy\"\u003e\n      \u003cspan\u003ePET-FRIENDLY\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-safe-icon-item\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-22.png?v=1722640653895541933\" alt=\"Non-Toxic\" draggable=\"false\" loading=\"lazy\"\u003e\n      \u003cspan\u003eNON-TOXIC\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sp-safe-icon-item\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-23.png?v=777674281963091801\" alt=\"Plant-Based\" draggable=\"false\" loading=\"lazy\"\u003e\n      \u003cspan\u003ePLANT-BASED\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 购买按钮区 --\u003e\n\u003c!-- 购买按钮区 --\u003e\n\u003cdiv class=\"sp-safe-btn-wrapper\"\u003e\n  \u003ca href=\"#mc-buy-options\" class=\"sp-safe-buy-btn\" id=\"sp-safe-scroll-variant\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\n    GET 50% OFF   ❯\n  \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"6\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-fabric-section\"\u003e\n  \n  \u003cdiv class=\"sp-fabric-grid\"\u003e\n    \n    \u003c!-- 1. 喷泡沫图 (Img 1) --\u003e\n    \u003cdiv class=\"sp-fabric-item sp-item-img1\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-27.png?v=8490090146732830530\" alt=\"Carpet Foam Spray\" draggable=\"false\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. 绿色文案框 (Green Box) --\u003e\n    \u003cdiv class=\"sp-fabric-item sp-item-green sp-fabric-green-box\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-26.png?v=6094112011674769006\" alt=\"Award Icon\" draggable=\"false\" loading=\"lazy\"\u003e\n      \u003ch3\u003eOne Cleaner For Every\u003cbr\u003eFabric Surface\u003c\/h3\u003e\n      \u003cp\u003eRefresh your favorite spaces without\u003cbr\u003ebuying multiple cleaners.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. 沙发图 (Img 2) --\u003e\n    \u003cdiv class=\"sp-fabric-item sp-item-img2\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-28.png?v=874921231238062071\" alt=\"Clean Sofa\" draggable=\"false\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. 汽车座椅图 (Img 3) --\u003e\n    \u003cdiv class=\"sp-fabric-item sp-item-img3\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-29.png?v=17864673282819276473\" alt=\"Car Seat\" draggable=\"false\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. 泰迪熊图 (Img 4) --\u003e\n    \u003cdiv class=\"sp-fabric-item sp-item-img4\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-30.png?v=559515060679395045\" alt=\"Teddy Bear on Chair\" draggable=\"false\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. 窗帘图 (Img 5) --\u003e\n    \u003cdiv class=\"sp-fabric-item sp-item-img5\"\u003e\n      \u003cimg src=\"https:\/\/ypzvx.com\/cdn\/shop\/files\/9cf6c480-image-31.png?v=4981411967054703372\" alt=\"Clean Curtains\" draggable=\"false\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"7\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-spec-section\"\u003e\n  \n  \u003c!-- 主体内容区 (参数表 + 图片) --\u003e\n  \u003cdiv class=\"sp-spec-container\"\u003e\n    \n    \u003c!-- 左侧：文本与表格 --\u003e\n    \u003cdiv class=\"sp-spec-left\"\u003e\n      \u003cdiv class=\"sp-spec-header\"\u003e\n        \u003ch2 class=\"sp-spec-title\"\u003eSPEC\u003c\/h2\u003e\n        \u003cp class=\"sp-spec-subtitle\"\u003eDetailed specs for a confident purchase.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003ctable class=\"sp-spec-table\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"sp-label\"\u003eProduct Name\u003c\/td\u003e\n            \u003ctd class=\"sp-value\"\u003eWaterless Carpet Foam Stain Remover\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"sp-label\"\u003eSize\u003c\/td\u003e\n            \u003ctd class=\"sp-value\"\u003e3.5 × 3.5 × 13 cm\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"sp-label\"\u003eNet Content\u003c\/td\u003e\n            \u003ctd class=\"sp-value\"\u003e60 ml\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd class=\"sp-label\"\u003eSuitable For\u003c\/td\u003e\n            \u003ctd class=\"sp-value\"\u003eCarpet \/ Sofas \/ Car Seats \/ Cushions \/ Mattresses\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 右侧：产品参数图 --\u003e\n    \u003cdiv class=\"sp-spec-right\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5433\/4803\/files\/10022.png?v=1786093535\" alt=\"Product Specifications\" class=\"sp-spec-img\" draggable=\"false\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- 底部跑马灯滚动条 --\u003e\n  \u003cdiv class=\"sp-marquee-section\"\u003e\n    \u003cdiv class=\"sp-marquee-track\"\u003e\n      \u003c!-- 组 1 --\u003e\n      \u003cdiv class=\"sp-marquee-content\"\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e📢\u003c\/span\u003e Save 50% Today Only\u003c\/div\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e⚡\u003c\/span\u003e Offer Ends Tonight\u003c\/div\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e🔓\u003c\/span\u003e Unlock 50% Limited Savings\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- 组 2 (用于无缝循环) --\u003e\n      \u003cdiv class=\"sp-marquee-content\"\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e📢\u003c\/span\u003e Save 50% Today Only\u003c\/div\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e⚡\u003c\/span\u003e Offer Ends Tonight\u003c\/div\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e🔓\u003c\/span\u003e Unlock 50% Limited Savings\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- 组 3 (防断层) --\u003e\n      \u003cdiv class=\"sp-marquee-content\"\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e📢\u003c\/span\u003e Save 50% Today Only\u003c\/div\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e⚡\u003c\/span\u003e Offer Ends Tonight\u003c\/div\u003e\n        \u003cdiv class=\"sp-marquee-item\"\u003e\n\u003cspan\u003e🔓\u003c\/span\u003e Unlock 50% Limited Savings\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"8\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"sp-promise-section\"\u003e\n  \u003cdiv class=\"sp-promise-container\"\u003e\n    \n    \u003c!-- 头部大标题 --\u003e\n    \u003ch2 class=\"sp-promise-title\"\u003eOur Promise of Quality\u003c\/h2\u003e\n\n    \u003c!-- 三大保证卡片容器 --\u003e\n    \u003cdiv class=\"sp-promise-grid\"\u003e\n      \n      \u003c!-- 保证卡片 1 --\u003e\n      \u003cdiv class=\"sp-promise-card\"\u003e\n        \u003cdiv class=\"sp-promise-icon-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0576\/6460\/2166\/files\/20260420-ccp-circle1.png\" alt=\"30-Day Money-Back\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-promise-text\"\u003e\n          \u003ch3\u003e180-DAY MONEY-BACK GUARANTEE\u003c\/h3\u003e\n          \u003cp\u003eShould we not meet your expectations, we offer a full refund within 180 days\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 保证卡片 2 --\u003e\n      \u003cdiv class=\"sp-promise-card\"\u003e\n        \u003cdiv class=\"sp-promise-icon-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0576\/6460\/2166\/files\/20260420-ccp-circle2.png\" alt=\"24\/7 Quality Customer Service\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-promise-text\"\u003e\n          \u003ch3\u003e24\/7 QUALITY CUSTOMER SERVICE\u003c\/h3\u003e\n          \u003cp\u003eOur quality customer service team is here to help you 24 hours a day\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 保证卡片 3 --\u003e\n      \u003cdiv class=\"sp-promise-card\"\u003e\n        \u003cdiv class=\"sp-promise-icon-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0576\/6460\/2166\/files\/20260420-ccp-circle3.png\" alt=\"Powered By Real Users\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sp-promise-text\"\u003e\n          \u003ch3\u003ePOWERED BY REAL USERS\u003c\/h3\u003e\n          \u003cp\u003eReal-user experience drives our development and testing to create the ultimate solution\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"mc-module\" data-module=\"9\"\u003e\u003cdiv class=\"sp-faq-section\"\u003e\n  \u003c!-- 标题与副标题位置调整匹配图片 --\u003e\n  \u003ch2 class=\"sp-faq-title\"\u003eSTILL HAVE A QUESTION?\u003c\/h2\u003e\n  \u003cdiv class=\"sp-faq-subtitle\"\u003eView our FAQ\u003c\/div\u003e\n  \n  \u003cdiv class=\"sp-faq-list\"\u003e\n    \n    \u003c!-- FAQ 1 --\u003e\n    \u003cdetails class=\"sp-faq-item\"\u003e\u003csummary class=\"sp-faq-question\"\u003eDo I need to rinse the carpet after using it?\u003c\/summary\u003e\u003cdiv class=\"sp-faq-answer\"\u003e\n        \u003cdiv class=\"sp-faq-answer-inner\"\u003e\n          No rinsing required. The foam is designed to lift stains and be removed with the included towel, leaving no residue behind.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\u003c!-- FAQ 2 --\u003e\n    \u003cdetails class=\"sp-faq-item\"\u003e\u003csummary class=\"sp-faq-question\"\u003eIs it safe for pets and children?\u003c\/summary\u003e\u003cdiv class=\"sp-faq-answer\"\u003e\n        \u003cdiv class=\"sp-faq-answer-inner\"\u003e\n          Yes, it is pet \u0026amp; kid friendly. The formula is designed for everyday home use and does not contain harsh cleaning agents.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\u003c!-- FAQ 3 --\u003e\n    \u003cdetails class=\"sp-faq-item\"\u003e\u003csummary class=\"sp-faq-question\"\u003eWill it damage carpet fibers?\u003c\/summary\u003e\u003cdiv class=\"sp-faq-answer\"\u003e\n        \u003cdiv class=\"sp-faq-answer-inner\"\u003e\n          No, it is gentle on fabrics. It works by loosening stains with foam rather than scrubbing aggressively.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\u003c!-- FAQ 4 --\u003e\n    \u003cdetails class=\"sp-faq-item\"\u003e\u003csummary class=\"sp-faq-question\"\u003eCan it remove old stains?\u003c\/summary\u003e\u003cdiv class=\"sp-faq-answer\"\u003e\n        \u003cdiv class=\"sp-faq-answer-inner\"\u003e\n          It works best on fresh to moderate stains. For older stains, repeat application may improve results.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\u003cscript\u003e\n          (function () {\n\n            var btn =\n              document.getElementById(\n                'sp-scroll-buy-btn'\n              );\n\n            if (!btn) {\n              return;\n            }\n\n\n            btn.addEventListener(\n              'click',\n              function (event) {\n\n                \/* 阻止跳转、刷新、新页面 *\/\n\n                event.preventDefault();\n\n\n                \/* =====================================\n                   优先寻找 Variant Picker\n                ===================================== *\/\n\n                var target =\n\n                  document.querySelector(\n                    'variant-selects'\n                  ) ||\n\n                  document.querySelector(\n                    'variant-radios'\n                  ) ||\n\n                  document.querySelector(\n                    '.variant-picker'\n                  ) ||\n\n                  document.querySelector(\n                    '[data-variant-picker]'\n                  ) ||\n\n                  document.querySelector(\n                    '.product-form__input'\n                  ) ||\n\n                  document.querySelector(\n                    '.product-form__input--pill'\n                  ) ||\n\n                  document.querySelector(\n                    '.product-form__input--dropdown'\n                  ) ||\n\n                  document.querySelector(\n                    '[data-option-selector]'\n                  ) ||\n\n                  document.querySelector(\n                    '.product-option'\n                  ) ||\n\n                  document.querySelector(\n                    '.product-options'\n                  ) ||\n\n                  document.querySelector(\n                    '[class*=\"variant-picker\"]'\n                  ) ||\n\n                  document.querySelector(\n                    '[id*=\"variant-picker\"]'\n                  );\n\n\n                \/* =====================================\n                   找到 Variant Picker\n                ===================================== *\/\n\n                if (target) {\n\n                  var offset = 90;\n\n                  var y =\n                    target\n                      .getBoundingClientRect()\n                      .top\n\n                    +\n\n                    window.pageYOffset\n\n                    -\n\n                    offset;\n\n\n                  window.scrollTo({\n\n                    top: y,\n\n                    behavior: 'smooth'\n\n                  });\n\n\n                  \/* 临时高亮 Variant Picker *\/\n\n                  target.style.transition =\n                    'box-shadow .3s ease';\n\n                  target.style.boxShadow =\n                    '0 0 0 4px rgba(26,81,62,.18)';\n\n\n                  setTimeout(function () {\n\n                    target.style.boxShadow = '';\n\n                  }, 1400);\n\n\n                  return;\n\n                }\n\n\n                \/* =====================================\n                   找不到 Variant Picker\n                   回退到产品购买区域\n                ===================================== *\/\n\n                var fallback =\n\n                  document.querySelector(\n                    '.product-form'\n                  ) ||\n\n                  document.querySelector(\n                    'product-form'\n                  ) ||\n\n                  document.querySelector(\n                    '.product__info-container'\n                  ) ||\n\n                  document.querySelector(\n                    '.product-info'\n                  ) ||\n\n                  document.querySelector(\n                    '[data-product-form]'\n                  ) ||\n\n                  document.querySelector(\n                    'form[action*=\"\/cart\/add\"]'\n                  );\n\n\n                if (fallback) {\n\n                  var fallbackY =\n                    fallback\n                      .getBoundingClientRect()\n                      .top\n\n                    +\n\n                    window.pageYOffset\n\n                    -\n\n                    90;\n\n\n                  window.scrollTo({\n\n                    top: fallbackY,\n\n                    behavior: 'smooth'\n\n                  });\n\n\n                  return;\n\n                }\n\n\n                \/* =====================================\n                   都找不到 → 回到页面顶部\n                ===================================== *\/\n\n                window.scrollTo({\n\n                  top: 0,\n\n                  behavior: 'smooth'\n\n                });\n\n              }\n            );\n\n          })();\n          \u003c\/script\u003e\u003cscript\u003e\n(function() {\n  function getX(e) {\n    if (e.touches \u0026\u0026 e.touches.length \u003e 0) return e.touches[0].clientX;\n    if (e.changedTouches \u0026\u0026 e.changedTouches.length \u003e 0) return e.changedTouches[0].clientX;\n    return e.clientX;\n  }\n\n  function initSpFeatures() {\n    const carousels = document.querySelectorAll('.sp-dc-carousel');\n    \n    carousels.forEach(carousel =\u003e {\n      if (carousel.classList.contains('sp-js-bound')) return;\n      carousel.classList.add('sp-js-bound');\n\n      const slides = carousel.querySelectorAll('.sp-dc-slide');\n      const dots = carousel.parentElement.querySelectorAll('.sp-dot');\n      const prevBtn = carousel.querySelector('.sp-carousel-arrow.prev');\n      const nextBtn = carousel.querySelector('.sp-carousel-arrow.next');\n      \n      let currentIdx = 0;\n      const total = slides.length;\n\n      function goToSlide(idx) {\n        slides.forEach(s =\u003e s.classList.remove('active'));\n        dots.forEach(d =\u003e d.classList.remove('active'));\n        slides[idx].classList.add('active');\n        if(dots[idx]) dots[idx].classList.add('active');\n        currentIdx = idx;\n      }\n\n      if(prevBtn) {\n        prevBtn.addEventListener('click', (e) =\u003e {\n          e.stopPropagation();\n          e.preventDefault();\n          let p = currentIdx - 1;\n          if(p \u003c 0) p = total - 1;\n          goToSlide(p);\n        });\n      }\n      \n      if(nextBtn) {\n        nextBtn.addEventListener('click', (e) =\u003e {\n          e.stopPropagation();\n          e.preventDefault();\n          let n = (currentIdx + 1) % total;\n          goToSlide(n);\n        });\n      }\n\n      dots.forEach((dot, idx) =\u003e {\n        dot.addEventListener('click', (e) =\u003e {\n          e.stopPropagation();\n          goToSlide(idx);\n        });\n      });\n\n      \/\/ 核心修复：支持手势与鼠标拖拽滑动轮播\n      let startX = 0;\n      let startY = 0;\n      let isDraggingCarousel = false;\n\n      const onStart = (e) =\u003e {\n        if (e.target.closest('.sp-carousel-arrow')) return;\n        startX = getX(e);\n        startY = e.touches ? e.touches[0].clientY : e.clientY;\n        isDraggingCarousel = true;\n      };\n\n      const onEnd = (e) =\u003e {\n        if (!isDraggingCarousel) return;\n        isDraggingCarousel = false;\n\n        const endX = getX(e);\n        const endY = e.changedTouches ? e.changedTouches[0].clientY : e.clientY;\n\n        const diffX = endX - startX;\n        const diffY = endY - startY;\n\n        \/\/ 如果是水平方向为主滑动且移动超过 40px\n        if (Math.abs(diffX) \u003e Math.abs(diffY) \u0026\u0026 Math.abs(diffX) \u003e 40) {\n          if (diffX \u003c 0) {\n            goToSlide((currentIdx + 1) % total);\n          } else {\n            let p = currentIdx - 1;\n            if(p \u003c 0) p = total - 1;\n            goToSlide(p);\n          }\n        }\n      };\n\n      carousel.addEventListener('mousedown', onStart);\n      carousel.addEventListener('mouseup', onEnd);\n      carousel.addEventListener('touchstart', onStart, {passive: true});\n      carousel.addEventListener('touchend', onEnd, {passive: true});\n    });\n\n    \/\/ =====================================\n    \/\/ Before\/After 对比图拖拽逻辑\n    \/\/ =====================================\n    const baContainers = document.querySelectorAll('.sp-ba-container');\n    if(baContainers.length === 0) return;\n\n    function updateSliderPosition(container, percent) {\n      const line = container.querySelector('.sp-ba-slider-line');\n      const afterImg = container.querySelector('.sp-ba-after');\n      if(line) line.style.left = percent + '%';\n      if(afterImg) {\n        afterImg.style.clipPath = `polygon(${percent}% 0, 100% 0, 100% 100%, ${percent}% 100%)`;\n        afterImg.style.webkitClipPath = `polygon(${percent}% 0, 100% 0, 100% 100%, ${percent}% 100%)`;\n      }\n    }\n\n    let activeContainer = null;\n\n    const handleInteraction = (e, container) =\u003e {\n      if(e.target.closest('.sp-carousel-arrow')) return;\n      \n      activeContainer = container;\n      container.classList.add('user-interacted');\n      \n      let clientX = getX(e);\n      let rect = container.getBoundingClientRect();\n      let x = clientX - rect.left;\n      let percent = (x \/ rect.width) * 100;\n      percent = Math.max(0, Math.min(100, percent));\n      updateSliderPosition(container, percent);\n    };\n\n    const onMove = (e) =\u003e {\n      if (!activeContainer) return;\n      \n      let clientX = getX(e);\n      let rect = activeContainer.getBoundingClientRect();\n      let x = clientX - rect.left;\n      let percent = (x \/ rect.width) * 100;\n      percent = Math.max(0, Math.min(100, percent));\n      \n      updateSliderPosition(activeContainer, percent);\n    };\n\n    const stopDrag = () =\u003e {\n      activeContainer = null;\n    };\n\n    baContainers.forEach(container =\u003e {\n      if (container.classList.contains('sp-js-bound')) return;\n      container.classList.add('sp-js-bound');\n      \n      container.addEventListener('mousedown', (e) =\u003e handleInteraction(e, container));\n      container.addEventListener('touchstart', (e) =\u003e handleInteraction(e, container), {passive: true});\n    });\n\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', stopDrag);\n    window.addEventListener('touchmove', onMove, {passive: true});\n    window.addEventListener('touchend', stopDrag);\n\n    \/\/ =====================================\n    \/\/ 购买按钮平滑跳转\n    \/\/ =====================================\n    const buyBtn = document.getElementById('sp-dc-scroll-variant');\n\n    if (buyBtn \u0026\u0026 buyBtn.dataset.variantScrollBound !== 'true') {\n      buyBtn.dataset.variantScrollBound = 'true';\n\n      buyBtn.addEventListener('click', function(e) {\n        e.preventDefault();\n\n        const target =\n          document.querySelector('variant-selects') ||\n          document.querySelector('variant-radios') ||\n          document.querySelector('.variant-picker') ||\n          document.querySelector('[data-variant-picker]') ||\n          document.querySelector('.product-form__input') ||\n          document.querySelector('.product-form') ||\n          document.querySelector('form[action*=\"\/cart\/add\"]');\n\n        if (target) {\n          const offset = 90;\n          const y = target.getBoundingClientRect().top + window.pageYOffset - offset;\n\n          window.scrollTo({\n            top: y,\n            behavior: 'smooth'\n          });\n\n          target.style.transition = 'box-shadow .3s ease';\n          target.style.boxShadow = '0 0 0 4px rgba(26,81,62,.3)';\n\n          setTimeout(function() {\n            target.style.boxShadow = '';\n          }, 1400);\n\n          return;\n        }\n\n        window.scrollTo({\n          top: 0,\n          behavior: 'smooth'\n        });\n      });\n    }\n  }\n\n  if (document.readyState === 'complete' || document.readyState === 'interactive') {\n    initSpFeatures();\n  } else {\n    document.addEventListener('DOMContentLoaded', initSpFeatures);\n  }\n  document.addEventListener('shopify:section:load', initSpFeatures);\n})();\n\u003c\/script\u003e\u003cscript\u003e\n(function() {\n  function initSpAutoSlider() {\n    const sections = document.querySelectorAll('.sp-slider-section');\n    \n    sections.forEach(section =\u003e {\n      if (section.classList.contains('sp-js-bound')) return;\n      section.classList.add('sp-js-bound');\n\n      const navItems = section.querySelectorAll('.sp-nav-item');\n      const slides = section.querySelectorAll('.sp-slide');\n      const wrapper = section.querySelector('.sp-slides-wrapper');\n      \n      let currentIndex = 0;\n      let slideTimer = null;\n      const totalSlides = slides.length;\n\n      if (totalSlides === 0) return;\n\n      \/\/ 切换至指定轮播图\n      function goToSlide(index) {\n        navItems.forEach(nav =\u003e nav.classList.remove('active'));\n        slides.forEach(slide =\u003e slide.classList.remove('active'));\n        \n        if (navItems[index]) navItems[index].classList.add('active');\n        if (slides[index]) slides[index].classList.add('active');\n        currentIndex = index;\n      }\n\n      \/\/ 自动轮播逻辑 (5秒\/次)\n      function startAutoSlide() {\n        stopAutoSlide();\n        slideTimer = setInterval(() =\u003e {\n          let nextIndex = (currentIndex + 1) % totalSlides;\n          goToSlide(nextIndex);\n        }, 5000);\n      }\n\n      function stopAutoSlide() {\n        if (slideTimer) {\n          clearInterval(slideTimer);\n          slideTimer = null;\n        }\n      }\n\n      function resetAutoSlide() {\n        stopAutoSlide();\n        startAutoSlide();\n      }\n\n      \/\/ 绑定导航栏点击事件\n      navItems.forEach((nav, index) =\u003e {\n        nav.addEventListener('click', function(e) {\n          e.preventDefault();\n          e.stopPropagation();\n          if (currentIndex === index) return;\n          goToSlide(index);\n          resetAutoSlide();\n        });\n      });\n\n      \/\/ 支持左右滑动\/拖拽\n      let startX = 0;\n      let startY = 0;\n      let isDragging = false;\n\n      function getX(e) {\n        if (e.touches \u0026\u0026 e.touches.length \u003e 0) return e.touches[0].clientX;\n        if (e.changedTouches \u0026\u0026 e.changedTouches.length \u003e 0) return e.changedTouches[0].clientX;\n        return e.clientX;\n      }\n\n      function getY(e) {\n        if (e.touches \u0026\u0026 e.touches.length \u003e 0) return e.touches[0].clientY;\n        if (e.changedTouches \u0026\u0026 e.changedTouches.length \u003e 0) return e.changedTouches[0].clientY;\n        return e.clientY;\n      }\n\n      const onStart = (e) =\u003e {\n        if (e.target.closest('.sp-slider-nav')) return;\n        startX = getX(e);\n        startY = getY(e);\n        isDragging = true;\n        stopAutoSlide();\n      };\n\n      const onEnd = (e) =\u003e {\n        if (!isDragging) return;\n        isDragging = false;\n\n        const endX = getX(e);\n        const endY = getY(e);\n\n        const diffX = endX - startX;\n        const diffY = endY - startY;\n\n        \/\/ 判断是否为水平主导的滑动（且移动距离大于 40px）\n        if (Math.abs(diffX) \u003e Math.abs(diffY) \u0026\u0026 Math.abs(diffX) \u003e 40) {\n          if (diffX \u003c 0) {\n            goToSlide((currentIndex + 1) % totalSlides);\n          } else {\n            let prevIndex = currentIndex - 1;\n            if (prevIndex \u003c 0) prevIndex = totalSlides - 1;\n            goToSlide(prevIndex);\n          }\n        }\n        startAutoSlide();\n      };\n\n      if (wrapper) {\n        wrapper.addEventListener('mousedown', onStart);\n        wrapper.addEventListener('mouseup', onEnd);\n        wrapper.addEventListener('touchstart', onStart, {passive: true});\n        wrapper.addEventListener('touchend', onEnd, {passive: true});\n\n        \/\/ 鼠标悬停时暂停播放\n        wrapper.addEventListener('mouseenter', stopAutoSlide);\n        wrapper.addEventListener('mouseleave', startAutoSlide);\n      }\n\n      \/\/ 启动自动轮播\n      startAutoSlide();\n    });\n  }\n\n  initSpAutoSlider();\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initSpAutoSlider);\n  }\n  document.addEventListener('shopify:section:load', initSpAutoSlider);\n})();\n\u003c\/script\u003e\u003cscript\u003e\n(function () {\n\n  function initSafeVariantButton() {\n\n    var buyBtn = document.getElementById('sp-safe-scroll-variant');\n\n    if (!buyBtn || buyBtn.dataset.variantScrollBound === 'true') {\n      return;\n    }\n\n    buyBtn.dataset.variantScrollBound = 'true';\n\n    buyBtn.addEventListener('click', function (e) {\n\n      \/* 阻止跳转、刷新、新窗口 *\/\n      e.preventDefault();\n\n\n      \/* ================================\n         优先寻找 Variant Picker\n      ================================= *\/\n\n      var target =\n        document.querySelector('variant-selects') ||\n        document.querySelector('variant-radios') ||\n        document.querySelector('.variant-picker') ||\n        document.querySelector('[data-variant-picker]') ||\n        document.querySelector('.product-form__input') ||\n        document.querySelector('.product-form__input--pill') ||\n        document.querySelector('.product-form__input--dropdown') ||\n        document.querySelector('[data-option-selector]') ||\n        document.querySelector('.product-option') ||\n        document.querySelector('.product-options') ||\n        document.querySelector('[class*=\"variant-picker\"]') ||\n        document.querySelector('[id*=\"variant-picker\"]');\n\n\n      \/* ================================\n         找到 Variant Picker\n      ================================= *\/\n\n      if (target) {\n\n        var offset = 90;\n\n        var targetY =\n          target.getBoundingClientRect().top +\n          window.pageYOffset -\n          offset;\n\n        window.scrollTo({\n          top: targetY,\n          behavior: 'smooth'\n        });\n\n\n        \/* 短暂高亮 Variant Picker *\/\n\n        target.style.transition = 'box-shadow .3s ease';\n\n        target.style.boxShadow =\n          '0 0 0 4px rgba(26,81,62,.18)';\n\n        setTimeout(function () {\n          target.style.boxShadow = '';\n        }, 1400);\n\n        return;\n      }\n\n\n      \/* ================================\n         找不到 Variant Picker\n         则寻找购买区域\n      ================================= *\/\n\n      var fallback =\n        document.querySelector('.product-form') ||\n        document.querySelector('product-form') ||\n        document.querySelector('.product__info-container') ||\n        document.querySelector('.product-info') ||\n        document.querySelector('[data-product-form]') ||\n        document.querySelector('form[action*=\"\/cart\/add\"]');\n\n\n      if (fallback) {\n\n        var fallbackY =\n          fallback.getBoundingClientRect().top +\n          window.pageYOffset -\n          90;\n\n        window.scrollTo({\n          top: fallbackY,\n          behavior: 'smooth'\n        });\n\n        return;\n      }\n\n\n      \/* 两个都没找到才返回顶部 *\/\n\n      window.scrollTo({\n        top: 0,\n        behavior: 'smooth'\n      });\n\n    });\n\n  }\n\n\n  \/* 正常页面加载 *\/\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initSafeVariantButton\n    );\n\n  } else {\n\n    initSafeVariantButton();\n\n  }\n\n\n  \/* Shopify 编辑器重新加载模块 *\/\n\n  document.addEventListener(\n    'shopify:section:load',\n    initSafeVariantButton\n  );\n\n})();\n\u003c\/script\u003e","brand":"mysite","offers":[{"title":"Buy 2 get 2 Free 💥 $10.09Each","offer_id":68044102172885,"sku":"ML9053-60-4P","price":50.45,"currency_code":"USD","in_stock":true},{"title":"Buy 1 get 1 Free 💥 $11.99 Each","offer_id":68044102205653,"sku":"ML9053-60-2P","price":29.98,"currency_code":"USD","in_stock":true},{"title":"Buy 3 get 3 Free 💥 $8.99 Each","offer_id":68044102238421,"sku":"ML9053-60-6P","price":67.43,"currency_code":"USD","in_stock":true},{"title":"Buy 5 get 5 Free 💥 $7.99Each","offer_id":68044102271189,"sku":"ML9053-60-10P","price":99.88,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0838\/6700\/9237\/files\/spp_shopify20260728194122_b868a53fd0299a06ddf7d59b82be526c_78caa817-c591-42fe-bbb5-48d91069bd69.jpg?v=1793267923","url":"https:\/\/kearthe.com\/products\/waterless-carpet","provider":"kearthehe","version":"1.0","type":"link"}