{"forms": [{"id": 81928, "template": 1533, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 3009, "externalId": "3c2e8aaa-908c-4960-8f19-adf0c2512e5d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "promokod", "operator": "$exclude"}], "operator": "$and"}, {"id": "8", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "9", "field": "utm_campaign", "value": "ingosstrakh", "operator": "$exclude"}, {"id": "10", "field": "utm_content", "value": "sanofi", "operator": "$exclude"}, {"id": "11", "field": "utm_source", "value": "Mindbox", "operator": "$neq"}, {"id": "12", "name": "$or", "nodes": [{"id": "13", "field": "form_seen", "value": {"forms": "$any", "interval": 7}, "operator": "$never"}, {"id": "14", "field": "form_uncompleted", "value": {"forms": [48772, 48776], "interval": 1}, "operator": "$after"}, {"id": "15", "field": "form_uncompleted", "value": {"forms": [51182, 54408], "interval": 3}, "operator": "$after"}], "operator": "$or"}, {"id": "16", "name": "$or", "nodes": [{"id": "17", "field": "utm_source", "value": "advcake", "operator": "$exclude"}, {"id": "18", "field": "utm_source", "value": "admitad", "operator": "$exclude"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c cookie", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/28173/bcb1277a4136425b4b497cae8b6e4336a95092f319f022f73c8a48a5b96401dc.gif", "bg_color": "#fff", "subtitle": "\u041d\u0430 \u043d\u0430\u0448\u0435\u043c \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043b\u044f \u0432\u0430\u0441.", "title_fw": "900", "btn_blank": "1", "btn_url_1": "https://mindbox.ru", "btn_url_2": "https://mindbox.ru", "btn_show_1": "1", "btn_show_2": "1", "btn_text_1": "\u0423\u0417\u041d\u0410\u0422\u042c \u0411\u041e\u041b\u042c\u0428\u0415", "btn_text_2": "\u041f\u0420\u0418\u041d\u042f\u0422\u042c \u0418 \u0417\u0410\u041a\u0420\u042b\u0422\u042c", "title_show": "1", "border_show": "0", "close_color": "#000", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "shadow_show": "1", "shadow_size": "7", "title_color": "#000", "border_color": "#000", "border_width": "1", "btn_action_1": "link", "btn_action_2": "close", "btn_form_id_1": "0", "btn_form_id_2": "0", "subtitle_show": "1", "btn_bg_color_1": "#fff", "btn_bg_color_2": "#ffd100", "height_desktop": "202", "padding_mobile": "40", "subtitle_color": "#000", "bg_transparency": "1", "img_show_mobile": "1", "padding_desktop": "40", "btn_text_color_1": "#000", "btn_text_color_2": "#000", "btn_width_mobile": "220", "font_custom_show": "0", "img_show_desktop": "1", "img_width_mobile": "114", "btn_height_mobile": "14", "btn_width_desktop": "220", "close_size_mobile": "30", "img_width_desktop": "132", "text_align_mobile": "center", "btn_bg_color_hov_1": "#fff", "btn_bg_color_hov_2": "#ffd100", "btn_border_color_1": "#000", "btn_border_color_2": "#ffd100", "btn_height_desktop": "14", "close_size_desktop": "30", "text_align_desktop": "left", "btn_border_radius_1": "0", "btn_border_radius_2": "0", "btn_font_size_mobile": "16", "btn_text_color_hov_1": "#000", "btn_text_color_hov_2": "#000", "btn_font_size_desktop": "16", "img_margin_top_mobile": "-40", "btn_border_color_hov_1": "#000", "btn_border_color_hov_2": "#ffd100", "img_margin_top_desktop": "0", "title_font_size_mobile": "20", "title_font_size_desktop": "28", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "5"}, "combinator": "or", "id": 195092}], "id": 81336, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0417\u0434\u0440\u0430\u0432\u0441\u0438\u0442\u0438 (\u0412\u0415\u0421\u041d\u0410) #81928", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": 259200}, "start_date": "2024-03-01T00:00:00+03:00", "end_date": "2024-05-31T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-81875.png?ts=1709029073163", "rendered_button_preview": null, "settings": {"title": "\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c cookie", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/28173/bcb1277a4136425b4b497cae8b6e4336a95092f319f022f73c8a48a5b96401dc.gif", "bg_color": "#fff", "subtitle": "\u041d\u0430 \u043d\u0430\u0448\u0435\u043c \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043b\u044f \u0432\u0430\u0441.", "title_fw": "900", "btn_blank": "1", "btn_url_1": "https://mindbox.ru", "btn_url_2": "https://mindbox.ru", "btn_show_1": "1", "btn_show_2": "1", "btn_text_1": "\u0423\u0417\u041d\u0410\u0422\u042c \u0411\u041e\u041b\u042c\u0428\u0415", "btn_text_2": "\u041f\u0420\u0418\u041d\u042f\u0422\u042c \u0418 \u0417\u0410\u041a\u0420\u042b\u0422\u042c", "title_show": "1", "border_show": "0", "close_color": "#000", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "shadow_show": "1", "shadow_size": "7", "title_color": "#000", "border_color": "#000", "border_width": "1", "btn_action_1": "link", "btn_action_2": "close", "btn_form_id_1": "0", "btn_form_id_2": "0", "subtitle_show": "1", "btn_bg_color_1": "#fff", "btn_bg_color_2": "#ffd100", "height_desktop": "202", "padding_mobile": "40", "subtitle_color": "#000", "bg_transparency": "1", "img_show_mobile": "1", "padding_desktop": "40", "btn_text_color_1": "#000", "btn_text_color_2": "#000", "btn_width_mobile": "220", "font_custom_show": "0", "img_show_desktop": "1", "img_width_mobile": "114", "btn_height_mobile": "14", "btn_width_desktop": "220", "close_size_mobile": "30", "img_width_desktop": "132", "text_align_mobile": "center", "btn_bg_color_hov_1": "#fff", "btn_bg_color_hov_2": "#ffd100", "btn_border_color_1": "#000", "btn_border_color_2": "#ffd100", "btn_height_desktop": "14", "close_size_desktop": "30", "text_align_desktop": "left", "btn_border_radius_1": "0", "btn_border_radius_2": "0", "btn_font_size_mobile": "16", "btn_text_color_hov_1": "#000", "btn_text_color_hov_2": "#000", "btn_font_size_desktop": "16", "img_margin_top_mobile": "-40", "btn_border_color_hov_1": "#000", "btn_border_color_hov_2": "#ffd100", "img_margin_top_desktop": "0", "title_font_size_mobile": "20", "title_font_size_desktop": "28", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "<div class=\"popmechanic-reset \" id=\"popmechanic-form\">\r\n        <button class=\"popmechanic-close\" onclick=\"this.parentElement.style.display = 'none'\">\r\n            <img\r\n                src=\"https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/popup/close-modal.svg\" />\r\n        </button>\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-group\">\r\n                 <div class=\"popmechanic-title\">\r\n                    <span>C\u043a\u0438\u0434\u043a\u0430&nbsp;10% </span><span style=\"font-weight:300;\">\u043d\u0430&nbsp;\u043f\u0435\u0440\u0432\u044b\u0439<br> \u0437\u0430\u043a\u0430\u0437 \u0432&nbsp;\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438</span>\r\n                </div>\r\n                \r\n                <div class=\"popmechanic-box\">\r\n                    <a href=\"https://redirect.appmetrica.yandex.com/serve/748997921290136885?c_id=Pop_up_site\" class=\"popmechanic-button\" name=\"button\" data-popmechanic-submit>\r\n                        \u0421\u043a\u0430\u0447\u0430\u0442\u044c\r\n                    </a>\r\n                    <span>\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434</span>\r\n                    <span class=\"popmechanic-code\">\u0412\u0415\u0421\u041d\u0410</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"popmechanic-app\">\r\n                <img class=\"popmechanic-img\"\r\n                    src=\"https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/Groupmin.webp\"\r\n                    alt=\"\" />\r\n                <div class=\"popmechanic-text\">\u043d\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u0430\u043c\u0435\u0440\u0443 \u043d\u0430 QR-\u043a\u043e\u0434, <br>\u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0430\u0447\u0430\u0442\u044c</div>\r\n            </div>\r\n             <div class=\"popmechanic-subtitle\"><a href=\"https://zdravcity.ru/promo/skidka-10--na-pervyy-zakaz-v-mobprilozhenii/?erid=2SDnjeyUWmW\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;font-family: Arial;\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0430\u043a\u0446\u0438\u0438</a></div>\r\n\r\n            </div>\r\n    </div>", "css": "#popmechanic-form.popmechanic-reset {\r\n    position: fixed !important;\r\n    bottom: 10px;\r\n    left: 0;\r\n    right: 0;\r\n    width: auto !important;\r\n    max-width: 1280px;\r\n    height: auto !important;\r\n    margin: 0 auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    padding: 5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close img {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-group {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    background: #43A841;\r\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-label {\r\n    display: flex;\r\n    align-items: center;\r\n    background: #4aa3e3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n    max-width: 600px;\r\n    font-weight: 500;\r\n    font-size: 32px;\r\n    line-height: 38px;\r\n    color: #ffffff;\r\n    padding: 27px 40px;\r\n    font-family: Arial;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-title span {\r\n    color: #ffffff;\r\n    font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-box {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-box a {\r\n    display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-box span:not(.popmechanic-code) {\r\n    font-size: 22px;\r\n    line-height: 38px;\r\n    color: #ffffff;\r\n    font-family: Arial;\r\n}\r\n\r\n#popmechanic-form .popmechanic-code {\r\n    display: block;\r\n    font-family: Arial;\r\n    border-radius: 20px;\r\n    border-width: 2px; \r\n    border-style: dashed;\r\n    border-color: #FBF596;\r\n    font-weight: 500;\r\n    font-size: 32px;\r\n    line-height: 38px;\r\n    color: #ffffff;\r\n    padding: 10px 15px;\r\n    margin-left: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-app {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    margin-left: 0px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-img {\r\n    height: 193px;\r\n    width: auto;\r\n    margin-top: -45px;\r\n    margin-bottom: -26px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n    display: flex;\r\n    font-size: 14px;\r\n    line-height: 17px;\r\n    color: #ffffff;\r\n    margin-bottom: 24px;\r\n    font-family: Arial;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text::before {\r\n    content: url(\"https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/Group%206696%20%283%29.svg\");\r\n    display: block;\r\n    width: 60px;\r\n    height: auto;\r\n   \r\n    margin-right: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n    position: relative;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #ffffff;\r\n    margin-top: -20px;\r\n    padding-left: 40px;\r\n    padding-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n    display: block;\r\n    width: auto;\r\n    background: #ff7126;\r\n    border-radius: 40px;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 40px;\r\n    text-align: center;\r\n    color: #fff;\r\n    padding: 0 20px;\r\n    margin-right: 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form.popmechanic-reset {\r\n    bottom: 90px;\r\n    left: 34px;\r\n    right: 34px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close {\r\n    top: 25px;\r\n    right: 25px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-group {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20px 22px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 6px 22px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n    padding: 0;\r\n    margin-bottom: 10px;\r\n    font-family: Arial;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sub-title {\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n    padding: 0;\r\n    margin-bottom: 10px;\r\n    font-family: Arial;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-box a {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-box img {\r\n    display: block;\r\n    height: 40px;\r\n    width: auto;\r\n    margin-right: 20px;\r\n}\r\n\r\n.popmechanic-ios .popmechanic-tablet #popmechanic-form .popmechanic-box a.link-appstore {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-android .popmechanic-tablet #popmechanic-form .popmechanic-box a.link-gplay {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-box span:not(.popmechanic-code) {\r\n    font-size: 16px;\r\n    line-height: 19px;\r\n    font-family: Arial;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-code {\r\n    font-size: 16px;\r\n    line-height: 17px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-app {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle {\r\n    margin-top: 8px;\r\n    padding-left: 0;\r\n    padding-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form.popmechanic-reset {\r\n    bottom: 70px;\r\n    left: 10px;\r\n    right: 10px;\r\n    font-family: Arial;\r\n\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n    top: 15px;\r\n    right: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-group {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20px 22px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 4px 22px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n    font-size: 16px;\r\n    line-height: 19px;\r\n    padding: 0 10px 0 0;\r\n    margin-bottom: 20px;\r\n    font-family: Arial;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n    font-size: 11px;\r\n    line-height: 16px;\r\n    padding: 0 10px 0 0;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-box a {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-box img {\r\n    display: block;\r\n    height: 30px;\r\n    width: auto;\r\n    margin-right: 20px;\r\n}\r\n\r\n.popmechanic-ios .popmechanic-mobile #popmechanic-form .popmechanic-box a.link-appstore {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-android .popmechanic-mobile #popmechanic-form .popmechanic-box a.link-gplay {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-box span:not(.popmechanic-code) {\r\n    font-size: 12px;\r\n    line-height: 19px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-code {\r\n    font-size: 15px;\r\n    line-height: 16px;\r\n    border-radius: 20px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-app {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n    margin-top: 8px;\r\n    padding-left: 0;\r\n    padding-bottom: 0;\r\n}\r\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 58469, "template": 2260, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["cart"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": ["checkout"], "operator": "$in_contains"}], "operator": "$or"}, {"id": "5", "field": "js", "value": "var elem58469 = document.querySelector('#cart-product #switch-one');\r\nif (elem58469 !== null) {\r\n    var val54869 = elem58469.value;\r\n    if (val54869 == 'on') {\r\n        return true;\r\n    }\r\n}\r\nreturn false;", "operator": "$exec"}], "operator": "$and"}}, "settings_splits": [{"settings": {"summ": "", "btn_url": "#", "title_1": "\u0414\u043b\u044f \u0430\u043f\u0442\u0435\u0447\u043d\u044b\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0417\u0434\u0440\u0430\u0432\u0441\u0438\u0442\u0438 \u041c\u0435\u0434\u0432\u0435\u0434\u043a\u043e\u0432\u043e \u0438&nbsp;\u041f\u0443\u0448\u043a\u0438\u043d\u043e: \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435!", "bg_color": "#52b6ff", "btn_show": "0", "btn_text": "\u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043f\u043e\u0447\u0442\u044b \u0420\u043e\u0441\u0441\u0438\u0438", "img_same": "0", "title_fw": "700", "btn_blank": "0", "width_mob": "294.00", "btn_action": "link", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "\u0412&nbsp;\u043e\u0434\u0438\u043d \u043e\u0431\u0449\u0438\u0439 \u0437\u0430\u043a\u0430\u0437 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0439\u0442\u0435 \u043d\u0435&nbsp;\u0431\u043e\u043b\u0435\u0435 50&nbsp;\u0435\u0434\u0438\u043d\u0438\u0446 \u0442\u043e\u0432\u0430\u0440\u043e\u0432! <br><br>\u0415\u0441\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u0435&nbsp;&mdash; \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043a\u0430\u0437, \u044d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432&nbsp;\u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u043c \u043e\u0442\u043f\u0443\u0441\u043a\u0435 \u0432\u0430\u0448\u0435\u0433\u043e \u0437\u0430\u043a\u0430\u0437\u0430.", "width_desk": "665.00", "btn_form_id": "0", "btn_fs_desk": "15.00", "font_custom": "Effra", "font_family": "Montserrat, sans-serif", "height_desk": "210.00", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/473025188732813d75537195f0a35694970a.webp", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#fff", "border_color": "#000", "btn_bg_color": "#fff", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/6d0965018608ab6f97e9c2c9f61945f85e34.webp", "title_fs_mob": "20", "border_radius": "32", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "24", "title_fs_desk": "23.00", "btn_height_mob": "48", "btn_text_color": "#000", "btn_width_desk": "67.00", "close_size_mob": "28.00", "img_height_mob": "101.00", "img_width_desk": "254.00", "padding_x_desk": "10.00", "padding_y_desk": "32.00", "subtitle_color": "#fff", "bg_transparency": "1", "btn_height_desk": "20.00", "close_color_mob": "#ffffff", "close_size_desk": "20.00", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#fff", "btn_border_color": "#3445ed", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#fff", "font_custom_show": "1", "img_position_mob": "bottom", "subtitle_fs_desk": "18.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "0.00", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#4788fe", "close_bg_show_desk": "0", "subtitle_accent_fw": "400", "close_bg_color_desk": "#222", "btn_border_color_hov": "#3445ed", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 179596}], "id": 57877, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u0414\u043b\u044f \u0430\u043f\u0442\u0435\u0447\u043d\u044b\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0417\u0434\u0440\u0430\u0432\u0441\u0438\u0442\u0438 \u041c\u0435\u0434\u0432\u0435\u0434\u043a\u043e\u0432\u043e \u0438 \u041f\u0443\u0448\u043a\u0438\u043d\u043e", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-57056.png?ts=1693995318916", "rendered_button_preview": null, "settings": {"summ": "", "btn_url": "#", "title_1": "\u0414\u043b\u044f \u0430\u043f\u0442\u0435\u0447\u043d\u044b\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u0417\u0434\u0440\u0430\u0432\u0441\u0438\u0442\u0438 \u041c\u0435\u0434\u0432\u0435\u0434\u043a\u043e\u0432\u043e \u0438&nbsp;\u041f\u0443\u0448\u043a\u0438\u043d\u043e: \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435!", "bg_color": "#52b6ff", "btn_show": "0", "btn_text": "\u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043f\u043e\u0447\u0442\u044b \u0420\u043e\u0441\u0441\u0438\u0438", "img_same": "0", "title_fw": "700", "btn_blank": "0", "width_mob": "294.00", "btn_action": "link", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "\u0412&nbsp;\u043e\u0434\u0438\u043d \u043e\u0431\u0449\u0438\u0439 \u0437\u0430\u043a\u0430\u0437 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0439\u0442\u0435 \u043d\u0435&nbsp;\u0431\u043e\u043b\u0435\u0435 50&nbsp;\u0435\u0434\u0438\u043d\u0438\u0446 \u0442\u043e\u0432\u0430\u0440\u043e\u0432! <br><br>\u0415\u0441\u043b\u0438 \u0431\u043e\u043b\u044c\u0448\u0435&nbsp;&mdash; \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043a\u0430\u0437, \u044d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432&nbsp;\u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u043c \u043e\u0442\u043f\u0443\u0441\u043a\u0435 \u0432\u0430\u0448\u0435\u0433\u043e \u0437\u0430\u043a\u0430\u0437\u0430.", "width_desk": "665.00", "btn_form_id": "0", "btn_fs_desk": "15.00", "font_custom": "Effra", "font_family": "Montserrat, sans-serif", "height_desk": "210.00", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/473025188732813d75537195f0a35694970a.webp", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#fff", "border_color": "#000", "btn_bg_color": "#fff", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/6d0965018608ab6f97e9c2c9f61945f85e34.webp", "title_fs_mob": "20", "border_radius": "32", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "24", "title_fs_desk": "23.00", "btn_height_mob": "48", "btn_text_color": "#000", "btn_width_desk": "67.00", "close_size_mob": "28.00", "img_height_mob": "101.00", "img_width_desk": "254.00", "padding_x_desk": "10.00", "padding_y_desk": "32.00", "subtitle_color": "#fff", "bg_transparency": "1", "btn_height_desk": "20.00", "close_color_mob": "#ffffff", "close_size_desk": "20.00", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#fff", "btn_border_color": "#3445ed", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#fff", "font_custom_show": "1", "img_position_mob": "bottom", "subtitle_fs_desk": "18.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "0.00", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#4788fe", "close_bg_show_desk": "0", "subtitle_accent_fw": "400", "close_bg_color_desk": "#222", "btn_border_color_hov": "#3445ed", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%\r\n                        var balance = 0;\r\n                        var total = 0;\r\n                                                         \r\n                        if (cart.length) {\r\n                           total = PopMechanic._.reduce(\r\n                             cart,\r\n                             function (total, productLine) {\r\n                               total += productLine.priceOfLine || productLine.pricePerItem * productLine.count || 0;\r\n\r\n                               return total;\r\n                             },\r\n                             0\r\n                           );\t                                 \r\n                        } else if (popmechanicCart) {\r\n                           total = parseInt(popmechanicCart.totalWithDiscount, 10);                            \r\n                        }       \r\n                        \r\n                        var summNumber = parseInt(summ, 10); \r\n                        balance = (total < summNumber) ? summNumber - total : \"\";                                 \r\n                                                         \r\n                    \ttry {\r\n                          print(PopMechanic._.template(subtitle_1)({ balance: balance }));\r\n                        } catch (_err) {};\r\n                    %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n\t<% } %>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n  return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n  }).substring(1).match(/.{2}/g).map(function (x) {\r\n    return parseInt(x, 16);\r\n  });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\t\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\t\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t<% } %>\r\n}\r\n\r\n<% if(parseInt(img_show_desk) || parseInt(img_show_mob)) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: 1;\r\n\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: 1.2;\r\n}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tfont-family: inherit;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n\tcolor: <%= subtitle_accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding: 0.5em;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: 500;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\ttransition-property: background-color, color, border-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t}\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_desk %>px;\r\n\tmin-height: <%= height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\talign-items: center;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if(parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\tmax-width: <%= img_width_desk %>px;\r\n\t\tmin-height: 100%;\r\n\t\tbackground-image: url(<%= img_src_desk %>);\r\n\t\tbackground-position: <%= img_position_desk %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if(parseInt(close_show)) { %>\r\n\t\tpadding-right: <%= +padding_x_desk + +close_size_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 24px;\r\n\t\tmargin-top: 12px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sub-title {\r\n\tfont-size: 16px;\r\n  display: flex;\r\n  line-height: 22px;\r\n  color: #000000;\r\n    padding-top: 16px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n  display: flex;\r\n  font-size: 12px;\r\n  line-height: 17px;\r\n  color: #000000;\r\n  padding-top: 10px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sub-title {\r\n  display: flex;\r\n  font-size: 12px;\r\n  line-height: 17px;\r\n  color: #000000;\r\n  padding-top: 10px;\r\n}\r\n\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-width: <%= btn_width_desk %>px;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_position_desk === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_desk === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if(parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\tmin-height: <%= img_height_mob %>px;\r\n\t\tbackground-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n\t\tbackground-position: <%= img_position_mob %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if(parseInt(close_show) && !parseInt(img_show_mob)) { %>\r\n\t\tpadding-right: <%= +padding_x_mob + +close_size_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 22px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle span,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmax-width: <%= btn_width_mob %>px;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_position_mob === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_mob === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.2s;\r\n\t\ttransition-timing-function: ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t@media (hover: hover) {\r\n\t\t#popmechanic-form .popmechanic-close:hover::before,\r\n\t\t#popmechanic-form .popmechanic-close:focus::before {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t\t}\r\n\t\t#popmechanic-form .popmechanic-close:hover::after,\r\n\t\t#popmechanic-form .popmechanic-close:focus::after {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(225deg);\r\n\t\t}\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= padding_y_desk %>px;\r\n\t\tright: <%= padding_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t\t<% if(parseInt(close_bg_show_desk)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_desk %>;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\tright: <%= padding_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t\t<% if(parseInt(close_bg_show_mob)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t\t<% if (!parseInt(img_show_mob)) { %>\r\n\t\t\ttop: <%= padding_y_mob %>px;\r\n\t\t<% } else { %>\r\n\t\t\ttop: 20px;\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_mob %>;\r\n\t}\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 54618, "template": 1080, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["adv_topics"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/7027/cb27fc090cbc5cc72da433307b328f10a41a0aaaefbbb47712ee5dba6f93cf42.png", "pad_top": "52", "title_1": "\u0421\u041a\u0418\u0414\u041a\u0418 \u0414\u041e", "pad_left": "63", "btn_color": "#ffffff", "btn_width": "390", "form_font": "Arial, Helvetica, sans-serif", "inp_color": "#000000", "inp_width": "326", "pad_right": "63", "sale_text": "", "show_sale": "0", "var_color": "#000000", "btn_1_text": "", "btn_2_text": "", "btn_height": "56.00", "choice_cnt": "4.00", "form_width": "746.00", "inp_height": "66", "pad_bottom": "22.00", "sale_color": "#a9042b", "btn_bgcolor": "#ff7126", "close_color": "#000000", "custom_font": "Effra,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/7027/529267317b53fb348761256d22a2f772f470d59ed43c930ee732087a137178e9.png", "form_height": "590.00", "inp_bgcolor": "#eae6e6", "pad_top_mob": "20.00", "placeholder": "\u0412\u0410\u0428 EMAIL", "show_policy": "1", "sub_title_1": "", "text_center": "0", "title_color": "#3e3e3e", "btn_fontsize": "18", "btn_one_text": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "choice_img_1": "https://personalization-web-stable.mindbox.ru/user-media/7027/b8ea7e691cc4c0e9a90bdf9603e38a34f4caf1c10ed37516d518a3559bedefae.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/7027/11d6f5552b0b0bb2eaa09f935f7a2f8e6c1dcf8656b8f144e1e2462257997a28.png", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/7027/91cc7f354d48afe72c124b515d63bebdf8108bc57289511d20915d3ffc329342.png", "choice_img_4": "https://personalization-web-stable.mindbox.ru/user-media/7027/b2c29f62b0fd66ad41d2bf7bb36462c01e0759ee93fb18749d1fc6973ce00fb4.png", "choice_img_5": "", "choice_img_6": "", "choice_img_7": "", "choice_img_8": "", "choice_img_9": "", "choice_int_1": "big_sales", "choice_int_2": "best_prices", "choice_int_3": "content_health", "choice_int_4": "news_service", "choice_int_5": "", "choice_int_6": "", "choice_int_7": "", "choice_int_8": "", "choice_int_9": "", "inp_fontsize": "18", "pad_left_mob": "17", "pad_main_top": "21", "policy_color": "#313131", "show_form_bg": "0", "show_img_top": "1", "show_title_1": "0", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "title_2_text": "\u041c\u044b \u0445\u043e\u0442\u0438\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0430\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0435 \u043f\u0438\u0441\u044c\u043c\u0430", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "0", "choice_text_1": "\u0421\u0435\u0437\u043e\u043d\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438", "choice_text_2": "\u041b\u0443\u0447\u0448\u0438\u0435 \u0446\u0435\u043d\u044b \u043d\u0435\u0434\u0435\u043b\u0438", "choice_text_3": "\u041f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u043e \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u0435", "choice_text_4": "\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0417\u0434\u0440\u0430\u0432\u0441\u0438\u0442\u0438", "choice_text_5": "", "choice_text_6": "", "choice_text_7": "", "choice_text_8": "", "choice_text_9": "", "conf_link_url": "#", "form_bg_color": "#ffffff", "inp_width_mob": "287", "pad_main_left": "25", "pad_right_mob": "17", "sale_fontsize": "89", "show_screen_2": "0", "title_2_color": "#3e3e3e", "btn_height_mob": "42", "btn_scr_2_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c", "btn_two_height": "66", "checkbox_color": "#000000", "conf_link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "form_width_mob": "320", "img_top_height": "400.00", "inp_height_mob": "49", "pad_bottom_mob": "14.00", "pad_main_right": "20", "title_fontsize": "43", "btn_hover_color": "#ffffff", "choice_only_one": "0", "form_height_mob": "300.00", "pad_main_bottom": "44", "policy_fontsize": "12", "show_thanks_btn": "1", "sub_title_color": "#3e3e3e", "thanks_btn_text": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "use_custom_font": "1", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "22.00", "form_line_height": "1.60", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435, \u043a\u0430\u043a\u0438\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432\u0430\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b", "thanks_sub_title": "\u041c\u044b \u0443\u0447\u0442\u0451\u043c \u0432\u0430\u0448\u0438 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u044f \u043f\u0440\u0438&nbsp;\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a.", "title_2_fontsize": "26.00", "var_fontsize_mob": "14", "btn_border_radius": "50.00", "btn_hover_bgcolor": "#ff8d51", "inp_border_radius": "0.00", "sale_fontsize_mob": "30", "sub_title_2_color": "#3e3e3e", "conf_text_pre_link": "\u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0438", "form_border_radius": "14.00", "img_top_height_mob": "50.00", "sub_title_fontsize": "21", "title_fontsize_mob": "20", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "8", "form_line_height_mob": "2.00", "sub_title_2_fontsize": "22.00", "title_2_fontsize_mob": "16.00", "inp_placeholder_color": "#313131", "sub_title_fontsize_mob": "14", "sub_title_2_fontsize_mob": "14.00"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 176793}], "id": 54042, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "show_legal": false, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u0420\u0435\u0430\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u044f \u043f\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f\u043c", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-54618.png?ts=1686145788469", "rendered_button_preview": null, "settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/7027/cb27fc090cbc5cc72da433307b328f10a41a0aaaefbbb47712ee5dba6f93cf42.png", "pad_top": "52", "title_1": "\u0421\u041a\u0418\u0414\u041a\u0418 \u0414\u041e", "pad_left": "63", "btn_color": "#ffffff", "btn_width": "390", "form_font": "Arial, Helvetica, sans-serif", "inp_color": "#000000", "inp_width": "326", "pad_right": "63", "sale_text": "", "show_sale": "0", "var_color": "#000000", "btn_1_text": "", "btn_2_text": "", "btn_height": "56.00", "choice_cnt": "4.00", "form_width": "746.00", "inp_height": "66", "pad_bottom": "22.00", "sale_color": "#a9042b", "btn_bgcolor": "#ff7126", "close_color": "#000000", "custom_font": "Effra,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/7027/529267317b53fb348761256d22a2f772f470d59ed43c930ee732087a137178e9.png", "form_height": "590.00", "inp_bgcolor": "#eae6e6", "pad_top_mob": "20.00", "placeholder": "\u0412\u0410\u0428 EMAIL", "show_policy": "1", "sub_title_1": "", "text_center": "0", "title_color": "#3e3e3e", "btn_fontsize": "18", "btn_one_text": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "choice_img_1": "https://personalization-web-stable.mindbox.ru/user-media/7027/b8ea7e691cc4c0e9a90bdf9603e38a34f4caf1c10ed37516d518a3559bedefae.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/7027/11d6f5552b0b0bb2eaa09f935f7a2f8e6c1dcf8656b8f144e1e2462257997a28.png", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/7027/91cc7f354d48afe72c124b515d63bebdf8108bc57289511d20915d3ffc329342.png", "choice_img_4": "https://personalization-web-stable.mindbox.ru/user-media/7027/b2c29f62b0fd66ad41d2bf7bb36462c01e0759ee93fb18749d1fc6973ce00fb4.png", "choice_img_5": "", "choice_img_6": "", "choice_img_7": "", "choice_img_8": "", "choice_img_9": "", "choice_int_1": "big_sales", "choice_int_2": "best_prices", "choice_int_3": "content_health", "choice_int_4": "news_service", "choice_int_5": "", "choice_int_6": "", "choice_int_7": "", "choice_int_8": "", "choice_int_9": "", "inp_fontsize": "18", "pad_left_mob": "17", "pad_main_top": "21", "policy_color": "#313131", "show_form_bg": "0", "show_img_top": "1", "show_title_1": "0", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "title_2_text": "\u041c\u044b \u0445\u043e\u0442\u0438\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0430\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0435 \u043f\u0438\u0441\u044c\u043c\u0430", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "0", "choice_text_1": "\u0421\u0435\u0437\u043e\u043d\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438", "choice_text_2": "\u041b\u0443\u0447\u0448\u0438\u0435 \u0446\u0435\u043d\u044b \u043d\u0435\u0434\u0435\u043b\u0438", "choice_text_3": "\u041f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u043e \u0437\u0434\u043e\u0440\u043e\u0432\u044c\u0435", "choice_text_4": "\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0417\u0434\u0440\u0430\u0432\u0441\u0438\u0442\u0438", "choice_text_5": "", "choice_text_6": "", "choice_text_7": "", "choice_text_8": "", "choice_text_9": "", "conf_link_url": "#", "form_bg_color": "#ffffff", "inp_width_mob": "287", "pad_main_left": "25", "pad_right_mob": "17", "sale_fontsize": "89", "show_screen_2": "0", "title_2_color": "#3e3e3e", "btn_height_mob": "42", "btn_scr_2_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c", "btn_two_height": "66", "checkbox_color": "#000000", "conf_link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "form_width_mob": "320", "img_top_height": "400.00", "inp_height_mob": "49", "pad_bottom_mob": "14.00", "pad_main_right": "20", "title_fontsize": "43", "btn_hover_color": "#ffffff", "choice_only_one": "0", "form_height_mob": "300.00", "pad_main_bottom": "44", "policy_fontsize": "12", "show_thanks_btn": "1", "sub_title_color": "#3e3e3e", "thanks_btn_text": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "use_custom_font": "1", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "22.00", "form_line_height": "1.60", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435, \u043a\u0430\u043a\u0438\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432\u0430\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b", "thanks_sub_title": "\u041c\u044b \u0443\u0447\u0442\u0451\u043c \u0432\u0430\u0448\u0438 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u044f \u043f\u0440\u0438&nbsp;\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a.", "title_2_fontsize": "26.00", "var_fontsize_mob": "14", "btn_border_radius": "50.00", "btn_hover_bgcolor": "#ff8d51", "inp_border_radius": "0.00", "sale_fontsize_mob": "30", "sub_title_2_color": "#3e3e3e", "conf_text_pre_link": "\u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0438", "form_border_radius": "14.00", "img_top_height_mob": "50.00", "sub_title_fontsize": "21", "title_fontsize_mob": "20", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "8", "form_line_height_mob": "2.00", "sub_title_2_fontsize": "22.00", "title_2_fontsize_mob": "16.00", "inp_placeholder_color": "#313131", "sub_title_fontsize_mob": "14", "sub_title_2_fontsize_mob": "14.00"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "show_legal": false, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n<% } %>\r\n\r\n#popmechanic-form {\r\n  width: <%=form_width%>px;\r\n  height: <%=form_height%>px;\r\n  background-color: <%=form_bg_color%>;\r\n  line-height: <%=form_line_height%>;\r\n  border-radius: <%=form_border_radius%>px;\r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%=custom_font%>;\r\n  <% } else { %>\r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n  position: relative;\r\n  <% if(parseInt(show_form_bg)) { %>\r\n    background: url(<%=form_bg_img%>) center center no-repeat;\r\n    background-size: cover;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form * {\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%=custom_font%>;\r\n  <% } else { %>\r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  color: <%=close_color%>;\r\n  font-size: 45px;\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 5px;\r\n  line-height: 0;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  width: 26px;\r\n  height: 30px;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-holder {\r\n  height: <%=img_top_height%>px;\r\n  width: 100%;\r\n  position: relative;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  \r\n  <% if(parseInt(text_center)) { %>\r\n    padding: 0 20px;\r\n  <% } else { %>\r\n    padding-left: 62px;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-img-top {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  z-index: 1;\r\n  border-top-left-radius: <%=form_border_radius%>px;\r\n  border-top-right-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  \r\n  z-index: 2;\r\n  <% if(parseInt(text_center)) { %>\r\n    text-align: center;\r\n    margin: 0 auto;\r\n    max-width: 100%;\r\n  <% } else { %>\r\n    max-width: 350px;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  color: <%=title_color%>;\r\n  font-weight: bold;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sale {\r\n  font-size: <%=sale_fontsize%>px;\r\n  color: <%=sale_color%>;\r\n  font-weight: bold;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  color: <%=sub_title_color%>;\r\n  font-weight: normal;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  padding-top: <%=pad_main_top%>px;\r\n  padding-left: <%=pad_main_left%>px;\r\n  padding-right: <%=pad_main_right%>px;\r\n  padding-bottom: <%=pad_main_bottom%>px;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  width: 100%;\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  display: block;\r\n  width: <%=inp_width%>px;\r\n  height: <%=inp_height%>px;\r\n  color: <%=inp_color%>;\r\n  font-size: <%=inp_fontsize%>px;\r\n  background-color: <%=inp_bgcolor%>;\r\n  border-radius: <%=inp_border_radius%>px;\r\n  border: none;\r\n  outline: none;\r\n  padding-left: 22px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-invalid {\r\n  border: 1px solid red;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n  width: <%=btn_two_width%>px;\r\n  height: <%=btn_two_height%>px;\r\n  font-size: <%=btn_two_fontsize%>px;\r\n  margin-left: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  margin: 0 auto;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  font-size: <%=btn_fontsize%>px;\r\n  border-radius: <%=btn_border_radius%>px;\r\n  font-weight: 400;\r\n  border: none;\r\n  outline: none;\r\n  color: <%=btn_color%>;\r\n  background-color: <%=btn_bgcolor%>;\r\n  cursor: pointer;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background-color: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy {\r\n  font-size: <%=policy_fontsize%>px;\r\n  color: <%=policy_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block span {\r\n  margin-left: 15px;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n  text-decoration: underline;\r\n  color: inherit;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  width: 24px;\r\n  height: 24px;\r\n  background-color: <%=inp_bgcolor%>;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n  opacity: 0;\r\n  -webkit-transition: 0.2s;\r\n  transition: 0.2s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg path {\r\n  fill: <%=checkbox_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check svg {\r\n  opacity: 1;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice {\r\n  padding-top: <%=pad_top%>px;\r\n  padding-left: <%=pad_left%>px;\r\n  padding-right: <%=pad_right%>px;\r\n  padding-bottom: <%=pad_bottom%>px;\r\n  text-align: center;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n  margin-top: 16px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title-small {\r\n  font-size: <%=title_2_fontsize%>px;\r\n  color: <%=title_2_color%>;\r\n  font-weight: bold;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title-small {\r\n  font-size: <%=sub_title_2_fontsize%>px;\r\n  color: <%=sub_title_2_color%>;\r\n  font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice {\r\n  width: calc(100% + 22px);\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-wrap: wrap;\r\n      flex-wrap: wrap;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-top: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item {\r\n  border: 1px solid #d6d6d6;\r\n  font-size: <%=var_fontsize%>px;\r\n  color: <%=var_color%>;\r\n  cursor: pointer;\r\n  width: calc(100% / 3 - 22px);\r\n  margin: 0 11px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check svg {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  width: 16px;\r\n  height: auto;\r\n  margin-left: 6px;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"checkbox\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check\r\nsvg {\r\n  opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check {\r\n  border-radius: 50%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check svg {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 7px;\r\n  height: 7px;\r\n  background-color: <%=checkbox_color%>;\r\n  border-radius: 50%;\r\n  opacity: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n  opacity: 1;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-layout-4 {\r\n  width: calc(100% + 30px);\r\n  margin-left: -15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-item {\r\n  width: calc(100% / 2 - 30px);\r\n  margin-left: 15px;\r\n  margin-right: 15px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check svg {\r\n  margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-text {\r\n  padding: 12px 10px;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 {\r\n  width: calc(100% + 34px);\r\n  margin-left: -17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-item {\r\n  width: calc(100% / 2 - 34px);\r\n  margin-left: 17px;\r\n  margin-right: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-img {\r\n  height: 248px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check svg {\r\n  margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-text {\r\n  padding: 15px 18px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image {\r\n  max-width: 400px;\r\n  width: 100%;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-item {\r\n  border: none;\r\n  margin-bottom: 17px;\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-img {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-checkbox-check {\r\n  margin-right: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text {\r\n  padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text span {\r\n  text-align-last: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-content {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text {\r\n  width: 100%;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\r\n  padding: 7px 7px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text span {\r\n  -webkit-box-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  text-align: center;\r\n  margin-left: 6px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-img {\r\n  width: 100%;\r\n  height: 100px;\r\n  background-position: top center;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-button {\r\n  margin-top: 30px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  left: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-holder {\r\n  height: auto;\r\n  padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  text-align: center;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-img {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-img-top {\r\n  position: absolute;\r\n  height: 120px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sale {\r\n  font-size: <%=sale_fontsize_mob%>px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n  width: <%=inp_width_mob%>px;\r\n  height: <%=inp_height_mob%>px;\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  padding: 0;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-top: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  \r\n  margin: 0 auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-button {\r\n   <% if(!parseInt(show_two_buttons)) { %>\r\n    margin-top: 15px;\r\n  <% } %>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-policy {\r\n  font-size: <%=policy_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice {\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n  margin-top: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title-small {\r\n  font-size: <%=title_2_fontsize_mob%>px;\r\n  padding: 0 0 10px 15px;\r\n\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title-small {\r\n  font-size: <%=sub_title_2_fontsize_mob%>px;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: stretch;\r\n      -ms-flex-align: stretch;\r\n          align-items: stretch;\r\n  width: 100%;\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n  margin-top: 10px;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-item {\r\n  border: none;\r\n  width: 100%;\r\n  margin-right: 0;\r\n  margin-left: 0;\r\n  margin-bottom: 10px;\r\n  font-size: <%=var_fontsize_mob%>px;\r\n\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-img {\r\n  height: 28px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text {\r\n  padding: 2px 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text span {\r\n  text-align: left;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob {\r\n  width: 100%;\r\n  padding-left: 20px;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-item {\r\n  margin-bottom: 8px;\r\n  border: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-img {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check {\r\n  width: 17px;\r\n  height: 17px;\r\n  margin-right: 25px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check svg {\r\n  margin-left: 4px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n  margin-top: 100px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-sub-title {\r\n  margin-bottom: 25px;\r\n\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen_active {\r\n  display: block;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-screen {\r\n  display: none !important;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 53577, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "js", "value": "return (document.cookie.indexOf(\"agentLogin\") != -1)", "operator": "$exec"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "ingosstrakh", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "promokod", "operator": "$exclude"}], "operator": "$and"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4191, "externalId": "93a297b9-aa57-4899-822f-cbcc3d5d9f54"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4535, "externalId": "d01341ae-a3d9-4f82-a6b1-d15ad69c5e8c"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "11", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "12", "name": "$or", "nodes": [{"id": "13", "field": "form_seen", "value": {"forms": [25424, 27068, 52259, 48772, 48776, 52799], "interval": 7}, "operator": "$never"}, {"id": "14", "field": "form_uncompleted", "value": {"forms": "$any", "interval": 1}, "operator": "$after"}], "operator": "$or"}, {"id": "15", "field": "visit", "value": 4, "operator": "$gte"}, {"id": "16", "name": "$or", "nodes": [{"id": "17", "field": "utm_source", "value": "advcake", "operator": "$exclude"}, {"id": "18", "field": "utm_source", "value": "admitad", "operator": "$exclude"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/873bc7fc60e2730913b02df4286c61ab6-1.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 250 \u0431\u0430\u043b\u043b\u043e\u0432 \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041e\u0436\u0438\u0434\u0430\u0439\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0431\u0430\u043b\u043b\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u043c\u0438\u043d\u0443\u0442.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "5"}, "combinator": "or", "id": 176088}], "id": 53001, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 Outflow Customers 4-5P", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-51806.png?ts=1693997289345", "rendered_button_preview": null, "settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/873bc7fc60e2730913b02df4286c61ab6-1.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 250 \u0431\u0430\u043b\u043b\u043e\u0432 \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041e\u0436\u0438\u0434\u0430\u0439\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0431\u0430\u043b\u043b\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u043c\u0438\u043d\u0443\u0442.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#ffcf2a\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-thankyou-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 40px 10px 37px 40px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 2px 2px 0;\r\n  background-image: url(\"<%=image%>\");\r\nbackground-size: cover;}\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0;\r\n  color: #ffffff;}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  font-size: 18px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    z-index: 0; }\r\n    \r\n    \r\n    #popmechanic-form .popmechanic-thankyou-button {\r\n  width: 50%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n \r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n   font-weight: bold;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n  \r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n  color: #ffffff;\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:700px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 160px;\r\n  background-size: cover;\r\nbackground-position: bottom 250px right 0px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0;\r\n  color: #ffffff;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block;\r\n  }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #fff;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #ffffff; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #ffcf2a;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 53569, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "js", "value": "return (document.cookie.indexOf(\"agentLogin\") != -1)", "operator": "$exec"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "ingosstrakh", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "promokod", "operator": "$exclude"}], "operator": "$and"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4190, "externalId": "f2859dff-cb59-45cf-9405-ebda2e7fca27"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4535, "externalId": "d01341ae-a3d9-4f82-a6b1-d15ad69c5e8c"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "11", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "12", "name": "$or", "nodes": [{"id": "13", "field": "form_seen", "value": {"forms": [25424, 27068, 52259, 48772, 48776], "interval": 7}, "operator": "$never"}, {"id": "14", "field": "form_uncompleted", "value": {"forms": "$any", "interval": 1}, "operator": "$after"}], "operator": "$or"}, {"id": "15", "field": "visit", "value": 4, "operator": "$gte"}, {"id": "16", "name": "$or", "nodes": [{"id": "17", "field": "utm_source", "value": "advcake", "operator": "$exclude"}, {"id": "18", "field": "utm_source", "value": "admitad", "operator": "$exclude"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/873bc7fc60e2730913b02df4286c61ab6-1.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 200 \u0431\u0430\u043b\u043b\u043e\u0432 \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041e\u0436\u0438\u0434\u0430\u0439\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0431\u0430\u043b\u043b\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u043c\u0438\u043d\u0443\u0442.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "5"}, "combinator": "or", "id": 176084}], "id": 52993, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 Outflow Customers 2-3P", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-51798.png?ts=1693997217455", "rendered_button_preview": null, "settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/873bc7fc60e2730913b02df4286c61ab6-1.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 200 \u0431\u0430\u043b\u043b\u043e\u0432 \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041e\u0436\u0438\u0434\u0430\u0439\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0431\u0430\u043b\u043b\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u043c\u0438\u043d\u0443\u0442.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#ffcf2a\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-thankyou-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 40px 10px 37px 40px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 2px 2px 0;\r\n  background-image: url(\"<%=image%>\");\r\nbackground-size: cover;}\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0;\r\n  color: #ffffff;}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  font-size: 18px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    z-index: 0; }\r\n    \r\n    \r\n    #popmechanic-form .popmechanic-thankyou-button {\r\n  width: 50%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n \r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n   font-weight: bold;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n  \r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n  color: #ffffff;\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:700px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 160px;\r\n  background-size: cover;\r\nbackground-position: bottom 250px right 0px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0;\r\n  color: #ffffff;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block;\r\n  }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #fff;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #ffffff; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #ffcf2a;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 53529, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "js", "value": "return (document.cookie.indexOf(\"agentLogin\") != -1)", "operator": "$exec"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "ingosstrakh", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "promokod", "operator": "$exclude"}], "operator": "$and"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4188, "externalId": "9d4701f7-025b-44b5-a7cf-ca80e5164383"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4535, "externalId": "d01341ae-a3d9-4f82-a6b1-d15ad69c5e8c"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "11", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "12", "name": "$or", "nodes": [{"id": "13", "field": "form_seen", "value": {"forms": [25424, 27068, 52259, 48772, 48776, 52799, 59627, 59633], "interval": 7}, "operator": "$never"}, {"id": "14", "field": "form_uncompleted", "value": {"forms": "$any", "interval": 1}, "operator": "$after"}], "operator": "$or"}, {"id": "15", "field": "visit", "value": 4, "operator": "$gte"}, {"id": "16", "name": "$or", "nodes": [{"id": "17", "field": "utm_source", "value": "advcake", "operator": "$exclude"}, {"id": "18", "field": "utm_source", "value": "admitad", "operator": "$exclude"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/873bc7fc60e2730913b02df4286c61ab6-1.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 100 \u0431\u0430\u043b\u043b\u043e\u0432 \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041e\u0436\u0438\u0434\u0430\u0439\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0431\u0430\u043b\u043b\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u043c\u0438\u043d\u0443\u0442.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "5"}, "combinator": "or", "id": 176049}], "id": 52953, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 Outflow Customers 1P", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-51754.png?ts=1693997129876", "rendered_button_preview": null, "settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/873bc7fc60e2730913b02df4286c61ab6-1.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 100 \u0431\u0430\u043b\u043b\u043e\u0432 \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041e\u0436\u0438\u0434\u0430\u0439\u0442\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0431\u0430\u043b\u043b\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u043c\u0438\u043d\u0443\u0442.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#ffcf2a\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-thankyou-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 40px 10px 37px 40px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 2px 2px 0;\r\n  background-image: url(\"<%=image%>\");\r\nbackground-size: cover;}\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0;\r\n  color: #ffffff;}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  font-size: 18px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    z-index: 0; }\r\n    \r\n    \r\n    #popmechanic-form .popmechanic-thankyou-button {\r\n  width: 50%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n \r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n   font-weight: bold;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n  \r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n  color: #ffffff;\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:700px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 160px;\r\n  background-size: cover;\r\nbackground-position: bottom 250px right 0px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0;\r\n  color: #ffffff;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block;\r\n  }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #fff;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #ffffff; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #ffcf2a;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 53231, "template": 1764, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["/checkout/success/"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"smile_1": "https://personalization-web-stable.mindbox.ru/user-media/2521/b7a053500fede96f88809893ffbdd3549f9c0b7e74247f9f907d2107ddaae2e2.png", "smile_2": "https://personalization-web-stable.mindbox.ru/user-media/2521/384a3689adc62db6a4c016b8b3cfd06f73358b27775efaf8a6421f72328d4edf.png", "smile_3": "https://personalization-web-stable.mindbox.ru/user-media/2521/f00a7241c6613577bd9cdc14045cbf4a1a799cb72256b8789233f46dec0a9e21.png", "smile_4": "https://personalization-web-stable.mindbox.ru/user-media/2521/5a4c025b5f1bcb68bfb05e3b061f0b91d2a3e315769d853b13ea61f545258bef.png", "smile_5": "https://personalization-web-stable.mindbox.ru/user-media/2521/22d60a11bac32a99f726743ec2248326ae40e1bfd943230807309da7d007a913.png", "title_1": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_2": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_color": "#ffffff", "btn_width": "337", "form_font": "Open Sans, sans-serif", "img_width": "80", "inp_color": "#000000", "inp_width": "910", "btn_height": "47", "btn_text_2": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "btn_text_3": "\u0417\u0410\u041a\u0420\u042b\u0422\u042c", "close_show": "0", "inp_height": "148", "btn_bgcolor": "#459936", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "118", "inp_bgcolor": "#ffffff", "pad_top_mob": "33", "placeholder": "\u0412\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439", "sub_title_1": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e           \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0437\u0430\u043a\u0430\u0437:", "sub_title_2": "\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435, \u0447\u0442\u043e \u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c", "sub_title_3": "\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435", "title_color": "#000000", "btn_fontsize": "18", "inp_fontsize": "14", "pad_left_mob": "22", "show_form_bg": "0", "show_title_1": "0", "show_title_2": "0", "show_title_3": "0", "btn_width_mob": "285", "btn_width_msg": "190", "form_bg_color": "#ffffff", "img_width_mob": "100.00", "inp_width_mob": "285", "pad_right_mob": "22", "btn_height_mob": "47", "btn_height_msg": "53", "close_size_mob": "20", "inp_height_mob": "215", "message_height": "233", "pad_bottom_mob": "10", "title_fontsize": "22", "btn_hover_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "432", "main_height_mob": "280", "sub_title_color": "#000000", "btn_fontsize_mob": "18", "close_color_desk": "#000", "form_line_height": "1.3", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "0", "show_sub_title_3": "0", "btn_border_radius": "1", "btn_hover_bgcolor": "#37772b", "close_bg_show_mob": "0", "inp_broder_radius": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_border_radius": "1", "sub_title_fontsize": "16", "title_fontsize_mob": "20", "close_bg_color_desk": "#000000", "form_line_height_mob": "1.2", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 52655, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u041e\u0446\u0435\u043d\u043a\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430 (mobile) \u041d\u043e\u0432\u0430\u044f \u043a\u043e\u0440\u0437\u0438\u043d\u0430", "active": true, "embed_selector": true, "selector": "#checkout-success-widget", "placement": "after", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-51413.png?ts=1707380852350", "rendered_button_preview": null, "settings": {"smile_1": "https://personalization-web-stable.mindbox.ru/user-media/2521/b7a053500fede96f88809893ffbdd3549f9c0b7e74247f9f907d2107ddaae2e2.png", "smile_2": "https://personalization-web-stable.mindbox.ru/user-media/2521/384a3689adc62db6a4c016b8b3cfd06f73358b27775efaf8a6421f72328d4edf.png", "smile_3": "https://personalization-web-stable.mindbox.ru/user-media/2521/f00a7241c6613577bd9cdc14045cbf4a1a799cb72256b8789233f46dec0a9e21.png", "smile_4": "https://personalization-web-stable.mindbox.ru/user-media/2521/5a4c025b5f1bcb68bfb05e3b061f0b91d2a3e315769d853b13ea61f545258bef.png", "smile_5": "https://personalization-web-stable.mindbox.ru/user-media/2521/22d60a11bac32a99f726743ec2248326ae40e1bfd943230807309da7d007a913.png", "title_1": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_2": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_color": "#ffffff", "btn_width": "337", "form_font": "Open Sans, sans-serif", "img_width": "80", "inp_color": "#000000", "inp_width": "910", "btn_height": "47", "btn_text_2": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "btn_text_3": "\u0417\u0410\u041a\u0420\u042b\u0422\u042c", "close_show": "0", "inp_height": "148", "btn_bgcolor": "#459936", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "118", "inp_bgcolor": "#ffffff", "pad_top_mob": "33", "placeholder": "\u0412\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439", "sub_title_1": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e           \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0437\u0430\u043a\u0430\u0437:", "sub_title_2": "\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435, \u0447\u0442\u043e \u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c", "sub_title_3": "\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435", "title_color": "#000000", "btn_fontsize": "18", "inp_fontsize": "14", "pad_left_mob": "22", "show_form_bg": "0", "show_title_1": "0", "show_title_2": "0", "show_title_3": "0", "btn_width_mob": "285", "btn_width_msg": "190", "form_bg_color": "#ffffff", "img_width_mob": "100.00", "inp_width_mob": "285", "pad_right_mob": "22", "btn_height_mob": "47", "btn_height_msg": "53", "close_size_mob": "20", "inp_height_mob": "215", "message_height": "233", "pad_bottom_mob": "10", "title_fontsize": "22", "btn_hover_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "432", "main_height_mob": "280", "sub_title_color": "#000000", "btn_fontsize_mob": "18", "close_color_desk": "#000", "form_line_height": "1.3", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "0", "show_sub_title_3": "0", "btn_border_radius": "1", "btn_hover_bgcolor": "#37772b", "close_bg_show_mob": "0", "inp_broder_radius": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_border_radius": "1", "sub_title_fontsize": "16", "title_fontsize_mob": "20", "close_bg_color_desk": "#000000", "form_line_height_mob": "1.2", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<div class=\"popmechanic-paranja popmechanic-normal\" id=\"popmechanic-zdravcity-market\">\r\n    <div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n        <div class=\"popmechanic-main popmechanic-screen popmechanic-screen_active\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-title\">\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?</div>\r\n                <div class=\"popmechanic-sub-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e.</div>\r\n            </div>\r\n            <div class=\"popmechanic-marks\">\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"1\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '1'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/1.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/1-mob.svg\" alt=\"1\" title=\"1\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"2\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '2'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/2.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/2-mob.svg\" alt=\"2\" title=\"2\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"3\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '3'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/3.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/3-mob.svg\" alt=\"3\" title=\"3\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"4\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\" onclick=\"PopMechanic.customs.mark = '4'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/4.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/4-mob.svg\" alt=\"4\" title=\"4\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"5\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\" onclick=\"PopMechanic.customs.mark = '5'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/5.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/5-mob.svg\" alt=\"5\" title=\"5\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n            </div>\r\n        \r\n        </div>\r\n        <div class=\"popmechanic-screen popmechanic-form-message popmechanic-screen_active\"\r\n            id=\"popmechanic-form-message\">\r\n            <div class=\"popmechanic-inputs\">\r\n                <form class=\"popmechanic-form\">\r\n                    <textarea maxlength=\"700\"\r\n                     placeholder=\"\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c?\"\r\n                    data-popmechanic-input=\"customs.message\"\r\n                    data-popmechanic-required\r\n                              class=\"popmechanic-textarea\"></textarea>\r\n                    <button type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                            data-target=\"screen\" href=\"#popmechanic-thankyou\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c</button>\r\n                </form>\r\n                <div class=\"background-img\"><img src=\"https://zdravcity.ru/upload/mindbox/widget/human.png\" alt=\"\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou popmechanic-screen popmechanic-screen_active\" id=\"popmechanic-thankyou\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-title\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e!</div>\r\n                <div class=\"popmechanic-sub-title\">\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435.</div>\r\n            </div>\r\n            <div class=\"background-img\"><img src=\"https://zdravcity.ru/upload/mindbox/widget/human.png\" alt=\"\"></div>\r\n        </div>\r\n    </div>\r\n</div>", "css": "#popmechanic-form.popmechanic-reset {\r\n    padding-top: 26px;\r\n    margin: 60px 0 40px;\r\n    height: auto !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-form-message .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-thankyou {\r\n    position: relative;\r\n    display: flex;\r\n    background-color: #007fdb;\r\n    padding: 20px 30px;\r\n    color: #fff;\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n    max-width: 490px;\r\n    padding-right: 70px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n    font-family: \"Effra-Medium\";\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n    font-size: 16px;\r\n    line-height: 25px;\r\n    margin-top: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-marks {\r\n    max-width: 440px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark {\r\n    cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark input {\r\n    display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark img {\r\n    width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark span {\r\n    display: block;\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 100%;\r\n    border: 2px solid #fff;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(1):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(1).active span {\r\n    background-color: #eb5757;\r\n    border-color: #eb5757;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(2):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(2).active span {\r\n    background-color: #ff7126;\r\n    border-color: #ff7126;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(3):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(3).active span {\r\n    background-color: #ffc448;\r\n    border-color: #ffc448;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(4):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(4).active span {\r\n    background-color: #5cc1f3;\r\n    border-color: #5cc1f3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(5):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(5).active span {\r\n    background-color: #3ad2aa;\r\n    border-color: #3ad2aa;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark.disabled,\r\n#popmechanic-form .popmechanic-mark.disabled span {\r\n    cursor: default !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark.disabled span {\r\n    background-color: transparent !important;\r\n    border-color: #ffffff !important;\r\n}\r\n\r\n#popmechanic-form .background-img {\r\n    position: absolute;\r\n    right: 41px;\r\n    bottom: 0;\r\n    height: 166px;\r\n    margin: 0;\r\n}\r\n\r\n#popmechanic-form .background-img img {\r\n    display: block;\r\n    height: 100%;\r\n    width: auto;\r\n    margin: 0 auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-form {\r\n    position: relative;\r\n    width: calc(100% - 260px);\r\n    line-height: 0;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-textarea {\r\n    width: calc(100% - 120px);\r\n    height: 60px;\r\n    resize: none;\r\n    border: 0;\r\n    padding: 10px 20px;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    color: #000000;\r\n    background: transparent;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n    position: absolute;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    height: 40px;\r\n    font-family: \"Effra-Medium\";\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    color: #ffffff;\r\n    background: #ff7126;\r\n    border-radius: 30px;\r\n    padding: 0 20px;\r\n    transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n    background: #ff894b;\r\n}\r\n\r\n#popmechanic-form .popmechanic-textarea::-webkit-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::-moz-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea:-ms-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::-ms-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea:focus {\r\n    outline: none;\r\n}\r\n\r\n#popmechanic-form .is-hide {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-reset {\r\n    padding-top: 0;\r\n    margin: 40px 0;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n    padding: 20px 20px 30px 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form-message .popmechanic-inputs {\r\n    padding: 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    max-width: calc(100% - 240px);\r\n    padding-right: 0;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-marks {\r\n    max-width: 350px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-mark span {\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .background-img {\r\n    right: 10px;\r\n    height: 170px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form-message .background-img {\r\n    right: 10px;\r\n    height: 170px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form {\r\n    max-width: calc(100% - 228px);\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea {\r\n    height: 90px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form.popmechanic-reset {\r\n    padding-top: 0;\r\n    margin: 20px 0 40px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form-message .popmechanic-inputs {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form-message .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n    padding: 20px 20px 0 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n    max-width: none;\r\n    padding-right: 0;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form {\r\n    width: 100%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n    font-size: 16px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n    font-size: 14px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-marks {\r\n    max-width: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark span {\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .background-img {\r\n    position: static;\r\n    height: 140px;\r\n    margin: 20px auto 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form {\r\n    max-width: none;\r\n    background: transparent;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n    width: 100%;\r\n    height: 80px;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n    position: static;\r\n    width: 100%;\r\n    margin: 10px 0 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou,\r\n#popmechanic-form .popmechanic-form-message {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main,\r\n.popmechanic-success #popmechanic-form .popmechanic-form-message {\r\n    display: none;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 53203, "template": 1764, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["/checkout/success/"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"smile_1": "https://personalization-web-stable.mindbox.ru/user-media/2521/b7a053500fede96f88809893ffbdd3549f9c0b7e74247f9f907d2107ddaae2e2.png", "smile_2": "https://personalization-web-stable.mindbox.ru/user-media/2521/384a3689adc62db6a4c016b8b3cfd06f73358b27775efaf8a6421f72328d4edf.png", "smile_3": "https://personalization-web-stable.mindbox.ru/user-media/2521/f00a7241c6613577bd9cdc14045cbf4a1a799cb72256b8789233f46dec0a9e21.png", "smile_4": "https://personalization-web-stable.mindbox.ru/user-media/2521/5a4c025b5f1bcb68bfb05e3b061f0b91d2a3e315769d853b13ea61f545258bef.png", "smile_5": "https://personalization-web-stable.mindbox.ru/user-media/2521/22d60a11bac32a99f726743ec2248326ae40e1bfd943230807309da7d007a913.png", "title_1": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_2": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_color": "#ffffff", "btn_width": "337", "form_font": "Open Sans, sans-serif", "img_width": "80", "inp_color": "#000000", "inp_width": "910", "btn_height": "47", "btn_text_2": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "btn_text_3": "\u0417\u0410\u041a\u0420\u042b\u0422\u042c", "close_show": "0", "inp_height": "148", "btn_bgcolor": "#459936", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "118", "inp_bgcolor": "#ffffff", "pad_top_mob": "33", "placeholder": "\u0412\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439", "sub_title_1": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e           \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0437\u0430\u043a\u0430\u0437:", "sub_title_2": "\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435, \u0447\u0442\u043e \u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c", "sub_title_3": "\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435", "title_color": "#000000", "btn_fontsize": "18", "inp_fontsize": "14", "pad_left_mob": "22", "show_form_bg": "0", "show_title_1": "0", "show_title_2": "0", "show_title_3": "0", "btn_width_mob": "285", "btn_width_msg": "190", "form_bg_color": "#ffffff", "img_width_mob": "100.00", "inp_width_mob": "285", "pad_right_mob": "22", "btn_height_mob": "47", "btn_height_msg": "53", "close_size_mob": "20", "inp_height_mob": "215", "message_height": "233", "pad_bottom_mob": "10", "title_fontsize": "22", "btn_hover_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "432", "main_height_mob": "280", "sub_title_color": "#000000", "btn_fontsize_mob": "18", "close_color_desk": "#000", "form_line_height": "1.3", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "0", "show_sub_title_3": "0", "btn_border_radius": "1", "btn_hover_bgcolor": "#37772b", "close_bg_show_mob": "0", "inp_broder_radius": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_border_radius": "1", "sub_title_fontsize": "16", "title_fontsize_mob": "20", "close_bg_color_desk": "#000000", "form_line_height_mob": "1.2", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 52627, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u041e\u0446\u0435\u043d\u043a\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430 (desktop) \u041d\u043e\u0432\u0430\u044f \u043a\u043e\u0440\u0437\u0438\u043d\u0430", "active": true, "embed_selector": true, "selector": "#checkout-success-widget", "placement": "after", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-51374.png?ts=1707381007665", "rendered_button_preview": null, "settings": {"smile_1": "https://personalization-web-stable.mindbox.ru/user-media/2521/b7a053500fede96f88809893ffbdd3549f9c0b7e74247f9f907d2107ddaae2e2.png", "smile_2": "https://personalization-web-stable.mindbox.ru/user-media/2521/384a3689adc62db6a4c016b8b3cfd06f73358b27775efaf8a6421f72328d4edf.png", "smile_3": "https://personalization-web-stable.mindbox.ru/user-media/2521/f00a7241c6613577bd9cdc14045cbf4a1a799cb72256b8789233f46dec0a9e21.png", "smile_4": "https://personalization-web-stable.mindbox.ru/user-media/2521/5a4c025b5f1bcb68bfb05e3b061f0b91d2a3e315769d853b13ea61f545258bef.png", "smile_5": "https://personalization-web-stable.mindbox.ru/user-media/2521/22d60a11bac32a99f726743ec2248326ae40e1bfd943230807309da7d007a913.png", "title_1": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_2": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_color": "#ffffff", "btn_width": "337", "form_font": "Open Sans, sans-serif", "img_width": "80", "inp_color": "#000000", "inp_width": "910", "btn_height": "47", "btn_text_2": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "btn_text_3": "\u0417\u0410\u041a\u0420\u042b\u0422\u042c", "close_show": "0", "inp_height": "148", "btn_bgcolor": "#459936", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "118", "inp_bgcolor": "#ffffff", "pad_top_mob": "33", "placeholder": "\u0412\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439", "sub_title_1": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e           \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0437\u0430\u043a\u0430\u0437:", "sub_title_2": "\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435, \u0447\u0442\u043e \u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c", "sub_title_3": "\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435", "title_color": "#000000", "btn_fontsize": "18", "inp_fontsize": "14", "pad_left_mob": "22", "show_form_bg": "0", "show_title_1": "0", "show_title_2": "0", "show_title_3": "0", "btn_width_mob": "285", "btn_width_msg": "190", "form_bg_color": "#ffffff", "img_width_mob": "100.00", "inp_width_mob": "285", "pad_right_mob": "22", "btn_height_mob": "47", "btn_height_msg": "53", "close_size_mob": "20", "inp_height_mob": "215", "message_height": "233", "pad_bottom_mob": "10", "title_fontsize": "22", "btn_hover_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "432", "main_height_mob": "280", "sub_title_color": "#000000", "btn_fontsize_mob": "18", "close_color_desk": "#000", "form_line_height": "1.3", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "0", "show_sub_title_3": "0", "btn_border_radius": "1", "btn_hover_bgcolor": "#37772b", "close_bg_show_mob": "0", "inp_broder_radius": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_border_radius": "1", "sub_title_fontsize": "16", "title_fontsize_mob": "20", "close_bg_color_desk": "#000000", "form_line_height_mob": "1.2", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<div class=\"popmechanic-paranja popmechanic-normal\" id=\"popmechanic-zdravcity-market\">\r\n    <div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n        <div class=\"popmechanic-main popmechanic-screen popmechanic-screen_active\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-title\">\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?</div>\r\n                <div class=\"popmechanic-sub-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e.</div>\r\n            </div>\r\n            <div class=\"popmechanic-marks\">\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"1\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '1'; yaCounter20457664.reachGoal('1MB')\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/1.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/1-mob.svg\" alt=\"1\" title=\"1\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"2\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '2'; yaCounter20457664.reachGoal('2MB')\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/2.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/2-mob.svg\" alt=\"2\" title=\"2\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"3\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '3'; yaCounter20457664.reachGoal('3MB')\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/3.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/3-mob.svg\" alt=\"3\" title=\"3\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"4\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\" onclick=\"PopMechanic.customs.mark = '4'; yaCounter20457664.reachGoal('4MB')\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/4.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/4-mob.svg\" alt=\"4\" title=\"4\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"5\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\" onclick=\"PopMechanic.customs.mark = '5'; yaCounter20457664.reachGoal('5MB')\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/5.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/5-mob.svg\" alt=\"5\" title=\"5\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n            </div>\r\n          \r\n        </div>\r\n        <div class=\"popmechanic-screen popmechanic-form-message popmechanic-screen_active\"\r\n            id=\"popmechanic-form-message\">\r\n            <div class=\"popmechanic-inputs\">\r\n                <form class=\"popmechanic-form\">\r\n                    <textarea maxlength=\"700\"\r\n                     placeholder=\"\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c?\"\r\n                    data-popmechanic-input=\"customs.message\"\r\n                    data-popmechanic-required\r\n                              class=\"popmechanic-textarea\"></textarea>\r\n                    <button type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                            data-target=\"screen\" href=\"#popmechanic-thankyou\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c</button>\r\n                </form>\r\n                <div class=\"background-img\"><img src=\"https://zdravcity.ru/upload/mindbox/widget/human.png\" alt=\"\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou popmechanic-screen popmechanic-screen_active\" id=\"popmechanic-thankyou\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-title\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e!</div>\r\n                <div class=\"popmechanic-sub-title\">\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435.</div>\r\n            </div>\r\n            <div class=\"background-img\"><img src=\"https://zdravcity.ru/upload/mindbox/widget/human.png\" alt=\"\"></div>\r\n        </div>\r\n    </div>\r\n</div>", "css": "#popmechanic-form.popmechanic-reset {\r\n    padding-top: 26px;\r\n    margin: 30px 0 40px;\r\n    height: auto !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-form-message .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-thankyou {\r\n    position: relative;\r\n    display: flex;\r\n    background-color: #007fdb;\r\n    padding: 20px 30px;\r\n    color: #fff;\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n    max-width: 490px;\r\n    padding-right: 70px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n    font-family: \"Effra-Medium\";\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n    font-size: 16px;\r\n    line-height: 25px;\r\n    margin-top: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-marks {\r\n    max-width: 440px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark {\r\n    cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark input {\r\n    display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark img {\r\n    width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark span {\r\n    display: block;\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 100%;\r\n    border: 2px solid #fff;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(1):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(1).active span {\r\n    background-color: #eb5757;\r\n    border-color: #eb5757;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(2):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(2).active span {\r\n    background-color: #ff7126;\r\n    border-color: #ff7126;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(3):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(3).active span {\r\n    background-color: #ffc448;\r\n    border-color: #ffc448;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(4):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(4).active span {\r\n    background-color: #5cc1f3;\r\n    border-color: #5cc1f3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(5):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(5).active span {\r\n    background-color: #3ad2aa;\r\n    border-color: #3ad2aa;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark.disabled,\r\n#popmechanic-form .popmechanic-mark.disabled span {\r\n    cursor: default !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark.disabled span {\r\n    background-color: transparent !important;\r\n    border-color: #ffffff !important;\r\n}\r\n\r\n#popmechanic-form .background-img {\r\n    position: absolute;\r\n    right: 41px;\r\n    bottom: 0;\r\n    height: 166px;\r\n    margin: 0;\r\n}\r\n\r\n#popmechanic-form .background-img img {\r\n    display: block;\r\n    height: 100%;\r\n    width: auto;\r\n    margin: 0 auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-form {\r\n    position: relative;\r\n    width: calc(100% - 260px);\r\n    line-height: 0;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-textarea {\r\n    width: calc(100% - 120px);\r\n    height: 60px;\r\n    resize: none;\r\n    border: 0;\r\n    padding: 10px 20px;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    color: #000000;\r\n    background: transparent;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n    position: absolute;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    height: 40px;\r\n    font-family: \"Effra-Medium\";\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    color: #ffffff;\r\n    background: #ff7126;\r\n    border-radius: 30px;\r\n    padding: 0 20px;\r\n    transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n    background: #ff894b;\r\n}\r\n\r\n#popmechanic-form .popmechanic-textarea::-webkit-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::-moz-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea:-ms-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::-ms-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea:focus {\r\n    outline: none;\r\n}\r\n\r\n#popmechanic-form .is-hide {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-reset {\r\n    padding-top: 0;\r\n    margin: 40px 0;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n    padding: 20px 20px 30px 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form-message .popmechanic-inputs {\r\n    padding: 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    max-width: calc(100% - 240px);\r\n    padding-right: 0;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-marks {\r\n    max-width: 350px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-mark span {\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .background-img {\r\n    right: 10px;\r\n    height: 170px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form-message .background-img {\r\n    right: 10px;\r\n    height: 170px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form {\r\n    max-width: calc(100% - 228px);\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea {\r\n    height: 90px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form.popmechanic-reset {\r\n    padding-top: 0;\r\n    margin: 20px 0 40px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form-message .popmechanic-inputs {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form-message .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n    padding: 20px 20px 0 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n    max-width: none;\r\n    padding-right: 0;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form {\r\n    width: 100%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n    font-size: 16px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n    font-size: 14px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-marks {\r\n    max-width: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark span {\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .background-img {\r\n    position: static;\r\n    height: 140px;\r\n    margin: 20px auto 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form {\r\n    max-width: none;\r\n    background: transparent;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n    width: 100%;\r\n    height: 80px;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n    position: static;\r\n    width: 100%;\r\n    margin: 10px 0 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou,\r\n#popmechanic-form .popmechanic-form-message {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main,\r\n.popmechanic-success #popmechanic-form .popmechanic-form-message {\r\n    display: none;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 51182, "template": 2381, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "ingosstrakh", "operator": "$exclude"}], "operator": "$and"}, {"id": "7", "name": "$or", "nodes": [{"id": "8", "field": "city", "value": [694423], "operator": "$in"}, {"id": "9", "field": "city", "value": [693805], "operator": "$in"}, {"id": "10", "field": "region", "value": [703883], "operator": "$in"}, {"id": "11", "field": "js", "value": "const ALLOWED_REGIONS = [\n   \"\u041a\u0440\u044b\u043c\",\n   \"\u0421\u0435\u0432\u0430\u0441\u0442\u043e\u043f\u043e\u043b\u044c\"\n];\n\nvar name_cookie = 'zc_v4_region';\nvar match = document.cookie.match(new RegExp('(^| )' + name_cookie + '=([^;]+)'));\n\nif (match) {\n    var value = match[2];\n    var reg_cookie_value = JSON.parse(decodeURIComponent(value));\n    return ALLOWED_REGIONS.includes(reg_cookie_value.name)\n}", "operator": "$exec"}], "operator": "$or"}, {"id": "12", "name": "$or", "nodes": [{"id": "13", "field": "form_seen", "value": {"forms": [25424, 27068, 52259, 48772, 48776, 52799], "interval": 7}, "operator": "$never"}, {"id": "14", "field": "form_uncompleted", "value": {"forms": "$any", "interval": 1}, "operator": "$after"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"timer": "{\"type\":\"cycle\",\"end\":{\"date\":1640995200},\"range\":{\"start\":\"visit\",\"duration\":259200},\"cycle\":{\"day\":[1,2,3,4,5],\"time\":\"00:00\",\"local\":-180,\"duration\":0}}", "title": "\u0421\u0440\u043e\u043a\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0432 \u0432\u0430\u0448 \u0440\u0435\u0433\u0438\u043e\u043d \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u044b", "bg_color": "#34bbfe", "subtitle": "\u041c\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u0432\u0435\u0437\u0435\u043c \u0432\u0441\u0435 \u0437\u0430\u043a\u0430\u0437\u044b \u0438 \u0441\u043e\u043e\u0431\u0449\u0438\u043c \u0432&nbsp;SMS, \u043a\u043e\u0433\u0434\u0430 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c.", "title_fw": "700", "title_lh": "1.5", "width_mob": "284", "timer_show": "0", "title_show": "1", "width_desk": "304", "close_color": "#000", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/img_-4454486391706980972.webp", "shadow_blur": "44", "shadow_show": "0", "subtitle_fw": "500", "subtitle_lh": "1.5", "title_color": "#ffffff", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/df4d63f07965d3193aca7b6c4ece4531d6014757ef66a869cce4ef1d1b2ca25a.webp", "shadow_color": "#000", "title_fs_mob": "20", "border_radius": "20", "close_bg_show": "0", "img_show_desk": "1", "img_width_mob": "94", "padding_x_mob": "22", "padding_y_mob": "26", "shadow_spread": "0", "subtitle_show": "1", "title_fs_desk": "22.00", "close_bg_color": "#ccc", "close_size_mob": "34", "img_offset_mob": "48", "img_width_desk": "155.00", "padding_x_desk": "18", "padding_y_desk": "28.00", "subtitle_color": "#ffffff", "timer_bg_color": "#007fdb", "timer_show_day": "0", "timer_show_min": "0", "timer_show_sec": "0", "bg_transparency": "1", "close_size_desk": "34", "img_offset_desk": "59.00", "img_shadow_show": "0", "img_shadow_size": "4.00", "shadow_offset_x": "0", "shadow_offset_y": "24", "subtitle_fs_mob": "16", "timer_digits_fw": "700", "timer_show_hour": "0", "border_width_mob": "0", "img_shadow_color": "#000", "subtitle_fs_desk": "16.00", "border_width_desk": "0", "timer_font_custom": "Effra", "timer_font_family": "Manrope, sans-serif", "title_font_custom": "Effra", "title_font_family": "Raleway, sans-serif", "img_position_x_mob": "center", "timer_digits_color": "#fff", "close_border_radius": "0", "img_position_x_desk": "center", "shadow_transparency": "0.25", "timer_digits_br_mob": "10", "timer_digits_fs_mob": "22", "timer_padding_x_mob": "16", "timer_padding_y_mob": "2", "close_position_x_mob": "10", "close_position_y_mob": "10", "subtitle_font_custom": "Effra", "subtitle_font_family": "Manrope, sans-serif", "timer_digits_bg_show": "0", "timer_digits_br_desk": "10", "timer_digits_fs_desk": "30", "timer_padding_x_desk": "16", "timer_padding_y_desk": "5", "timer_show_separator": "0", "title_position_x_mob": "center", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "15", "timer_digits_bg_color": "#000", "timer_separator_color": "#fff", "title_position_x_desk": "center", "img_margin_bottom_desk": "16.00", "timer_font_custom_show": "0", "title_font_custom_show": "1", "img_shadow_transparency": "0.20", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "18", "subtitle_position_x_desk": "center", "timer_digits_bg_size_mob": "54", "timer_separator_size_mob": "2", "title_margin_bottom_desk": "14.00", "subtitle_font_custom_show": "1", "timer_digits_bg_size_desk": "62", "timer_digits_item_gap_mob": "12", "timer_separator_size_desk": "4", "subtitle_margin_bottom_mob": "26", "timer_digits_item_gap_desk": "12", "subtitle_margin_bottom_desk": "0.00"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 174283}], "id": 50607, "behavior_settings": {"timer": {"close_on_end": false}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u041a\u0440\u044b\u043c", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": true, "minimal_timeout": null}, "start_date": "2023-01-12T10:29:00+03:00", "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-48423.png?ts=1693994579776", "rendered_button_preview": null, "settings": {"timer": "{\"type\":\"cycle\",\"end\":{\"date\":1640995200},\"range\":{\"start\":\"visit\",\"duration\":259200},\"cycle\":{\"day\":[1,2,3,4,5],\"time\":\"00:00\",\"local\":-180,\"duration\":0}}", "title": "\u0421\u0440\u043e\u043a\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0432 \u0432\u0430\u0448 \u0440\u0435\u0433\u0438\u043e\u043d \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u044b", "bg_color": "#34bbfe", "subtitle": "\u041c\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u0432\u0435\u0437\u0435\u043c \u0432\u0441\u0435 \u0437\u0430\u043a\u0430\u0437\u044b \u0438 \u0441\u043e\u043e\u0431\u0449\u0438\u043c \u0432&nbsp;SMS, \u043a\u043e\u0433\u0434\u0430 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c.", "title_fw": "700", "title_lh": "1.5", "width_mob": "284", "timer_show": "0", "title_show": "1", "width_desk": "304", "close_color": "#000", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/img_-4454486391706980972.webp", "shadow_blur": "44", "shadow_show": "0", "subtitle_fw": "500", "subtitle_lh": "1.5", "title_color": "#ffffff", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/df4d63f07965d3193aca7b6c4ece4531d6014757ef66a869cce4ef1d1b2ca25a.webp", "shadow_color": "#000", "title_fs_mob": "20", "border_radius": "20", "close_bg_show": "0", "img_show_desk": "1", "img_width_mob": "94", "padding_x_mob": "22", "padding_y_mob": "26", "shadow_spread": "0", "subtitle_show": "1", "title_fs_desk": "22.00", "close_bg_color": "#ccc", "close_size_mob": "34", "img_offset_mob": "48", "img_width_desk": "155.00", "padding_x_desk": "18", "padding_y_desk": "28.00", "subtitle_color": "#ffffff", "timer_bg_color": "#007fdb", "timer_show_day": "0", "timer_show_min": "0", "timer_show_sec": "0", "bg_transparency": "1", "close_size_desk": "34", "img_offset_desk": "59.00", "img_shadow_show": "0", "img_shadow_size": "4.00", "shadow_offset_x": "0", "shadow_offset_y": "24", "subtitle_fs_mob": "16", "timer_digits_fw": "700", "timer_show_hour": "0", "border_width_mob": "0", "img_shadow_color": "#000", "subtitle_fs_desk": "16.00", "border_width_desk": "0", "timer_font_custom": "Effra", "timer_font_family": "Manrope, sans-serif", "title_font_custom": "Effra", "title_font_family": "Raleway, sans-serif", "img_position_x_mob": "center", "timer_digits_color": "#fff", "close_border_radius": "0", "img_position_x_desk": "center", "shadow_transparency": "0.25", "timer_digits_br_mob": "10", "timer_digits_fs_mob": "22", "timer_padding_x_mob": "16", "timer_padding_y_mob": "2", "close_position_x_mob": "10", "close_position_y_mob": "10", "subtitle_font_custom": "Effra", "subtitle_font_family": "Manrope, sans-serif", "timer_digits_bg_show": "0", "timer_digits_br_desk": "10", "timer_digits_fs_desk": "30", "timer_padding_x_desk": "16", "timer_padding_y_desk": "5", "timer_show_separator": "0", "title_position_x_mob": "center", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "15", "timer_digits_bg_color": "#000", "timer_separator_color": "#fff", "title_position_x_desk": "center", "img_margin_bottom_desk": "16.00", "timer_font_custom_show": "0", "title_font_custom_show": "1", "img_shadow_transparency": "0.20", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "18", "subtitle_position_x_desk": "center", "timer_digits_bg_size_mob": "54", "timer_separator_size_mob": "2", "title_margin_bottom_desk": "14.00", "subtitle_font_custom_show": "1", "timer_digits_bg_size_desk": "62", "timer_digits_item_gap_mob": "12", "timer_separator_size_desk": "4", "subtitle_margin_bottom_mob": "26", "timer_digits_item_gap_desk": "12", "subtitle_margin_bottom_desk": "0.00"}, "button_settings": {}, "behavior_settings": {"timer": {"close_on_end": false}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 50464, "template": 2381, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["#dislike"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": ["#like"], "operator": "$in_contains"}, {"id": "5", "field": "page", "value": ["#neutral"], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"timer": "{\"type\":\"cycle\",\"end\":{\"date\":1640995200},\"range\":{\"start\":\"visit\",\"duration\":259200},\"cycle\":{\"day\":[1,2,3,4,5],\"time\":\"00:00\",\"local\":-180,\"duration\":86400}}", "title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u0430\u0448\u0443 \u043e\u0446\u0435\u043d\u043a\u0443!", "bg_color": "#D1E9FB", "subtitle": "\u043f\u0440\u0438&nbsp;\u0437\u0430\u043a\u0430\u0437\u0435 \u0441&nbsp;\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439 \u0438\u043b\u0438 \u0441\u0430\u043c\u043e\u0432\u044b\u0432\u043e\u0437\u043e\u043c \u0432&nbsp;\u043e\u0434\u043d\u043e\u0439 \u0438\u0437&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445  <a href=\"https://zdravcity.ru/pharmacies/\" target=\"_blank\" style=\"color: #FF7126; text-decoration: underline;\">\u0430\u043f\u0442\u0435\u043a \u041c\u043e\u0441\u043a\u0432\u044b</a> ", "title_fw": "700", "title_lh": "1.5", "width_mob": "284", "timer_show": "0", "title_show": "1", "width_desk": "304", "close_color": "#000", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/c4e74568f9860b2e1c6192f9d89edc9170c590bf059887812d9869f82a61eb52.webp", "shadow_blur": "44", "shadow_show": "0", "subtitle_fw": "500", "subtitle_lh": "1.5", "title_color": "#007fdb", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/c4e74568f9860b2e1c6192f9d89edc9170c590bf059887812d9869f82a61eb52.webp", "shadow_color": "#000", "title_fs_mob": "20", "border_radius": "20", "close_bg_show": "0", "img_show_desk": "1", "img_width_mob": "151.00", "padding_x_mob": "22", "padding_y_mob": "26", "shadow_spread": "0", "subtitle_show": "0", "title_fs_desk": "22.00", "close_bg_color": "#ccc", "close_size_mob": "34", "img_offset_mob": "86", "img_width_desk": "155.00", "padding_x_desk": "18", "padding_y_desk": "28.00", "subtitle_color": "#1E1E1E", "timer_bg_color": "#007fdb", "timer_show_day": "0", "timer_show_min": "0", "timer_show_sec": "0", "bg_transparency": "1", "close_size_desk": "34", "img_offset_desk": "86", "img_shadow_show": "0", "img_shadow_size": "4.00", "shadow_offset_x": "0", "shadow_offset_y": "24", "subtitle_fs_mob": "16", "timer_digits_fw": "700", "timer_show_hour": "0", "border_width_mob": "0", "img_shadow_color": "#000", "subtitle_fs_desk": "16.00", "border_width_desk": "0", "timer_font_custom": "Effra", "timer_font_family": "Manrope, sans-serif", "title_font_custom": "Effra", "title_font_family": "Raleway, sans-serif", "img_position_x_mob": "center", "timer_digits_color": "#fff", "close_border_radius": "0", "img_position_x_desk": "center", "shadow_transparency": "0.25", "timer_digits_br_mob": "10", "timer_digits_fs_mob": "22", "timer_padding_x_mob": "16", "timer_padding_y_mob": "2", "close_position_x_mob": "10", "close_position_y_mob": "10", "subtitle_font_custom": "Effra", "subtitle_font_family": "Manrope, sans-serif", "timer_digits_bg_show": "0", "timer_digits_br_desk": "10", "timer_digits_fs_desk": "30", "timer_padding_x_desk": "16", "timer_padding_y_desk": "5", "timer_show_separator": "0", "title_position_x_mob": "center", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "15", "timer_digits_bg_color": "#000", "timer_separator_color": "#fff", "title_position_x_desk": "center", "img_margin_bottom_desk": "16.00", "timer_font_custom_show": "0", "title_font_custom_show": "1", "img_shadow_transparency": "0.20", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "18", "subtitle_position_x_desk": "center", "timer_digits_bg_size_mob": "54", "timer_separator_size_mob": "2", "title_margin_bottom_desk": "14.00", "subtitle_font_custom_show": "1", "timer_digits_bg_size_desk": "62", "timer_digits_item_gap_mob": "12", "timer_separator_size_desk": "4", "subtitle_margin_bottom_mob": "26", "timer_digits_item_gap_desk": "12", "subtitle_margin_bottom_desk": "30.00"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 173846}], "id": 49902, "behavior_settings": {"timer": {"close_on_end": false}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041e\u0446\u0435\u043d\u043a\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": true, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-50831.png?ts=1693993608690", "rendered_button_preview": null, "settings": {"timer": "{\"type\":\"cycle\",\"end\":{\"date\":1640995200},\"range\":{\"start\":\"visit\",\"duration\":259200},\"cycle\":{\"day\":[1,2,3,4,5],\"time\":\"00:00\",\"local\":-180,\"duration\":86400}}", "title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u0430\u0448\u0443 \u043e\u0446\u0435\u043d\u043a\u0443!", "bg_color": "#D1E9FB", "subtitle": "\u043f\u0440\u0438&nbsp;\u0437\u0430\u043a\u0430\u0437\u0435 \u0441&nbsp;\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439 \u0438\u043b\u0438 \u0441\u0430\u043c\u043e\u0432\u044b\u0432\u043e\u0437\u043e\u043c \u0432&nbsp;\u043e\u0434\u043d\u043e\u0439 \u0438\u0437&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445  <a href=\"https://zdravcity.ru/pharmacies/\" target=\"_blank\" style=\"color: #FF7126; text-decoration: underline;\">\u0430\u043f\u0442\u0435\u043a \u041c\u043e\u0441\u043a\u0432\u044b</a> ", "title_fw": "700", "title_lh": "1.5", "width_mob": "284", "timer_show": "0", "title_show": "1", "width_desk": "304", "close_color": "#000", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/c4e74568f9860b2e1c6192f9d89edc9170c590bf059887812d9869f82a61eb52.webp", "shadow_blur": "44", "shadow_show": "0", "subtitle_fw": "500", "subtitle_lh": "1.5", "title_color": "#007fdb", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/c4e74568f9860b2e1c6192f9d89edc9170c590bf059887812d9869f82a61eb52.webp", "shadow_color": "#000", "title_fs_mob": "20", "border_radius": "20", "close_bg_show": "0", "img_show_desk": "1", "img_width_mob": "151.00", "padding_x_mob": "22", "padding_y_mob": "26", "shadow_spread": "0", "subtitle_show": "0", "title_fs_desk": "22.00", "close_bg_color": "#ccc", "close_size_mob": "34", "img_offset_mob": "86", "img_width_desk": "155.00", "padding_x_desk": "18", "padding_y_desk": "28.00", "subtitle_color": "#1E1E1E", "timer_bg_color": "#007fdb", "timer_show_day": "0", "timer_show_min": "0", "timer_show_sec": "0", "bg_transparency": "1", "close_size_desk": "34", "img_offset_desk": "86", "img_shadow_show": "0", "img_shadow_size": "4.00", "shadow_offset_x": "0", "shadow_offset_y": "24", "subtitle_fs_mob": "16", "timer_digits_fw": "700", "timer_show_hour": "0", "border_width_mob": "0", "img_shadow_color": "#000", "subtitle_fs_desk": "16.00", "border_width_desk": "0", "timer_font_custom": "Effra", "timer_font_family": "Manrope, sans-serif", "title_font_custom": "Effra", "title_font_family": "Raleway, sans-serif", "img_position_x_mob": "center", "timer_digits_color": "#fff", "close_border_radius": "0", "img_position_x_desk": "center", "shadow_transparency": "0.25", "timer_digits_br_mob": "10", "timer_digits_fs_mob": "22", "timer_padding_x_mob": "16", "timer_padding_y_mob": "2", "close_position_x_mob": "10", "close_position_y_mob": "10", "subtitle_font_custom": "Effra", "subtitle_font_family": "Manrope, sans-serif", "timer_digits_bg_show": "0", "timer_digits_br_desk": "10", "timer_digits_fs_desk": "30", "timer_padding_x_desk": "16", "timer_padding_y_desk": "5", "timer_show_separator": "0", "title_position_x_mob": "center", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "15", "timer_digits_bg_color": "#000", "timer_separator_color": "#fff", "title_position_x_desk": "center", "img_margin_bottom_desk": "16.00", "timer_font_custom_show": "0", "title_font_custom_show": "1", "img_shadow_transparency": "0.20", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "18", "subtitle_position_x_desk": "center", "timer_digits_bg_size_mob": "54", "timer_separator_size_mob": "2", "title_margin_bottom_desk": "14.00", "subtitle_font_custom_show": "1", "timer_digits_bg_size_desk": "62", "timer_digits_item_gap_mob": "12", "timer_separator_size_desk": "4", "subtitle_margin_bottom_mob": "26", "timer_digits_item_gap_desk": "12", "subtitle_margin_bottom_desk": "30.00"}, "button_settings": {}, "behavior_settings": {"timer": {"close_on_end": false}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 48776, "template": 2260, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": "63", "externalId": "1e5d5b8a-5d9f-491c-a185-52ad1580ea96"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "checkout", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"summ": "6010", "btn_url": "#", "title_1": "\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442. ", "bg_color": "#fff", "btn_show": "1", "btn_text": "\u041f\u0440\u0438\u043d\u044f\u0442\u044c \u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c", "img_same": "0", "title_fw": "500", "btn_blank": "0", "width_mob": "272.00", "btn_action": "close", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "", "width_desk": "690.00", "btn_form_id": "0", "btn_fs_desk": "14", "font_custom": "Effra", "font_family": "Montserrat, sans-serif", "height_desk": "50.00", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/473025188732813d75537195f0a35694970a.webp", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#007fdb", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/32c2b31e620a2b2604953d80a2f1fbbf5fe1.webp", "title_fs_mob": "15.00", "border_radius": "24.00", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "27.00", "title_fs_desk": "14.00", "btn_height_mob": "48", "btn_text_color": "#fff", "btn_width_desk": "176", "close_size_mob": "22", "img_height_mob": "105.00", "img_width_desk": "146.00", "padding_x_desk": "28.00", "padding_y_desk": "30.00", "subtitle_color": "#000", "bg_transparency": "1", "btn_height_desk": "48", "close_color_mob": "#b1b9c4", "close_size_desk": "24", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#0073c6", "btn_border_color": "#3445ed", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#b1b9c4", "font_custom_show": "1", "img_position_mob": "center", "subtitle_fs_desk": "14.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "48", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_accent_fw": "700", "close_bg_color_desk": "#222", "btn_border_color_hov": "#3445ed", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "5"}, "combinator": "and", "id": 172600}], "id": 48226, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "Cookie Mobile (\u043d\u043e\u0432\u0430\u044f \u0444\u043e\u0440\u043c\u0430)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": true, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-47134.png?ts=1693997448426", "rendered_button_preview": null, "settings": {"summ": "6010", "btn_url": "#", "title_1": "\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442. ", "bg_color": "#fff", "btn_show": "1", "btn_text": "\u041f\u0440\u0438\u043d\u044f\u0442\u044c \u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c", "img_same": "0", "title_fw": "500", "btn_blank": "0", "width_mob": "272.00", "btn_action": "close", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "", "width_desk": "690.00", "btn_form_id": "0", "btn_fs_desk": "14", "font_custom": "Effra", "font_family": "Montserrat, sans-serif", "height_desk": "50.00", "img_src_mob": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/473025188732813d75537195f0a35694970a.webp", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#007fdb", "img_show_mob": "1", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/32c2b31e620a2b2604953d80a2f1fbbf5fe1.webp", "title_fs_mob": "15.00", "border_radius": "24.00", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "27.00", "title_fs_desk": "14.00", "btn_height_mob": "48", "btn_text_color": "#fff", "btn_width_desk": "176", "close_size_mob": "22", "img_height_mob": "105.00", "img_width_desk": "146.00", "padding_x_desk": "28.00", "padding_y_desk": "30.00", "subtitle_color": "#000", "bg_transparency": "1", "btn_height_desk": "48", "close_color_mob": "#b1b9c4", "close_size_desk": "24", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#0073c6", "btn_border_color": "#3445ed", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#b1b9c4", "font_custom_show": "1", "img_position_mob": "center", "subtitle_fs_desk": "14.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "48", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_accent_fw": "700", "close_bg_color_desk": "#222", "btn_border_color_hov": "#3445ed", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%\r\n                        var balance = 0;\r\n                        var total = 0;\r\n                                                         \r\n                        if (cart.length) {\r\n                           total = PopMechanic._.reduce(\r\n                             cart,\r\n                             function (total, productLine) {\r\n                               total += productLine.priceOfLine || productLine.pricePerItem * productLine.count || 0;\r\n\r\n                               return total;\r\n                             },\r\n                             0\r\n                           );\t                                 \r\n                        } else if (popmechanicCart) {\r\n                           total = parseInt(popmechanicCart.totalWithDiscount, 10);                            \r\n                        }       \r\n                        \r\n                        var summNumber = parseInt(summ, 10); \r\n                        balance = (total < summNumber) ? summNumber - total : \"\";                                 \r\n                                                         \r\n                    \ttry {\r\n                          print(PopMechanic._.template(subtitle_1)({ balance: balance }));\r\n                        } catch (_err) {};\r\n                    %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<% if(parseInt(btn_show)) { %>\r\n\r\n\t\t\t\t<% if(btn_action === \"form\") { %>\r\n\t\t\t\t<a id=\"popmechanic-js-form-open\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-submit\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"link\") { %>\r\n\t\t\t\t<a href=\"<%= btn_url %>\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close\r\n\t\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>\r\n\t\t\t\t\t data-popmechanic-submit><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"close\") { %>\r\n\t\t\t\t<a class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t<% } %>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n\t<% } %>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n  return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n  }).substring(1).match(/.{2}/g).map(function (x) {\r\n    return parseInt(x, 16);\r\n  });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t<% } %>\r\n}\r\n\r\n<% if(parseInt(img_show_desk) || parseInt(img_show_mob)) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tfont-family: inherit;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n\tcolor: <%= subtitle_accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding: 0.5em;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: 500;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\ttransition-property: background-color, color, border-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t}\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_desk %>px;\r\n\tmin-height: <%= height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\talign-items: center;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if(parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\tmax-width: <%= img_width_desk %>px;\r\n\t\tmin-height: 100%;\r\n\t\tbackground-image: url(<%= img_src_desk %>);\r\n\t\tbackground-position: <%= img_position_desk %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if(parseInt(close_show)) { %>\r\n\t\tpadding-right: <%= +padding_x_desk + +close_size_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 0px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-width: <%= btn_width_desk %>px;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_position_desk === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_desk === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if(parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\tmin-height: <%= img_height_mob %>px;\r\n\t\tbackground-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n\t\tbackground-position: <%= img_position_mob %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if(parseInt(close_show) && !parseInt(img_show_mob)) { %>\r\n\t\tpadding-right: <%= +padding_x_mob + +close_size_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle span,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmax-width: <%= btn_width_mob %>px;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_position_mob === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_mob === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.2s;\r\n\t\ttransition-timing-function: ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t@media (hover: hover) {\r\n\t\t#popmechanic-form .popmechanic-close:hover::before,\r\n\t\t#popmechanic-form .popmechanic-close:focus::before {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t\t}\r\n\t\t#popmechanic-form .popmechanic-close:hover::after,\r\n\t\t#popmechanic-form .popmechanic-close:focus::after {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(225deg);\r\n\t\t}\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= padding_y_desk %>px;\r\n\t\tright: <%= padding_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t\t<% if(parseInt(close_bg_show_desk)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_desk %>;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\tright: <%= padding_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t\t<% if(parseInt(close_bg_show_mob)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t\t<% if (!parseInt(img_show_mob)) { %>\r\n\t\t\ttop: <%= padding_y_mob %>px;\r\n\t\t<% } else { %>\r\n\t\t\ttop: 20px;\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_mob %>;\r\n\t}\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 48772, "template": 2260, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": "63", "externalId": "1e5d5b8a-5d9f-491c-a185-52ad1580ea96"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "checkout", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"summ": "6010", "btn_url": "#", "title_1": "\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442. ", "bg_color": "#fff", "btn_show": "1", "btn_text": "\u041f\u0440\u0438\u043d\u044f\u0442\u044c \u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c", "img_same": "0", "title_fw": "500", "btn_blank": "0", "width_mob": "272.00", "btn_action": "close", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "", "width_desk": "614.00", "btn_form_id": "0", "btn_fs_desk": "14", "font_custom": "Effra", "font_family": "Montserrat, sans-serif", "height_desk": "50.00", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/7027/5f873b6759d7302f4bcb619ea94ecc44a8d78d19c966c209ed08bca142f59d3d.png", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#6439D0", "img_show_mob": "0", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/cc44a8d78d19c966c209ed08bca142f59d3d.webp", "title_fs_mob": "15.00", "border_radius": "24.00", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "27.00", "title_fs_desk": "14.00", "btn_height_mob": "48", "btn_text_color": "#fff", "btn_width_desk": "176", "close_size_mob": "22", "img_height_mob": "256.00", "img_width_desk": "144.00", "padding_x_desk": "28.00", "padding_y_desk": "30.00", "subtitle_color": "#000", "bg_transparency": "1", "btn_height_desk": "48", "close_color_mob": "#b1b9c4", "close_size_desk": "24", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#7879f1", "btn_border_color": "#3445ed", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#b1b9c4", "font_custom_show": "1", "img_position_mob": "center", "subtitle_fs_desk": "14.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "48", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_accent_fw": "700", "close_bg_color_desk": "#222", "btn_border_color_hov": "#3445ed", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "1"}, "combinator": "and", "id": 172598}], "id": 48222, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "Cookie Desktop (\u043d\u043e\u0432\u0430\u044f \u0444\u043e\u0440\u043c\u0430)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": true, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-47131.png?ts=1693997598488", "rendered_button_preview": null, "settings": {"summ": "6010", "btn_url": "#", "title_1": "\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442. ", "bg_color": "#fff", "btn_show": "1", "btn_text": "\u041f\u0440\u0438\u043d\u044f\u0442\u044c \u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c", "img_same": "0", "title_fw": "500", "btn_blank": "0", "width_mob": "272.00", "btn_action": "close", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "", "width_desk": "614.00", "btn_form_id": "0", "btn_fs_desk": "14", "font_custom": "Effra", "font_family": "Montserrat, sans-serif", "height_desk": "50.00", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/7027/5f873b6759d7302f4bcb619ea94ecc44a8d78d19c966c209ed08bca142f59d3d.png", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#6439D0", "img_show_mob": "0", "img_src_desk": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/cc44a8d78d19c966c209ed08bca142f59d3d.webp", "title_fs_mob": "15.00", "border_radius": "24.00", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "27.00", "title_fs_desk": "14.00", "btn_height_mob": "48", "btn_text_color": "#fff", "btn_width_desk": "176", "close_size_mob": "22", "img_height_mob": "256.00", "img_width_desk": "144.00", "padding_x_desk": "28.00", "padding_y_desk": "30.00", "subtitle_color": "#000", "bg_transparency": "1", "btn_height_desk": "48", "close_color_mob": "#b1b9c4", "close_size_desk": "24", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#7879f1", "btn_border_color": "#3445ed", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#b1b9c4", "font_custom_show": "1", "img_position_mob": "center", "subtitle_fs_desk": "14.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "48", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_accent_fw": "700", "close_bg_color_desk": "#222", "btn_border_color_hov": "#3445ed", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%\r\n                        var balance = 0;\r\n                        var total = 0;\r\n                                                         \r\n                        if (cart.length) {\r\n                           total = PopMechanic._.reduce(\r\n                             cart,\r\n                             function (total, productLine) {\r\n                               total += productLine.priceOfLine || productLine.pricePerItem * productLine.count || 0;\r\n\r\n                               return total;\r\n                             },\r\n                             0\r\n                           );\t                                 \r\n                        } else if (popmechanicCart) {\r\n                           total = parseInt(popmechanicCart.totalWithDiscount, 10);                            \r\n                        }       \r\n                        \r\n                        var summNumber = parseInt(summ, 10); \r\n                        balance = (total < summNumber) ? summNumber - total : \"\";                                 \r\n                                                         \r\n                    \ttry {\r\n                          print(PopMechanic._.template(subtitle_1)({ balance: balance }));\r\n                        } catch (_err) {};\r\n                    %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<% if(parseInt(btn_show)) { %>\r\n\r\n\t\t\t\t<% if(btn_action === \"form\") { %>\r\n\t\t\t\t<a id=\"popmechanic-js-form-open\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-submit\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"link\") { %>\r\n\t\t\t\t<a href=\"<%= btn_url %>\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close\r\n\t\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>\r\n\t\t\t\t\t data-popmechanic-submit><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"close\") { %>\r\n\t\t\t\t<a class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t<% } %>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n\t<% } %>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n  return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n  }).substring(1).match(/.{2}/g).map(function (x) {\r\n    return parseInt(x, 16);\r\n  });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t<% } %>\r\n}\r\n\r\n<% if(parseInt(img_show_desk) || parseInt(img_show_mob)) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tfont-family: inherit;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n\tcolor: <%= subtitle_accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding: 0.5em;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: 500;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\ttransition-property: background-color, color, border-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t}\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_desk %>px;\r\n\tmin-height: <%= height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\talign-items: center;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if(parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\tmax-width: <%= img_width_desk %>px;\r\n\t\tmin-height: 100%;\r\n\t\tbackground-image: url(<%= img_src_desk %>);\r\n\t\tbackground-position: <%= img_position_desk %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if(parseInt(close_show)) { %>\r\n\t\tpadding-right: <%= +padding_x_desk + +close_size_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 0px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-width: <%= btn_width_desk %>px;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_position_desk === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_desk === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if(parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\tmin-height: <%= img_height_mob %>px;\r\n\t\tbackground-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n\t\tbackground-position: <%= img_position_mob %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if(parseInt(close_show) && !parseInt(img_show_mob)) { %>\r\n\t\tpadding-right: <%= +padding_x_mob + +close_size_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle span,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmax-width: <%= btn_width_mob %>px;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_position_mob === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_mob === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.2s;\r\n\t\ttransition-timing-function: ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t@media (hover: hover) {\r\n\t\t#popmechanic-form .popmechanic-close:hover::before,\r\n\t\t#popmechanic-form .popmechanic-close:focus::before {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t\t}\r\n\t\t#popmechanic-form .popmechanic-close:hover::after,\r\n\t\t#popmechanic-form .popmechanic-close:focus::after {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(225deg);\r\n\t\t}\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= padding_y_desk %>px;\r\n\t\tright: <%= padding_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t\t<% if(parseInt(close_bg_show_desk)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_desk %>;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\tright: <%= padding_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t\t<% if(parseInt(close_bg_show_mob)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t\t<% if (!parseInt(img_show_mob)) { %>\r\n\t\t\ttop: <%= padding_y_mob %>px;\r\n\t\t<% } else { %>\r\n\t\t\ttop: 20px;\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_mob %>;\r\n\t}\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 48380, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "js", "value": "return (document.cookie.indexOf(\"agentLogin\") != -1)", "operator": "$exec"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "ingosstrakh", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "promokod", "operator": "$exclude"}], "operator": "$and"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 300, "externalId": "5cc2c923-1c94-418a-812f-e2a9eb201b6c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "10", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "11", "name": "$or", "nodes": [{"id": "12", "field": "form_seen", "value": {"forms": [25424, 27068, 52259, 48772, 48776], "interval": 7}, "operator": "$never"}, {"id": "13", "field": "form_uncompleted", "value": {"forms": [27068, 48772, 48776, 25424, 52259], "interval": 7}, "operator": "$after"}], "operator": "$or"}, {"id": "14", "name": "$or", "nodes": [{"id": "15", "field": "utm_source", "value": "advcake", "operator": "$exclude"}, {"id": "16", "field": "utm_source", "value": "admitad", "operator": "$exclude"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/9315f00d408f507b64ae080a6094f84873bc7fc60e2730913b02df4286c61ab6.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u043a\u0438\u0434\u043a\u0443 10%", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": false, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e-\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0432\u0430\u0448\u0443 \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "15", "inactive": "15", "pages_session": "2"}, "combinator": "or", "id": 172330}], "id": 47839, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 (\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-46754.png?ts=1693984986705", "rendered_button_preview": null, "settings": {"crug1": "30.00", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/9315f00d408f507b64ae080a6094f84873bc7fc60e2730913b02df4286c61ab6.webp", "label": "", "width": "630.00", "header": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u043a\u0438\u0434\u043a\u0443 10%", "cl_col1": "#ffffff", "askLebel": "0", "but_col3": "#ffffff", "inp_col1": "#ffffff", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#ff7126", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&raquo;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c&nbsp;<a href=\"https://zdravcity.ru/consent-of-site-visitors/\" target=\"_blank\" style=\"color: #ffffff; text-decoration: underline;\">\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a>", "params": {"checked": true, "link_href": "https://zdravcity.ru/consent-of-site-visitors/", "link_text": "", "show_link": false, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "Effra", "label_color": "#fa2453", "font_size_mob": "26.00", "thankyou_text": "\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e-\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0432\u0430\u0448\u0443 \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#7146da", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#ffcf2a\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-thankyou-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 60%;\r\n  padding: 40px 10px 37px 40px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 40%;\r\n  border-radius: 0 2px 2px 0;\r\n  background-image: url(\"<%=image%>\");\r\nbackground-size: cover;}\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0;\r\n  color: #ffffff;}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  font-size: 18px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #ffffff; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    z-index: 0; }\r\n    \r\n    \r\n    #popmechanic-form .popmechanic-thankyou-button {\r\n  width: 50%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n \r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n   font-weight: bold;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n  \r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n  color: #ffffff;\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:700px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 160px;\r\n  background-size: cover;\r\nbackground-position: bottom 250px right 0px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0;\r\n  color: #ffffff;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block;\r\n  }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #fff;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #ffffff; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #ffcf2a;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 45115, "template": 1764, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["zdravcity.ru/dostavka/"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"smile_1": "https://personalization-web-stable.mindbox.ru/user-media/2521/b7a053500fede96f88809893ffbdd3549f9c0b7e74247f9f907d2107ddaae2e2.png", "smile_2": "https://personalization-web-stable.mindbox.ru/user-media/2521/384a3689adc62db6a4c016b8b3cfd06f73358b27775efaf8a6421f72328d4edf.png", "smile_3": "https://personalization-web-stable.mindbox.ru/user-media/2521/f00a7241c6613577bd9cdc14045cbf4a1a799cb72256b8789233f46dec0a9e21.png", "smile_4": "https://personalization-web-stable.mindbox.ru/user-media/2521/5a4c025b5f1bcb68bfb05e3b061f0b91d2a3e315769d853b13ea61f545258bef.png", "smile_5": "https://personalization-web-stable.mindbox.ru/user-media/2521/22d60a11bac32a99f726743ec2248326ae40e1bfd943230807309da7d007a913.png", "title_1": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_2": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_color": "#ffffff", "btn_width": "337", "form_font": "Open Sans, sans-serif", "img_width": "80", "inp_color": "#000000", "inp_width": "910", "btn_height": "47", "btn_text_2": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "btn_text_3": "\u0417\u0410\u041a\u0420\u042b\u0422\u042c", "close_show": "0", "inp_height": "148", "btn_bgcolor": "#459936", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "118", "inp_bgcolor": "#ffffff", "pad_top_mob": "33", "placeholder": "\u0412\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439", "sub_title_1": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e           \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0437\u0430\u043a\u0430\u0437:", "sub_title_2": "\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435, \u0447\u0442\u043e \u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c", "sub_title_3": "\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435", "title_color": "#000000", "btn_fontsize": "18", "inp_fontsize": "14", "pad_left_mob": "22", "show_form_bg": "0", "show_title_1": "0", "show_title_2": "0", "show_title_3": "0", "btn_width_mob": "285", "btn_width_msg": "190", "form_bg_color": "#ffffff", "img_width_mob": "100.00", "inp_width_mob": "285", "pad_right_mob": "22", "btn_height_mob": "47", "btn_height_msg": "53", "close_size_mob": "20", "inp_height_mob": "215", "message_height": "233", "pad_bottom_mob": "10", "title_fontsize": "22", "btn_hover_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "432", "main_height_mob": "280", "sub_title_color": "#000000", "btn_fontsize_mob": "18", "close_color_desk": "#000", "form_line_height": "1.3", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "0", "show_sub_title_3": "0", "btn_border_radius": "1", "btn_hover_bgcolor": "#37772b", "close_bg_show_mob": "0", "inp_broder_radius": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_border_radius": "1", "sub_title_fontsize": "16", "title_fontsize_mob": "20", "close_bg_color_desk": "#000000", "form_line_height_mob": "1.2", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 44611, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u041e\u0446\u0435\u043d\u043a\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438", "active": true, "embed_selector": true, "selector": ".return", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-45115.png?ts=1678606392052", "rendered_button_preview": null, "settings": {"smile_1": "https://personalization-web-stable.mindbox.ru/user-media/2521/b7a053500fede96f88809893ffbdd3549f9c0b7e74247f9f907d2107ddaae2e2.png", "smile_2": "https://personalization-web-stable.mindbox.ru/user-media/2521/384a3689adc62db6a4c016b8b3cfd06f73358b27775efaf8a6421f72328d4edf.png", "smile_3": "https://personalization-web-stable.mindbox.ru/user-media/2521/f00a7241c6613577bd9cdc14045cbf4a1a799cb72256b8789233f46dec0a9e21.png", "smile_4": "https://personalization-web-stable.mindbox.ru/user-media/2521/5a4c025b5f1bcb68bfb05e3b061f0b91d2a3e315769d853b13ea61f545258bef.png", "smile_5": "https://personalization-web-stable.mindbox.ru/user-media/2521/22d60a11bac32a99f726743ec2248326ae40e1bfd943230807309da7d007a913.png", "title_1": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_2": "\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u043c?", "title_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_color": "#ffffff", "btn_width": "337", "form_font": "Open Sans, sans-serif", "img_width": "80", "inp_color": "#000000", "inp_width": "910", "btn_height": "47", "btn_text_2": "\u041e\u0422\u041f\u0420\u0410\u0412\u0418\u0422\u042c", "btn_text_3": "\u0417\u0410\u041a\u0420\u042b\u0422\u042c", "close_show": "0", "inp_height": "148", "btn_bgcolor": "#459936", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "118", "inp_bgcolor": "#ffffff", "pad_top_mob": "33", "placeholder": "\u0412\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439", "sub_title_1": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e           \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0437\u0430\u043a\u0430\u0437:", "sub_title_2": "\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435, \u0447\u0442\u043e \u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c", "sub_title_3": "\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435", "title_color": "#000000", "btn_fontsize": "18", "inp_fontsize": "14", "pad_left_mob": "22", "show_form_bg": "0", "show_title_1": "0", "show_title_2": "0", "show_title_3": "0", "btn_width_mob": "285", "btn_width_msg": "190", "form_bg_color": "#ffffff", "img_width_mob": "100.00", "inp_width_mob": "285", "pad_right_mob": "22", "btn_height_mob": "47", "btn_height_msg": "53", "close_size_mob": "20", "inp_height_mob": "215", "message_height": "233", "pad_bottom_mob": "10", "title_fontsize": "22", "btn_hover_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "432", "main_height_mob": "280", "sub_title_color": "#000000", "btn_fontsize_mob": "18", "close_color_desk": "#000", "form_line_height": "1.3", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "14", "show_sub_title_1": "0", "show_sub_title_2": "0", "show_sub_title_3": "0", "btn_border_radius": "1", "btn_hover_bgcolor": "#37772b", "close_bg_show_mob": "0", "inp_broder_radius": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_border_radius": "1", "sub_title_fontsize": "16", "title_fontsize_mob": "20", "close_bg_color_desk": "#000000", "form_line_height_mob": "1.2", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<div class=\"popmechanic-paranja popmechanic-normal\" id=\"popmechanic-zdravcity-market\">\r\n    <div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n        <div class=\"popmechanic-main popmechanic-screen popmechanic-screen_active\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-title\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0435 \u0431\u044b\u043b\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439?</div>\r\n                <div class=\"popmechanic-sub-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0441\u043c\u0430\u0439\u043b, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430.</div>\r\n            </div>\r\n            <div class=\"popmechanic-marks\">\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"1\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '1'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/1.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/1-mob.svg\" alt=\"1\" title=\"1\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"2\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '2'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/2.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/2-mob.svg\" alt=\"2\" title=\"2\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"3\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-form-message\"\r\n                    onclick=\"PopMechanic.customs.mark = '3'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/3.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/3-mob.svg\" alt=\"3\" title=\"3\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"4\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-thankyou\" onclick=\"PopMechanic.customs.mark = '4'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/4.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/4-mob.svg\" alt=\"4\" title=\"4\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n                <button class=\"popmechanic-mark\" type=\"button\" name=\"button\" value=\"5\" data-popmechanic-submit\r\n                    data-target=\"screen\" href=\"#popmechanic-thankyou\" onclick=\"PopMechanic.customs.mark = '5'\"><span>\r\n                        <picture>\r\n                            <source srcset=\"https://zdravcity.ru/upload/mindbox/widget/5.svg\"\r\n                                media=\"(min-width: 1280px)\"><img\r\n                                src=\"https://zdravcity.ru/upload/mindbox/widget/5-mob.svg\" alt=\"5\" title=\"5\">\r\n                        </picture>\r\n                    </span>\r\n                </button>\r\n            </div>\r\n            <div class=\"background-img\"></div>\r\n        </div>\r\n        <div class=\"popmechanic-screen popmechanic-form-message popmechanic-screen_active\"\r\n            id=\"popmechanic-form-message\">\r\n            <div class=\"popmechanic-inputs\">\r\n                <form class=\"popmechanic-form\">\r\n                    <textarea maxlength=\"700\"\r\n                     placeholder=\"\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c?\"\r\n                    data-popmechanic-input=\"customs.message\"\r\n                    data-popmechanic-required\r\n                              class=\"popmechanic-textarea\"></textarea>\r\n                    <button type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                            data-target=\"screen\" href=\"#popmechanic-thankyou\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c</button>\r\n                </form>\r\n                <div class=\"background-img\"><img src=\"https://zdravcity.ru/upload/mindbox/widget/human.png\" alt=\"\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou popmechanic-screen popmechanic-screen_active\" id=\"popmechanic-thankyou\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-title\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e!</div>\r\n                <div class=\"popmechanic-sub-title\">\u0412\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435.</div>\r\n            </div>\r\n            <div class=\"background-img\"><img src=\"https://zdravcity.ru/upload/mindbox/widget/human.png\" alt=\"\"></div>\r\n        </div>\r\n    </div>\r\n</div>", "css": "#popmechanic-form.popmechanic-reset {\r\n    padding-top: 66px;\r\n    margin: 30px 0 40px;\r\n    height: auto !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-form-message .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-thankyou {\r\n    position: relative;\r\n    display: flex;\r\n    background-color: #34bbfe;\r\n    padding: 20px 30px;\r\n    color: #fff;\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n    max-width: 490px;\r\n    padding-right: 70px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n    font-family: \"Effra-Medium\";\r\n    font-size: 20px;\r\n    line-height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n    font-size: 16px;\r\n    line-height: 25px;\r\n    margin-top: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-marks {\r\n    max-width: 440px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark {\r\n    cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark input {\r\n    display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark img {\r\n    width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark span {\r\n    display: block;\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 100%;\r\n    border: 2px solid #fff;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(1):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(1).active span {\r\n    background-color: #eb5757;\r\n    border-color: #eb5757;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(2):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(2).active span {\r\n    background-color: #ff7126;\r\n    border-color: #ff7126;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(3):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(3).active span {\r\n    background-color: #ffc448;\r\n    border-color: #ffc448;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(4):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(4).active span {\r\n    background-color: #5cc1f3;\r\n    border-color: #5cc1f3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:nth-child(5):hover span,\r\n#popmechanic-form .popmechanic-mark:nth-child(5).active span {\r\n    background-color: #3ad2aa;\r\n    border-color: #3ad2aa;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark.disabled,\r\n#popmechanic-form .popmechanic-mark.disabled span {\r\n    cursor: default !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark.disabled span {\r\n    background-color: transparent !important;\r\n    border-color: #ffffff !important;\r\n}\r\n\r\n#popmechanic-form .background-img {\r\n    position: absolute;\r\n    right: 41px;\r\n    bottom: 0;\r\n    height: 166px;\r\n    margin: 0;\r\n}\r\n\r\n#popmechanic-form .background-img img {\r\n    display: block;\r\n    height: 100%;\r\n    width: auto;\r\n    margin: 0 auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-form {\r\n    position: relative;\r\n    width: calc(100% - 260px);\r\n    line-height: 0;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-textarea {\r\n    width: calc(100% - 120px);\r\n    height: 60px;\r\n    resize: none;\r\n    border: 0;\r\n    padding: 10px 20px;\r\n    font-size: 14px;\r\n    line-height: 25px;\r\n    color: #000000;\r\n    background: transparent;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n    position: absolute;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    height: 40px;\r\n    font-family: \"Effra-Medium\";\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    color: #ffffff;\r\n    background: #ff7126;\r\n    border-radius: 30px;\r\n    padding: 0 20px;\r\n    transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n    background: #ff894b;\r\n}\r\n\r\n#popmechanic-form .popmechanic-textarea::-webkit-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::-moz-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea:-ms-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::-ms-input-placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea::placeholder {\r\n    color: rgba(#000000, 0.3);\r\n}\r\n#popmechanic-form .popmechanic-textarea:focus {\r\n    outline: none;\r\n}\r\n\r\n#popmechanic-form .is-hide {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-reset {\r\n    padding-top: 0;\r\n    margin: 40px 0;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n    padding: 20px 20px 30px 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form-message .popmechanic-inputs {\r\n    padding: 20px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    max-width: calc(100% - 240px);\r\n    padding-right: 0;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-marks {\r\n    max-width: 350px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-mark span {\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .background-img {\r\n    right: 10px;\r\n    height: 170px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form-message .background-img {\r\n    right: 10px;\r\n    height: 170px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-form {\r\n    max-width: calc(100% - 228px);\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea {\r\n    height: 90px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form.popmechanic-reset {\r\n    padding-top: 0;\r\n    margin: 20px 0 40px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form-message .popmechanic-inputs {\r\n    display: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form-message .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n    padding: 20px 20px 0 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n    max-width: none;\r\n    padding-right: 0;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form {\r\n    width: 100%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n    font-size: 16px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n    font-size: 14px;\r\n    margin-top: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-marks {\r\n    max-width: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark span {\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .background-img {\r\n    position: static;\r\n    height: 140px;\r\n    margin: 20px auto 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-form {\r\n    max-width: none;\r\n    background: transparent;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n    width: 100%;\r\n    height: 80px;\r\n    background: #ffffff;\r\n    border-radius: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n    position: static;\r\n    width: 100%;\r\n    margin: 10px 0 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou,\r\n#popmechanic-form .popmechanic-form-message {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main,\r\n.popmechanic-success #popmechanic-form .popmechanic-form-message {\r\n    display: none;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 29455, "template": 1137, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 5540, "externalId": "7e8f62fc-591e-4b1e-92f6-612e396a1502"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$or", "nodes": [{"id": "4", "field": "form_seen", "value": {"forms": [25424, 27068], "interval": 30}, "operator": "$after"}, {"id": "5", "field": "form_seen", "value": {"forms": [41648, 41687, 34196], "interval": 7}, "operator": "$never"}], "operator": "$or"}, {"id": "6", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "7", "field": "utm_campaign", "value": "paraolympic", "operator": "$exclude"}, {"id": "8", "name": "$and", "type": "current_page", "nodes": [{"id": "9", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "checkout", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"proz": "1.00", "pad11": "200.00", "timer": "{\"type\":\"cycle\",\"end\":{\"date\":1562758112},\"range\":{\"start\":1627462523,\"duration\":86400},\"cycle\":{\"day\":[0,1,2,3,4,5,6],\"time\":\"00:00\",\"local\":-180,\"duration\":43200}}", "img_top": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/fe20538aaa4f02fac2322aa6830ce93804c4db340bdabb46582b563d12982831.webp", "pad_top": "0.00", "btn_text": "\u041a \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c", "link_url": "#", "pad_left": "1", "show_btn": "0", "btn_color": "#ffffff", "btn_width": "333", "form_font": "Roboto, sans-serif", "pad_right": "1", "show_dots": "1", "btn_action": "link", "btn_height": "73", "pad_bottom": "1", "show_timer": "1", "show_title": "1", "timer_days": "\u0434\u043d\u0435\u0439", "close_color": "#FF7126", "custom_font": "Effra", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/6464/9cb1f0b61341e42640cccd8b2d67f6ea6477114652b02107d0c8fb22c053433d.png", "form_height": "100.00", "img_top_top": "8.00", "pad_top_mob": "24.00", "timer_color": "#000000", "timer_hours": "\u0447\u0430\u0441\u043e\u0432", "timer_size1": "240.00", "timer_title": "\u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f:", "title_color": "#000000", "btn_bg_color": "#FF7126", "btn_fontsize": "23", "close_color2": "#FF7126", "form_open_id": "1", "img_top_left": "-100.00", "pad_left_mob": "1", "show_form_bg": "0", "show_img_top": "1", "btn_width_mob": "228", "form_bg_color": "#ffc448", "img_top_width": "325.00", "pad_right_mob": "1", "timer_bgcolor": "transparent", "timer_minutes": "\u043c\u0438\u043d\u0443\u0442", "timer_opacity": "0.00", "timer_seconds": "\u0441\u0435\u043a\u0443\u043d\u0434", "btn_height_mob": "44", "form_width_mob": "319.00", "img_top_height": "100.00", "pad_bottom_mob": "0.00", "show_sub_title": "1", "sub_title_text": "\u041f\u041e\u041b\u0423\u0427\u0418\u0422\u0415 \u0417\u0410\u041a\u0410\u0417 \u0421\u0415\u0413\u041e\u0414\u041d\u042f", "timer_fontsize": "31.00", "timer_title1_d": "14.00", "timer_title1_m": "12", "title_fontsize": "14.00", "btn_hover_color": "#FF7126", "form_height_mob": "258", "img_top_top_mob": "-100.00", "show_img_mobile": "0", "show_timer_days": "0", "sub_title_color": "#000000", "use_custom_font": "1", "btn_fontsize_mob": "14", "form_line_height": "1.00", "img_top_left_mob": "0.00", "show_timer_hours": "1", "show_timer_names": "0", "time_names_color": "#ffffff", "bg_img_top_mobile": "https://personalization-web-stable.mindbox.ru/user-media/7027/f68b3c055cbc5902621cedc0a62333847fcc17ce5ffed47206f8193e4b2d470a.png", "btn_border_radius": "47", "img_top_width_mob": "100.00", "timer_title_color": "#FF7126", "btn_bg_hover_color": "#DE6400", "form_border_radius": "2.00", "img_top_height_mob": "110.00", "sub_title_fontsize": "16.00", "timer_fontsize_mob": "32.00", "title_fontsize_mob": "14", "title_bold_fontsize": "8.00", "title_text_pre_bold": "\u043f\u0440\u0438&nbsp;\u0437\u0430\u043a\u0430\u0437\u0435 \u0441&nbsp;\u0441\u0430\u043c\u043e\u0432\u044b\u0432\u043e\u0437\u043e\u043c \u0432&nbsp;\u043e\u0434\u043d\u043e\u0439 \u0438\u0437&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0430\u043f\u0442\u0435\u043a \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433\u0430", "form_line_height_mob": "1.50", "sub_title_fontsize_mob": "16", "title_bold_fontsize_mob": "18"}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages_session": "2"}, "combinator": "and", "id": 158297}], "id": 29044, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433 (\u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043e)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [false, true, true, true, true, true, false], "start_time": "00:00:00", "end_time": "11:50:00", "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-28766.png?ts=1693995120514", "rendered_button_preview": null, "settings": {"proz": "1.00", "pad11": "200.00", "timer": "{\"type\":\"cycle\",\"end\":{\"date\":1562758112},\"range\":{\"start\":1627462523,\"duration\":86400},\"cycle\":{\"day\":[0,1,2,3,4,5,6],\"time\":\"00:00\",\"local\":-180,\"duration\":43200}}", "img_top": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/fe20538aaa4f02fac2322aa6830ce93804c4db340bdabb46582b563d12982831.webp", "pad_top": "0.00", "btn_text": "\u041a \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c", "link_url": "#", "pad_left": "1", "show_btn": "0", "btn_color": "#ffffff", "btn_width": "333", "form_font": "Roboto, sans-serif", "pad_right": "1", "show_dots": "1", "btn_action": "link", "btn_height": "73", "pad_bottom": "1", "show_timer": "1", "show_title": "1", "timer_days": "\u0434\u043d\u0435\u0439", "close_color": "#FF7126", "custom_font": "Effra", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/6464/9cb1f0b61341e42640cccd8b2d67f6ea6477114652b02107d0c8fb22c053433d.png", "form_height": "100.00", "img_top_top": "8.00", "pad_top_mob": "24.00", "timer_color": "#000000", "timer_hours": "\u0447\u0430\u0441\u043e\u0432", "timer_size1": "240.00", "timer_title": "\u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f:", "title_color": "#000000", "btn_bg_color": "#FF7126", "btn_fontsize": "23", "close_color2": "#FF7126", "form_open_id": "1", "img_top_left": "-100.00", "pad_left_mob": "1", "show_form_bg": "0", "show_img_top": "1", "btn_width_mob": "228", "form_bg_color": "#ffc448", "img_top_width": "325.00", "pad_right_mob": "1", "timer_bgcolor": "transparent", "timer_minutes": "\u043c\u0438\u043d\u0443\u0442", "timer_opacity": "0.00", "timer_seconds": "\u0441\u0435\u043a\u0443\u043d\u0434", "btn_height_mob": "44", "form_width_mob": "319.00", "img_top_height": "100.00", "pad_bottom_mob": "0.00", "show_sub_title": "1", "sub_title_text": "\u041f\u041e\u041b\u0423\u0427\u0418\u0422\u0415 \u0417\u0410\u041a\u0410\u0417 \u0421\u0415\u0413\u041e\u0414\u041d\u042f", "timer_fontsize": "31.00", "timer_title1_d": "14.00", "timer_title1_m": "12", "title_fontsize": "14.00", "btn_hover_color": "#FF7126", "form_height_mob": "258", "img_top_top_mob": "-100.00", "show_img_mobile": "0", "show_timer_days": "0", "sub_title_color": "#000000", "use_custom_font": "1", "btn_fontsize_mob": "14", "form_line_height": "1.00", "img_top_left_mob": "0.00", "show_timer_hours": "1", "show_timer_names": "0", "time_names_color": "#ffffff", "bg_img_top_mobile": "https://personalization-web-stable.mindbox.ru/user-media/7027/f68b3c055cbc5902621cedc0a62333847fcc17ce5ffed47206f8193e4b2d470a.png", "btn_border_radius": "47", "img_top_width_mob": "100.00", "timer_title_color": "#FF7126", "btn_bg_hover_color": "#DE6400", "form_border_radius": "2.00", "img_top_height_mob": "110.00", "sub_title_fontsize": "16.00", "timer_fontsize_mob": "32.00", "title_fontsize_mob": "14", "title_bold_fontsize": "8.00", "title_text_pre_bold": "\u043f\u0440\u0438&nbsp;\u0437\u0430\u043a\u0430\u0437\u0435 \u0441&nbsp;\u0441\u0430\u043c\u043e\u0432\u044b\u0432\u043e\u0437\u043e\u043c \u0432&nbsp;\u043e\u0434\u043d\u043e\u0439 \u0438\u0437&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0430\u043f\u0442\u0435\u043a \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433\u0430", "form_line_height_mob": "1.50", "sub_title_fontsize_mob": "16", "title_bold_fontsize_mob": "18"}, "button_settings": {}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n#popmechanic-form * {\r\n  box-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n  width: 100%;\r\n  height: <%=form_height%>px;\r\n  \r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%=custom_font%>;\r\n  <% } else { %>\r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n    font-weight: 300;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  border-radius: <%=form_border_radius%>px;\r\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));\r\n  padding-top: <%=pad_top%>px;\r\n  padding-bottom: <%=pad_bottom%>px;\r\n  padding-left: <%=pad_left%>px;\r\n  padding-right: <%=pad_right%>px;\r\n  line-height: <%=form_line_height%>;\r\n  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  z-index: 2;\r\n}\r\n#popmechanic-form::before {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: <%=form_bg_color%>;\r\n\t\topacity: <%=proz%>;\r\n\t\tz-index: 1;\r\n\t\t<% if(parseInt(show_form_bg)) { %>\r\n\t\t\tbackground: url(<%=form_bg_img%>) center center no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t<% } %>\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  text-align: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding-left: <%=pad11%>px;\r\n  z-index: 2;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n  text-align: center;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    padding-left: 11px;\r\n    flex-direction: column;\r\n}\r\n\r\n#popmechanic-form .text-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin-right: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .text-wrapper,\r\n.popmechanic-tablet #popmechanic-form .text-wrapper {\r\n    margin-right: 0;\r\n}\r\n\r\n#popmechanic-form .timer-title {\r\n    position: absolute;\r\n    \r\n    top: 22px;\r\n}\r\n.popmechanic-mobile #popmechanic-form,\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  display: block;\r\n  position: absolute;\r\n  top: <%=img_top_top%>px;\r\n  margin-left: <%=img_top_left%>px;\r\n  left: 20px;\r\n  width: <%=img_top_width%>px;\r\n  height: <%=img_top_height%>px;\r\n  z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n  max-width: 50%;\r\n  width: 50%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image {\r\n  top: <%=img_top_top_mob%>px;\r\n  margin-left: <%=img_top_left_mob%>px;\r\n  width: <%=img_top_width_mob%>px;\r\n  height: <%=img_top_height_mob%>px;\r\n  <% if(parseInt(show_img_mobile)) { %>\r\n  background-image: url(<%=bg_img_top_mobile%>);\r\n  <% } %>\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image img,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image img {\r\n    display:none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  color: <%=close_color%>;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  right: 10px;\r\n  top: 5px;\r\n  position: absolute;\r\n  background-color: transparent;\r\n  font-weight: 400;\r\n  line-height: 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 35px;\r\n  z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close:hover {\r\n   color: <%=close_color2%>;\r\n  cursor: pointer;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  right: 2px;\r\n  font-size: 30px;\r\n  top: 2px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close {\r\n    left: 285px;\r\n    font-size: 30px;\r\n  top: 200px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  margin-bottom: 14px;\r\n  font-weight: 600;\r\n  color: <%=sub_title_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  margin-bottom: 0px;\r\n  color: <%=title_color%>;\r\n  font-weight: 300;\r\n  \r\n}\r\n\r\n#popmechanic-form .popmechanic-title span {\r\n  font-size: <%=title_bold_fontsize%>px;\r\n  font-weight: 300;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n    font-weight: 300;\r\n    align-self: center;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title span,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title span {\r\n  font-size: <%=title_bold_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-timer {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  font-weight: 220;\r\n  font-size: <%=timer_fontsize%>px;\r\n  color: <%=timer_color%>;\r\n  letter-spacing: 0;\r\n  margin-bottom: 14px;\r\n  line-height: 1;\r\n  width: <%=timer_size1%>px;\r\n  padding-top: 46px;\r\n  padding-left: 25px;\r\n  padding-right: 25px;\r\n  padding-bottom: 4px;\r\n  margin-right: 10px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-timer::before {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: <%=timer_bgcolor%>;\r\n\t\topacity: <%=timer_opacity%>;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n#popmechanic-form .timer-title {\r\n\r\n    font-style: normal;padding-bottom: 14px;\r\n    font-weight: bold;\r\n    font-size: <%=timer_title1_d%>px;\r\n    line-height: auto;\r\n    text-align: center;\r\n    color: <%=timer_title_color%>;\r\n    z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-timer-dots {\r\n  line-height: 0.6;\r\n    padding: 0 10px;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-timer-item\r\n{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  <% if(!parseInt(show_dots)) { %>\r\n  margin-right: 25px;\r\n   <% } %>\r\n}\r\n\r\n <% if(!parseInt(show_dots)) { %>\r\n#popmechanic-form .popmechanic-timer-item:last-child {\r\n    margin-right: 0;\r\n}\r\n<% } %>\r\n\r\n#popmechanic-form .popmechanic-timer-digit {\r\n  display: block;\r\n  border-radius: 5px;\r\n  font-size: <%=timer_fontsize%>px;\r\n  padding: 0px  0px;\r\n  line-height: 1;\r\n    font-weight: 300;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n/*#popmechanic-form .popmechanic-timer-digit::before {\r\n    content: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: <%=timer_bgcolor%>;\r\n\t\topacity: <%=timer_opacity%>;\r\n\t\tz-index: 1;\r\n}*/\r\n\r\n#popmechanic-form .popmechanic-timer-digit:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer {\r\n  font-size: <%=timer_fontsize_mob%>px;\r\n    width: 228px;  \r\n    height: 82px;\r\n    margin-right: 7px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit {\r\n    font-size: <%=timer_fontsize_mob%>px;\r\n  padding: 0;\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit:last-child,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-dots,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-dots {\r\n  font-size: <%=timer_title1_m%>px;\r\n  line-height: 0.4;\r\n  padding: 0 5px;\r\n}\r\n\r\n<% if(parseInt(show_timer_names)) { %>\r\n\r\n#popmechanic-form .days .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u0434\u043d.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 18px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .days .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .days .popmechanic-timer-digit:first-child::after {\r\n    left: 6px;\r\n}\r\n\r\n#popmechanic-form .hours .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u0447.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 20px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .hours .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .hours .popmechanic-timer-digit:first-child::after {\r\n    left: 10px;\r\n    \r\n}\r\n\r\n#popmechanic-form .minutes .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u043c\u0438\u043d.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 15px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .minutes .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .minutes .popmechanic-timer-digit:first-child::after {\r\n     left: 2px;\r\n    \r\n}\r\n\r\n#popmechanic-form .seconds .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u0441\u0435\u043a.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 15px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .seconds .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .seconds .popmechanic-timer-digit:first-child::after {\r\n   left: 4px;\r\n    \r\n}\r\n<% } %>\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  display: block;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  background: <%=btn_bg_color%>;\r\n  color: <%=btn_color%>;\r\n  font-size: <%=btn_fontsize%>px;\r\n  border-radius: <%=btn_border_radius%>px;\r\n  font-weight: 300;\r\n  line-height: <%=btn_height%>px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  margin-bottom: 14px;\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background: <%=btn_bg_hover_color%>;\r\n}\r\n\r\n#popmechanic-form .close-button {\r\n  display: inline-block;\r\n  font-weight: 300;\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .close-button::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 100%;\r\n  height: 2px;\r\n  position: absolute;\r\n  bottom: 1px;\r\n  left: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  line-height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .close-button::after,\r\n.popmechanic-tablet #popmechanic-form .close-button::after {\r\n  height: 1px;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 29444, "template": 1137, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": "333", "externalId": "4ec6f00c-441a-4e51-890a-e84b2176864d"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$or", "nodes": [{"id": "4", "field": "form_seen", "value": {"forms": [25424, 27068], "interval": 30}, "operator": "$after"}, {"id": "5", "field": "form_seen", "value": {"forms": [41648, 41687, 34196], "interval": 30}, "operator": "$never"}], "operator": "$or"}, {"id": "6", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "7", "field": "utm_campaign", "value": "paraolympic", "operator": "$exclude"}, {"id": "8", "name": "$and", "type": "current_page", "nodes": [{"id": "9", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "checkout", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"proz": "1.00", "pad11": "200.00", "timer": "{\"type\":\"cycle\",\"end\":{\"date\":1562758112},\"range\":{\"start\":1627462523,\"duration\":86400},\"cycle\":{\"day\":[0,1,2,3,4,5,6],\"time\":\"00:00\",\"local\":-180,\"duration\":45000}}", "img_top": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/fe20538aaa4f02fac2322aa6830ce93804c4db340bdabb46582b563d12982831.webp", "pad_top": "0.00", "btn_text": "\u041a \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c", "link_url": "#", "pad_left": "1", "show_btn": "0", "btn_color": "#ffffff", "btn_width": "333", "form_font": "Arial, Helvetica, sans-serif", "pad_right": "1", "show_dots": "1", "btn_action": "link", "btn_height": "73", "pad_bottom": "1", "show_timer": "1", "show_title": "1", "timer_days": "\u0434\u043d\u0435\u0439", "close_color": "#FF7126", "custom_font": "Effra", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/6464/9cb1f0b61341e42640cccd8b2d67f6ea6477114652b02107d0c8fb22c053433d.png", "form_height": "100.00", "img_top_top": "8.00", "pad_top_mob": "24.00", "timer_color": "#000000", "timer_hours": "\u0447\u0430\u0441\u043e\u0432", "timer_size1": "240.00", "timer_title": "\u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f:", "title_color": "#000000", "btn_bg_color": "#FF7126", "btn_fontsize": "23", "close_color2": "#FF7126", "form_open_id": "1", "img_top_left": "-100.00", "pad_left_mob": "1", "show_form_bg": "0", "show_img_top": "1", "btn_width_mob": "228", "form_bg_color": "#ffc448", "img_top_width": "325.00", "pad_right_mob": "1", "timer_bgcolor": "transparent", "timer_minutes": "\u043c\u0438\u043d\u0443\u0442", "timer_opacity": "0.00", "timer_seconds": "\u0441\u0435\u043a\u0443\u043d\u0434", "btn_height_mob": "44", "form_width_mob": "319.00", "img_top_height": "100.00", "pad_bottom_mob": "0.00", "show_sub_title": "1", "sub_title_text": "\u041f\u041e\u041b\u0423\u0427\u0418\u0422\u0415 \u0417\u0410\u041a\u0410\u0417 \u0421\u0415\u0413\u041e\u0414\u041d\u042f", "timer_fontsize": "31.00", "timer_title1_d": "14.00", "timer_title1_m": "12", "title_fontsize": "14.00", "btn_hover_color": "#FF7126", "form_height_mob": "258", "img_top_top_mob": "-100.00", "show_img_mobile": "0", "show_timer_days": "0", "sub_title_color": "#000000", "use_custom_font": "1", "btn_fontsize_mob": "14", "form_line_height": "1.00", "img_top_left_mob": "0.00", "show_timer_hours": "1", "show_timer_names": "0", "time_names_color": "#ffffff", "bg_img_top_mobile": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/33847fcc17ce5ffed47206f8193e4b2d470a.webp", "btn_border_radius": "47", "img_top_width_mob": "100.00", "timer_title_color": "#FF7126", "btn_bg_hover_color": "#DE6400", "form_border_radius": "2.00", "img_top_height_mob": "110.00", "sub_title_fontsize": "16.00", "timer_fontsize_mob": "32.00", "title_fontsize_mob": "14", "title_bold_fontsize": "8.00", "title_text_pre_bold": "\u043f\u0440\u0438&nbsp;\u0437\u0430\u043a\u0430\u0437\u0435 \u0441&nbsp;\u0441\u0430\u043c\u043e\u0432\u044b\u0432\u043e\u0437\u043e\u043c \u0432&nbsp;\u043e\u0434\u043d\u043e\u0439 \u0438\u0437&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0430\u043f\u0442\u0435\u043a \u041c\u043e\u0441\u043a\u0432\u044b", "form_line_height_mob": "1.50", "sub_title_fontsize_mob": "16", "title_bold_fontsize_mob": "18"}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages_session": "2"}, "combinator": "and", "id": 158288}], "id": 29033, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u041c\u043e\u0441\u043a\u0432\u0430 (\u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043e)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": "00:00:00", "end_time": "12:20:00", "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-28755.png?ts=1693995042294", "rendered_button_preview": null, "settings": {"proz": "1.00", "pad11": "200.00", "timer": "{\"type\":\"cycle\",\"end\":{\"date\":1562758112},\"range\":{\"start\":1627462523,\"duration\":86400},\"cycle\":{\"day\":[0,1,2,3,4,5,6],\"time\":\"00:00\",\"local\":-180,\"duration\":45000}}", "img_top": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/fe20538aaa4f02fac2322aa6830ce93804c4db340bdabb46582b563d12982831.webp", "pad_top": "0.00", "btn_text": "\u041a \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c", "link_url": "#", "pad_left": "1", "show_btn": "0", "btn_color": "#ffffff", "btn_width": "333", "form_font": "Arial, Helvetica, sans-serif", "pad_right": "1", "show_dots": "1", "btn_action": "link", "btn_height": "73", "pad_bottom": "1", "show_timer": "1", "show_title": "1", "timer_days": "\u0434\u043d\u0435\u0439", "close_color": "#FF7126", "custom_font": "Effra", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/6464/9cb1f0b61341e42640cccd8b2d67f6ea6477114652b02107d0c8fb22c053433d.png", "form_height": "100.00", "img_top_top": "8.00", "pad_top_mob": "24.00", "timer_color": "#000000", "timer_hours": "\u0447\u0430\u0441\u043e\u0432", "timer_size1": "240.00", "timer_title": "\u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f:", "title_color": "#000000", "btn_bg_color": "#FF7126", "btn_fontsize": "23", "close_color2": "#FF7126", "form_open_id": "1", "img_top_left": "-100.00", "pad_left_mob": "1", "show_form_bg": "0", "show_img_top": "1", "btn_width_mob": "228", "form_bg_color": "#ffc448", "img_top_width": "325.00", "pad_right_mob": "1", "timer_bgcolor": "transparent", "timer_minutes": "\u043c\u0438\u043d\u0443\u0442", "timer_opacity": "0.00", "timer_seconds": "\u0441\u0435\u043a\u0443\u043d\u0434", "btn_height_mob": "44", "form_width_mob": "319.00", "img_top_height": "100.00", "pad_bottom_mob": "0.00", "show_sub_title": "1", "sub_title_text": "\u041f\u041e\u041b\u0423\u0427\u0418\u0422\u0415 \u0417\u0410\u041a\u0410\u0417 \u0421\u0415\u0413\u041e\u0414\u041d\u042f", "timer_fontsize": "31.00", "timer_title1_d": "14.00", "timer_title1_m": "12", "title_fontsize": "14.00", "btn_hover_color": "#FF7126", "form_height_mob": "258", "img_top_top_mob": "-100.00", "show_img_mobile": "0", "show_timer_days": "0", "sub_title_color": "#000000", "use_custom_font": "1", "btn_fontsize_mob": "14", "form_line_height": "1.00", "img_top_left_mob": "0.00", "show_timer_hours": "1", "show_timer_names": "0", "time_names_color": "#ffffff", "bg_img_top_mobile": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/775945c1-9699-4929-931a-01707a541851/Protek_Protek/33847fcc17ce5ffed47206f8193e4b2d470a.webp", "btn_border_radius": "47", "img_top_width_mob": "100.00", "timer_title_color": "#FF7126", "btn_bg_hover_color": "#DE6400", "form_border_radius": "2.00", "img_top_height_mob": "110.00", "sub_title_fontsize": "16.00", "timer_fontsize_mob": "32.00", "title_fontsize_mob": "14", "title_bold_fontsize": "8.00", "title_text_pre_bold": "\u043f\u0440\u0438&nbsp;\u0437\u0430\u043a\u0430\u0437\u0435 \u0441&nbsp;\u0441\u0430\u043c\u043e\u0432\u044b\u0432\u043e\u0437\u043e\u043c \u0432&nbsp;\u043e\u0434\u043d\u043e\u0439 \u0438\u0437&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0430\u043f\u0442\u0435\u043a \u041c\u043e\u0441\u043a\u0432\u044b", "form_line_height_mob": "1.50", "sub_title_fontsize_mob": "16", "title_bold_fontsize_mob": "18"}, "button_settings": {}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n#popmechanic-form * {\r\n  box-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n  width: 100%;\r\n  height: <%=form_height%>px;\r\n  \r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%=custom_font%>;\r\n  <% } else { %>\r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n    font-weight: 300;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  border-radius: <%=form_border_radius%>px;\r\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));\r\n  padding-top: <%=pad_top%>px;\r\n  padding-bottom: <%=pad_bottom%>px;\r\n  padding-left: <%=pad_left%>px;\r\n  padding-right: <%=pad_right%>px;\r\n  line-height: <%=form_line_height%>;\r\n  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  z-index: 2;\r\n}\r\n#popmechanic-form::before {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: <%=form_bg_color%>;\r\n\t\topacity: <%=proz%>;\r\n\t\tz-index: 1;\r\n\t\t<% if(parseInt(show_form_bg)) { %>\r\n\t\t\tbackground: url(<%=form_bg_img%>) center center no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t<% } %>\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  text-align: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding-left: <%=pad11%>px;\r\n  z-index: 2;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n  text-align: center;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    padding-left: 11px;\r\n    flex-direction: column;\r\n}\r\n\r\n#popmechanic-form .text-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin-right: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .text-wrapper,\r\n.popmechanic-tablet #popmechanic-form .text-wrapper {\r\n    margin-right: 0;\r\n}\r\n\r\n#popmechanic-form .timer-title {\r\n    position: absolute;\r\n    \r\n    top: 22px;\r\n}\r\n.popmechanic-mobile #popmechanic-form,\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  display: block;\r\n  position: absolute;\r\n  top: <%=img_top_top%>px;\r\n  margin-left: <%=img_top_left%>px;\r\n  left: 20px;\r\n  width: <%=img_top_width%>px;\r\n  height: <%=img_top_height%>px;\r\n  z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n  max-width: 50%;\r\n  width: 50%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image {\r\n  top: <%=img_top_top_mob%>px;\r\n  margin-left: <%=img_top_left_mob%>px;\r\n  width: <%=img_top_width_mob%>px;\r\n  height: <%=img_top_height_mob%>px;\r\n  <% if(parseInt(show_img_mobile)) { %>\r\n  background-image: url(<%=bg_img_top_mobile%>);\r\n  <% } %>\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image img,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image img {\r\n    display:none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  color: <%=close_color%>;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  right: 10px;\r\n  top: 5px;\r\n  position: absolute;\r\n  background-color: transparent;\r\n  font-weight: 400;\r\n  line-height: 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 35px;\r\n  z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close:hover {\r\n   color: <%=close_color2%>;\r\n  cursor: pointer;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  right: 2px;\r\n  font-size: 30px;\r\n  top: 2px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close {\r\n    left: 285px;\r\n    font-size: 30px;\r\n  top: 200px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  margin-bottom: 14px;\r\n  font-weight: 600;\r\n  color: <%=sub_title_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  margin-bottom: 0px;\r\n  color: <%=title_color%>;\r\n  font-weight: 300;\r\n  \r\n}\r\n\r\n#popmechanic-form .popmechanic-title span {\r\n  font-size: <%=title_bold_fontsize%>px;\r\n  font-weight: 300;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n    font-weight: 300;\r\n    align-self: center;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title span,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title span {\r\n  font-size: <%=title_bold_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-timer {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  font-weight: 220;\r\n  font-size: <%=timer_fontsize%>px;\r\n  color: <%=timer_color%>;\r\n  letter-spacing: 0;\r\n  margin-bottom: 14px;\r\n  line-height: 1;\r\n  width: <%=timer_size1%>px;\r\n  padding-top: 46px;\r\n  padding-left: 25px;\r\n  padding-right: 25px;\r\n  padding-bottom: 4px;\r\n  margin-right: 10px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-timer::before {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: <%=timer_bgcolor%>;\r\n\t\topacity: <%=timer_opacity%>;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n#popmechanic-form .timer-title {\r\n\r\n    font-style: normal;padding-bottom: 14px;\r\n    font-weight: bold;\r\n    font-size: <%=timer_title1_d%>px;\r\n    line-height: auto;\r\n    text-align: center;\r\n    color: <%=timer_title_color%>;\r\n    z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-timer-dots {\r\n  line-height: 0.6;\r\n    padding: 0 10px;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-timer-item\r\n{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  <% if(!parseInt(show_dots)) { %>\r\n  margin-right: 25px;\r\n   <% } %>\r\n}\r\n\r\n <% if(!parseInt(show_dots)) { %>\r\n#popmechanic-form .popmechanic-timer-item:last-child {\r\n    margin-right: 0;\r\n}\r\n<% } %>\r\n\r\n#popmechanic-form .popmechanic-timer-digit {\r\n  display: block;\r\n  border-radius: 5px;\r\n  font-size: <%=timer_fontsize%>px;\r\n  padding: 0px  0px;\r\n  line-height: 1;\r\n    font-weight: 300;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n/*#popmechanic-form .popmechanic-timer-digit::before {\r\n    content: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: <%=timer_bgcolor%>;\r\n\t\topacity: <%=timer_opacity%>;\r\n\t\tz-index: 1;\r\n}*/\r\n\r\n#popmechanic-form .popmechanic-timer-digit:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer {\r\n  font-size: <%=timer_fontsize_mob%>px;\r\n    width: 228px;  \r\n    height: 82px;\r\n    margin-right: 7px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit {\r\n    font-size: <%=timer_fontsize_mob%>px;\r\n  padding: 0;\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit:last-child,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-dots,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-dots {\r\n  font-size: <%=timer_title1_m%>px;\r\n  line-height: 0.4;\r\n  padding: 0 5px;\r\n}\r\n\r\n<% if(parseInt(show_timer_names)) { %>\r\n\r\n#popmechanic-form .days .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u0434\u043d.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 18px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .days .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .days .popmechanic-timer-digit:first-child::after {\r\n    left: 6px;\r\n}\r\n\r\n#popmechanic-form .hours .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u0447.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 20px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .hours .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .hours .popmechanic-timer-digit:first-child::after {\r\n    left: 10px;\r\n    \r\n}\r\n\r\n#popmechanic-form .minutes .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u043c\u0438\u043d.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 15px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .minutes .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .minutes .popmechanic-timer-digit:first-child::after {\r\n     left: 2px;\r\n    \r\n}\r\n\r\n#popmechanic-form .seconds .popmechanic-timer-digit:first-child::after {\r\n    content: \"\u0441\u0435\u043a.\";\r\n    position: absolute;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    line-height: 14px;\r\n    color: #FFFFFF;\r\n    bottom: -10px;\r\n    left: 15px;\r\n    color: <%=time_names_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .seconds .popmechanic-timer-digit:first-child::after,\r\n.popmechanic-tablet #popmechanic-form .seconds .popmechanic-timer-digit:first-child::after {\r\n   left: 4px;\r\n    \r\n}\r\n<% } %>\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  display: block;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  background: <%=btn_bg_color%>;\r\n  color: <%=btn_color%>;\r\n  font-size: <%=btn_fontsize%>px;\r\n  border-radius: <%=btn_border_radius%>px;\r\n  font-weight: 300;\r\n  line-height: <%=btn_height%>px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  margin-bottom: 14px;\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background: <%=btn_bg_hover_color%>;\r\n}\r\n\r\n#popmechanic-form .close-button {\r\n  display: inline-block;\r\n  font-weight: 300;\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n#popmechanic-form .close-button::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 100%;\r\n  height: 2px;\r\n  position: absolute;\r\n  bottom: 1px;\r\n  left: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  line-height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .close-button::after,\r\n.popmechanic-tablet #popmechanic-form .close-button::after {\r\n  height: 1px;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 26091, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0422\u043e\u0432\u0430\u0440\u044b \u0441 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0439 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Rekomendatsiitovarisbesplatnoidostavkoi\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 25715, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-26091-reco-1", "limit": 18, "disabled": false, "algorithm": "Rekomendatsiitovarisbesplatnoidostavkoi", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-26091.png?ts=1680702200513", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0422\u043e\u0432\u0430\u0440\u044b \u0441 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0439 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u043e\u0439", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Rekomendatsiitovarisbesplatnoidostavkoi\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-26091-reco-1", "limit": 18, "disabled": false, "algorithm": "Rekomendatsiitovarisbesplatnoidostavkoi", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 25279, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Personalnierekomendatsii\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 24903, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-25279-reco-1", "limit": 18, "disabled": false, "algorithm": "Personalnierekomendatsii", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0432 \u043f\u043e\u0438\u0441\u043a\u0435 \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u0430\u0439\u0442\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-25279.png?ts=1650902155939", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Personalnierekomendatsii\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-25279-reco-1", "limit": 18, "disabled": false, "algorithm": "Personalnierekomendatsii", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 25272, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "3", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "e4b9beba-d274-428c-9888-13bd308bc1aa", "name": "\u0413\u0440\u0443\u043f\u043f\u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u0439", "type": "current_page", "nodes": [{"id": "2", "field": "dom_element", "value": ".b-product-new__available--wrong", "operator": "$exists"}], "operator": "$and", "collapsed": false}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0438\u0441\u044c", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Pohozhietovaridlyatovarovvnenalichii\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 24896, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-25272-reco-1", "limit": 18, "disabled": false, "algorithm": "Pohozhietovaridlyatovarovvnenalichii", "recoTarget": "Offer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u0434\u043b\u044f \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0432 \u043d\u0435 \u043d\u0430\u043b\u0438\u0447\u0438\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-25272.png?ts=1669185638929", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0438\u0441\u044c", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Pohozhietovaridlyatovarovvnenalichii\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-25272-reco-1", "limit": 18, "disabled": false, "algorithm": "Pohozhietovaridlyatovarovvnenalichii", "recoTarget": "Offer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 23491, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovarivkategorii\", \"recoTarget\": \"Category\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 23244, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23491-reco-1", "limit": 18, "disabled": false, "algorithm": "Populyarnietovarivkategorii", "recoTarget": "Category"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-23491.png?ts=1657100871287", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovarivkategorii\", \"recoTarget\": \"Category\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23491-reco-1", "limit": 18, "disabled": false, "algorithm": "Populyarnietovarivkategorii", "recoTarget": "Category"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 23490, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 23243, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23490-reco-1", "limit": 18, "disabled": false, "algorithm": "Populyarnietovaripomagazinu", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-23490.png?ts=1650896501473", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23490-reco-1", "limit": 18, "disabled": false, "algorithm": "Populyarnietovaripomagazinu", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 23489, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "17", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 23242, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23489-reco-1", "limit": 18, "disabled": false, "algorithm": "Populyarnietovaripomagazinu", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u043f\u043e \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0443", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-23489.png?ts=1665508239848", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovaripomagazinu\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "17", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23489-reco-1", "limit": 18, "disabled": false, "algorithm": "Populyarnietovaripomagazinu", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 23484, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["pc"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Personalnierekomendatsii\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 23237, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23484-reco-1", "limit": 18, "disabled": false, "algorithm": "Personalnierekomendatsii", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0432 \u043f\u043e\u0438\u0441\u043a\u0435", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-23484.png?ts=1650902109284", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Personalnierekomendatsii\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23484-reco-1", "limit": 18, "disabled": false, "algorithm": "Personalnierekomendatsii", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 23482, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0438\u0441\u044c", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Soputstvuyuschietovari\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "1", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 23235, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23482-reco-1", "limit": 18, "disabled": false, "algorithm": "Soputstvuyuschietovari", "recoTarget": "Offer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-23482.png?ts=1681307385939", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0442\u0430\u043a\u0436\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0438\u0441\u044c", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Soputstvuyuschietovari\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "1", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "18", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23482-reco-1", "limit": 18, "disabled": false, "algorithm": "Soputstvuyuschietovari", "recoTarget": "Offer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 23481, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Personalnierekomendatsii\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "20", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 23234, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23481-reco-1", "limit": "20", "disabled": false, "algorithm": "Personalnierekomendatsii", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-22963.png?ts=1711353686698", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tposition: relative;\n\tpadding: 10px 15px;\n\theight: 101px;\n\tword-break: break-word;\n\tbackground: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;\n\t/* card shadow */\n    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);\n\tborder-radius: 10px;\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n}\n#popmechanic-form .popmechanic-left {\n\tmargin-right: 10px;\n}\n#popmechanic-form .popmechanic-item-picture {\n\twidth: 60px;\n\theight: 60px;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-picture img {\n\tmax-width: 100%;\n\tmax-height: 100%;\n\twidth: 100%;\n\theight: auto;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-radius: 10px;\n}\n#popmechanic-form .popmechanic-right {\n    padding-right: 32px;\n}\n#popmechanic-form .popmechanic-item-name {\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-size: 12px;\n\tline-height: 18px;\n\theight: 38px;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 300px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tfont-family: effra-medium,Roboto-Bold, sans-serif;\n\ttext-decoration: none !important;\n\tborder-bottom: none !important;\n\tcolor: black !important;\n}\n#popmechanic-form .popmechanic-item-name {\n    \n}\n#popmechanic-form .popmechanic-item-prices {\n\ttext-align: left;\n}\n#popmechanic-form .popmechanic-old-price {\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-size: 12px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\ttext-decoration: line-through;\n\tcolor: #000000;\n    opacity: 0.3;\n    position: relative;\n    top: -3px;\n}\n#popmechanic-form .popmechanic-old-price .rub::after {\n    font-size: 12px !important;\n}\n#popmechanic-form .popmechanic-old-prices-holder {\n\tposition: absolute;\n\ttop: -18px;\n\tleft: 0;\n\twhite-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-diff {\n\tbackground: #007FDB;\n\tborder-radius: 10px;\n\tpadding: 2px 7px;\n\tline-height: 1.2;\n\tfont-family: effra-medium, sans-serif;\n\tcolor: white;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-new-price {\n\tcolor: black;\n\tdisplay: block;\n\tfont-style: normal;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 25px;\n\tfont-family: Effra, sans-serif;\n}\n#popmechanic-form .popmechanic-new-price .rub {\n\tfont-weight: inherit;\n}\n#popmechanic-form .popmechanic-button {\n\tbackground: none;\n\twidth: 40px;\n\theight: 40px;\n\tborder: none;\n\tposition: absolute;\n\tright: 20px;\n\tbottom: 10px;\n}\n#popmechanic-form .popmechanic-button:hover {\n\topacity: 0.8;\n}\n\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n    top: 9px;\n    right: 28px;\n\tbackground: none;\n\tborder: none;\n\twidth: 20px;\n\theight: 20px;\n\tpadding: 0;\n\tdisplay: block;\n\tcursor: pointer;\n}\n#popmechanic-form .popmechanic-favorite:hover path {\n    fill: #FF7126;\n    opacity: 1;\n}\n\n/* mobile */\n\n.popmechanic-mobile #popmechanic-form .popmechanic-left {\n\tmargin-right: 25px;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button {\n\twidth: 30px;\n\theight: 30px;\n\tright: 10px;\n\tbottom: 10px;\n}\n.popmechanic-mobile #popmechanic-form-28504 .popmechanic-button svg {\n\twidth: 30px;\n\theight: 30px;\n}\n", "header": "\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "ProcessingZakazovProtek", "controls": "1", "enableGA": "1", "endpoint": "Protek.web.zdravcity", "template": "{%\n\tproduct.customFields.bitrixID = product.customFields.bitrixID ? product.customFields.bitrixID.trim() : '';\n%}\n<div data-dname=\"{{product.displayName}}\" data-category=\"{{product.category}}\" data-brand=\"{{product.manufacturer.name}}\" data-id=\"{{product.ids.processingZakazovProtek}}\" data-bitrix-id=\"{{product.customFields.bitrixID}}\" data-price=\"{{product.price.toLocaleString('ru-RU')}}\" class=\"popmechanic-item-card\">\n\t<div class=\"popmechanic-item-wrapper\">\n\t\t<div class=\"popmechanic-left\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-picture\"><img src=\"{{ product.pictureUrl }}\"\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" /></a>\n\t\t</div>\n\t\t<div class=\"popmechanic-right\">\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t class=\"popmechanic-item-name\">{{ product.displayName }}</a>\n\t\t\t<div class=\"popmechanic-item-prices\">\n\t\t\t\n\t\t\t\t<span class=\"popmechanic-new-price\">{{ product.price.toLocaleString('ru-RU') }}\n\t\t\t\t\t\n\t\t\t\t<span class=\"rub\">i</span>\n\t\t\t    \t{% if (parseInt(product.discount)) { %}\n\t\t\t\t        <span class=\"popmechanic-old-price\">{{ product.oldPrice }} <span class=\"rub\">i</span></span>\n\t\t\t\t    {% } %}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<a href=\"{{ product.url }}\"\n\t\t\t\t data-popmechanic-id=\"{{product.customFields.bitrixID}}\"\n\t\t\t\t class=\"popmechanic-button\"\n\t\t\t\t onclick=\"window.PopMechanicWidgetAdd('{{product.customFields.bitrixID}}', '{{product.ids.processingZakazovProtek}}', {{product.price}}, '{{product.displayName}}', '{{product.manufacturer.name}}', '{{product.category}}'); return false;\">\n\t\t\t     <svg\n\t\t\t\t\t\t width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n                      <path id=\"circle833\" style=\"fill:#ff7126;stroke-width:0.666667\" d=\"M 40,20 A 20,20 0 0 1 20,40 20,20 0 0 1 0,20 20,20 0 0 1 20,0 20,20 0 0 1 40,20 Z\"/>\n                      <path d=\"m 15.3822,28.888533 c 0.953933,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773267,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727267,0.773333 -1.727267,1.727266 0,0.953934 0.773334,1.7272 1.727267,1.7272 z\" fill=\"#ffffff\" id=\"path841\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 25.746133,28.888533 c 0.953934,0 1.7272,-0.773266 1.7272,-1.7272 0,-0.953933 -0.773266,-1.727266 -1.7272,-1.727266 -0.953933,0 -1.727266,0.773333 -1.727266,1.727266 0,0.953934 0.773333,1.7272 1.727266,1.7272 z\" fill=\"#ffffff\" id=\"path843\" style=\"stroke-width:0.666667\"/>\n                      <path d=\"m 8.6666667,12 h 3.7286003 m 0,0 1.9908,9.962733 M 12.395267,12 l 0.4248,2.141933 m 1.566,7.8208 c 0.08527,0.429134 0.318733,0.814667 0.659533,1.089 0.340867,0.2744 0.767333,0.420134 1.2048,0.411734 h 9.060467 c 0.437466,0.0084 0.864,-0.137334 1.2048,-0.411734 0.340866,-0.274333 0.574333,-0.659866 0.659533,-1.089 l 1.491467,-7.8208 h -15.8466 m 1.566,7.8208 -1.566,-7.8208\" stroke=\"#ffffff\" stroke-width=\"0.999996\" stroke-linecap=\"round\" stroke-linejoin=\"round\" id=\"path845\"/>\n\t\t\t\t</svg></a>\n\t\t\t<span class=\"popmechanic-button popmechanic-added\"\n\t\t\t\t\t\tstyle=\"display: none\"\n\t\t\t\t\t\tdata-popmechanic-id=\"{{product.customFields.bitrixID}}\">\n\t\t\t\t<svg width=\"40\"\n\t\t\t\t\t\t height=\"40\"\n\t\t\t\t\t\t viewBox=\"0 0 40 40\"\n\t\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"40\"\n\t\t\t\t\t\t\t\theight=\"40\"\n\t\t\t\t\t\t\t\trx=\"20\"\n\t\t\t\t\t\t\t\tfill=\"#007FDB\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<path d=\"M12 20.1562L17.551 26L28 15\"\n\t\t\t\t\t\t\t\tstroke=\"url(#paint0_linear)\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\" />\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<linearGradient id=\"paint0_linear\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx1=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty1=\"15\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tx2=\"20\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ty2=\"26\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t<stop stop-color=\"white\" />\n\t\t\t\t\t\t\t<stop offset=\"1\"\n\t\t\t\t\t\t\t\t\t\tstop-color=\"white\"\n\t\t\t\t\t\t\t\t\t\tstop-opacity=\"0\" />\n\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t</div>\n\t\t<button data-popmechanic-ids=\"{{product.ids.processingZakazovProtek}}\" data-popmechanic-id=\"{{product.customFields.bitrixID}}\" class=\"popmechanic-favorite\"\n\t\t\t\t\t\tonclick=\"window.addFavoriteWidget(this);\">\n\t\t\t<svg width=\"18\"\n\t\t\t\t\t height=\"15\"\n\t\t\t\t\t viewBox=\"0 0 18 15\"\n\t\t\t\t\t fill=\"none\"\n\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path opacity=\"0.15\"\n\t\t\t\t\t\t\td=\"M2.00339 7.78445L8.09709 14.0688C8.59119 14.5784 9.40881 14.5784 9.90291 14.0688L15.9966 7.78445C17.6364 6.09335 17.5425 3.37833 15.7899 1.80451C14.0705 0.260575 11.4214 0.417435 9.89626 2.15349L9 3.17368L8.10374 2.15349C6.57858 0.417435 3.92951 0.260574 2.21013 1.80451C0.457467 3.37833 0.363605 6.09335 2.00339 7.78445Z\"\n\t\t\t\t\t\t\tfill=\"black\" />\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n</div>\n\n{%\n\tif (!window.PopMechanicWidgetAdd) {\n\t\twindow.PopMechanicWidgetAdd = function(id, guid, price, name, brand, category) {\n\t\t\tPopMechanic.$('a[data-popmechanic-id=\"' + id + '\"]').attr(\"disabled\", \"disabled\").css(\"opacity\", 0.8);\n\n\n\t\t\tPopMechanic.$('[data-popmechanic-id=\"' + id + '\"]').hide();\n\t\t\tPopMechanic.$('.popmechanic-added[data-popmechanic-id=\"' + id + '\"]').show();\n\n\t\t\taddItems(\n\t\t\t\t\t0,\n\t\t\t\t\t[{BITRIX_ID: id, PRICE_TYPE_ID: 1, QUANTITY: 1, INDEX: guid, ID: guid, PRICE: price, NAME: name, PRODUCT_ID: id}],\n\t\t\t\t\tfunction() { }\n\t\t\t);\n\t\t\tif(window.dataLayer){\n\t\t\t    window.dataLayer.push({\n                  ecommerce: {\n                    currencyCode: \"RUB\",\n                    add: {\n                      products: [\n                        {\n                          id: guid,\n                          name: name,\n                          price: price,\n                          brand: brand,\n                          category: category,\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\n                          position: 1,\n                          quantity: \"1\"\n                        }\n                      ],\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\"}\n                    }\n                  },\n                  event: \"gtm-ee-event\",\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\n                  \"gtm-ee-event-action\": \"Adding a Product to a Shopping Cart\",\n                  \"gtm-ee-event-non-interaction\": false,\n                })\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n%}\n", "user_tns": "{\n\tfixedWidth: 285,\n\tgutter: 10,\n\tcontrolsText: [\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t\t\t'<svg width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L7 7L1 13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>',\n\t],\n\tcontrols: true,\n\tresponsive: {\n\t\t\t600: {\n\t\t\t\t\tfixedWidth: 320,\n\t\t\t\t\tgutter: 10,\n\t\t\t}\n\t}\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Personalnierekomendatsii\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,,", "fieldsToGet": "[\"BitrixID\"]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "popMechanicManualTracker", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "20", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "ProcessingZakazovProtek", "endpoint": "Protek.web.zdravcity", "operations": [{"id": "popmechanic-widget-23481-reco-1", "limit": "20", "disabled": false, "algorithm": "Personalnierekomendatsii", "recoTarget": "Customer"}], "fieldsToGet": ["BitrixID"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n        <div class=\"popmechanic-header-wrapper\">\r\n            <%=header%>\r\n            <img class=\"popmechanic-header-icon\" src=\"https://zdravcity.ru/upload/mindbox/icons/bonus.png\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    setTimeout(function(){\r\n        if(window.rocketToFavorite){\r\n            var favoritesButtons = document.querySelectorAll(\"#popmechanic-form-23481 button.popmechanic-favorite\");\r\n            var favoritesButtonsHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-popmechanic-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-popmechanic-ids\");\r\n                window.rocketToFavorite(bitrixId, productId);\r\n            };\r\n            favoritesButtons.forEach(function(element) {\r\n                element.removeEventListener(\"click\", favoritesButtonsHandler);\r\n                element.addEventListener(\"click\", favoritesButtonsHandler);\r\n            });\r\n        }\r\n         var clickHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                \r\n                window.dataLayer.push({\r\n                  ecommerce: {\r\n                    currencyCode: \"RUB\",\r\n                    click: {\r\n                      products: [\r\n                        {\r\n                          id: productId,\r\n                          name: name,\r\n                          price: price,\r\n                          brand: brand,\r\n                          category: category,\r\n                          list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                          position: 1,\r\n                          quantity: \"1\"\r\n                        }\r\n                      ],\r\n                      actionField: {list: \"\u0412\u0438\u0434\u0436\u0435\u0442 mindbox\", action: \"click\"}\r\n                    }\r\n                  },\r\n                  event: \"gtm-ee-event\",\r\n                  \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                  \"gtm-ee-event-action\": \"Product Clicks\",\r\n                  \"gtm-ee-event-non-interaction\": true,\r\n                })\r\n        };\r\n        var showHandler = function(event) {\r\n                var bitrixId = event.currentTarget.getAttribute(\"data-bitrix-id\");\r\n                var productId = event.currentTarget.getAttribute(\"data-id\");\r\n                var name = event.currentTarget.getAttribute(\"data-dname\");\r\n                var price = event.currentTarget.getAttribute(\"data-price\");\r\n                var brand = event.currentTarget.getAttribute(\"data-brand\");\r\n                var category = event.currentTarget.getAttribute(\"data-category\");\r\n                var shown = event.currentTarget.getAttribute(\"data-shown\");\r\n                event.currentTarget.setAttribute(\"data-shown\", true);\r\n                if(!shown){\r\n                    window.dataLayer.push({\r\n                      ecommerce: {\r\n                        currencyCode: \"RUB\",\r\n                        impressions: {\r\n                          products: [\r\n                            {\r\n                              id: productId,\r\n                              name: name,\r\n                              price: price,\r\n                              brand: brand,\r\n                              category: category,\r\n                              list: \"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\",\r\n                              position: 1,\r\n                              quantity: \"1\"\r\n                            }\r\n                          ],\r\n                        }\r\n                      },\r\n                      event: \"gtm-ee-event\",\r\n                      \"gtm-ee-event-category\": \"Enhanced Ecommerce\",\r\n                      \"gtm-ee-event-action\": \"Product Impressions\",\r\n                      \"gtm-ee-event-non-interaction\": true,\r\n                    })\r\n                }\r\n        };\r\n        // \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u043a\u0430 item \u0432 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"click\", clickHandler);\r\n                element.addEventListener(\"click\", clickHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \t // \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 item , \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\r\n    \tvar items = document.querySelectorAll(\".popmechanic-item-card\");\r\n    \tif(window.dataLayer){\r\n    \t    items.forEach(function(element) {\r\n    \t        element.removeEventListener(\"mouseenter\", showHandler);\r\n                element.addEventListener(\"mouseenter\", showHandler);\r\n            });\r\n    \t}\r\n    \t\r\n    \twindow.addFavoriteWidget = function(t){\r\n    \t    var $this = PopMechanic.$(t);\r\n    \t    var added = $this.attr(\"data-favorite-added\");\r\n    \t    if(!added){\r\n    \t       // $this.find('path').attr('fill', '#FF7126').attr('opacity', '1');\r\n    \t        $this.attr(\"data-favorite-added\", \"1\");\r\n    \t    } else {\r\n    \t       // $this.find('path').attr('fill', 'black').attr('opacity', '0.15');\r\n    \t        $this.removeAttr(\"data-favorite-added\");\r\n    \t    }\r\n    \t}\r\n    }, 3000);\r\n</script>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: normal;\r\n\tbox-sizing: border-box; }\r\n\r\n    #popmechanic-form {\r\n    \tposition: relative;\r\n    \tdisplay: inline-block;\r\n    \tvertical-align: middle;\r\n    \twidth: 100%;\r\n    \tmax-width: 1920px;\r\n        background: #BEDFE4;\r\n    \tfont-size: 14px;\r\n    \tpadding-top: 15px;\r\n    \tpadding-bottom: 20px;\r\n    \tpadding-left: 20px;\r\n    \tmargin-bottom: 60px;\r\n    \tmargin-top: 60px;\r\n    \tborder-radius: 10px;\r\n    \tz-index: 0;\r\n    }\r\n    .popmechanic-items-wrapper {\r\n    \tposition: relative;\r\n    }\r\n       \r\n\t#popmechanic-form.popmechanic-loaded,\r\n\t#popmechanic-form.popmechanic-loading {\r\n\t\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n\t\topacity: 1; }\r\n\t#popmechanic-form .popmechanic-item-prices,\r\n\t#popmechanic-form .popmechanic-item-picture,\r\n\t#popmechanic-form .popmechanic-item-name {\r\n\t\t\tdisplay: block;\r\n\t}\r\n\t#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n\t\tdisplay: none; }\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\tmargin-bottom: 16px;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.2;\r\n\t\tcolor: #000000;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 500;\r\n\t\tfont-family: Effra, effra-medium,Roboto-Bold, sans-serif;\r\n\t\ttext-align: left; }\r\n\t#popmechanic-form .popmechanic-main {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center; \r\n\t    position: relative;\r\n\t}\r\n\t#popmechanic-form .popmechanic-main .popmechanic-items {\r\n\t\t\topacity: 0;\r\n\t\t\twhite-space: nowrap; \r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\ttext-decoration: underline;\r\n\t\twidth: 18px;\r\n\t\theight: 18px;\r\n\t\tcursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\ttop: 45%;\r\n\twidth: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n\t-webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\tanimation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n\tbackground-color: red;\r\n\tborder-radius: 18px;\r\n\tdisplay: inline-block;\r\n\theight: 18px;\r\n\tmargin: 0 5px;\r\n\twidth: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n\t-webkit-animation-delay: -0.3s;\r\n\tanimation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n\t-webkit-animation-delay: -0.15s;\r\n\tanimation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n\t0%, 80%, 100% {\r\n\t\t-webkit-transform: scale(0.15);\r\n\t\t-moz-transform: scale(0.15);\r\n\t\t-ms-transform: scale(0.15);\r\n\t\ttransform: scale(0.15); }\r\n\t40% {\r\n\t\t-webkit-transform: scale(1);\r\n\t\t-moz-transform: scale(1);\r\n\t\t-ms-transform: scale(1);\r\n\t\ttransform: scale(1); } }\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n\t\tdisplay: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n\t\topacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\tborder: none;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tbackground: white;\r\n\tborder-radius: 50%;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\tbox-shadow: 0px 3px 14px rgba(0, 0, 0, 0.14);\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -30px;\r\n\tz-index: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n    z-index: 1;\r\n\tleft: -30px;\r\n\ttransform: translateY(-50%) rotate(180deg);\r\n}\r\n#popmechanic-form .tns-controls button svg {\r\n\twidth: 8px;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 3px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n\tpointer-events: none;\r\n}\r\n\r\n/* mobile */\r\n.popmechanic-mobile #popmechanic-form {\r\n\tpadding-left: 20px;\r\n\tpadding-bottom: 20px;\r\n\tpadding-top: 10px;\r\n\tborder-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items-wrapper {\r\n\tposition: static;\r\n}\r\n#popmechanic-form .popmechanic-header-wrapper {\r\n    position: relative;\r\n    display: inline-block;\t\r\n    font-weight: 500;\r\n}\r\n#popmechanic-form .popmechanic-header-icon {\r\nposition: absolute;\r\n    top: -48px;\r\n    right: -62px;\r\n    height: 82px;\r\n}\r\n@media (max-width: 360px) {\r\n    #popmechanic-form .popmechanic-header-icon {\r\n       display: none;\r\n    }\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n    font-size: 14px;\r\n    margin-bottom: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    border-radius: 0 !important;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button {\r\n\tposition: relative;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\ttransform: none;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tmargin-right: 10px;\r\n\ttransform: rotate(180deg);\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"prev\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tmargin-right: 20px;\r\n\tdisplay: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button[data-controls=\"next\"] svg {\r\n\tmargin-left: 2px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button svg {\r\n\twidth: 6px;\r\n\theight: auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .tns-controls button:disabled {\r\n\topacity: 0.3;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header-icon {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: -55px;\r\n    height: 70px;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1080, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-screen popmechanic-screen_active\" id=\"popmechanic-screen-choice\">\r\n        <% if(parseInt(show_title_2)) { %>\r\n        <div class=\"popmechanic-title-small\">\r\n            <%=title_2_text%>\r\n        </div>\r\n        <% } %>\r\n        <% if(parseInt(show_sub_title_2)) { %>\r\n        <div class=\"popmechanic-sub-title-small\">\r\n            <%=sub_title_2_text%>\r\n        </div>\r\n        <% } %>\r\n        <div class=\"popmechanic-choice \r\n              <% if(parseInt(choice_cnt) <= 2) { %> popmechanic-layout-2 <% } \r\n              else if (parseInt(choice_cnt) <= 4) {%> popmechanic-layout-4 <% } \r\n              else { %> popmechanic-choice-no-image-mob <% } %>\r\n              <% if(parseInt(choiceNoImage)){ %> popmechanic-choice-no-image popmechanic-choice-no-image-mob <% } %>\">\r\n            <% if(parseInt(choice_cnt) >= 1) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_1%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_1%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_1%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_1%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 2) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_2%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_2%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_2%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_2%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 3) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_3%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_3%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_3%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_3%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 4) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_4%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_4%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_4%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_4%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 5) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_5%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_5%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_5%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_5%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 6) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_6%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_6%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_6%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_6%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 7) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_7%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_7%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_7%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_7%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 8) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_8%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_8%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_8%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_8%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n            <% if(parseInt(choice_cnt) >= 9) { %>\r\n            <label class=\"popmechanic-choice-item\">\r\n                <input <% if(parseInt(choice_only_one)) { %> type=\"radio\" name=\"popmechanic-choice-radio\"\r\n                    onclick=\"PopMechanic.customs.choice = '<%=choice_int_9%>'\" <% } else { %> type=\"checkbox\"\r\n                    data-popmechanic-input=\"customs.<%=choice_int_9%>\" <% } %> class=\"popmechanic-checkbox\" value=\"1\" />\r\n\r\n                <div class=\"popmechanic-choice-content\">\r\n                    <div class=\"popmechanic-choice-img\" style=\"background-image: url(<%=choice_img_9%>)\"></div>\r\n                    <div class=\"popmechanic-choice-text\">\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path\r\n                                    d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                    fill=\"#002859\" />\r\n                            </svg>\r\n                        </div>\r\n                        <span><%=choice_text_9%></span>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n            <% } %>\r\n        </div>\r\n        <button type=\"button\" class=\"popmechanic-button\" <% if(!parseInt(show_screen_2)) { %> data-popmechanic-submit <% } else { %>data-target=\"screen\" href=\"#popmechanic-screen-form\" <% } %>>\r\n            <%=btn_scr_2_text%>\r\n        </button>\r\n    </div>\r\n    <% if(parseInt(show_screen_2)) { %>\r\n    <div class=\"popmechanic-main popmechanic-screen\" id=\"popmechanic-screen-form\">\r\n        <div class=\"popmechanic-holder\">\r\n            <% if(parseInt(show_img_top)) { %>\r\n            <div class=\"popmechanic-img-top\" style=\"background-image: url(<%=img_top%>)\"></div>\r\n            <% } %>\r\n            <div class=\"popmechanic-content\">\r\n                <% if(parseInt(show_title_1)) { %>\r\n                <div class=\"popmechanic-title\">\r\n                    <%=title_1%>\r\n                </div>\r\n                <% } %>\r\n                <% if(parseInt(show_sale)) { %>\r\n                <div class=\"popmechanic-sale\">\r\n                    <%=sale_text%>\r\n                </div>\r\n                <% } %>\r\n                <% if(parseInt(show_sub_title_1)) { %>\r\n                <div class=\"popmechanic-sub-title\">\r\n                    <%=sub_title_1%>\r\n                </div>\r\n                <% } %>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"popmechanic-inputs\">\r\n            <div class=\"popmechanic-inputs-wrapper\">\r\n                <input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"email\"\r\n                    placeholder=\"<%=placeholder%>\" />\r\n                <% if(parseInt(show_two_buttons)) { %>\r\n                <div class=\"popmechanic-buttons\">\r\n                    <button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit\r\n                        onclick=\"PopMechanic.customs.button = '1'\">\r\n                        <%=btn_1_text%>\r\n                    </button>\r\n                    <button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit\r\n                        onclick=\"PopMechanic.customs.button = '2'\">\r\n                        <%=btn_2_text%>\r\n                    </button>\r\n                </div>\r\n                <% } else {%>\r\n                <button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\r\n                    <%=btn_one_text%>\r\n                </button>\r\n                <% } %>\r\n            </div>\r\n            <% if(parseInt(show_policy)) { %>\r\n            <div class=\"popmechanic-policy\">\r\n                <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\" checked\r\n                        data-popmechanic-input=\"customs.agreement\" data-popmechanic-required value=\"1\" />\r\n                    <div class=\"popmechanic-checkbox-check\">\r\n                        <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                            <path\r\n                                d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                fill=\"#002859\" />\r\n                        </svg>\r\n                    </div>\r\n                    <span><%=conf_text_pre_link%> <a href=\"<%=conf_link_url%>\" target=\"_blank\"><%=conf_link_text%></a>\r\n                        <%=conf_text_post_link%></span>\r\n                </label>\r\n            </div>\r\n            <% } %>\r\n        </div>\r\n    </div>\r\n    <% } %>\r\n\r\n\r\n\r\n    <div class=\"popmechanic-thankyou\" id=\"popmechanic-thanks\">\r\n        <div class=\"popmechanic-holder\">\r\n            <% if(parseInt(show_img_top)) { %>\r\n            <div class=\"popmechanic-img-top\" style=\"background-image: url(<%=img_top%>)\"></div>\r\n            <% } %>\r\n            <div class=\"popmechanic-content\">\r\n                <% if(parseInt(show_title_3)) { %>\r\n                <div class=\"popmechanic-title\">\r\n                    <%=thanks_title%>\r\n                </div>\r\n                <% } %>\r\n                <% if(parseInt(show_sub_title_3)) { %>\r\n                <div class=\"popmechanic-sub-title\">\r\n                    <%=thanks_sub_title%>\r\n                </div>\r\n                <% } %>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"popmechanic-inputs\">\r\n            <div class=\"popmechanic-inputs-wrapper\">\r\n                <% if(parseInt(show_thanks_btn)) { %>\r\n                <button type=\"button\" class=\"popmechanic-button\" data-popmechanic-close>\r\n                    <%=thanks_btn_text%>\r\n                </button>\r\n                <% } %>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-close\">&times;</div>\r\n</div>", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n<% } %>\r\n\r\n#popmechanic-form {\r\n  width: <%=form_width%>px;\r\n  height: <%=form_height%>px;\r\n  background-color: <%=form_bg_color%>;\r\n  line-height: <%=form_line_height%>;\r\n  border-radius: <%=form_border_radius%>px;\r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%=custom_font%>;\r\n  <% } else { %>\r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n  position: relative;\r\n  <% if(parseInt(show_form_bg)) { %>\r\n    background: url(<%=form_bg_img%>) center center no-repeat;\r\n    background-size: cover;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form * {\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%=custom_font%>;\r\n  <% } else { %>\r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  color: <%=close_color%>;\r\n  font-size: 45px;\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 5px;\r\n  line-height: 0;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  width: 26px;\r\n  height: 30px;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-holder {\r\n  height: <%=img_top_height%>px;\r\n  width: 100%;\r\n  position: relative;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  \r\n  <% if(parseInt(text_center)) { %>\r\n    padding: 0 20px;\r\n  <% } else { %>\r\n    padding-left: 62px;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-img-top {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  z-index: 1;\r\n  border-top-left-radius: <%=form_border_radius%>px;\r\n  border-top-right-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  \r\n  z-index: 2;\r\n  <% if(parseInt(text_center)) { %>\r\n    text-align: center;\r\n    margin: 0 auto;\r\n    max-width: 100%;\r\n  <% } else { %>\r\n    max-width: 350px;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  color: <%=title_color%>;\r\n  font-weight: bold;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sale {\r\n  font-size: <%=sale_fontsize%>px;\r\n  color: <%=sale_color%>;\r\n  font-weight: bold;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  color: <%=sub_title_color%>;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  padding-top: <%=pad_main_top%>px;\r\n  padding-left: <%=pad_main_left%>px;\r\n  padding-right: <%=pad_main_right%>px;\r\n  padding-bottom: <%=pad_main_bottom%>px;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  width: 100%;\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  display: block;\r\n  width: <%=inp_width%>px;\r\n  height: <%=inp_height%>px;\r\n  color: <%=inp_color%>;\r\n  font-size: <%=inp_fontsize%>px;\r\n  background-color: <%=inp_bgcolor%>;\r\n  border-radius: <%=inp_border_radius%>px;\r\n  border: none;\r\n  outline: none;\r\n  padding-left: 22px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-invalid {\r\n  border: 1px solid red;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n  font-size: <%=inp_fontsize%>px;\r\n  color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n  width: <%=btn_two_width%>px;\r\n  height: <%=btn_two_height%>px;\r\n  font-size: <%=btn_two_fontsize%>px;\r\n  margin-left: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  margin: 0 auto;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  font-size: <%=btn_fontsize%>px;\r\n  border-radius: <%=btn_border_radius%>px;\r\n  font-weight: 400;\r\n  border: none;\r\n  outline: none;\r\n  color: <%=btn_color%>;\r\n  background-color: <%=btn_bgcolor%>;\r\n  cursor: pointer;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background-color: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy {\r\n  font-size: <%=policy_fontsize%>px;\r\n  color: <%=policy_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block span {\r\n  margin-left: 15px;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n  text-decoration: underline;\r\n  color: inherit;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  width: 24px;\r\n  height: 24px;\r\n  background-color: <%=inp_bgcolor%>;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n  opacity: 0;\r\n  -webkit-transition: 0.2s;\r\n  transition: 0.2s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg path {\r\n  fill: <%=checkbox_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check svg {\r\n  opacity: 1;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice {\r\n  padding-top: <%=pad_top%>px;\r\n  padding-left: <%=pad_left%>px;\r\n  padding-right: <%=pad_right%>px;\r\n  padding-bottom: <%=pad_bottom%>px;\r\n  text-align: center;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n  margin-top: 16px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title-small {\r\n  font-size: <%=title_2_fontsize%>px;\r\n  color: <%=title_2_color%>;\r\n  font-weight: bold;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title-small {\r\n  font-size: <%=sub_title_2_fontsize%>px;\r\n  color: <%=sub_title_2_color%>;\r\n  font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice {\r\n  width: calc(100% + 22px);\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-wrap: wrap;\r\n      flex-wrap: wrap;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-top: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item {\r\n  border: 1px solid #d6d6d6;\r\n  font-size: <%=var_fontsize%>px;\r\n  color: <%=var_color%>;\r\n  cursor: pointer;\r\n  width: calc(100% / 3 - 22px);\r\n  margin: 0 11px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check {\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check svg {\r\n  -ms-flex-negative: 0;\r\n      flex-shrink: 0;\r\n  width: 16px;\r\n  height: auto;\r\n  margin-left: 6px;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"checkbox\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check\r\nsvg {\r\n  opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check {\r\n  border-radius: 50%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check svg {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 7px;\r\n  height: 7px;\r\n  background-color: <%=checkbox_color%>;\r\n  border-radius: 50%;\r\n  opacity: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n  opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input:checked ~ .popmechanic-choice-content .popmechanic-choice-img {\r\n  -webkit-filter: grayscale(0);\r\n          filter: grayscale(0);\r\n}\r\n#popmechanic-form .popmechanic-choice-item:hover .popmechanic-choice-content .popmechanic-choice-img {\r\n  -webkit-filter: grayscale(0);\r\n          filter: grayscale(0);\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 {\r\n  width: calc(100% + 30px);\r\n  margin-left: -15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-item {\r\n  width: calc(100% / 2 - 30px);\r\n  margin-left: 15px;\r\n  margin-right: 15px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-img {\r\n  height: 118px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check svg {\r\n  margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-text {\r\n  padding: 12px 10px;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 {\r\n  width: calc(100% + 34px);\r\n  margin-left: -17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-item {\r\n  width: calc(100% / 2 - 34px);\r\n  margin-left: 17px;\r\n  margin-right: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-img {\r\n  height: 248px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check svg {\r\n  margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-text {\r\n  padding: 15px 18px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image {\r\n  max-width: 400px;\r\n  width: 100%;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-item {\r\n  border: none;\r\n  margin-bottom: 17px;\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-img {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-checkbox-check {\r\n  margin-right: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text {\r\n  padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text span {\r\n  text-align-last: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-content {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text {\r\n  width: 100%;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\r\n  padding: 7px 7px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text span {\r\n  -webkit-box-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n  text-align: center;\r\n  margin-left: 6px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-img {\r\n  width: 100%;\r\n  height: 79px;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  -webkit-filter: grayscale(100%);\r\n          filter: grayscale(100%);\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-button {\r\n  margin-top: 30px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  left: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-holder {\r\n  height: auto;\r\n  padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  text-align: center;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-img-top {\r\n  position: relative;\r\n  height: <%=img_top_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sale {\r\n  font-size: <%=sale_fontsize_mob%>px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n  width: <%=inp_width_mob%>px;\r\n  height: <%=inp_height_mob%>px;\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::placeholder {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  padding: 0;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-top: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  \r\n  margin: 0 auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-button {\r\n   <% if(!parseInt(show_two_buttons)) { %>\r\n    margin-top: 15px;\r\n  <% } %>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-policy {\r\n  font-size: <%=policy_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice {\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n  margin-top: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title-small {\r\n  font-size: <%=title_2_fontsize_mob%>px;\r\n  padding: 0 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title-small {\r\n  font-size: <%=sub_title_2_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: stretch;\r\n      -ms-flex-align: stretch;\r\n          align-items: stretch;\r\n  width: 100%;\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n  margin-top: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-item {\r\n  width: 100%;\r\n  margin-right: 0;\r\n  margin-left: 0;\r\n  margin-bottom: 20px;\r\n  font-size: <%=var_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-img {\r\n  height: 28px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text {\r\n  padding: 2px 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text span {\r\n  text-align: left;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob {\r\n  width: 100%;\r\n  padding-left: 20px;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-item {\r\n  margin-bottom: 8px;\r\n  border: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-img {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check {\r\n  width: 17px;\r\n  height: 17px;\r\n  margin-right: 25px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check svg {\r\n  margin-left: 4px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n  margin-top: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-sub-title {\r\n  margin-bottom: 35px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen_active {\r\n  display: block;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-screen {\r\n  display: none !important;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "post-text", "lead", "multiscreen"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1137, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\r\n\t\t<% if (parseInt(show_img_top)) { %>\r\n\t\t<div class=\"popmechanic-image\">\r\n\t\t\t<img src=\"<%= img_top %>\"\r\n\t\t\t\t\t alt=\"img\" />\r\n\t\t</div>\r\n\t\t<% } %>\r\n\r\n\t\t<div class=\"popmechanic-content\">\r\n\r\n\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t<% if (parseInt(show_sub_title)) { %>\r\n\t\t\t\t<div class=\"popmechanic-sub-title\">\r\n\t\t\t\t\t<%= sub_title_text %>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if (parseInt(show_title)) { %>\r\n\t\t\t\t<div class=\"popmechanic-title\">\r\n\t\t\t\t\t<%= title_text_pre_bold %>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t</div>\r\n\r\n\t\t\t<% if (parseInt(show_timer)) { %>\r\n\t\t\t<div class=\"popmechanic-timer\">\r\n\t\t\t\t<p class=\"timer-title\"><%= timer_title %></p>\r\n\r\n\t\t\t\t<% if (parseInt(show_timer_days)) { %>\r\n\t\t\t\t<div class=\"popmechanic-timer-item days\"\r\n\t\t\t\t\t\t data-popmechanic-timer=\"timer:days\"></div>\r\n\t\t\t\t<% if (parseInt(show_dots)) { %>\r\n\t\t\t\t<div class=\"popmechanic-timer-dots\">\r\n\t\t\t\t\t<div class=\"popmechanic-timer-dot\">\r\n\t\t\t\t\t\t\u2022\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-dot\">\r\n\t\t\t\t\t\t\u2022\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if (parseInt(show_timer_hours)) { %>\r\n\t\t\t\t<div class=\"popmechanic-timer-item hours\"\r\n\t\t\t\t\t\t data-popmechanic-timer=\"timer:hours\"></div>\r\n\t\t\t\t<% if (parseInt(show_dots)) { %>\r\n\t\t\t\t<div class=\"popmechanic-timer-dots\">\r\n\t\t\t\t\t<div class=\"popmechanic-timer-dot\">\r\n\t\t\t\t\t\t\u2022\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-dot\">\r\n\t\t\t\t\t\t\u2022\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<div class=\"popmechanic-timer-item minutes\"\r\n\t\t\t\t\t\t data-popmechanic-timer=\"timer:minutes\"></div>\r\n\t\t\t\t<% if (parseInt(show_dots)) { %>\r\n\t\t\t\t<div class=\"popmechanic-timer-dots\">\r\n\t\t\t\t\t<div class=\"popmechanic-timer-dot\">\r\n\t\t\t\t\t\t\u2022\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-dot\">\r\n\t\t\t\t\t\t\u2022\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<div class=\"popmechanic-timer-item seconds\"\r\n\t\t\t\t\t\t data-popmechanic-timer=\"timer:seconds\"></div>\r\n\t\t\t</div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(show_btn)) { %>\r\n\r\n\t\t\t<% if (btn_action == 'close') { %>\r\n\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\tclass=\"popmechanic-button\"\r\n\t\t\t\t\t\t\tdata-popmechanic-close>\r\n\t\t\t\t<%= btn_text %>\r\n\t\t\t</button>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (btn_action == 'link') { %>\r\n\t\t\t<a href=\"<%=link_url%>\"\r\n\t\t\t\t target=\"_blank\"\r\n\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t data-popmechanic-link>\r\n\t\t\t\t<%= btn_text %>\r\n\t\t\t</a>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (btn_action == 'open') { %>\r\n\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\tclass=\"popmechanic-button popmechanic-form-open\"\r\n\t\t\t\t\t\t\tdata-popmechanic-close>\r\n\t\t\t\t<%= btn_text %>\r\n\t\t\t</button>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close>&times;</div>\r\n</div>", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');\r\n<% } %>\r\n\r\n#popmechanic-form * {\r\n  box-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n  width: 100%;\r\n  height: <%= form_height %>px;\r\n  font-weight: 300;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); */\r\n  background: none;\r\n  padding-top: <%= pad_top %>px;\r\n  padding-bottom: <%= pad_bottom %>px;\r\n  padding-left: <%= pad_left %>px;\r\n  padding-right: <%= pad_right %>px;\r\n  line-height: <%= form_line_height %>;\r\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  z-index: 2;\r\n  <% if(parseInt(use_custom_font)) { %>\r\n    font-family: <%= custom_font %>;\r\n  <% } else { %>\r\n    font-family: <%= form_font %>;\r\n  <% } %>\r\n}\r\n#popmechanic-form::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  background-color: <%= form_bg_color %>;\r\n  opacity: <%= proz %>;\r\n  z-index: 1;\r\n  border-radius: <%= form_border_radius %>px;\r\n  <% if(parseInt(show_form_bg)) { %>\r\n    background: url(<%= form_bg_img %>) center center no-repeat;\r\n    background-size: cover;\r\n  <% } %>\r\n  }\r\n#popmechanic-form .popmechanic-content {\r\n  text-align: center;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding-left: <%= pad11 %>px;\r\n  z-index: 2;\r\n}\r\n.popmechanic-desktop #popmechanic-form {\r\n  text-align: center;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n#popmechanic-form .text-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-right: 20px;\r\n}\r\n#popmechanic-form .timer-title {\r\n  position: absolute;\r\n  top: 10px;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: <%= timer_title1_d %>px;\r\n  line-height: normal;\r\n  text-align: center;\r\n  color: <%= timer_title_color %>;\r\n  z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n  display: block;\r\n  position: absolute;\r\n  top: <%= img_top_top %>px;\r\n  margin-left: <%= img_top_left %>px;\r\n  left: 30px;\r\n  width: <%= img_top_width %>px;\r\n  height: <%= img_top_height %>px;\r\n  z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-image img {\r\n  max-width: 100%;\r\n  width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n  color: <%= close_color %>;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  right: 10px;\r\n  top: 45px;\r\n  position: absolute;\r\n  background-color: transparent;\r\n  font-weight: 400;\r\n  line-height: 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 35px;\r\n  z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-close:hover {\r\n  color: <%= close_color2 %>;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%= sub_title_fontsize %>px;\r\n  margin-bottom: 14px;\r\n  font-weight: 300;\r\n  color: <%= sub_title_color %>;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%= title_fontsize %>px;\r\n  margin-bottom: 0px;\r\n  color: <%= title_color %>;\r\n  font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-title span {\r\n  font-size: <%= title_bold_fontsize %>px;\r\n  font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-timer {\r\n  display: flex;\r\n  justify-content: center;\r\n  font-weight: 300;\r\n  font-size: <%= timer_fontsize %>px;\r\n  color: <%= timer_color %>;\r\n  letter-spacing: 0;\r\n  margin-bottom: 14px;\r\n  line-height: 1;\r\n  width: <%= timer_size1 %>px;\r\n  padding-top: 36px;\r\n  padding-left: 25px;\r\n  padding-right: 25px;\r\n  padding-bottom: 20px;\r\n  margin-right: 10px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-timer::before {\r\n  content: \"\";\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  background-color: <%= timer_bgcolor %>;\r\n  opacity: <%= timer_opacity %>;\r\n  z-index: 1;\r\n}\r\n#popmechanic-form .popmechanic-timer-dots {\r\n  line-height: 0.6;\r\n  padding: 0 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n#popmechanic-form .popmechanic-timer-item {\r\n  display: flex;\r\n  <% if(!parseInt(show_dots)) { %>\r\n    margin-right: 25px;\r\n  <% } %>\r\n}\r\n<% if(!parseInt(show_dots)) { %>\r\n  #popmechanic-form .popmechanic-timer-item:last-child {\r\n    margin-right: 0;\r\n  }\r\n<% } %>\r\n#popmechanic-form .popmechanic-timer-digit {\r\n  display: block;\r\n  border-radius: 5px;\r\n  font-size: <%= timer_fontsize %>px;\r\n  padding: 0px  0px;\r\n  line-height: 1;\r\n  font-weight: 300;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-timer-digit:last-child {\r\n  margin-right: 0;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n  display: block;\r\n  width: <%= btn_width %>px;\r\n  min-height: <%= btn_height %>px;\r\n  background: <%= btn_bg_color %>;\r\n  color: <%= btn_color %>;\r\n  font-size: <%= btn_fontsize %>px;\r\n  border-radius: <%= btn_border_radius %>px;\r\n  font-weight: 300;\r\n  line-height: <%= btn_height %>px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  margin-bottom: 14px;\r\n  -webkit-transition: all 0.3s;\r\n  transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-button:hover {\r\n  color: <%= btn_hover_color %>;\r\n  background: <%= btn_bg_hover_color %>;\r\n}\r\n#popmechanic-form .close-button {\r\n  display: inline-block;\r\n  font-weight: 300;\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .close-button::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 100%;\r\n  height: 2px;\r\n  position: absolute;\r\n  bottom: 1px;\r\n  left: 0;\r\n}\r\n\r\n/* MOBILE */\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n  padding-left: 11px;\r\n  flex-direction: column;\r\n}\r\n.popmechanic-mobile #popmechanic-form .text-wrapper,\r\n.popmechanic-tablet #popmechanic-form .text-wrapper {\r\n  margin-right: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form,\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%= form_width_mob %>px;\r\n  height: <%= form_height_mob %>px;\r\n  line-height: <%= form_line_height_mob %>;\r\n  padding-top: <%= pad_top_mob %>px;\r\n  padding-bottom: <%= pad_bottom_mob %>px;\r\n  padding-left: <%= pad_left_mob %>px;\r\n  padding-right: <%= pad_right_mob %>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image {\r\n  top: <%= img_top_top_mob %>px;\r\n  margin-left: <%= img_top_left_mob %>px;\r\n  width: <%= img_top_width_mob %>px;\r\n  height: <%= img_top_height_mob %>px;\r\n  <% if(parseInt(show_img_mobile)) { %>\r\n    background-image: url(<%= bg_img_top_mobile %>);\r\n  <% } %>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image img,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image img {\r\n  display:none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%= sub_title_fontsize_mob %>px;\r\n  margin-bottom: 0px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n  font-size: <%= title_fontsize_mob %>px;\r\n  font-weight: 300;\r\n  align-self: center;\r\n  margin-bottom: 5px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title span,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title span {\r\n  font-size: <%= title_bold_fontsize_mob %>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer {\r\n  font-size: <%= timer_fontsize_mob %>px;\r\n  width: 228px;\r\n  height: 82px;\r\n  margin-right: 7px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .timer-title,\r\n.popmechanic-tablet #popmechanic-form .timer-title {\r\n  font-size: <%= timer_title1_m %>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit {\r\n  font-size: <%= timer_fontsize_mob %>px;\r\n  padding: 0;\r\n  margin-right: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit:last-child,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit:last-child {\r\n  margin-right: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-dots,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-dots {\r\n  font-size: 9px;\r\n  line-height: 0.4;\r\n  padding: 0 5px;\r\n}\r\n\r\n<% if(parseInt(show_timer_names)) { %>\r\n\r\n#popmechanic-form .popmechanic-timer-item {\r\n  position: relative;\r\n}\r\n#popmechanic-form .popmechanic-timer-item::after {\r\n  position: absolute;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 12px;\r\n  line-height: 14px;\r\n  color: <%=time_names_color%>;\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 5;\r\n}\r\n#popmechanic-form .popmechanic-timer-item.days::after {\r\n  content: \"<%= timer_days %>\";\r\n}\r\n#popmechanic-form .popmechanic-timer-item.hours::after {\r\n  content: \"<%= timer_hours %>\";\r\n}\r\n#popmechanic-form .popmechanic-timer-item.minutes::after {\r\n  content: \"<%= timer_minutes %>\";\r\n}\r\n#popmechanic-form .popmechanic-timer-item.seconds::after {\r\n  content: \"<%= timer_seconds %>\";\r\n}\r\n\r\n<% } %>\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button {\r\n  width: <%= btn_width_mob %>px;\r\n  min-height: <%= btn_height_mob %>px;\r\n  line-height: <%= btn_height_mob %>px;\r\n  font-size: <%= btn_fontsize_mob %>px;\r\n  margin-bottom: 32px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .close-button::after,\r\n.popmechanic-tablet #popmechanic-form .close-button::after {\r\n  height: 1px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  right: 2px;\r\n  font-size: 30px;\r\n  top: 100px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close {\r\n  left: 285px;\r\n  font-size: 30px;\r\n  top: 100px;\r\n}", "button": "", "on_show": "/*+(function () {\r\n    let promo = document.querySelector(\".popmechanic-promo\");\r\n    let btn = document.querySelector(\".popmechanic-do-copy\");\r\n    if (!btn) return;\r\n    btn.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        let content = promo.innerHTML;\r\n        navigator.clipboard.writeText(content).then(() => {\r\n            this.innerHTML = \"\";\r\n        });\r\n    });\r\n})();*/\r\n\r\nPopMechanic.$('.popmechanic-form-open').on('click', function () { PopMechanic.show(<%=form_open_id %>, true); })", "on_close": "", "embed_code": "", "behaviors": ["info", "timer", "banner-h"], "template_type": "partscreen-info", "need_reset": true, "parameters": [{"id": 132237, "machine_name": "timer", "type": "timer"}], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1400, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n      <%=header%>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  display: inline-block;\r\n  font-family: \"Open Sans\", Arial, sans-serif;\r\n  vertical-align: middle;\r\n  display: none;\r\n  width: 100%;\r\n  max-width: 1920px; }\r\n  #popmechanic-form.popmechanic-loaded,\r\n  #popmechanic-form.popmechanic-loading {\r\n        display: block;\r\n  }\r\n  #popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n    opacity: 1; }\r\n  #popmechanic-form .popmechanic-item-prices,\r\n  #popmechanic-form .popmechanic-item-picture,\r\n  #popmechanic-form .popmechanic-item-name {\r\n      display: block;\r\n  }\r\n  #popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n    display: none; }\r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: 25px;\r\n    line-height: 34px;\r\n    margin-bottom: 20px;\r\n    text-align: left; }\r\n  #popmechanic-form .popmechanic-main {\r\n    padding: 0;\r\n    text-align: center; }\r\n    #popmechanic-form .popmechanic-main .popmechanic-items {\r\n      opacity: 0;\r\n      white-space: nowrap; }\r\n\r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: 36px;\r\n    font-weight: bold; }\r\n  #popmechanic-form .popmechanic-close {\r\n    display: block;\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    text-decoration: underline;\r\n    width: 18px;\r\n    height: 18px;\r\n    cursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n  position: absolute;\r\n  text-align: center;\r\n  top: 45%;\r\n  width: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n  -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n  -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n  animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n  -webkit-animation-fill-mode: both;\r\n  animation-fill-mode: both;\r\n  background-color: red;\r\n  border-radius: 18px;\r\n  display: inline-block;\r\n  height: 18px;\r\n  margin: 0 5px;\r\n  width: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n  -webkit-animation-delay: -0.3s;\r\n  animation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n  -webkit-animation-delay: -0.15s;\r\n  animation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0.15); }\r\n  40% {\r\n    -webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0.15);\r\n    -moz-transform: scale(0.15);\r\n    -ms-transform: scale(0.15);\r\n    transform: scale(0.15); }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n    -moz-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0.15);\r\n    -moz-transform: scale(0.15);\r\n    -ms-transform: scale(0.15);\r\n    transform: scale(0.15); }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n    -moz-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0.15);\r\n    -moz-transform: scale(0.15);\r\n    -ms-transform: scale(0.15);\r\n    transform: scale(0.15); }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n    -moz-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0.15);\r\n    -moz-transform: scale(0.15);\r\n    -ms-transform: scale(0.15);\r\n    transform: scale(0.15); }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n    -moz-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n  0%, 80%, 100% {\r\n    -webkit-transform: scale(0.15);\r\n    -moz-transform: scale(0.15);\r\n    -ms-transform: scale(0.15);\r\n    transform: scale(0.15); }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n    -moz-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    transform: scale(1); } }\r\n    \r\n#constructor-preview .popmechanic-throbber {\r\n    display: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n    opacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute !important;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n  outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n  pointer-events: none;\r\n}\r\n\r\n<%=css%>", "button": "", "on_show": "\"use strict\";\r\ntry {\r\n  form.reportSlaSuccess();\r\n} catch (e) {} \r\nif (location.href.indexOf('pm-debug') > -1) {\r\n    debugger;\r\n}\r\nvar impressionMap = {};\r\nvar recommendations = settings.recommendations || [];\r\n\r\nif (settings.map_recommendations) {\r\n    try {\r\n        recommendations = new Function('recommendations', settings.map_recommendations)(settings.recommendations) || settings.recommendations;\r\n    } catch (err) {}\r\n}\r\n\r\nvar form = arguments[0] || {};\r\n\r\ntry {\r\n    var lessCount;\r\n    try {\r\n        lessCount = parseInt('<% try { print(lessCount); } catch (e) { print(0); } %>') || 0;\r\n    } catch (e) {\r\n        lessCount = 0;\r\n    };\r\n    var enableTns = true;\r\n    try {\r\n        enableTns = !!(parseInt('<% try { print(enableTns); } catch (e) { print(0); } %>'));\r\n    } catch (e) {\r\n        enableTns = true;\r\n    };\r\n    var groupSlidesBy = parseInt('<%=groupSlidesBy%>');\r\n\r\n    var responsiveArray = '<%=responsive%>'.split(';');\r\n    var firstPoint = responsiveArray[0].split(',');\r\n    var responsive = {};\r\n    for (var i = 1; i < responsiveArray.length; i++) {\r\n        var params = responsiveArray[i].split(',');\r\n        responsive[params[0]] = {\r\n            items: parseInt(params[1], 10),\r\n            gutter: params[2] || 0,\r\n            slideBy: params[3] || 1\r\n        };\r\n    }\r\n\r\n    var tnsParams = {\r\n        nav: false,\r\n        items: parseInt(firstPoint[0], 10),\r\n        mouseDrag: true,\r\n        gutter: firstPoint[1] || 0,\r\n        slideBy: firstPoint[2] || 1,\r\n        responsive: responsive,\r\n        loop: parseInt('<%=loopSlider%>'),\r\n        controls: !!<%=controls%>\r\n    };\r\n\r\n    var userParams = <% try { print(user_tns); } catch (e) { print('{}'); } %>;\r\n\r\n    tnsParams = PopMechanic.$.extend(true, tnsParams, userParams);\r\n\r\n    var formId = form.id;\r\n\r\n    var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"], [data-popmecanic-embed=\"' + formId + '\"]');\r\n    if (!$container.length) {\r\n        $container = PopMechanic.$('#popmechanic-container-' + formId);\r\n    }\r\n    if (!$container.length) {\r\n        return;\r\n    }\r\n\r\n    var cardTemplate = PopMechanic._.template(\r\n        $container.find('script[type=\"text\\/x-template\"]')\r\n            .html()\r\n            .replace(/\\s+/g, ' '),\r\n        {\r\n            interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n            evaluate: /\\{\\%(.+?)\\%\\}/g\r\n        }\r\n    );\r\n\r\n    function renderProductList() {\r\n        function onInit() {\r\n            try {\r\n                var container = $container.find('.popmechanic-items')[0];\r\n              \r\n                if (!container) {\r\n                    return;\r\n                }\r\n\r\n                window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n                function getReco() {\r\n                    var reco = null;\r\n                        \r\n                    if ($container.is('.popmechanic-widget-reco')) {\r\n                        reco = $container;\r\n                    } else {\r\n                        reco = $container.find('.popmechanic-widget-reco');\r\n                    }\r\n\r\n                    if ((!reco || !reco.length) && $container.is('#popmechanic-form-' + formId)) {\r\n                        reco = $container;\r\n                    }\r\n\r\n                    return reco;\r\n                }\r\n\r\n                if (enableTns) {\r\n                    window.PopMechanicTnsQ.push(function () {\r\n                        form.reportSlaSuccess();\r\n                        window.PopMechanicSlider = window.PopMechanicSlider || {};\r\n                        window.PopMechanicSlider[formId] = PopMechanicTns(PopMechanic.$.extend({ container: container }, tnsParams));\r\n\r\n                        var reco = getReco();\r\n                        reco.addClass('popmechanic-loaded');\r\n                        var debouncedStopDrag = PopMechanic._.debounce(function() {\r\n                            PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n                        }, 200)\r\n                        PopMechanicSlider[formId].events.on('dragMove', function() {\r\n                            PopMechanic.$(\"#popmechanic-form-\" + formId).addClass('popmechanic-dragged');\r\n                            debouncedStopDrag();\r\n                        });\r\n                        PopMechanicSlider[formId].events.on('dragEnd', function() {\r\n                            PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n                        });\r\n\r\n                        PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n                            reco.find('.tns-slide-active').each(function(i, el) {\r\n                                var clickTrack = PopMechanic.$(el).data('clickTrack');\r\n                              \r\n                                if (impressionMap[clickTrack]) {\r\n                                    impressionMap[clickTrack]();\r\n                                }\r\n                            });\r\n                        });\r\n                        reco.find('.tns-slide-active').each(function(i, el) {\r\n                           \tvar clickTrack = PopMechanic.$(el).data('clickTrack');\r\n                              \r\n                            if (impressionMap[clickTrack]) {\r\n                                impressionMap[clickTrack]();\r\n                            }\r\n                        });\r\n                    });\r\n                } else {\r\n                    var reco = getReco();\r\n                    reco.addClass('popmechanic-loaded');\r\n\r\n                      $container.find('.popmechanic-item-card').each(function(i, el) {\r\n                           \tvar clickTrack = PopMechanic.$(el).data('clickTrack');\r\n                              \r\n                            if (impressionMap[clickTrack]) {\r\n                                impressionMap[clickTrack]();\r\n                            }\r\n                      });\r\n                    \r\n                    form.reportSlaSuccess();\r\n                }\r\n            } catch (e) {\r\n                PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n                console.error('PopMechanic widget ' + formId, e.message);\r\n                form.reportSlaFailure('script-error', e);\r\n            }\r\n        }\r\n\r\n        $container.find(\".popmechanic-items\").empty();\r\n        $container.find('.popmechanic-items-wrapper').html('<div class=\"popmechanic-items\"></div>');\r\n        var $carousel = $container.find('.popmechanic-items');\r\n        $carousel.empty();\r\n        var slideAccumulator = [];\r\n        var $slideContainer = PopMechanic.$('<div class=\"popmechanic-slide-container\"/>');\r\n\r\n        for (var i = 0; i < recommendations.length; i++) {\r\n            var product = recommendations[i];\r\n            if (product.oldPrice && product.oldPrice <= product.price) {\r\n                product.oldPrice = null;\r\n            }\r\n            product.customFields = product.customFields || {};\r\n            product.discount = (product.oldPrice && product.price !== product.oldPrice) ? (100 * (product.oldPrice - product.price) / product.oldPrice).toFixed(0) + '%' : null;\r\n            /*try {\r\n                product.formattedPrice = product.price.toLocaleString().replace(',', ' ');\r\n                if (product.oldPrice) { product.formattedOldPrice = product.oldPrice.toLocaleString().replace(',', ' '); }\r\n            } catch (e) {}*/\r\n\r\n            try {\r\n                var $item = PopMechanic.$(\r\n                    cardTemplate({\r\n                        product: product,\r\n                        recommendations: recommendations,\r\n                        index: i\r\n                    })\r\n                );\r\n            } catch (e) {\r\n        if (location.href.indexOf('pm-debug') > -1) {\r\n                  console.log('card template error', e);\r\n                }\r\n                continue;\r\n            }\r\n            if (groupSlidesBy === 1) {\r\n                $carousel.append($item);\r\n            } else {\r\n                slideAccumulator.push($item);\r\n                $slideContainer.append($item);\r\n                if (slideAccumulator.length == groupSlidesBy) {\r\n                    slideAccumulator = [];\r\n                    $carousel.append($slideContainer);\r\n                    $slideContainer = PopMechanic.$('<div class=\"popmechanic-slide-container\"/>');\r\n                }\r\n            }\r\n\r\n            (function(i, product) {\r\n                $item.attr('data-click-track', i);\r\n                PopMechanic.$('#popmechanic-container-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n                  event.stopPropagation();\r\n                    mindbox(\"async\", {\r\n                        operation: \"popmechanic-widget-click-\" + formId,\r\n                        data: {\r\n                            clicked: {\r\n                                product: {\r\n                                    ids: product.ids,\r\n                                }\r\n                            }\r\n                        },\r\n                        onSuccess: function() {},\r\n                        onError: function(error) {\r\n                            console.log(error);\r\n                        }\r\n                    });\r\n\r\n                    settings.gaTracker.selectItem(product, i);\r\n                  return true;\r\n                });\r\n            }(i, product));\r\n        }\r\n\r\n                recommendations.map(function(product, i) {\r\n                    impressionMap[i] = function() {\r\n                        settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n                    };\r\n                });\r\n\r\n        onInit();\r\n    }\r\n\r\n    var recommendationsLimit = recommendations.length;\r\n\r\n    if (recommendationsLimit) {\r\n        if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n            renderProductList();\r\n        } else {\r\n            PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n            PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n            console.log('PopMechanic widget ' + formId + ': empty response');\r\n            form.reportSlaSuccess();\r\n        }\r\n    } else {\r\n        form.reportSlaSuccess();\r\n        throw new Error('no data from mindbox');\r\n    }\r\n} catch (e) {\r\n    PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n    PopMechanic.$('[data-popmechanic-embed=\"' + form.id + '\"]').remove();\r\n    console.error('PopMechanic widget ' + formId, e.message);\r\n    form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1533, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-image\"><img src=\"<%=img_src%>\" alt=\"\"></div>\r\n            <div class=\"popmechanic-header\">\r\n              <% if(parseInt(title_show)) { %>\r\n                <p class=\"popmechanic-title\"><%=title%></p>\r\n              <% } %>\r\n              <% if(parseInt(subtitle_show)) { %>\r\n                <p class=\"popmechanic-subtitle\"><%=subtitle%></p>\r\n              <% } %>\r\n            </div>\r\n            <!-- btn_1 -->\r\n            <% if(parseInt(btn_show_1)) { %>\r\n              <% if(btn_action_1 === \"link\") { %>\r\n                <a href=\"<%=btn_url_1%>\" <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %> name=\"button\"\r\n                class=\"popmechanic-button popmechanic-button--first\" data-popmechanic-submit><%=btn_text_1%></a>\r\n              <% } %>\r\n              <% if(btn_action_1 === \"form\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--first popmechanic-form-open1\" data-popmechanic-submit data-popmechanic-close><%=btn_text_1%></a>\r\n              <% } %>\r\n              <% if(btn_action_1 === \"close\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--first\" data-popmechanic-close><%=btn_text_1%></a>\r\n              <% } %>\r\n            <% } %>\r\n            <!-- btn_2 -->\r\n            <% if(parseInt(btn_show_2)) { %>\r\n              <% if(btn_action_2 === \"link\") { %>\r\n                <a href=\"<%=btn_url_2%>\" <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %> name=\"button\"\r\n                class=\"popmechanic-button popmechanic-button--second\" data-popmechanic-submit><%=btn_text_2%></a>\r\n              <% } %>\r\n              <% if(btn_action_2 === \"form\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--second popmechanic-form-open2\" data-popmechanic-submit data-popmechanic-close><%=btn_text_2%></a>\r\n              <% } %>\r\n              <% if(btn_action_2 === \"close\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--second\" data-popmechanic-close><%=btn_text_2%></a>\r\n              <% } %>\r\n            <% } %>\r\n        </div>\r\n    </div>\r\n   \r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n  position: relative !important;\r\n  display: inline-block;\r\n  <% if(parseInt(font_custom_show)) { %>\r\n      font-family: <%=font_custom%>;\r\n  <% } else { %>\r\n      font-family: <%=font_family%>;\r\n  <% } %>\r\n  <% if(parseInt(shadow_show)) { %>\r\n    box-shadow: 0px 0px <%=shadow_size%>px rgba(0, 0, 0, 0.25);\r\n  <% } %>\r\n  vertical-align: middle;\r\n  <% if(parseInt(border_show)) { %>\r\n    border-color: <%=border_color%>;\r\n    border-width: <%=border_width%>px;\r\n    border-style: solid;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  background-color: <%=bg_color%>;\r\n  opacity: <%=bg_transparency%>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  height: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  margin-top: 0;\r\n  margin-bottom: 0.9em;\r\n  font-weight: <%= title_fw %>;\r\n  color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n  margin: 0;\r\n  font-weight: 400;\r\n  color: <%=subtitle_color%>;\r\n  line-height: 1.5;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  flex-shrink: 0;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  padding-top: 14px;\r\n  padding-bottom: 14px;\r\n  border: 1px solid;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first {\r\n  background-color: <%=btn_bg_color_1%>;\r\n  border-color: <%=btn_border_color_1%>;\r\n  color: <%=btn_text_color_1%>;\r\n  border-radius: <%=btn_border_radius_1%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first:hover {\r\n  background-color: <%=btn_bg_color_hov_1%>;\r\n  color: <%=btn_text_color_hov_1%>;\r\n  border-color: <%=btn_border_color_hov_1%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second {\r\n  background-color: <%=btn_bg_color_2%>;\r\n  border-color: <%=btn_border_color_2%>;\r\n  color: <%=btn_text_color_2%>;\r\n  border-radius: <%=btn_border_radius_2%>px;\r\n  font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second:hover {\r\n  background-color: <%=btn_bg_color_hov_2%>;\r\n  color: <%=btn_text_color_hov_2%>;\r\n  border-color: <%=btn_border_color_hov_2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  display: block;\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  line-height: 1ex;\r\n  color: <%=close_color%>;\r\n  cursor: pointer;\r\n  z-index: 99;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n  padding: <%=padding_desktop%>px;\r\n  width: 100%;\r\n  height: <%=height_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n  display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n  width: <%=img_width_desktop%>px;\r\n  margin-right: 20px;\r\n  margin-top: <%=img_margin_top_desktop%>%;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n  margin-right: 75px;\r\n  text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_desktop%>px;\r\n  padding-top: <%=btn_height_desktop%>px;\r\n  padding-bottom: <%=btn_height_desktop%>px;\r\n  font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button--first {\r\n  margin-right: 16px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n  font-size: <%=close_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n  overflow: visible;\r\n  margin-top: <%= (img_margin_top_mobile < 0) ? Math.abs(parseInt(img_margin_top_mobile)) : 0 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  width: 100%;\r\n  padding: <%=padding_mobile%>px;\r\n  padding-top: <%=\r\n  (+padding_mobile + +img_margin_top_mobile >= +padding_mobile)\r\n    ? padding_mobile\r\n    : (+padding_mobile + +img_margin_top_mobile <= 0 ) ? 0 : +padding_mobile + +img_margin_top_mobile\r\n  %>px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n  position: relative;\r\n  top: <%=img_margin_top_mobile%>px;\r\n  display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n  width: <%=img_width_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n  margin-bottom: 26px;\r\n  margin-top: <%= parseInt(img_show_mobile) ? +img_margin_top_mobile + 10 : padding_mobile %>px;\r\n  text-align: <%=text_align_mobile%>;\r\n  overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mobile%>px;\r\n  padding-top: <%=btn_height_mobile%>px;\r\n  padding-bottom: <%=btn_height_mobile%>px;\r\n  font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button--first,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button--first {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  font-size: <%=close_size_mobile%>px;\r\n}", "button": "", "on_show": "<% if (!!parseInt(btn_form_id_1)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open1').on('click', function (e) {\r\n  \te.preventDefault();\r\n  \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_1 %>, true)}, 300);})\r\n<% } %>\r\n  \r\n  \r\n<% if (!!parseInt(btn_form_id_2)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open2').on('click', function (e) {\r\n  \te.preventDefault();\r\n  \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_2 %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info", "banner-h"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1764, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n  <!-- Screen 1 -->\r\n  <div class=\"popmechanic-main popmechanic-screen popmechanic-screen_active\">\r\n    <div class=\"popmechanic-content\">\r\n      <div class=\"popmechanic-title-wrapper\">\r\n        <% if(parseInt(show_title_1)){ %>\r\n        <div class=\"popmechanic-title\">\r\n          <%=title_1%>\r\n        </div>\r\n        <% } %>\r\n        <% if(parseInt(show_sub_title_1)){ %>\r\n        <div class=\"popmechanic-sub-title\">\r\n          <%=sub_title_1%>\r\n        </div>\r\n        <% } %>\r\n      </div>\r\n      <div class=\"popmechanic-marks\">\r\n        <div class=\"popmechanic-mark\" rel=\"screen\" href=\"#popmechanic-screen-comment\"\r\n          onclick=\"PopMechanic.customs.mark = '1'\">\r\n          <img src=\"<%=smile_1%>\" alt=\"img\" />\r\n        </div>\r\n        <div class=\"popmechanic-mark\" rel=\"screen\" href=\"#popmechanic-screen-comment\"\r\n          onclick=\"PopMechanic.customs.mark = '2'\">\r\n          <img src=\"<%=smile_2%>\" alt=\"img\" />\r\n        </div>\r\n        <div class=\"popmechanic-mark\" rel=\"screen\" href=\"#popmechanic-screen-comment\"\r\n          onclick=\"PopMechanic.customs.mark = '3'\">\r\n          <img src=\"<%=smile_3%>\" alt=\"img\" />\r\n        </div>\r\n        <div class=\"popmechanic-mark\" rel=\"screen\" href=\"#popmechanic-screen-comment\"\r\n          onclick=\"PopMechanic.customs.mark = '4'\">\r\n          <img src=\"<%=smile_4%>\" alt=\"img\" />\r\n        </div>\r\n        <div class=\"popmechanic-mark\" rel=\"screen\" href=\"#popmechanic-screen-comment\"\r\n          onclick=\"PopMechanic.customs.mark = '5'\">\r\n          <img src=\"<%=smile_5%>\" alt=\"img\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- Screen 2 -->\r\n  <div\r\n    class=\"popmechanic-screen \"\r\n    id=\"popmechanic-screen-comment\"\r\n  >\r\n    <div class=\"popmechanic-content\">\r\n      <div class=\"popmechanic-title-wrapper\">\r\n        <% if(parseInt(show_title_2)){ %>\r\n        <div class=\"popmechanic-title\">\r\n          <%=title_2%>\r\n        </div>\r\n        <% } %>\r\n        <% if(parseInt(show_sub_title_2)){ %>\r\n        <div class=\"popmechanic-sub-title\">\r\n          <%=sub_title_2%>\r\n        </div>\r\n        <% } %>\r\n      </div>\r\n\r\n      <div class=\"popmechanic-input-wrapper\">\r\n        <textarea\r\n          name=\"comment\"\r\n          class=\"popmechanic-message\"\r\n          placeholder=\"<%=placeholder%>\"\r\n          data-popmechanic-input=\"customs.message\"\r\n        ></textarea>\r\n        <button type=\"button\" name=\"button\" class=\"popmechanic-submit\" data-popmechanic-submit>\r\n          <%=btn_text_2%>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- Screen thanks -->\r\n  <div class=\"popmechanic-thankyou\" id=\"popmechanic-thanks\">\r\n    <div class=\"popmechanic-content\">\r\n      <div class=\"popmechanic-title-wrapper\">\r\n        <% if(parseInt(show_title_3)){ %>\r\n        <div class=\"popmechanic-title\">\r\n          <%=title_3%>\r\n        </div>\r\n        <% } %>\r\n        <% if(parseInt(show_sub_title_3)){ %>\r\n        <div class=\"popmechanic-sub-title\">\r\n          <%=sub_title_3%>\r\n        </div>\r\n        <% } %>\r\n      </div>\r\n      \r\n     \r\n    </div>\r\n  </div>\r\n  <% if(parseInt(close_show)) { %>\r\n  <!-- CLOSE -->\r\n  <div class=\"popmechanic-close\"\r\n       data-popmechanic-close></div>\r\n  <% } %>\r\n</div>", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n\r\n<% try {\r\n  close_show = close_show;\r\n  close_size_desk = close_size_desk;\r\n  close_size_mob = close_size_mob;\r\n  close_color_desk = close_color_desk;\r\n  close_color_mob = close_color_mob;\r\n  close_bg_show_desk = close_bg_show_desk;\r\n  close_bg_color_desk = close_bg_color_desk;\r\n  close_bg_show_mob = close_bg_show_mob;\r\n  close_bg_color_mob = close_bg_color_mob;\r\n  close_bg_transparency = close_bg_transparency;\r\n  } catch (e) { \r\n    close_show = 0\r\n    close_size_desk = 20\r\n    close_size_mob = 20\r\n    close_color_desk = '#000000'\r\n    close_color_mob = '#000000'\r\n    close_bg_show_desk = 0\r\n    close_bg_color_desk = '#000000'\r\n    close_bg_show_mob = 0\r\n    close_bg_color_mob = '#000000'\r\n    close_bg_transparency = 0.5\r\n   }\r\n%>\r\n\r\n#popmechanic-form {\r\n  width: 100%;\r\n  line-height: <%=form_line_height%>;\r\n  font-family: <%=form_font%>;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  position: relative;\r\n  display: inline-block;\r\n  \r\n}\r\n\r\n#popmechanic-form * {\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  font-family: <%=form_font%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen {\r\n  display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen_active {\r\n  display: block;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  text-align: left;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  height: 100%;\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  padding-right: 40px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-thankyou {\r\n  height: <%=form_height%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form #popmechanic-screen-comment,\r\n#popmechanic-form .popmechanic-thankyou {\r\n  background-color: <%=form_bg_color%>;\r\n  \r\n  <% if(parseInt(show_form_bg)){ %>\r\n    background-image: url(<%=form_bg_img%>);\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment {\r\n  height: <%=message_height%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title-wrapper {\r\n  -webkit-box-flex: 1;\r\n      -ms-flex: 1;\r\n          flex: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  color: <%=title_color%>;\r\n  font-weight: 900;\r\n  margin-bottom: 13px;\r\n  margin-right: 60px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  color: <%=sub_title_color%>;\r\n  font-weight: 300;\r\n  margin-right: 60px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-marks {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  -ms-flex-negative: 1;\r\n      flex-shrink: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark {\r\n  cursor: pointer;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n  margin-right: 20px;\r\n  font-size: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:hover {\r\n  -webkit-transform: translateY(-3px);\r\n          transform: translateY(-3px);\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark img {\r\n  max-width: 100%;\r\n  width: <%=img_width%>px;\r\n  pointer-events: none;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n  display: block;\r\n  margin: 0 auto;\r\n  font-family: inherit;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  color: <%=btn_color%>;\r\n  background-color: <%=btn_bgcolor%>;\r\n  font-size: <%=btn_fontsize%>px;\r\n  font-weight: 700;\r\n  border-radius: <%=btn_border_radius%>px;\r\n  text-shadow: none;\r\n  border: none;\r\n  outline: none;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  -webkit-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background-color: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input-wrapper {\r\n  position: relative;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment .popmechanic-title {\r\n  margin-right: 40px;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment .popmechanic-sub-title {\r\n  font-weight: 400;\r\n  margin-bottom: 10px;\r\n  margin-right: 40px;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment .popmechanic-submit {\r\n  position: absolute;\r\n  width: <%=btn_width_msg%>px;\r\n  height: <%=btn_height_msg%>px;\r\n  bottom: 0;\r\n  right: 0;\r\n  margin: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message {\r\n  display: block;\r\n  width: <%=inp_width%>px;\r\n  height: <%=inp_height%>px;\r\n  border: 1px solid <%=inp_border_color%>;\r\n  border-radius: <%=inp_broder_radius%>px;\r\n  color: <%=inp_color%>;\r\n  background-color: <%=inp_bgcolor%>;\r\n  margin: 0 auto;\r\n  padding: 20px 15px;\r\n  padding-right: 192px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  font-size: <%=inp_fontsize%>px;\r\n  resize: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message::-webkit-input-placeholder {\r\n  color: <%=inp_color%>;\r\n  font-style: italic;\r\n  font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message:-ms-input-placeholder {\r\n  color: <%=inp_color%>;\r\n  font-style: italic;\r\n  font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message::-ms-input-placeholder {\r\n  color: <%=inp_color%>;\r\n  font-style: italic;\r\n  font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message::placeholder {\r\n  color: <%=inp_color%>;\r\n  font-style: italic;\r\n  font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n  -webkit-box-pack: start;\r\n      -ms-flex-pack: start;\r\n          justify-content: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title-wrapper {\r\n  -webkit-box-flex: initial;\r\n      -ms-flex: initial;\r\n          flex: initial;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n  margin: 0;\r\n  margin-left: 150px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  height: <%=main_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  width: 100%;\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n  border-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  height: <%=form_height_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title-wrapper {\r\n  -webkit-box-flex: initial;\r\n      -ms-flex: initial;\r\n          flex: initial;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n  margin-bottom: 8px;\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content {\r\n  height: 100%;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  text-align: center;\r\n  padding-right: 0;\r\n  width: 100%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-sub-title {\r\n  margin-bottom: 18px;\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-title {\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-message {\r\n  padding: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-submit {\r\n  position: relative;\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n  margin-bottom: 15px;\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark {\r\n  margin-right: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark img {\r\n  width: <%=img_width_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-message {\r\n  width: <%=inp_width_mob%>px;\r\n  height: <%=inp_height_mob%>px;\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n  margin-top: 40px;\r\n  margin-left: 0;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-screen {\r\n  display: none !important;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n}\r\n\r\n@media screen and (max-width: 1230px) {\r\n  #popmechanic-form {\r\n    line-height: <%=form_line_height_mob%>;\r\n  }\r\n  #popmechanic-form .popmechanic-main {\r\n    height: <%=main_height_mob%>px;\r\n  }\r\n  #popmechanic-form .popmechanic-main,\r\n  #popmechanic-form #popmechanic-screen-comment,\r\n  #popmechanic-form .popmechanic-thankyou {\r\n    width: 100%;\r\n    padding-top: <%=pad_top_mob%>px;\r\n    padding-left: <%=pad_left_mob%>px;\r\n    padding-right: <%=pad_right_mob%>px;\r\n    padding-bottom: <%=pad_bottom_mob%>px;\r\n    border-radius: <%=form_border_radius%>px;\r\n  }\r\n  #popmechanic-form #popmechanic-screen-comment,\r\n  #popmechanic-form .popmechanic-thankyou {\r\n    height: <%=form_height_mob%>px;\r\n  }\r\n  #popmechanic-form .popmechanic-title-wrapper {\r\n    -webkit-box-flex: initial;\r\n        -ms-flex: initial;\r\n            flex: initial;\r\n  }\r\n  #popmechanic-form .popmechanic-title {\r\n    font-size: <%=title_fontsize_mob%>px;\r\n    margin-bottom: 8px;\r\n    margin-right: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-main {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-main .popmechanic-content {\r\n    height: 100%;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n            flex-direction: column;\r\n    -webkit-box-align: center;\r\n        -ms-flex-align: center;\r\n            align-items: center;\r\n    -webkit-box-pack: center;\r\n        -ms-flex-pack: center;\r\n            justify-content: center;\r\n  }\r\n  #popmechanic-form .popmechanic-content {\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n            flex-direction: column;\r\n    -webkit-box-align: center;\r\n        -ms-flex-align: center;\r\n            align-items: center;\r\n    text-align: center;\r\n    padding-right: 0;\r\n    width: 100%;\r\n  }\r\n  #popmechanic-form #popmechanic-screen-comment .popmechanic-sub-title {\r\n    margin-bottom: 18px;\r\n    margin-right: 0;\r\n  }\r\n  #popmechanic-form #popmechanic-screen-comment .popmechanic-title {\r\n    margin-right: 0;\r\n  }\r\n  #popmechanic-form #popmechanic-screen-comment .popmechanic-message {\r\n    padding: 15px;\r\n  }\r\n  #popmechanic-form #popmechanic-screen-comment .popmechanic-submit {\r\n    position: relative;\r\n    width: <%=btn_width_mob%>px;\r\n    height: <%=btn_height_mob%>px;\r\n  }\r\n  #popmechanic-form .popmechanic-sub-title {\r\n    font-size: <%=sub_title_fontsize_mob%>px;\r\n    margin-bottom: 15px;\r\n    margin-right: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-mark {\r\n    margin-right: 11px;\r\n  }\r\n  #popmechanic-form .popmechanic-mark:last-child {\r\n    margin-right: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-mark img {\r\n    width: <%=img_width_mob%>px;\r\n  }\r\n  #popmechanic-form .popmechanic-submit {\r\n    width: <%=btn_width_mob%>px;\r\n    height: <%=btn_height_mob%>px;\r\n    font-size: <%=btn_fontsize_mob%>px;\r\n  }\r\n  #popmechanic-form .popmechanic-message {\r\n    width: <%=inp_width_mob%>px;\r\n    height: <%=inp_height_mob%>px;\r\n    font-size: <%=inp_fontsize_mob%>px;\r\n    outline: none;\r\n    margin-bottom: 10px;\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n            flex-direction: column;\r\n    -webkit-box-pack: center;\r\n        -ms-flex-pack: center;\r\n            justify-content: center;\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n    margin-top: 40px;\r\n    margin-left: 0;\r\n  }\r\n}\r\n\r\n<% if(parseInt(close_show)) { %>\r\n  /* CLOSE */\r\n  <%\r\n    function hexToRgb(hex) {\r\n      return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n        return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n      }).substring(1).match(/.{2}/g).map(function (x) {\r\n        return parseInt(x, 16);\r\n      });\r\n    };\r\n  %>\r\n\r\n  #popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    z-index: 40;\r\n    cursor: pointer;\r\n  }\r\n  #popmechanic-form .popmechanic-close::before,\r\n  #popmechanic-form .popmechanic-close::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 80%;\r\n    height: 2px;\r\n    transform: translate(-50%, -50%) rotate(45deg);\r\n  }\r\n  #popmechanic-form .popmechanic-close::after {\r\n    transform: translate(-50%, -50%) rotate(135deg);\r\n  }\r\n  .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n    top: 10px;\r\n    right: 10px;\r\n    width: <%= close_size_desk %>px;\r\n    height: <%= close_size_desk %>px;\r\n    <% if(parseInt(close_bg_show_desk)) { %>\r\n      background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n    <% } %>\r\n  }\r\n  .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n  .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n    background-color: <%= close_color_desk %>;\r\n  }\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n    top: 5px;\r\n    right: 5px;\r\n    width: <%= close_size_mob %>px;\r\n    height: <%= close_size_mob %>px;\r\n    <% if(parseInt(close_bg_show_mob)) { %>\r\n      background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n    <% } %>\r\n  }\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n    background-color: <%= close_color_mob %>;\r\n  }\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead", "multiscreen"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2031, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 50%;\r\n  padding: 51px 25px 37px 46px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 50%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 140px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2260, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%\r\n                        var balance = 0;\r\n                        var total = 0;\r\n                                                         \r\n                        if (cart.length) {\r\n                           total = PopMechanic._.reduce(\r\n                             cart,\r\n                             function (total, productLine) {\r\n                               total += productLine.priceOfLine || productLine.pricePerItem * productLine.count || 0;\r\n\r\n                               return total;\r\n                             },\r\n                             0\r\n                           );\t                                 \r\n                        } else if (popmechanicCart) {\r\n                           total = parseInt(popmechanicCart.totalWithDiscount, 10);                            \r\n                        }       \r\n                        \r\n                        var summNumber = parseInt(summ, 10); \r\n                        balance = (total < summNumber) ? summNumber - total : \"\";                                 \r\n                                                         \r\n                    \ttry {\r\n                          print(PopMechanic._.template(subtitle_1)({ balance: balance }));\r\n                        } catch (_err) {};\r\n                    %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<% if(parseInt(btn_show)) { %>\r\n\r\n\t\t\t\t<% if(btn_action === \"form\") { %>\r\n\t\t\t\t<a id=\"popmechanic-js-form-open\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-submit\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"link\") { %>\r\n\t\t\t\t<a href=\"<%= btn_url %>\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close\r\n\t\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>\r\n\t\t\t\t\t data-popmechanic-submit><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"close\") { %>\r\n\t\t\t\t<a class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n\t<% } %>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n  return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n  }).substring(1).match(/.{2}/g).map(function (x) {\r\n    return parseInt(x, 16);\r\n  });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t<% } %>\r\n}\r\n\r\n<% if(parseInt(img_show_desk) || parseInt(img_show_mob)) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tfont-family: inherit;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n\tcolor: <%= subtitle_accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding: 0.5em;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: 500;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\ttransition-property: background-color, color, border-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t}\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_desk %>px;\r\n\tmin-height: <%= height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\talign-items: center;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if(parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\tmax-width: <%= img_width_desk %>px;\r\n\t\tmin-height: 100%;\r\n\t\tbackground-image: url(<%= img_src_desk %>);\r\n\t\tbackground-position: <%= img_position_desk %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if(parseInt(close_show)) { %>\r\n\t\tpadding-right: <%= +padding_x_desk + +close_size_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-width: <%= btn_width_desk %>px;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_position_desk === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_desk === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if(parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\tmin-height: <%= img_height_mob %>px;\r\n\t\tbackground-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n\t\tbackground-position: <%= img_position_mob %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if(parseInt(close_show) && !parseInt(img_show_mob)) { %>\r\n\t\tpadding-right: <%= +padding_x_mob + +close_size_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle span,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmax-width: <%= btn_width_mob %>px;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_position_mob === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_mob === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.2s;\r\n\t\ttransition-timing-function: ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t@media (hover: hover) {\r\n\t\t#popmechanic-form .popmechanic-close:hover::before,\r\n\t\t#popmechanic-form .popmechanic-close:focus::before {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t\t}\r\n\t\t#popmechanic-form .popmechanic-close:hover::after,\r\n\t\t#popmechanic-form .popmechanic-close:focus::after {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(225deg);\r\n\t\t}\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= padding_y_desk %>px;\r\n\t\tright: <%= padding_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t\t<% if(parseInt(close_bg_show_desk)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_desk %>;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\tright: <%= padding_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t\t<% if(parseInt(close_bg_show_mob)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t\t<% if (!parseInt(img_show_mob)) { %>\r\n\t\t\ttop: <%= padding_y_mob %>px;\r\n\t\t<% } else { %>\r\n\t\t\ttop: 20px;\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_mob %>;\r\n\t}\r\n<% } %>", "button": "", "on_show": "<% if (!!parseInt(btn_form_id)) { %>\r\n  PopMechanic.$('#popmechanic-js-form-open').on('click', function (e) {\r\n  e.preventDefault();\r\n  setTimeout(function(){PopMechanic.show(<%= btn_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info", "cart"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2381, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<% if ((desktop.toString() !== \"false\") && parseInt(img_show_desk)) { %>\r\n\t\t<img src=\"<%= img_src_desk %>\"\r\n\t\t\t\t alt=\"\"\r\n\t\t\t\t class=\"popmechanic-image\">\r\n\t\t<% } %>\r\n\t\t<% if ((desktop.toString() === \"false\") && parseInt(img_show_mob)) { %>\r\n\t\t<img src=\"<%= img_src_mob %>\"\r\n\t\t\t\t alt=\"\"\r\n\t\t\t\t class=\"popmechanic-image\">\r\n\t\t<% } %>\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(parseInt(title_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(parseInt(subtitle_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% if (parseInt(timer_show)) { %>\r\n\t\t\t\t<div class=\"popmechanic-timer\">\r\n\t\t\t\t\t<% if(parseInt(timer_show_day)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-item popmechanic-timer-item-days\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-timer-digit-group\"\r\n\t\t\t\t\t\t\t\t data-popmechanic-timer=\"timer:days\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(parseInt(timer_show_hour)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-item popmechanic-timer-item-hours\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-timer-digit-group\"\r\n\t\t\t\t\t\t\t\t data-popmechanic-timer=\"timer:hours\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(parseInt(timer_show_min)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-item popmechanic-timer-item-minutes\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-timer-digit-group\"\r\n\t\t\t\t\t\t\t\t data-popmechanic-timer=\"timer:minutes\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(parseInt(timer_show_sec)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-timer-item popmechanic-timer-item-seconds\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-timer-digit-group\"\r\n\t\t\t\t\t\t\t\t data-popmechanic-timer=\"timer:seconds\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\t\t\t\t<% } %>\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- CLOSE -->\r\n\t\t\t<div class=\"popmechanic-close\"\r\n\t\t\t\t\t data-popmechanic-close></div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n</div>", "css": "<% if (!(parseInt(title_font_custom_show) && parseInt(subtitle_font_custom_show) && parseInt(timer_font_custom_show))) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700;800&family=Raleway:wght@300;400;500;700;800&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t\t<% if (parseInt(img_shadow_show)) { %>\r\n\t\t\tfilter: drop-shadow(0 0 <%= img_shadow_size %>px rgba(<%= hexToRgb(img_shadow_color) %>, <%= img_shadow_transparency %>));\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\t<% if(parseInt(title_font_custom_show)) { %>\r\n\t\tfont-family: <%= title_font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= title_font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n\t<% if(parseInt(subtitle_font_custom_show)) { %>\r\n\t\tfont-family: <%= subtitle_font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= subtitle_font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-timer {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: -moz-fit-content;\r\n\twidth: fit-content;\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n\tbackground-color: <%= timer_bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-timer-item {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tcolor: <%= timer_digits_color %>;\r\n\t<% if (parseInt(timer_digits_bg_show)) { %>\r\n\t\tbackground-color: <%= timer_digits_bg_color %>;\r\n\t\t<% } %>\r\n}\r\n<% if (parseInt(timer_show_separator)) { %>\r\n\t#popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n\t#popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tdisplay: block;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground-color: <%= timer_separator_color %>;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-timer-digit-group {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-timer-digit {\r\n\tfont-weight: <%= timer_digits_fw %>;\r\n\tline-height: 1;\r\n\t<% if(parseInt(timer_font_custom_show)) { %>\r\n\t\tfont-family: <%= timer_font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= timer_font_family %>;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: -<%= ((+img_offset_desk - +img_margin_bottom_desk) <= 0 ) ? 0 : img_offset_desk %>px;\r\n\t\t<% if (img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(img_show_desk) && (+img_offset_desk > +padding_y_desk)) { %>\r\n\t\tpadding-top: <%= (+img_offset_desk + +img_margin_bottom_desk) %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer {\r\n\tgap: <%= timer_digits_item_gap_desk %>px;\r\n\tpadding: <%= timer_padding_y_desk %>px <%= timer_padding_x_desk %>px;\r\n\tborder-radius: <%= timer_digits_br_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item {\r\n\twidth: <%= timer_digits_bg_size_desk %>px;\r\n\theight: <%= timer_digits_bg_size_desk %>px;\r\n\tborder-radius: <%= timer_digits_br_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\tright: -<%= (+timer_digits_item_gap_desk / 2) + (+timer_separator_size_desk / 2) %>px;\r\n\twidth: <%= timer_separator_size_desk %>px;\r\n\theight: <%= timer_separator_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::before {\r\n\ttransform: translateY(calc(-50% - <%= +timer_separator_size_desk + (+timer_separator_size_desk / 2) %>px));\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\ttransform: translateY(calc(-50% + <%= +timer_separator_size_desk + (+timer_separator_size_desk / 2) %>px));\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-digit {\r\n\tfont-size: <%= timer_digits_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: -<%= ((+img_offset_mob - +img_margin_bottom_mob) <= 0 ) ? 0 : img_offset_mob %>px;\r\n\t\t<% if (img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if (parseInt(img_show_mob) && (+img_offset_mob > +padding_y_mob)) { %>\r\n\t\tpadding-top: <%= (+img_offset_mob + +img_margin_bottom_mob) %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer {\r\n\tgap: <%= timer_digits_item_gap_mob %>px;\r\n\tpadding: <%= timer_padding_y_mob %>px <%= timer_padding_x_mob %>px;\r\n\tborder-radius: <%= timer_digits_br_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item {\r\n\twidth: <%= timer_digits_bg_size_mob %>px;\r\n\theight: <%= timer_digits_bg_size_mob %>px;\r\n\tborder-radius: <%= timer_digits_br_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::after,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\tright: -<%= (+timer_digits_item_gap_mob / 2) + (+timer_separator_size_mob / 2) %>px;\r\n\twidth: <%= timer_separator_size_mob %>px;\r\n\theight: <%= timer_separator_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::before {\r\n\ttransform: translateY(calc(-50% - <%= +timer_separator_size_mob + (+timer_separator_size_mob / 2) %>px));\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::after,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\ttransform: translateY(calc(-50% + <%= +timer_separator_size_mob + (+timer_separator_size_mob / 2) %>px));\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit {\r\n\tfont-size: <%= timer_digits_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 40;\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: 50%;\r\n\theight: 2px;\r\n\tborder-radius: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: translate(-50%, -50%) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\ttop: <%= close_position_y_desk %>px;\r\n\tright: <%= close_position_x_desk %>px;\r\n\twidth: <%= close_size_desk %>px;\r\n\theight: <%= close_size_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: <%= close_position_y_mob %>px;\r\n\tright: <%= close_position_x_mob %>px;\r\n\twidth: <%= close_size_mob %>px;\r\n\theight: <%= close_size_mob %>px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["timer", "info", "partscreen"], "template_type": "partscreen", "need_reset": true, "parameters": [{"id": 193901, "machine_name": "timer", "type": "timer"}], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 40446, "form": 48380, "filter": null, "filter_type": null, "account": 7027, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "subscribe_email", "event_value": "true", "tracker_name": "", "use_ga4": false, "measurement_id": "", "events": {"lead": {"name": "lead", "parameters": [{"name": "event_category", "value": "Mindbox"}, {"name": "event_label", "value": "subscribe_email"}, {"name": "event_value", "value": "true"}]}, "open": {"name": "open", "parameters": [{"name": "event_category", "value": "Mindbox"}, {"name": "event_label", "value": "subscribe_email"}, {"name": "event_value", "value": "true"}]}, "close": {"name": "close", "parameters": [{"name": "event_category", "value": "Mindbox"}, {"name": "event_label", "value": "subscribe_email"}, {"name": "event_value", "value": "true"}]}}}, {"id": 17083, "form": null, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "if (!window.PopMechanic.popMechanicManualTracker) {\n    window.PopMechanic.popMechanicManualTracker = true;\n    ga('create', 'UA-60065697-1', 'auto', 'popMechanicManualTracker');\n    ga('popMechanicManualTracker.require', 'ec');\n}", "on_show": "", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 41282, "form": 48776, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "", "on_show": "var element48776 = document.querySelector('#popmechanic-container-48776 [data-popmechanic-close]');\r\nelement48776.addEventListener('click', function (event) {\r\n    event.preventDefault();\r\n    mindbox(\"async\", {\r\n      operation: \"Site.CustomerEdit.DeviceUUID\",\r\n      data: {\r\n        customer: {\r\n          customFields: {\r\n            cookieAgree: true\r\n          }\r\n        }\r\n      }\r\n    });\r\n    console.log('Mindbox cookieAgree sent')\r\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 50328, "form": 48772, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "", "on_show": "var element48772 = document.querySelector('#popmechanic-container-48772 [data-popmechanic-close]');\r\nelement48772.addEventListener('click', function (event) {\r\n    event.preventDefault();\r\n    mindbox(\"async\", {\r\n      operation: \"Site.CustomerEdit.DeviceUUID\",\r\n      data: {\r\n        customer: {\r\n          customFields: {\r\n            cookieAgree: true\r\n          }\r\n        }\r\n      }\r\n    });\r\n    console.log('Mindbox cookieAgree sent')\r\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 56791, "form": 58469, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "console.log('draw 58469');", "on_show": "console.log('show 58469');", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 36292, "form": 45115, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": 109, "value": "%customs.mark%", "systemName": "customFields.DeliveryNPS"}], "customer_action_extended": [{"id": "153", "value": "%customs.mark%", "systemName": "customFields.InfoDeliveryEvaluation"}, {"id": "157", "value": "%customs.message%", "systemName": "customFields.TextAnswerInfoDelivery"}], "mode": "edit", "send_customer": false, "issue_action": true, "operation": "popmechanic-integration-issue-45115", "subscriptions": []}, {"id": 49720, "form": 54618, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "86", "value": "%customs.big_sales%", "systemName": "customFields.Themes"}, {"id": "86", "value": "%customs.best_prices%", "systemName": "customFields.Themes"}, {"id": "86", "value": "%customs.content_health%", "systemName": "customFields.Themes"}, {"id": "86", "value": "%customs.news_service%", "systemName": "customFields.Themes"}], "customer_action_extended": [{"id": "168", "value": "%customs.big_sales%", "systemName": "customFields.LoveTopic"}, {"id": "168", "value": "%customs.best_prices%", "systemName": "customFields.LoveTopic"}, {"id": "168", "value": "%customs.content_health%", "systemName": "customFields.LoveTopic"}, {"id": "168", "value": "%customs.news_service%", "systemName": "customFields.LoveTopic"}], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-54618", "subscriptions": []}, {"id": 40447, "form": 48380, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-48380", "subscriptions": [{"topic": "orders", "pointOfContact": "Email"}, {"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 47960, "form": 53529, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-53529", "subscriptions": [{"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 48022, "form": 53569, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-53569", "subscriptions": [{"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 48035, "form": 53577, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-53577", "subscriptions": [{"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 47502, "form": 53203, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "109", "value": "%customs.mark%", "systemName": "customFields.DeliveryNPS"}], "customer_action_extended": [{"id": "51", "value": "%customs.mark%", "systemName": "customFields.CheckoutProcessScore"}, {"id": "156", "value": "%customs.message%", "systemName": "customFields.TextAnswerProcessOrder"}], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-53203", "subscriptions": []}, {"id": 47548, "form": 53231, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "109", "value": "%customs.mark%", "systemName": "customFields.DeliveryNPS"}], "customer_action_extended": [{"id": "51", "value": "%customs.mark%", "systemName": "customFields.CheckoutProcessScore"}, {"id": "156", "value": "%customs.message%", "systemName": "customFields.TextAnswerProcessOrder"}], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-53231", "subscriptions": []}, {"id": 14408, "form": 26091, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-26091-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-26091-targeting"}, {"id": 14409, "form": 25279, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-25279-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-25279-targeting"}, {"id": 14411, "form": 25272, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-25272-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-25272-targeting"}, {"id": 14412, "form": 23491, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23491-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23491-targeting"}, {"id": 14413, "form": 23490, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23490-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23490-targeting"}, {"id": 14414, "form": 23489, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23489-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23489-targeting"}, {"id": 14415, "form": 23484, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23484-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23484-targeting"}, {"id": 14416, "form": 23482, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23482-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23482-targeting"}, {"id": 14417, "form": 23481, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23481-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23481-targeting"}, {"id": 16030, "form": 29444, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-29444-show", "click_operation": "popmechanic-popup-29444-click", "targeting_operation": "popmechanic-popup-29444-targeting"}, {"id": 16037, "form": 29455, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-29455-show", "click_operation": "popmechanic-popup-29455-click", "targeting_operation": "popmechanic-popup-29455-targeting"}, {"id": 36293, "form": 45115, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-45115-show", "click_operation": "popmechanic-block-45115-click", "targeting_operation": "popmechanic-block-45115-targeting"}, {"id": 40438, "form": 48380, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-48380-show", "click_operation": "popmechanic-popup-48380-click", "targeting_operation": "popmechanic-popup-48380-targeting"}, {"id": 41272, "form": 48772, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-48772-show", "click_operation": "popmechanic-popup-48772-click", "targeting_operation": "popmechanic-popup-48772-targeting"}, {"id": 41283, "form": 48776, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-48776-show", "click_operation": "popmechanic-popup-48776-click", "targeting_operation": "popmechanic-popup-48776-targeting"}, {"id": 43736, "form": 50464, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-50464-show", "click_operation": "popmechanic-popup-50464-click", "targeting_operation": "popmechanic-popup-50464-targeting"}, {"id": 44669, "form": 51182, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-51182-show", "click_operation": "popmechanic-popup-51182-click", "targeting_operation": "popmechanic-popup-51182-targeting"}, {"id": 47503, "form": 53203, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-53203-show", "click_operation": "popmechanic-block-53203-click", "targeting_operation": "popmechanic-block-53203-targeting"}, {"id": 47549, "form": 53231, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-53231-show", "click_operation": "popmechanic-block-53231-click", "targeting_operation": "popmechanic-block-53231-targeting"}, {"id": 47961, "form": 53529, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53529-show", "click_operation": "popmechanic-popup-53529-click", "targeting_operation": "popmechanic-popup-53529-targeting"}, {"id": 48023, "form": 53569, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53569-show", "click_operation": "popmechanic-popup-53569-click", "targeting_operation": "popmechanic-popup-53569-targeting"}, {"id": 48036, "form": 53577, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53577-show", "click_operation": "popmechanic-popup-53577-click", "targeting_operation": "popmechanic-popup-53577-targeting"}, {"id": 49630, "form": 54618, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-54618-show", "click_operation": "popmechanic-popup-54618-click", "targeting_operation": "popmechanic-popup-54618-targeting"}, {"id": 55996, "form": 58469, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58469-show", "click_operation": "popmechanic-popup-58469-click", "targeting_operation": "popmechanic-popup-58469-targeting"}, {"id": 91421, "form": 81928, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-81928-show", "click_operation": "popmechanic-popup-81928-click", "targeting_operation": "popmechanic-popup-81928-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": 2, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}