{"data":"<style>\n    .option {\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        text-align: left;\n    }\n\n    span.total-price.small.oswald {\n        \/*font-size: .6em;*\/\n    }\n\n    .option input {\n        height: unset;\n        cursor: pointer;\n        opacity: 0;\n        position: absolute;\n        padding: 0;\n        height: 0;\n        width: 0;\n        margin: 0;\n    }\n\n    .option .label {\n        position: relative;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        box-sizing: inherit;\n        width: 100%;\n        height: 100%;\n    }\n\n    .option .label .labelContents {\n        width: 100%;\n        order: 2;\n    }\n\n    .toggleContents {\n        padding: 8px 16px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .toggleContents .modifierTextContent.leftAligned {\n        justify-content: flex-start;\n    }\n\n    .toggleContents .modifierTextContent {\n        flex: 1;\n        display: flex;\n        justify-content: space-between;\n        overflow: hidden;\n    }\n\n    .toggleContents .price {\n        line-height: 26px;\n    }\n\n    .toggleContents .modifierText {\n        overflow: hidden;\n    }\n\n    .row .name {\n        padding-right: 8px;\n    }\n\n    .option.rounded-2.shadow {\n        border: 2px solid #fff;\n    }\n\n    .option.rounded-2.shadow:hover {\n        border: 2px solid #999;\n    }\n\n    .checkbox.hover-item:checked+.option {\n        border-color: #111;\n    }\n\n    .addontQty {\n        display: none;\n    }\n\n    .checkbox.hover-item:checked+.option .addontQty {\n        display: block;\n    }\n\n    .has-more-addon .delete-addon {\n        display: none;\n    }\n\n    .less-addon {\n        display: none;\n    }\n\n    .has-more-addon .less-addon {\n        display: block;\n    }\n\n    button.add-cart-btn.btn.tertiary-btn {\n        line-height: 1;\n        font-size: 1.5em !important;\n    }\n\n    .m-less-addon.text-dark.me-2.text-muted {\n        color: #999 !important;\n    }\n    i.bi.removed {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    line-height: 0;\n    color: #999;\n    opacity: 0;\n    transform: translate(-50%, -50%);\n}\n.checkbox.hover-item:checked+.option i.removed {\n    opacity: 1;\n    color: #111;\n}img.attachment-shop_single.size-shop_single.wp-post-image {\n    \/*max-height: 500px*\/;\n    object-fit: cover;\n    width: 100%;\n}\n@media(max-width: 600px){\n    .for-responsive-d-none{\n        display: none;\n    }\n    img.attachment-shop_single.size-shop_single.wp-post-image {\n        max-height: 250px;\n    }\n<\/style>\n\n    <style>\n    .combo-item:hover {\n    border-color: #999;\n}\n\n.combo-item {\n    border: 2px solid #fff;\n}.combo-check:checked+.combo-item {\n    border-color: #111;\n}i.combo-selected {\n    position: absolute;\n    right: 4px;\n    top: 4px;\n    line-height: 0;\n    opacity: 0;\n}.combo-check:checked+.combo-item .combo-selected {\n    opacity: 1;\n    color: #111;\n}.comb-image img {\n    width: 40px;\n    height: 40px;\n    object-fit: contain !important;\n    border-radius: 50%;\n}.comb-image img {\n    width: 40px;\n    height: 40px;\n    object-fit: contain !important;\n    border-radius: 50%;\n    border: 1px solid #ededed;\n}.comb-image img {\n    width: 40px;\n    height: 40px;\n    object-fit: cover !important;\n    border-radius: 50%;\n    border: 1px solid #ededed;\n}.combo-check.not-allowed+.combo-item {\n    cursor: not-allowed;\n}\n@media only screen and (min-width: 992px) {\n  .modal-dialog.product-combo-modal {\n    max-width: 600px;\n    margin: auto;\n    padding-top: 2em;\n    padding-bottom: 2em;\n}\n\n}\n@media(max-width: 600px){\n    .confirm-window .tertiary-btn{\n        padding: 0.3334em 1.5em !important;\n    }\n}\n    <\/style>\n<div class=\"modal-header border-0 \">\n        <h5 class=\"modal-title ff-sunset-boulevard fw-normal display-3\">COLESLAW<\/h5>\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n      <\/div>\n      <div class=\"modal-body\">\n                \n            \n    <div class=\"\">\n        <div class=\"single-product-wrapper\">\n            <div class=\"col-md-12\">\n                                                                <div class=\"product-images-wrapper\" []>\n                    <div class=\"images\">\n                        <a href=\"#\" itemprop=\"image\" class=\"woocommerce-main-image zoom\" title=\"\"\n                            data-rel=\"prettyPhoto[product-gallery]\">\n                            <img src=\"\/assets\/images\/dummy-product.jpg\"\n                                onerror=\"this.onerror=null;this.src='\/assets\/images\/dummy-product.png';\"\n                                class=\"attachment-shop_single size-shop_single wp-post-image for-responsive-d-none\" alt=\"\" \/>\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n                            <\/div>\n          \n            \n            \n            <div class=\"col-md-12\">\n                <!-- \/.product-images-wrapper -->\n                <div class=\"ps-3 pe-3\">\n                    <h2 class=\"d-none\">\n                        COLESLAW\n                        <\/h2>\n                        <div itemprop=\"offers\">\n                            <p class=\"price mt-2\">\n                                <span class=\"woocommerce-Price-amount amount h2 text-success fw-bold\">\n                                    $3.25\n                                <\/span>\n                            <\/p>\n                        <\/div>\n                        <div itemprop=\"description\">\n                            <p><p>Coleslaw<\/p><\/p>\n                        <\/div>\n                        <hr>\n                        \n                        \n\n\n                                                <style>\n.combo-selected.end-0 {\n    top: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 18px;\n}\n.combo-item.new:hover {\n    background: #ebe9e9;\n}.fs-6.ff-poppins {\n    font-size: unset !important;\n}\n.dropdown-toggle::after {\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}.dropdown-toggle .comb-image.me-3 {\n    margin-right: 6px !important;\n}\n.dropdown-toggle .small.name-price.text-overflow {\n    line-height: 1.25;\n}.dropdown-toggle .comb-image img {\n    min-width: 32px !important;\n    min-height: 32px !important;\n    max-width: 32px;\n    max-height: 32px;\n}\n<\/style>\n    \n                        <div>\n                            <label>Special instructions<\/label>\n                            <textarea class=\"form-control\" name=\"instructions\"><\/textarea>\n                        <\/div>\n\n                        <div class=\"single_variation_wrap\">\n\n                            <div class=\"d-none\">\n                                <div\n                                    class=\"woocommerce-variation-add-to-cart variations_button d-flex gap-3 flex-column\">\n                                    <label class=\"\">Quantity<\/label>\n                                    <div class=\"qty-btn mb-2\">\n                                        <div class=\"quantity\">\n                                            <input type=\"number\" name=\"quantity\" inputmode=\"numeric\" min=\"1\"\n                                                value=\"1\" title=\"Qty\" class=\"input-text qty text\"\n                                                size=\"4\" \/>\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n                            \n                        <\/div>\n                <\/div>\n                <!-- .summary -->\n            <\/div>\n        <\/div>\n<\/div>\n<\/div>\n<div class=\"modal-footer border-0\">\n    <div class=\"d-flex align-items-center w-100\">\n                                <div class=\"d-flex align-items-center me-2\">\n                                    <div class=\"m-less-addon text-dark me-2 text-muted fs-1\" role=\"button\">-<\/div>\n                                    <div class=\"m-addon-quantity bg-dark text-white px-3 rounded-4\">1<\/div>\n                                    <div class=\"m-more-addon text-dark ms-2 fs-1\" role=\"button\">+<\/div>\n                                <\/div>\n                                <input type=\"hidden\" name=\"pdct_id\" value=\"310\">\n                                <button type=\"button\" data-price=\"3.25\"\n                                    data-pid=\"310\"\n                                    class=\"ms-auto add-cart-btn btn tertiary-btn \">Add to cart <span\n                                        class=\"number-font\">$3.25<\/span><\/button>\n                            <\/div>\n<\/div>","ViewData":{"currency":"CAD","value":"3.25","items":[{"item_id":"ESDSDCLSW","item_name":"COLESLAW","affiliation":"EStreetDeli","index":0,"item_brand":"Sweetiepie","item_category":"Products","item_variant":null,"location_id":"Toronto","price":"3.25","quantity":1}]}}