{"html":"<style>\r\n    \r\n<\/style>\r\n<div class=\"product-quickview product-details-section style-two\">\r\n    <div class=\"container-fluid-custom px-xl-2 mb-3\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6 mb-sm-30\">\r\n                <div class=\"product-details-box bg-white position-relative\">\r\n                    \r\n                    \r\n                                                                    <div class=\"product-quickview-image text-center\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/aurademo1.auratech2.tech\/images\/product\/large\/zummXD2dvAtI.png\" alt=\"Fresh Mango Juice\" class=\"img-fluid\" \/>\r\n                                                            <button class=\"wishlist-btn border-0 add-to-wishlist\" data-id=\"133\" title=\"Add to wishlist\"><span class=\"material-symbols-outlined\">favorite<\/span><\/button>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"col-md-6\">\r\n                <a class=\"theme-color fs-16\" href=\"https:\/\/aurademo1.auratech2.tech\/shop\/food\">Food<\/a>\r\n                <h2 class=\"item-name mb-1\">Fresh Mango Juice<\/h2>\r\n                <div class=\"item-price mb-2\">\r\n                                                                <span class=\"current-price\" data-base-price=\"40.00\">ILS 40.00<\/span>\r\n                                    <\/div>\r\n                <div class=\"product-varient item-options mb-5\">\r\n                                                                                                                                <form method=\"post\" id=\"add_to_cart_133\" class=\"mb-3 d-flex\">\r\n                        <input type=\"hidden\" name=\"_token\" value=\"TCHiv0LNl40Xk8BT9XeN3Nmbe9kCzRReNEcuocDc\" autocomplete=\"off\">                                                <input type=\"hidden\" name=\"weight_variant_value\" class=\"selected-weight-value\" value=\"\">\r\n                        <input type=\"hidden\" name=\"weight_variant_price\" class=\"selected-weight-price\" value=\"\">\r\n                        <div class=\"input-qty\">\r\n                            <button type=\"button\" class=\"quantity-left-minus\">\r\n                                <i class=\"material-symbols-outlined\">remove<\/i>\r\n                            <\/button>\r\n                            <input type=\"number\" name=\"qty\" class=\"input-number\" value=\"1\" min=\"1\" max=\"95\">\r\n                            <button type=\"button\" class=\"quantity-right-plus\">\r\n                                <i class=\"material-symbols-outlined\">add<\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n                        <button data-id=\"133\" class=\"button style1 add-to-cart\">\u05d4\u05d5\u05e1\u05e3 \u05dc\u05e2\u05d2\u05dc\u05d4<\/button>\r\n                    <\/form>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Related products block -->\r\n    <div class=\"overflow-hidden mt-3\">\r\n            <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Initialize quickview sliders and zoom scoped to the injected quickview HTML.\r\n    window.initProductQuickview = window.initProductQuickview || function(){\r\n        try{\r\n            var $container = window.jQuery ? window.jQuery('.product-quickview') : document.querySelectorAll('.product-quickview');\r\n            if(!$container) return;\r\n            \/\/ normalize $container to jQuery-like single element\r\n            var $c = window.jQuery ? window.jQuery('.product-quickview').first() : (document.querySelector('.product-quickview') ? { el: document.querySelector('.product-quickview'), find: function(sel){ return this.el.querySelectorAll(sel); }} : null);\r\n            if(!$c) return;\r\n\r\n            \/\/ Slick slider init (if available)\r\n            if(window.jQuery && typeof window.jQuery.fn.slick === 'function'){\r\n                var $for = $c.find('.slider-for');\r\n                var $nav = $c.find('.slider-nav');\r\n                if($for.length && $nav.length){\r\n                    if(!$for.hasClass('slick-initialized')){\r\n                        $for.slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: $nav });\r\n                    }\r\n                    if(!$nav.hasClass('slick-initialized')){\r\n                        $nav.slick({ slidesToShow: 4, slidesToScroll: 1, asNavFor: $for, dots: false, focusOnSelect: true });\r\n                    }\r\n                }\r\n            }\r\n\r\n            \/\/ jQuery zoom init for quickview images\r\n            if(window.jQuery && typeof window.jQuery.fn.zoom === 'function'){\r\n                window.jQuery('.product-quickview .ex1').each(function(){\r\n                    try{ if(!window.jQuery(this).data('zoom-initialized')){ window.jQuery(this).zoom(); window.jQuery(this).data('zoom-initialized', true); } }catch(e){}\r\n                });\r\n            }\r\n        }catch(e){ console && console.warn && console.warn('initProductQuickview failed', e); }\r\n    };\r\n\r\n    \/\/ Ensure we clean up slick instances when modal is hidden\r\n    (function(){\r\n        if(window.jQuery){\r\n            function updateQuickviewPrice($root){\r\n                if(!$root || !$root.length) return;\r\n                var $priceEl = $root.find('.item-price .current-price');\r\n                var $oldPriceEl = $root.find('.item-price .old-price');\r\n                var baseCurrent = parseFloat($priceEl.attr('data-base-price') || ($priceEl.text().replace(\/[^0-9.]\/g,''))) || 0;\r\n                var baseOld = parseFloat($oldPriceEl.attr('data-base-old-price') || ($oldPriceEl.text().replace(\/[^0-9.]\/g,'')));\r\n                var variantPrice = 0;\r\n                $root.find('.variant-select:checked').each(function(){\r\n                    variantPrice += parseFloat($(this).data('additional-price') || '0') || 0;\r\n                });\r\n                var extrasPrice = 0;\r\n                $root.find('.extra-select:checked').each(function(){\r\n                    extrasPrice += parseFloat(window.jQuery(this).data('additional-price') || '0') || 0;\r\n                });\r\n                \/\/ Weight variant overrides the base price\r\n                var $weightSel = $root.find('.weight-variant-select');\r\n                var weightPrice = null;\r\n                if($weightSel.length && $weightSel.val()){\r\n                    weightPrice = parseFloat($weightSel.find('option:selected').data('price') || '0');\r\n                }\r\n                var effectiveBase = (weightPrice !== null) ? weightPrice : baseCurrent;\r\n                var addPrice = variantPrice + extrasPrice;\r\n                $priceEl.text('ILS' + (effectiveBase + addPrice).toFixed(2));\r\n                if(!isNaN(baseOld)){\r\n                    $oldPriceEl.text('ILS' + (baseOld + addPrice).toFixed(2));\r\n                }\r\n            }\r\n\r\n            window.jQuery(document).off('change.quickviewPricing').on('change.quickviewPricing', '.product-quickview .variant-select, .product-quickview .extra-select, .product-quickview .weight-variant-select', function(){\r\n                var $root = window.jQuery(this).closest('.product-quickview');\r\n                updateQuickviewPrice($root);\r\n            });\r\n\r\n            \/\/ Ensure initial state is always base price when quickview loads.\r\n            var $quickviewRoot = window.jQuery('.product-quickview').first();\r\n            if($quickviewRoot.length){\r\n                updateQuickviewPrice($quickviewRoot);\r\n            }\r\n        }\r\n\r\n        var modal = document.querySelector('#staticBackdrop');\r\n        if(!modal) return;\r\n        modal.addEventListener('hidden.bs.modal', function(){\r\n            if(window.jQuery && typeof window.jQuery.fn.slick === 'function'){\r\n                var $for = window.jQuery('.product-quickview').find('.slider-for');\r\n                var $nav = window.jQuery('.product-quickview').find('.slider-nav');\r\n                try{ if($for.length && $for.hasClass('slick-initialized')) $for.slick('unslick'); }catch(e){}\r\n                try{ if($nav.length && $nav.hasClass('slick-initialized')) $nav.slick('unslick'); }catch(e){}\r\n            }\r\n            \/\/ clear content\r\n            var body = modal.querySelector('.modal-body');\r\n            if(body) body.innerHTML = '<div class=\"quickview-body-placeholder text-center py-5\"><div class=\"spinner-border\" role=\"status\"><span class=\"sr-only\">Loading...<\/span><\/div><\/div>';\r\n        });\r\n    })();\r\n<\/script>\r\n<\/div>\r\n"}