{"product_id":"christmas-horse-and-floral-print-long-sleeve-quarter-zip-riding-95278990","title":"Christmas Horse and Floral Print Long Sleeve Quarter Zip Riding Top","description":"\u003cp\u003eCream horses and a richly layered floral print give this red long sleeve quarter zip riding top its distinctive equestrian character, with a festive palette that pairs naturally with plain breeches for Christmas barn days. A holiday exclusive from our Christmas and New Year collection.\u003c\/p\u003e\n\u003cp\u003eMade from 210 gsm four way stretch performance fabric, 88 percent polyester, 12 percent spandex. Designed with a tailored fit. Cream horses appear among green leaves and pale flowers, with a deep red ground and contrasting dark red side panels.\u003c\/p\u003e\n\u003cp\u003eWear the botanical horse print with black breeches for a festive barn outfit or Christmas gathering.\u003c\/p\u003e\n\u003c!-- ================= 图片对比模块开始 ================= --\u003e\n\u003cstyle\u003e\n.custom-before-after-container {\n    max-width: 40%;\n    margin: 30px auto;\n    position: relative;\n    line-height: 0;\n}\n\n@media (max-width: 768px) {\n    .custom-before-after-container {\n        max-width: 100%;\n        width: 100%;\n        margin: 20px auto;\n    }\n}\n\n.cba-stage {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    background: #f2f2f2;\n    border-radius: 8px;\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: pan-y;\n}\n\n.cba-before-img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n}\n\n.cba-after-wrap {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    clip-path: inset(0 0 0 var(--cba-position, 50%));\n    -webkit-clip-path: inset(0 0 0 var(--cba-position, 50%));\n    pointer-events: none;\n}\n\n.cba-after-img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.cba-divider {\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    bottom: 0;\n    left: var(--cba-position, 50%);\n    width: 3px;\n    background: #fff;\n    transform: translateX(-50%);\n    pointer-events: none;\n}\n\n.cba-handle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 48px;\n    height: 48px;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    background: #222;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform: translate(-50%, -50%);\n    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);\n}\n\n.cba-handle svg {\n    width: 24px;\n    height: 24px;\n}\n\n\/* DRAG TO COMPARE 提示文字 *\/\n.cba-drag-hint {\n    position: absolute;\n    top: calc(50% + 36px);\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px 11px;\n    background: rgba(25, 25, 25, 0.78);\n    color: #fff;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    line-height: 1.3;\n    white-space: nowrap;\n    border-radius: 4px;\n    pointer-events: none;\n}\n\n\/* 透明交互滑块 *\/\n.cba-range {\n    position: absolute;\n    z-index: 10;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    opacity: 0;\n    cursor: ew-resize;\n    -webkit-appearance: none;\n    appearance: none;\n    background: transparent;\n    touch-action: pan-y;\n}\n\n.cba-range::-webkit-slider-runnable-track {\n    width: 100%;\n    height: 100%;\n    background: transparent;\n}\n\n.cba-range::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 48px;\n    height: 48px;\n    background: transparent;\n    border: none;\n}\n\n.cba-range::-moz-range-track {\n    width: 100%;\n    height: 100%;\n    background: transparent;\n}\n\n.cba-range::-moz-range-thumb {\n    width: 48px;\n    height: 48px;\n    background: transparent;\n    border: none;\n}\n\n.cba-labels {\n    position: absolute;\n    z-index: 2;\n    top: 16px;\n    left: 16px;\n    right: 16px;\n    display: flex;\n    justify-content: space-between;\n    pointer-events: none;\n    line-height: normal;\n}\n\n.cba-label {\n    padding: 6px 10px;\n    color: #fff;\n    background: rgba(0, 0, 0, 0.6);\n    font-size: 13px;\n    line-height: 1.3;\n    border-radius: 4px;\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"custom-before-after-container\"\u003e\n\u003cdiv class=\"cba-stage\" style=\"--cba-position: 50%;\"\u003e\n\u003c!-- 底层原图 --\u003e \u003cimg class=\"cba-before-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0982\/9623\/4355\/files\/RIDER_ATELIER_Midnight_Blue_Mythical_Horse_Riding_Top_-_Studio_Flat_View.jpg?v=1778063904\" alt=\"Original Design\" draggable=\"false\"\u003e \u003c!-- 顶层覆盖图 --\u003e\n\u003cdiv class=\"cba-after-wrap\"\u003e\u003cimg class=\"cba-after-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0982\/9623\/4355\/files\/christmas-horse-and-floral-print-long-95278990-studio-front-01.jpg?v=1793855007\" alt=\"2026 Christmas Design\" draggable=\"false\"\u003e\u003c\/div\u003e\n\u003c!-- 图片标签 --\u003e\n\u003cdiv class=\"cba-labels\"\u003e\n\u003cspan class=\"cba-label\"\u003eOriginal Design\u003c\/span\u003e \u003cspan class=\"cba-label\"\u003e2026 Christmas Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 分割线及拖动按钮 --\u003e\n\u003cdiv class=\"cba-divider\"\u003e\n\u003cspan class=\"cba-handle\" aria-hidden=\"true\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                    \u003cpath d=\"M8 5 3 12l5 7M16 5l5 7-5 7\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/span\u003e \u003c!-- 拖动提示 --\u003e \u003cspan class=\"cba-drag-hint\"\u003e DRAG TO COMPARE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 透明交互滑块 --\u003e \u003cinput class=\"cba-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" step=\"0.1\" aria-label=\"Drag to compare the original and Christmas designs\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= 图片对比模块结束 ================= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eKey Features\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e210 gsm four way stretch performance fabric, 88 percent polyester, 12 percent spandex\u003c\/li\u003e\n\u003cli\u003eTailored Fit\u003c\/li\u003e\n\u003cli\u003eLong sleeves. Quarter zip closure with a stand up collar\u003c\/li\u003e\n\u003cli\u003eFlat printed cream horses, flowers and leafy branches across a rich red base\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 0.9em; color: #666;\"\u003eThis collection is crafted for daily casual equestrian use, prioritizing everyday comfort and aesthetics. It is not engineered to meet the high-intensity performance standards required for professional competitions, making it ideal for daily barn and leisure wear rather than official show competition use.\u003cscript\u003e\n(function () {\n\n    function initBeforeAfter() {\n\n        var containers = document.querySelectorAll(\n            '.custom-before-after-container'\n        );\n\n        containers.forEach(function (container) {\n\n            if (container.dataset.cbaInitialized === 'true') {\n                return;\n            }\n\n            var stage = container.querySelector('.cba-stage');\n            var slider = container.querySelector('.cba-range');\n\n            if (!stage || !slider) {\n                return;\n            }\n\n            container.dataset.cbaInitialized = 'true';\n\n            function updatePosition(value) {\n\n                var position = Math.max(\n                    0,\n                    Math.min(100, parseFloat(value))\n                );\n\n                stage.style.setProperty(\n                    '--cba-position',\n                    position + '%'\n                );\n\n            }\n\n            \/\/ 初始化位置\n            updatePosition(slider.value);\n\n            \/\/ 鼠标、键盘及触屏滑块事件\n            slider.addEventListener('input', function () {\n                updatePosition(this.value);\n            });\n\n            slider.addEventListener('change', function () {\n                updatePosition(this.value);\n            });\n\n        });\n\n    }\n\n    \/\/ 页面加载完成后初始化\n    if (document.readyState === 'loading') {\n        document.addEventListener(\n            'DOMContentLoaded',\n            initBeforeAfter\n        );\n    } else {\n        initBeforeAfter();\n    }\n\n    \/\/ Shopify 动态加载兼容\n    document.addEventListener(\n        'shopify:section:load',\n        initBeforeAfter\n    );\n\n})();\n\u003c\/script\u003e\u003c\/p\u003e\n\u003c!-- ================= 图片对比交互 JS ================= --\u003e","brand":"RiderAtelier","offers":[{"title":"Red \/ M","offer_id":67309245628787,"sku":"95278990-Red-M","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Red \/ L","offer_id":67309245661555,"sku":"95278990-Red-L","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Red \/ XL","offer_id":67309245694323,"sku":"95278990-Red-XL","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Red \/ 2XL","offer_id":67309245727091,"sku":"95278990-Red-2XL","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Red \/ 3XL","offer_id":67309245759859,"sku":"95278990-Red-3XL","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Red \/ 4XL","offer_id":67309245792627,"sku":"95278990-Red-4XL","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Red \/ 5XL","offer_id":67309245825395,"sku":"95278990-Red-5XL","price":54.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0982\/9623\/4355\/files\/christmas-horse-and-floral-print-long-95278990-model-front-03.jpg?v=1793855008","url":"https:\/\/www.rideratelier.com\/products\/christmas-horse-and-floral-print-long-sleeve-quarter-zip-riding-95278990","provider":"RiderAtelier","version":"1.0","type":"link"}