{"total":0,"current_count":0,"data":"<div class=\"row g-3 mb-3\">\n    <\/div>\n\n<style>\n    .product-item {\n        opacity: 0;\n        transform: translateY(20px);\n        animation: fadeInUp 0.5s ease forwards;\n    }\n\n    @keyframes fadeInUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .prdImg {\n        position: relative;\n        width: 100%;\n        height: auto;\n    }\n<\/style>\n\n<script>\n    function changeProductImageOnly(productId, colorId, imageUrl) {\n        document.querySelectorAll(`.color-option-new-${productId}`).forEach(function(option) {\n            option.classList.remove('active');\n        });\n        const clickedOption = document.querySelector(`.color-option-new-${productId}[data-color-id=\"${colorId}\"]`);\n        if (clickedOption) {\n            clickedOption.classList.add('active');\n        }\n\n        if (imageUrl && imageUrl.trim() !== '') {\n            const productImage = document.querySelector(`.product-img-new-${productId}`);\n            if (productImage) {\n                productImage.src = imageUrl;\n                productImage.onerror = function() {\n                    this.src = 'https:\/\/unleashedvn.com\/images\/no-image.png';\n                };\n            }\n        }\n\n        return false;\n    }\n\n    function changeProductImageNew(productId, colorId, imageUrl) {\n        return changeProductImageOnly(productId, colorId, imageUrl);\n    }\n\n    function changeProductVariant(productId, colorId, imageUrl) {\n        return changeProductImageOnly(productId, colorId, imageUrl);\n    }\n<\/script>\n","pagination":"<input type=\"hidden\" name=\"_currentPage\" id=\"_currentPage\" value=\"1\">\n<div class=\"col-sm-12\">\n    <div class=\"product-pagination text-center\">\n            <\/div>\n<\/div>\n\n<style>\n    .load-more {\n        padding: 10px 30px;\n        border-radius: 20px;\n        transition: all 0.3s ease;\n    }\n\n    .load-more:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .load-more .fa-spinner {\n        margin-right: 8px;\n    }\n<\/style>\n"}