{"product_id":"magic-cleaning-cloth","title":"Skavix Magic Cleaning Cloth (5-Pack)","description":"\u003cstyle\u003e\n  \/* 专属前缀命名空间，防止样式泄漏与冲突 *\/\n  .shrine-counterfeit-warning {\n    width: 100%;\n    margin: 16px 0;\n    padding: 18px 20px;\n    background-color: #FDF2F2; \/* 淡粉红背景 *\/\n    border: 1px solid #F8CECE;     \/* 浅红边框 *\/\n    border-radius: 12px;           \/* 圆角 *\/\n    box-sizing: border-box;\n    font-family: inherit;          \/* 自动继承 Shrine 主题字体 *\/\n  }\n\n  .shrine-counterfeit-warning__inner {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .shrine-counterfeit-warning__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 22px;\n    height: 22px;\n    color: #D32F2F; \/* 警示红色 *\/\n    margin-top: 1px; \/* 对齐标题文字 *\/\n  }\n\n  .shrine-counterfeit-warning__icon svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .shrine-counterfeit-warning__content {\n    flex: 1;\n  }\n\n  .shrine-counterfeit-warning__title {\n    margin: 0 0 6px 0 !important;\n    padding: 0 !important;\n    color: #D32F2F !important; \/* 加粗鲜红文字 *\/\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n    letter-spacing: 0.2px;\n  }\n\n  .shrine-counterfeit-warning__body {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #4A4A4A !important;  \/* 深灰正文，保证高可读性 *\/\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.5 !important;\n  }\n\n  \/* 移动端响应式微调 *\/\n  @media (max-width: 749px) {\n    .shrine-counterfeit-warning {\n      padding: 14px 16px;\n    }\n    .shrine-counterfeit-warning__title {\n      font-size: 15px !important;\n    }\n    .shrine-counterfeit-warning__body {\n      font-size: 13px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n  \/* 基础变量与容器 *\/\n  .shrine-rail-v2 {\n    --gap: 16px;\n    --button-size: 44px;\n    padding: 30px 0;\n    overflow: hidden;\n    background: transparent;\n  }\n\n  \/* 头部标题与控制按钮 *\/\n  .rail-v2-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    padding: 0 var(--container-gutter);\n    margin-bottom: 32px;\n  }\n\n  .rail-v2-title {\n    margin: 0;\n    font-size: 24px;\n    font-family: var(--heading-font-family);\n    font-weight: var(--heading-font-weight);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    line-height: 1.1;\n  }\n\n  .rail-v2-controls {\n    display: flex;\n    gap: 12px;\n  }\n\n  \/* 逼真的按钮设计 *\/\n  .rail-v2-btn {\n    width: var(--button-size);\n    height: var(--button-size);\n    border-radius: 50%;\n    border: 1px solid rgba(var(--text-color), 0.12);\n    background: #ffffff;\n    color: rgb(var(--text-color));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n    padding: 0;\n    outline: none;\n  }\n\n  .rail-v2-btn:hover:not(:disabled) {\n    border-color: rgb(var(--text-color));\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n  }\n\n  .rail-v2-btn:active:not(:disabled) {\n    transform: translateY(0);\n    background: #f8f8f8;\n  }\n\n  .rail-v2-btn:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n    filter: grayscale(1);\n    box-shadow: none;\n  }\n\n  .rail-v2-btn svg {\n    width: 10px;\n    height: 16px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .rail-v2-btn[data-dir=\"prev\"] svg {\n    transform: rotate(180deg);\n  }\n\n  \/* 滚动列表 *\/\n  .rail-v2-list {\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    padding: 0 var(--container-gutter);\n    gap: var(--gap);\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .rail-v2-list::-webkit-scrollbar {\n    display: none;\n  }\n\n  \/* 卡片排列 *\/\n  .rail-v2-item {\n    flex: 0 0 85%; \/* 移动端露出 15% 暗示后续 *\/\n    scroll-snap-align: start;\n    display: flex;\n    flex-direction: column;\n    user-select: none;\n  }\n\n  @media (min-width: 768px) {\n    .rail-v2-item {\n      flex: 0 0 calc(33.333% - (var(--gap) * 2 \/ 3));\n    }\n  }\n\n  .rail-v2-media {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    margin-bottom: 20px;\n    background: #f5f5f5;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  \/* 图片样式 *\/\n  .rail-v2-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n  }\n\n  \/* 视频样式 *\/\n  .rail-v2-media video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n  }\n\n  .rail-v2-item:hover img,\n  .rail-v2-item:hover video {\n    transform: scale(1.04);\n  }\n\n  \/* 播放\/暂停按钮 *\/\n  .video-play-btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 60px;\n    height: 60px;\n    background: rgba(255, 255, 255, 0.95);\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n    z-index: 10;\n  }\n\n  .video-play-btn:hover {\n    transform: translate(-50%, -50%) scale(1.1);\n    background: rgba(255, 255, 255, 1);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\n  }\n\n  .video-play-btn.playing {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .rail-v2-media:hover .video-play-btn.playing {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  \/* 播放图标 *\/\n  .video-play-btn svg {\n    width: 24px;\n    height: 24px;\n    fill: rgb(var(--text-color));\n    margin-left: 3px;\n  }\n\n  \/* 暂停图标 *\/\n  .video-play-btn.playing svg {\n    margin-left: 0;\n  }\n\n  .rail-v2-info-title {\n    font-size: 15px;\n    font-weight: 700;\n    margin: 0 0 6px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n  }\n\n  .rail-v2-info-desc {\n    font-size: 14px;\n    color: rgba(var(--text-color), 0.7);\n    line-height: 1.4;\n    margin: 0;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"shrine-rail-v2\" id=\"ShrineRail-template--23203318661368__main\"\u003e\n\u003cdiv class=\"rail-v2-header\"\u003e\n\u003ch2 class=\"rail-v2-title\"\u003eLoved by Thousands\u003c\/h2\u003e\n\u003cdiv class=\"rail-v2-controls\"\u003e\n\u003cbutton class=\"rail-v2-btn\" disabled\u003e \u003csvg viewbox=\"0 0 11 17\"\u003e\u003cpath d=\"M1 1L9 8.5L1 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"rail-v2-btn\" disabled\u003e \u003csvg viewbox=\"0 0 11 17\"\u003e\u003cpath d=\"M1 1L9 8.5L1 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rail-v2-list\"\u003e\n\u003c!-- 视频 1 --\u003e\n\u003cdiv class=\"rail-v2-item\"\u003e\n\u003cdiv class=\"rail-v2-media\"\u003e\n\u003cvideo loop=\"loop\" muted=\"\" playsinline=\"\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e46db05244b74bb193cd1df98952dd8a.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton class=\"video-play-btn\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"play-icon\"\u003e\n            \u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"pause-icon\" style=\"display: none;\"\u003e\n            \u003cpath d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"rail-v2-info-title\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- 视频 2 --\u003e\n\u003cdiv class=\"rail-v2-item\"\u003e\n\u003cdiv class=\"rail-v2-media\"\u003e\n\u003cvideo loop=\"loop\" muted=\"\" playsinline=\"\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/70a22ec4e1754e5487e344f15ebbc437.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton class=\"video-play-btn\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"play-icon\"\u003e\n            \u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"pause-icon\" style=\"display: none;\"\u003e\n            \u003cpath d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"rail-v2-info-title\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c!-- 视频 3 --\u003e\n\u003cdiv class=\"rail-v2-item\"\u003e\n\u003cdiv class=\"rail-v2-media\"\u003e\n\u003cvideo loop=\"loop\" muted=\"\" playsinline=\"\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4a178211dead4bf499e37ade3e447b1a.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton class=\"video-play-btn\"\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"play-icon\"\u003e\n            \u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003csvg viewbox=\"0 0 24 24\" class=\"pause-icon\" style=\"display: none;\"\u003e\n            \u003cpath d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"rail-v2-info-title\"\u003e\u003cbr\u003e\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"product-info__image-block\" style=\"--margin-top: 0.0rem; --margin-bottom: 0.0rem; --image-width: 100%; --image-alignment: center; --border-radius: 0.0rem;\"\u003e\n\u003cdiv class=\"media media--transparent ratio\" style=\"--ratio-percent: 163.0%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/7341\/1322\/files\/DM_20260803171700_001_1.jpg?v=1785829875\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-info__image-block\" style=\"--margin-top: 0.0rem; --margin-bottom: 0.0rem; --image-width: 100%; --image-alignment: center; --border-radius: 0.0rem;\"\u003e\n\u003cdiv class=\"media media--transparent ratio\" style=\"--ratio-percent: 54.7945205479452%;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/7341\/1322\/files\/A6.jpg?v=1785829293\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Skavix","offers":[{"title":"Buy 2 Packs，Get 1 FREE","offer_id":49981808345338,"sku":"Skavix21-3pc","price":49.99,"currency_code":"USD","in_stock":true},{"title":"Buy 1 Pack (5 Cloths)","offer_id":49981808378106,"sku":"Skavix21-1pc","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Buy 3 Packs，Get 2 FREE","offer_id":49981808410874,"sku":"Skavix21-5pc","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/7341\/1322\/files\/1_e31df066-0335-422d-b38d-5d7af3a5c581.jpg?v=1785829266","url":"https:\/\/www.smivex.com\/products\/magic-cleaning-cloth","provider":"Skavix","version":"1.0","type":"link"}