{"status":true,"html":"<style>\n    .pm-dialog{ --pm-accent: #fd6408; --pm-ink: #1c1c1e; --pm-muted: #8a8a8e; --pm-line: #eee; }\n    .pm-dialog .modal-content{\n        border: 0;\n        border-radius: 18px;\n        overflow: hidden;\n        box-shadow: 0 24px 60px rgba(0,0,0,.28);\n    }\n    .pm-dialog .modal-header{\n        background: linear-gradient(135deg, #1c1c1e, #3a3a3d);\n        border-bottom: 0;\n        padding: 16px 22px;\n    }\n    .pm-dialog .modal-title{ font-size: 16px; font-weight: 700; color: #fff; letter-spacing: .6px; text-transform: uppercase; }\n    .pm-dialog .modal-header .close{ color: #fff; opacity: .8; text-shadow: none; margin-top: 2px; }\n    .pm-dialog .modal-header .close:hover{ opacity: 1; }\n    .pm-dialog .modal-body{ padding: 22px; background: #fff; max-height: 70vh; overflow-y: auto; }\n    .pm-dialog .pm-wrap{ display: flex; gap: 22px; }\n    .pm-dialog .pm-img{ flex: 0 0 40%; max-width: 40%; }\n    .pm-dialog .pm-img img{\n        width: 100%;\n        border-radius: 14px;\n        object-fit: cover;\n        box-shadow: 0 8px 24px rgba(0,0,0,.14);\n    }\n    .pm-dialog .pm-info{ flex: 1; min-width: 0; }\n    .pm-dialog .pm-name{ font-size: 18px; font-weight: 700; line-height: 1.35; margin: 0 0 8px; color: var(--pm-ink); }\n    .pm-dialog .pm-price{\n        display: inline-block;\n        font-size: 22px;\n        font-weight: 800;\n        color: var(--pm-accent);\n        margin-bottom: 18px;\n        padding-bottom: 14px;\n        border-bottom: 1px dashed var(--pm-line);\n        width: 100%;\n    }\n    .pm-dialog .pm-label-row{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }\n    .pm-dialog .pm-label{\n        font-size: 12px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: var(--pm-muted);\n        margin: 0;\n    }\n    .pm-dialog .pm-chart-btn{\n        font-size: 12px;\n        font-weight: 600;\n        color: var(--pm-ink);\n        background: #f4f4f6;\n        border: 1px solid var(--pm-line);\n        border-radius: 20px;\n        padding: 4px 12px;\n        cursor: pointer;\n        transition: .2s;\n    }\n    .pm-dialog .pm-chart-btn:hover{ background: var(--pm-ink); color: #fff; }\n    .modal_product .sizes{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }\n    .modal_product .sizes .size{\n        min-width: 48px;\n        padding: 8px 16px;\n        text-align: center;\n        border: 1.5px solid #e2e2e5;\n        border-radius: 10px;\n        font-size: 14px;\n        font-weight: 600;\n        color: var(--pm-ink);\n        background: #fff;\n        cursor: pointer;\n        transition: .2s;\n    }\n    .modal_product .sizes .size:hover{ border-color: var(--pm-accent); color: var(--pm-accent); }\n    .modal_product .sizes .size.active{\n        background: var(--pm-ink);\n        border-color: var(--pm-ink);\n        color: #fff;\n        box-shadow: 0 6px 14px rgba(0,0,0,.2);\n    }\n    .modal_product .pm-combo{\n        margin-top: 18px;\n        padding: 14px 16px 2px;\n        border: 1px solid var(--pm-line);\n        border-radius: 14px;\n        background: #fafafa;\n    }\n    .pm-dialog .quantity{\n        display: inline-flex;\n        align-items: center;\n        border: 1.5px solid #e2e2e5;\n        border-radius: 12px;\n        overflow: hidden;\n        background: #fff;\n    }\n    .pm-dialog .quantity > div{ height: 46px; line-height: 46px; text-align: center; }\n    .pm-dialog .quantity .dec,\n    .pm-dialog .quantity .inc{\n        width: 44px;\n        font-size: 20px;\n        font-weight: 600;\n        cursor: pointer;\n        user-select: none;\n        background: #f4f4f6;\n        transition: .2s;\n    }\n    .pm-dialog .quantity .dec:hover,\n    .pm-dialog .quantity .inc:hover{ background: var(--pm-accent); color: #fff; }\n    .pm-dialog .quantity .value{ width: 50px; font-weight: 700; font-size: 16px; }\n    .pm-dialog .pm-stock{\n        margin-top: 16px;\n        padding: 10px 14px;\n        border-radius: 10px;\n        background: #fff3f3;\n        border: 1px solid #f5c2c2;\n    }\n    .pm-dialog .pm-stock h4{ margin: 0; font-size: 15px; font-weight: 700; }\n    .pm-dialog .modal-footer{\n        border-top: 1px solid var(--pm-line);\n        background: #fff;\n        padding: 16px 22px;\n        margin: 0;\n    }\n    .pm-dialog .pm-order-row{ display: flex; align-items: center; gap: 12px; }\n    .pm-dialog .pm-order-row .quantity{ width: 150px; flex: none; }\n    .pm-dialog .pm-order-row .quantity .value{ flex: 1; width: auto; }\n    .pm-dialog .pm-order-row .addToCart{\n        flex: 1;\n        width: 100% !important;\n        height: 48px;\n        margin: 0;\n        border: 0;\n        border-radius: 12px;\n        font-size: 16px;\n        font-weight: 700;\n        letter-spacing: .4px;\n        background: linear-gradient(135deg, #ff7a2f, var(--pm-accent));\n        box-shadow: 0 8px 18px rgba(253,100,8,.35);\n        transition: .2s;\n    }\n    .pm-dialog .pm-order-row .addToCart:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(253,100,8,.45); }\n    .pm-dialog .pm-order-row .addToCart:disabled{ background: #ccc; box-shadow: none; transform: none; }\n    @media (max-width: 480px){\n        .modal-dialog.pm-dialog{ margin: 8px; width: auto; }\n        .pm-dialog .modal-content{ border-radius: 14px; }\n        .pm-dialog .modal-header{ padding: 10px 14px; }\n        .pm-dialog .modal-title{ font-size: 14px; }\n        .pm-dialog .modal-body{ padding: 12px; max-height: calc(100vh - 150px); }\n        .pm-dialog .pm-wrap{ flex-direction: row; gap: 12px; }\n        .pm-dialog .pm-img{ flex: 0 0 32%; max-width: 32%; margin: 0; }\n        .pm-dialog .pm-img img{ border-radius: 10px; }\n        .pm-dialog .pm-name{ font-size: 14px; margin-bottom: 4px; }\n        .pm-dialog .pm-price{ font-size: 17px; margin-bottom: 10px; padding-bottom: 8px; }\n        .pm-dialog .pm-label-row{ margin-bottom: 6px; }\n        .pm-dialog .pm-label{ font-size: 11px; }\n        .modal_product .sizes{ gap: 6px; margin-bottom: 8px; }\n        .modal_product .sizes .size{ min-width: 40px; padding: 6px 10px; font-size: 13px; border-radius: 8px; }\n        .modal_product .pm-combo{ margin-top: 10px; padding: 10px 10px 2px; border-radius: 10px; }\n        .pm-dialog .pm-stock{ margin-top: 10px; padding: 6px 10px; }\n        .pm-dialog .pm-stock h4{ font-size: 13px; }\n        .pm-dialog .modal-footer{ padding: 10px 12px; }\n        .pm-dialog .pm-order-row{ gap: 8px; }\n        .pm-dialog .pm-order-row .quantity{ width: 110px; }\n        .pm-dialog .quantity > div{ height: 42px; line-height: 42px; }\n        .pm-dialog .quantity .dec, .pm-dialog .quantity .inc{ width: 34px; font-size: 18px; }\n        .pm-dialog .pm-order-row .addToCart{ height: 44px; font-size: 15px; padding: 0 8px; }\n    }\n<\/style>\n\n<div class=\"modal-dialog pm-dialog\">\n    <div class=\"modal-content\">\n        <form action=\"https:\/\/www.liveshopping.com.bd\/new-store\" method=\"post\" id=\"modal_ajax_form\">\n            <input type=\"hidden\" name=\"_token\" value=\"SdiuULPELu5OPMI84yOthrRxHC0XgrJJ99rUzuSR\" autocomplete=\"off\">            <div class=\"modal-header\">\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;<\/button>\n                <h4 class=\"modal-title\">Choose Size<\/h4>\n            <\/div>\n            <div class=\"modal-body modal_product\">\n                <div class=\"pm-wrap\">\n                    <div class=\"pm-img\">\n                        <img src=\"https:\/\/advert.com.bd\/demopos\/uploads\/thumb\/1793104662_8zZi5ZdjNGoa3K0i.png\" alt=\"CK Black\">\n                    <\/div>\n                    <div class=\"pm-info\">\n                        <h4 class=\"pm-name\">CK Black<\/h4>\n                        <div class=\"pm-price\">\u09f3 3,250<\/div>\n\n                                                <div class=\"pm-label-row\">\n                            <h5 class=\"pm-label\">Select Size<\/h5>\n                                                        <span class=\"pm-chart-btn\">Size Chart<\/span>\n                                                    <\/div>\n                        <div class=\"sizes\">\n                                                        <div class=\"size\" data-val=\"16368\"> M <\/div>\n                                                        <div class=\"size\" data-val=\"16369\"> L <\/div>\n                                                        <div class=\"size\" data-val=\"16370\"> XL <\/div>\n                                                        <div class=\"size\" data-val=\"16371\"> XXL <\/div>\n                                                        <div class=\"size\" data-val=\"16372\"> S <\/div>\n                                                    <\/div>\n                                            <\/div>\n                <\/div>\n\n                \n                \n                <input type=\"hidden\" class=\"quantity_value\" name=\"qty\" value=\"1\">\n                <input type=\"hidden\" class=\"size_value\" value=\"\" name=\"variation_id\">\n                <input type=\"hidden\" class=\"combo_variation_id\" name=\"combo_variation_id\" value=\"[]\">\n                <input type=\"hidden\" name=\"product_id\" value=\"4072\">\n            <\/div>\n            <div class=\"modal-footer pm-order-row\">\n                <div class=\"quantity\">\n                    <div class=\"dec\">\u2212<\/div>\n                    <div class=\"value\">1<\/div>\n                    <div class=\"inc\">+<\/div>\n                <\/div>\n                <button type=\"submit\" form=\"modal_ajax_form\" class=\"btn btn-primary addToCart\" >\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n<\/div>\n\n<script>\n    $(document).ready(function(){\n        \/\/ Popup is appended to <body> because a fixed overlay inside the transformed modal is positioned against the modal, not the screen.\n        $('.pm-dialog .pm-chart-btn').click(function(){\n            $('.pm-chart-popup').remove();\n            var popup = $(\n                '<div class=\"pm-chart-popup\" style=\"position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:20px;\">' +\n                    '<div style=\"position:relative;max-width:min(92vw,720px);max-height:90vh;background:#fff;border-radius:16px;padding:12px;box-shadow:0 24px 60px rgba(0,0,0,.4);\">' +\n                        '<span class=\"pm-chart-close\" style=\"position:absolute;top:-14px;right:-14px;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;background:#1c1c1e;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);\">&times;<\/span>' +\n                        '<img src=\"https:\/\/advert.com.bd\/demopos\/uploads\/img\/1730021049_Jacket001.jpg\" alt=\"Size Chart\" style=\"display:block;max-width:100%;max-height:calc(90vh - 24px);margin:0 auto;border-radius:10px;\">' +\n                    '<\/div>' +\n                '<\/div>'\n            );\n            popup.on('click', function(e){\n                if (e.target === this || $(e.target).hasClass('pm-chart-close')) { popup.remove(); }\n            });\n            $('body').append(popup);\n        });\n\n        $('.modal_product .pm-info .sizes .size').click(function(){\n            $('.modal_product .pm-info .sizes .size').removeClass('active');\n            $(this).addClass('active');\n            $('.modal_product .size_value').val($(this).data('val'));\n        })\n\n        $('.modal_product .combo_size').click(function(){\n            $(this).parent().find('.size').removeClass('active');\n            $(this).addClass('active');\n            let selected = $('.modal_product .combo_size.active').map(function(){\n                return parseInt($(this).data('val'));\n            }).get();\n            $('.modal_product .combo_variation_id').val(JSON.stringify(selected));\n        })\n\n        $('.pm-dialog .quantity .inc').click(function(){\n            let value = $('.pm-dialog .quantity .value').text();\n            value = parseInt(value);\n            if (value < 10) {\n                value++;\n            } else {\n                alert(\"You can't add more than 10 products\");\n            }\n            $('.pm-dialog .quantity .value').text(value);\n            $('.pm-dialog .quantity_value').val(value);\n        });\n\n        $('.pm-dialog .quantity .dec').click(function(){\n            let value = $('.pm-dialog .quantity .value').text();\n            value = parseInt(value);\n            if (value > 1) {\n                value--;\n            } else {\n                alert(\"You can't remove less than 1 Product. At least 1 Product should be ordered.\");\n            }\n            $('.pm-dialog .quantity .value').text(value);\n            $('.pm-dialog .quantity_value').val(value);\n        });\n    })\n<\/script>\n"}