{"forms": [{"id": 92844, "template": 1999, "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", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "/new_checkout", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "/customer_subscribe_page", "operator": "$exclude"}, {"id": "6", "field": "page", "value": ["postel-deluxe.ru\\/[\\w\\d]+"], "operator": "$in_regexp"}], "operator": "$and"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 86, "externalId": "ed3b4401-4928-42d5-aa8f-0a5b0457a49c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "8", "field": "form_completed", "value": {"forms": [79058, 92844], "interval": 7}, "operator": "$never"}], "operator": "$and"}}, "settings_splits": [{"settings": {"text": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "title": "\u0414\u0410\u0420\u0418\u041c \u0421\u041a\u0418\u0414\u041a\u0423 10%", "pad_top": "73", "success": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "pad_left": "50", "btn_width": "239", "form_font": "Roboto, sans-serif", "inp_color": "#8f9399", "inp_width": "238", "pad_right": "50", "btn_height": "50", "but_color1": "#eb80a8", "but_color2": "#e56998", "but_color3": "#ffffff", "but_color4": "#ffffff", "form_width": "752", "inp_height": "51", "pad_bottom": "50", "show_title": "1", "text_size2": "24", "close_color": "#ffffff", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email", "machine_name": "email"}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": true, "placeholder": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445", "params": {"checked": true, "link_href": "#", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": "."}, "required": true, "placeholder": "", "machine_name": "customs.agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/35601/57ce31abd51aa5fc76660f7be45ee69d72d62baed93f295de961e74d3c7204c2.png", "form_height": "485", "inp_bgcolor": "#ffffff", "instruction": "\u0421\u043a\u043e\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 :)", "pad_top_mob": "35", "text_color1": "#ffffff", "text_color2": "#ffffff", "text_color3": "#ffffff", "btn_fontsize": "16", "inp_fontsize": "16", "pad_left_mob": "12", "show_form_bg": "1", "btn_width_mob": "280", "conf_fontsize": "14", "form_bg_color": "#EDBB4C", "inp_width_mob": "280", "inputs_border": "#ffffff", "pad_right_mob": "12", "btn_height_mob": "46", "form_width_mob": "315", "inp_height_mob": "40", "pad_bottom_mob": "30", "show_sub_title": "1", "text_size_mob1": "30", "text_size_mob2": "15", "title_fontsize": "50", "form_height_mob": "460", "btn_fontsize_mob": "16", "font_custom_show": "0", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "16", "btn_border_radius": "22", "close_hover_color": "#ffffff", "conf_fontsize_mob": "14", "inp_border_radius": "17.00", "placeholder_color": "#d1d1d1", "show_thanks_title": "1", "form_border_radius": "12", "inputs_border_width": "0.00", "inputs_border_radius": "26.00", "below_form_legal_text": "", "show_thanks_sub_title": "1", "show_legal_text_below_form": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 201658}], "id": 92252, "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": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "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\u043f\u0430\u043f \u0441\u043a\u0438\u0434\u043a\u0430 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "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-93289.png?ts=1721202159134", "rendered_button_preview": null, "settings": {"text": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "title": "\u0414\u0410\u0420\u0418\u041c \u0421\u041a\u0418\u0414\u041a\u0423 10%", "pad_top": "73", "success": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "pad_left": "50", "btn_width": "239", "form_font": "Roboto, sans-serif", "inp_color": "#8f9399", "inp_width": "238", "pad_right": "50", "btn_height": "50", "but_color1": "#eb80a8", "but_color2": "#e56998", "but_color3": "#ffffff", "but_color4": "#ffffff", "form_width": "752", "inp_height": "51", "pad_bottom": "50", "show_title": "1", "text_size2": "24", "close_color": "#ffffff", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email", "machine_name": "email"}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": true, "placeholder": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445", "params": {"checked": true, "link_href": "#", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": "."}, "required": true, "placeholder": "", "machine_name": "customs.agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/35601/57ce31abd51aa5fc76660f7be45ee69d72d62baed93f295de961e74d3c7204c2.png", "form_height": "485", "inp_bgcolor": "#ffffff", "instruction": "\u0421\u043a\u043e\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 :)", "pad_top_mob": "35", "text_color1": "#ffffff", "text_color2": "#ffffff", "text_color3": "#ffffff", "btn_fontsize": "16", "inp_fontsize": "16", "pad_left_mob": "12", "show_form_bg": "1", "btn_width_mob": "280", "conf_fontsize": "14", "form_bg_color": "#EDBB4C", "inp_width_mob": "280", "inputs_border": "#ffffff", "pad_right_mob": "12", "btn_height_mob": "46", "form_width_mob": "315", "inp_height_mob": "40", "pad_bottom_mob": "30", "show_sub_title": "1", "text_size_mob1": "30", "text_size_mob2": "15", "title_fontsize": "50", "form_height_mob": "460", "btn_fontsize_mob": "16", "font_custom_show": "0", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "16", "btn_border_radius": "22", "close_hover_color": "#ffffff", "conf_fontsize_mob": "14", "inp_border_radius": "17.00", "placeholder_color": "#d1d1d1", "show_thanks_title": "1", "form_border_radius": "12", "inputs_border_width": "0.00", "inputs_border_radius": "26.00", "below_form_legal_text": "", "show_thanks_sub_title": "1", "show_legal_text_below_form": "0"}, "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": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "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": true}, {"id": 83386, "template": 2030, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"text": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "title": "\u0414\u0410\u0420\u0418\u041c \u0421\u041a\u0418\u0414\u041a\u0423 10%", "pad_top": "73", "success": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "but_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "pad_left": "50", "btn_width": "239", "form_font": "Roboto, sans-serif", "inp_color": "#8f9399", "inp_width": "238", "pad_right": "50", "btn_height": "50", "but_color1": "#eb80a8", "but_color2": "#e56998", "but_color3": "#ffffff", "but_color4": "#ffffff", "close_show": "0", "form_width": "752", "inp_height": "51", "pad_bottom": "50", "show_title": "1", "text_size2": "24", "custom_font": "Arial, sans-serif", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email", "machine_name": "email"}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": false, "placeholder": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445", "params": {"checked": true, "link_href": "https://postel-deluxe.ru/privacy-policy", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": "."}, "required": true, "machine_name": "agreement"}], "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/35601/57ce31abd51aa5fc76660f7be45ee69d72d62baed93f295de961e74d3c7204c2.png", "form_height": "485", "inp_bgcolor": "#ffffff", "instruction": "\u0421\u043a\u043e\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 :)", "pad_top_mob": "40.00", "text_color1": "#ffffff", "text_color2": "#ffffff", "text_color3": "#ffffff", "btn_fontsize": "16", "inp_fontsize": "16", "pad_left_mob": "17.00", "show_form_bg": "1", "use_100width": "0", "btn_width_mob": "280", "conf_fontsize": "14", "form_bg_color": "#EDBB4C", "inp_width_mob": "280", "inputs_border": "#ffffff", "pad_right_mob": "17.00", "btn_height_mob": "46", "close_size_mob": "20", "form_width_mob": "315", "inp_height_mob": "40", "pad_bottom_mob": "30.00", "show_sub_title": "1", "text_size_mob1": "30", "text_size_mob2": "15", "title_fontsize": "50", "close_color_mob": "#fff", "close_size_desk": "20", "form_height_mob": "460", "use_custom_font": "0", "btn_fontsize_mob": "16", "close_color_desk": "#fff", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "16", "btn_border_radius": "22.00", "close_bg_show_mob": "0", "conf_fontsize_mob": "14", "inp_border_radius": "17.00", "placeholder_color": "#d1d1d1", "show_thanks_title": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "close_bg_color_desk": "#000000", "inputs_border_width": "0.00", "inputs_border_radius": "26.00", "close_bg_transparency": "0.5", "show_thanks_sub_title": "1"}, "button_settings": {}, "conditions_splits": [], "id": 82794, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u0441 \u043f\u043b\u0430\u0448\u043a\u0438 (\u043a\u043e\u043f\u0438\u044f) #83386", "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-83363.png?ts=1721051835318", "rendered_button_preview": null, "settings": {"text": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "title": "\u0414\u0410\u0420\u0418\u041c \u0421\u041a\u0418\u0414\u041a\u0423 10%", "pad_top": "73", "success": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "but_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "pad_left": "50", "btn_width": "239", "form_font": "Roboto, sans-serif", "inp_color": "#8f9399", "inp_width": "238", "pad_right": "50", "btn_height": "50", "but_color1": "#eb80a8", "but_color2": "#e56998", "but_color3": "#ffffff", "but_color4": "#ffffff", "close_show": "0", "form_width": "752", "inp_height": "51", "pad_bottom": "50", "show_title": "1", "text_size2": "24", "custom_font": "Arial, sans-serif", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email", "machine_name": "email"}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": false, "placeholder": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445", "params": {"checked": true, "link_href": "https://postel-deluxe.ru/privacy-policy", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": "."}, "required": true, "machine_name": "agreement"}], "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/35601/57ce31abd51aa5fc76660f7be45ee69d72d62baed93f295de961e74d3c7204c2.png", "form_height": "485", "inp_bgcolor": "#ffffff", "instruction": "\u0421\u043a\u043e\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 :)", "pad_top_mob": "40.00", "text_color1": "#ffffff", "text_color2": "#ffffff", "text_color3": "#ffffff", "btn_fontsize": "16", "inp_fontsize": "16", "pad_left_mob": "17.00", "show_form_bg": "1", "use_100width": "0", "btn_width_mob": "280", "conf_fontsize": "14", "form_bg_color": "#EDBB4C", "inp_width_mob": "280", "inputs_border": "#ffffff", "pad_right_mob": "17.00", "btn_height_mob": "46", "close_size_mob": "20", "form_width_mob": "315", "inp_height_mob": "40", "pad_bottom_mob": "30.00", "show_sub_title": "1", "text_size_mob1": "30", "text_size_mob2": "15", "title_fontsize": "50", "close_color_mob": "#fff", "close_size_desk": "20", "form_height_mob": "460", "use_custom_font": "0", "btn_fontsize_mob": "16", "close_color_desk": "#fff", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "16", "btn_border_radius": "22.00", "close_bg_show_mob": "0", "conf_fontsize_mob": "14", "inp_border_radius": "17.00", "placeholder_color": "#d1d1d1", "show_thanks_title": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "close_bg_color_desk": "#000000", "inputs_border_width": "0.00", "inputs_border_radius": "26.00", "close_bg_transparency": "0.5", "show_thanks_sub_title": "1"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "css": "<% 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-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\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 box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n <% if (parseInt(use_100width)) { %> \r\n width:100%;\r\n<% } else { %> \r\n width: <%=form_width%>px;\r\n <% } %>\r\n height: <%=form_height%>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 border-radius: 0px;\r\n padding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n background-color: <%=form_bg_color%>;\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 box-shadow: 0px 17px 32px rgba(0, 0, 0, 0.18);\r\n\r\n\r\n}\r\n\r\n\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: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n flex: 0 1 350px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n color: <%=text_color1%>;\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 1;\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n margin: 16px 0 0;\r\n color: <%=text_color2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.25;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n flex: 0 1 280px;\r\n padding: 33px 20px;\r\n border: <%=inputs_border_width%>px solid <%=inputs_border%>;\r\n border-radius: <%=inputs_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n padding: 0 16px;\r\n margin: 0 0 16px;\r\n background: <%=inp_bgcolor%>;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n outline: none;\r\n font-size: <%=inp_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=inp_color%>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=placeholder_color%>;\r\n opacity: 1;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n border: 1px solid #f36451;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n color: #f36451;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n \r\n background: <%=but_color1%>;\r\n color: <%=but_color3%>; \r\n border: none;\r\n padding: 0;\r\n border-radius: <%=btn_border_radius%>px;\r\n outline: none;\r\n cursor: pointer;\r\n font-size: <%=btn_fontsize%>px;\r\n line-height: normal;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n margin: 0 0 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=but_color4%>;\r\n background: <%=but_color2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5%>px;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: <%=conf_fontsize%>px;\r\n line-height: 18px;\r\n color: <%=text_color3%>;\r\n padding: 0 0 0 30px;\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#popmechanic-form .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -1px;\r\n width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: 4px;\r\n background: <%=inp_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: -0;\r\n left: -1px;\r\n z-index: 2;\r\n width: 18px;\r\n height: 18px;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n fill: <%=but_color1%>;\r\n width: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n text-align: center;\r\n height: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: -140px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 31px;\r\n font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 30px 0 0;\r\n font-size: <%=text_size2%>px;\r\n line-height: 28px;\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 padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main { \r\n flex-wrap: wrap;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=text_size_mob1%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n margin: 14px 0 0;\r\n font-size: <%=text_size_mob2%>px;\r\n line-height: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n padding: 0;\r\n margin: 20px 0 0;\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 margin: 0 0 12px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n margin-bottom: 12px;\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-thankyou .popmechanic-text {\r\n margin: 10px 0 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n /*display: none;*/\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n /*display: flex;*/\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 82144, "template": 3008, "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\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tbackground-color: <%= card_bg %>;\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\n\tborder-radius: <%= card_border_radius %>px;\n\toverflow: hidden;\n\ttransition: box-shadow 0.3s ease-in-out;\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\n}\n#popmechanic-form .popmechanic-picture-wrapper {\n\tposition: relative;\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\n}\n#popmechanic-form .popmechanic-picture {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmax-width: 100%;\n\tborder-radius: <%= card_img_border_radius %>px;\n\taspect-ratio: <%= card_img_aspect_ratio %>;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\toverflow: hidden;\n}\n#popmechanic-form .popmechanic-img {\n\tobject-fit: contain;\n\tobject-position: center;\n}\n#popmechanic-form .popmechanic-labels {\n\tposition: absolute;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: <%= card_labels_space %>px;\n\t<% if (card_labels_position === \"lefttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"righttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-label {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\n\tborder-radius: <%= card_labels_border_radius %>px;\n\tline-height: 1;\n\tborder: 1px solid;\n}\n#popmechanic-form .popmechanic-label-discount {\n\tbackground-color: <%= card_label_discount_bg %>;\n\tcolor: <%= card_label_discount_color %>;\n\tborder-color: <%= card_label_discount_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-label-new {\n\tbackground-color: <%= card_label_new_bg %>;\n\tcolor: <%= card_label_new_color %>;\n\tborder-color: <%= card_label_new_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n\tz-index: 1;\n\twidth: <%= btn_fav_width %>px;\n\theight: <%= btn_fav_height %>px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-image: url(<%= btn_fav_img_empty %>);\n\t/*transition: background-image 0.3s ease-in-out;*/\n\t<% if (btn_fav_position === \"lefttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"righttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n\tbackground-image: url(<%= btn_fav_img_fill %>);\n\twidth: 18px;\n\theight: 18px;\n\tright: 10px;\n}\n#popmechanic-form .popmechanic-inner {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, auto));\n\tjustify-items: center;\n\talign-items: end;\n\talign-content: <%= card_content_position_vert %>;\n\toverflow: hidden;\n\tflex-grow: 1;\n}\n#popmechanic-form .popmechanic-inner-item {\n\tgrid-column: 1 / -1;\n}\n#popmechanic-form .popmechanic-name {\n\tgrid-row: <%= card_name_ordering %>;\n\tcolor: <%= card_name_color %>;\n\tline-height: <%= card_name_lh %>;\n\tfont-weight: 500;\n\tdisplay: -webkit-box;\n\t/*-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;*/\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\n\t<% if (card_name_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_name_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-vendor {\n\tgrid-row: <%= card_vendor_ordering %>;\n\tcolor: <%= card_vendor_color %>;\n\tline-height: <%= card_vendor_lh %>;\n\tfont-weight: <%= card_vendor_fw %>;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\n\t<% if (card_vendor_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_vendor_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgrid-row: <%= card_rating_ordering %>;\n\t/*margin-bottom: <%= card_rating_margin_bottom %>px;*/\n\tmargin-bottom: 5px;\n\t<% if (card_rating_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_rating_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating-not-active,\n#popmechanic-form .popmechanic-rating-active {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-repeat: repeat-x;\n}\n#popmechanic-form .popmechanic-rating-not-active {\n\tbackground-image: url(<%= card_rating_img_empty %>);\n}\n#popmechanic-form .popmechanic-rating-active {\n\tmax-width:100%;\n\tbackground-image: url(<%= card_rating_img_fill %>);\n}\n#popmechanic-form .rating-value {\n\tfont-size: 11px;\n\tmargin-left: 16px;\n\tfont-weight: 600;\n\tcolor: #EB80A8;\n}\n#popmechanic-form .popmechanic-prices {\n\tdisplay: flex;\n\tgrid-row: <%= card_prices_ordering %>;\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\n\tgap: <%= card_prices_space %>px;\n\tflex-wrap: wrap;\n\tfont-weight: 600;\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\n\t<% if (card_prices_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_prices_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price {\n\tdisplay: flex;\n\talign-items: center;\n\tcolumn-gap: 0.5ch;\n\tcolor: <%= card_prices_color %>;\n\tline-height: 1;\n}\n#popmechanic-form .popmechanic-price-old {\n\tcolor: <%= card_price_discount_color %>;\n\tfont-weight: <%= card_price_discount_fw %>;\n\t<% if (parseInt(card_price_discount_cross)) { %>\n\t\ttext-decoration: line-through;\n\t<% } %>\n\t<% if (!parseInt(card_price_discount_first)) { %>\n\t\torder: 1;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price-new {\n\t/* keep */\n}\n#popmechanic-form .popmechanic-currency {\n\tfont-size: inherit;\n\tcolor: inherit;\n\tline-height: inherit;\n\tfont-family: inherit;\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\n}\n#popmechanic-form .popmechanic-button-cart {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-shrink: 0;\n\tgrid-row: <%= btn_cart_ordering %>;\n\tbackground-color: <%= btn_cart_bg %>;\n\tbackground-repeat: no-repeat;\n\tcolor: <%= btn_cart_color %>;\n\tline-height: 1;\n\tfont-weight: <%= btn_cart_fw %>;\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\n\tborder-radius: <%= btn_cart_border_radius %>px;\n\tborder: 1px solid <%= btn_cart_border_color %>;\n\toverflow: hidden;\n\tmax-width: 100%;\n\twidth: <%= btn_cart_width %>px;\n\tmin-height: <%= btn_cart_height %>px;\n\ttransition: all 0.3s ease-in-out;\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\n\t<% if (btn_cart_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (btn_cart_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n<% if (parseInt(btn_cart_icon_show)) { %>\n\t#popmechanic-form .popmechanic-button-cart-icon {\n\t\tbackground-position: center;\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\n\t\tfont-size: 0 !important;\n\t}\n<% } %>\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\n\tbackground-color: <%= btn_cart_bg_after %>;\n}\n\n/* DESKTOP */\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\n\tfont-size: <%= card_name_fs_desk %>px;\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\n}\n#popmechanic-form .popmechanic-vendor {\n\t/*font-size: <%= card_vendor_fs_desk %>px;*/\n\tfont-size: 14px;\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\n}\n#popmechanic-form .popmechanic-rating {\n\twidth: <%= card_rating_img_size_desk %>px;\n\theight: <%= card_rating_img_size_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\n\t/*background-size: <%= card_rating_img_size_desk %>px <%= card_rating_img_size_desk %>px;*/\n}\n#popmechanic-form .popmechanic-price {\n\t/*font-size: <%= card_prices_fs_desk %>px;*/\n\tfont-size: 16px;\n}\n#popmechanic-form .popmechanic-price-old {\n\t/*font-size: <%= card_price_discount_fs_desk %>px;*/\n\tfont-size: 12px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_desk %>px;\n}\n\n/* TABLET, MOBILE */\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_mob %>px;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\n\t/*font-size: <%= card_name_fs_mob %>px;*/\n\tfont-size: 14px;\n\t/*min-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);*/\n\tmin-height: 24px;\n}\n\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_mob %>px;\n}\n#popmechanic-form .count_of_reviews {\n margin-left: 2px;\n display: inline-block;\n color: #969696;\n font-size: 11px;\n line-height: 16px;\n}\n\n\n/* HOVER */\n@media (hover: hover) {\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\n\t\t<% if (parseInt(card_hov_shadow)) { %>\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\n\t\t<% } %>\n\t}\n\t#popmechanic-form .popmechanic-button:hover {\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\n\t\tcolor: <%= btn_cart_color_hov %>;\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\n\t}\n}\n@media (min-width: 768px){\n .popmechanic-tablet #popmechanic-form .popmechanic-label-discount,\n .popmechanic-mobile #popmechanic-form .popmechanic-label-discount,\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 12px;\n }\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 14px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 14px;\n \tmin-height: 29px;\n }\n \n #popmechanic-form .popmechanic-favorite {\n \twidth: 34px;\n \theight: 34px;\n \tright: 4px;\n }\n #popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n \twidth: 28px;\n \theight: 28px;\n \tright: 10px;\n }\n}\n@media (min-width: 1200px){\n .popmechanic-tablet #popmechanic-form .popmechanic-vendor,\n .popmechanic-mobile #popmechanic-form .popmechanic-vendor,\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 16px;\n \tmargin-bottom: 4px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 16px;\n \tmin-height: 38px;\n }\n #popmechanic-form .popmechanic-price,\n #popmechanic-form .popmechanic-price-new {\n \tfont-size: 20px;\n }\n #popmechanic-form .popmechanic-price-old {\n \tfont-size: 14px;\n }\n #popmechanic-form .popmechanic-rating{\n margin-bottom: 4px;\n }\n #popmechanic-form .popmechanic-rating .rating-value{\n font-size: 14px;\n }\n #popmechanic-form .count_of_reviews {\n font-size: 13px;\n }\n}\n@media (min-width: 1400px){\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 14px;\n }\n}\n\n\n", "header": "\u041f\u041e\u0425\u041e\u0416\u0418\u0415 \u0422\u041e\u0412\u0410\u0420\u042b", "shopId": "website", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "{%\r\nfunction getOtzyvWord(n){\r\n let m = n % 10;\r\n let j = n % 100;\r\n if (m == 0 || m >= 5 || (j >= 10 && j <= 20)) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u043e\u0432';\r\n }\r\n if (m >= 2 && m <= 4) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u0430';\r\n }\r\n return '\u043e\u0442\u0437\u044b\u0432';\r\n}\r\n%}\r\n
\r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t
-{{ product.discount }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t
{{ card_label_new_text }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t
\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t\t\"{{\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t
\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t{{ product.displayName }} {{ product.description }}\r\n\t\t\t{% } %}\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n {% function toTheStars(num) { return (num * 100) / 5 } %}\r\n
{{ (product.customFields[card_rating_customfield] + \"\").slice(0, 3) }}
\r\n
({{ (product.customFields['reviewsCount']) }} {{ getOtzyvWord(product.customFields['reviewsCount']) }})
\r\n {% } else { %}\r\n
0
\r\n
(\u043d\u0435\u0442 \u043e\u0442\u0437\u044b\u0432\u043e\u0432)
\r\n {% } %}\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedOldPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t
\r\n\r\n\t
\r\n
\r\n\r\n{%\r\n\ttry {\r\n\t\r\n\t\tsetTimeout(function() {\r\n\t\t\r\n\t\t\tvar addToFavoritesWrapped = new Function('pm','btn','product', btn_fav_func);\r\n\t\t\t\r\n\t\t\t/* wishlist hearts inits */\r\n\t\t\t\r\n\t\t\tif (pdx_wishlist_items[product.ids.website]) {\r\n\t\t\t let cur_button = document.querySelectorAll('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite');\r\n\t\t\t for(let i=0;i < cur_button.length;i++){\r\n\t\t\t cur_button[i].classList.add('popmechanic-in-favorite');\r\n\t\t\t }\r\n }\r\n \r\n /* wishlist functional handler */\r\n \r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite').click(function() {\r\n\t\t\t\t\t\r\n\t\t\t\taddToFavoritesWrapped(PopMechanic, PopMechanic.$(this), product);\r\n\t\t\t});\r\n\r\n\r\n\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"Pohozhienatovar\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "2,10,1;480,2,10,1;570,3,10,1;750,4,10,2;954,5,10,2;1130,6,10,2;1200,4,10,1;1400,4,12,2;1800,5,12,2;1920,6,12,3", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Montserrat", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "mindboxWishlistHandler(pm, btn, product)", "btn_fav_show": "1", "card_name_fw": "700", "card_name_lh": "1.20", "header_color": "#303030", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "0", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "22.00", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "22.00", "card_name_line": "2.00", "card_name_show": "1", "card_prices_fw": "700", "card_vendor_fw": "400", "card_vendor_lh": "1.00", "header_fz_desk": "14.00", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "0", "card_name_align": "left", "card_name_color": "#303030", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-red-bg", "btn_fav_position": "righttop", "card_name_fs_mob": "16", "card_padding_hor": "0.00", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "1", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-white", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#253B51", "card_labels_space": "5", "card_name_fs_desk": "14.00", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#303030", "card_prices_space": "10", "card_rating_align": "left", "card_vendor_align": "left", "card_vendor_color": "#303030", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "35.00", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "₽", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "6.00", "card_label_new_show": "1", "card_label_new_text": "\u041d\u043e\u0432\u0438\u043d\u043a\u0430", "card_labels_fz_desk": "12.00", "card_prices_fs_desk": "14.00", "card_rating_img_gap": "2.00", "card_vendor_fs_desk": "10.00", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "20", "slider_button_width": "30", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "8.00", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "leftbottom", "card_prices_ordering": "4", "card_rating_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "8.00", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "30", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "card_label_new_border": "#253B51", "card_rating_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "10", "card_img_margin_bottom": "6.00", "card_label_discount_bg": "#EB80A8", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "4.00", "card_name_margin_bottom": "4.00", "card_rating_customfield": "summaryRating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4.00", "card_labels_position_hor": "8.00", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "20.00", "card_labels_position_vert": "8.00", "card_price_discount_color": "#969696", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "12.00", "card_rating_margin_bottom": "2.00", "card_vendor_margin_bottom": "4.00", "grouping_border_color_hov": "#444", "card_content_position_vert": "start", "card_label_discount_border": "#EB80A8", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "10.00", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg"}, "button_settings": {}, "conditions_splits": [], "id": 81552, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-79625-reco-1", "limit": "20", "disabled": false, "algorithm": "Pohozhienatovar", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u043d\u0430 \u0442\u043e\u0432\u0430\u0440 (\u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430) - 0224", "active": true, "embed_selector": false, "selector": "body > div.wrapper > div > div.main-container.col1-layout", "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://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-82087.png?ts=1713264905662", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tbackground-color: <%= card_bg %>;\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\n\tborder-radius: <%= card_border_radius %>px;\n\toverflow: hidden;\n\ttransition: box-shadow 0.3s ease-in-out;\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\n}\n#popmechanic-form .popmechanic-picture-wrapper {\n\tposition: relative;\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\n}\n#popmechanic-form .popmechanic-picture {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmax-width: 100%;\n\tborder-radius: <%= card_img_border_radius %>px;\n\taspect-ratio: <%= card_img_aspect_ratio %>;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\toverflow: hidden;\n}\n#popmechanic-form .popmechanic-img {\n\tobject-fit: contain;\n\tobject-position: center;\n}\n#popmechanic-form .popmechanic-labels {\n\tposition: absolute;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: <%= card_labels_space %>px;\n\t<% if (card_labels_position === \"lefttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"righttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-label {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\n\tborder-radius: <%= card_labels_border_radius %>px;\n\tline-height: 1;\n\tborder: 1px solid;\n}\n#popmechanic-form .popmechanic-label-discount {\n\tbackground-color: <%= card_label_discount_bg %>;\n\tcolor: <%= card_label_discount_color %>;\n\tborder-color: <%= card_label_discount_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-label-new {\n\tbackground-color: <%= card_label_new_bg %>;\n\tcolor: <%= card_label_new_color %>;\n\tborder-color: <%= card_label_new_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n\tz-index: 1;\n\twidth: <%= btn_fav_width %>px;\n\theight: <%= btn_fav_height %>px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-image: url(<%= btn_fav_img_empty %>);\n\t/*transition: background-image 0.3s ease-in-out;*/\n\t<% if (btn_fav_position === \"lefttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"righttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n\tbackground-image: url(<%= btn_fav_img_fill %>);\n\twidth: 18px;\n\theight: 18px;\n\tright: 10px;\n}\n#popmechanic-form .popmechanic-inner {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, auto));\n\tjustify-items: center;\n\talign-items: end;\n\talign-content: <%= card_content_position_vert %>;\n\toverflow: hidden;\n\tflex-grow: 1;\n}\n#popmechanic-form .popmechanic-inner-item {\n\tgrid-column: 1 / -1;\n}\n#popmechanic-form .popmechanic-name {\n\tgrid-row: <%= card_name_ordering %>;\n\tcolor: <%= card_name_color %>;\n\tline-height: <%= card_name_lh %>;\n\tfont-weight: 500;\n\tdisplay: -webkit-box;\n\t/*-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;*/\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\n\t<% if (card_name_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_name_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-vendor {\n\tgrid-row: <%= card_vendor_ordering %>;\n\tcolor: <%= card_vendor_color %>;\n\tline-height: <%= card_vendor_lh %>;\n\tfont-weight: <%= card_vendor_fw %>;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\n\t<% if (card_vendor_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_vendor_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgrid-row: <%= card_rating_ordering %>;\n\t/*margin-bottom: <%= card_rating_margin_bottom %>px;*/\n\tmargin-bottom: 5px;\n\t<% if (card_rating_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_rating_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating-not-active,\n#popmechanic-form .popmechanic-rating-active {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-repeat: repeat-x;\n}\n#popmechanic-form .popmechanic-rating-not-active {\n\tbackground-image: url(<%= card_rating_img_empty %>);\n}\n#popmechanic-form .popmechanic-rating-active {\n\tmax-width:100%;\n\tbackground-image: url(<%= card_rating_img_fill %>);\n}\n#popmechanic-form .rating-value {\n\tfont-size: 11px;\n\tmargin-left: 16px;\n\tfont-weight: 600;\n\tcolor: #EB80A8;\n}\n#popmechanic-form .popmechanic-prices {\n\tdisplay: flex;\n\tgrid-row: <%= card_prices_ordering %>;\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\n\tgap: <%= card_prices_space %>px;\n\tflex-wrap: wrap;\n\tfont-weight: 600;\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\n\t<% if (card_prices_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_prices_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price {\n\tdisplay: flex;\n\talign-items: center;\n\tcolumn-gap: 0.5ch;\n\tcolor: <%= card_prices_color %>;\n\tline-height: 1;\n}\n#popmechanic-form .popmechanic-price-old {\n\tcolor: <%= card_price_discount_color %>;\n\tfont-weight: <%= card_price_discount_fw %>;\n\t<% if (parseInt(card_price_discount_cross)) { %>\n\t\ttext-decoration: line-through;\n\t<% } %>\n\t<% if (!parseInt(card_price_discount_first)) { %>\n\t\torder: 1;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price-new {\n\t/* keep */\n}\n#popmechanic-form .popmechanic-currency {\n\tfont-size: inherit;\n\tcolor: inherit;\n\tline-height: inherit;\n\tfont-family: inherit;\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\n}\n#popmechanic-form .popmechanic-button-cart {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-shrink: 0;\n\tgrid-row: <%= btn_cart_ordering %>;\n\tbackground-color: <%= btn_cart_bg %>;\n\tbackground-repeat: no-repeat;\n\tcolor: <%= btn_cart_color %>;\n\tline-height: 1;\n\tfont-weight: <%= btn_cart_fw %>;\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\n\tborder-radius: <%= btn_cart_border_radius %>px;\n\tborder: 1px solid <%= btn_cart_border_color %>;\n\toverflow: hidden;\n\tmax-width: 100%;\n\twidth: <%= btn_cart_width %>px;\n\tmin-height: <%= btn_cart_height %>px;\n\ttransition: all 0.3s ease-in-out;\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\n\t<% if (btn_cart_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (btn_cart_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n<% if (parseInt(btn_cart_icon_show)) { %>\n\t#popmechanic-form .popmechanic-button-cart-icon {\n\t\tbackground-position: center;\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\n\t\tfont-size: 0 !important;\n\t}\n<% } %>\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\n\tbackground-color: <%= btn_cart_bg_after %>;\n}\n\n/* DESKTOP */\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\n\tfont-size: <%= card_name_fs_desk %>px;\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\n}\n#popmechanic-form .popmechanic-vendor {\n\t/*font-size: <%= card_vendor_fs_desk %>px;*/\n\tfont-size: 14px;\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\n}\n#popmechanic-form .popmechanic-rating {\n\twidth: <%= card_rating_img_size_desk %>px;\n\theight: <%= card_rating_img_size_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\n\t/*background-size: <%= card_rating_img_size_desk %>px <%= card_rating_img_size_desk %>px;*/\n}\n#popmechanic-form .popmechanic-price {\n\t/*font-size: <%= card_prices_fs_desk %>px;*/\n\tfont-size: 16px;\n}\n#popmechanic-form .popmechanic-price-old {\n\t/*font-size: <%= card_price_discount_fs_desk %>px;*/\n\tfont-size: 12px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_desk %>px;\n}\n\n/* TABLET, MOBILE */\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_mob %>px;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\n\t/*font-size: <%= card_name_fs_mob %>px;*/\n\tfont-size: 14px;\n\t/*min-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);*/\n\tmin-height: 24px;\n}\n\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_mob %>px;\n}\n#popmechanic-form .count_of_reviews {\n margin-left: 2px;\n display: inline-block;\n color: #969696;\n font-size: 11px;\n line-height: 16px;\n}\n\n\n/* HOVER */\n@media (hover: hover) {\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\n\t\t<% if (parseInt(card_hov_shadow)) { %>\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\n\t\t<% } %>\n\t}\n\t#popmechanic-form .popmechanic-button:hover {\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\n\t\tcolor: <%= btn_cart_color_hov %>;\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\n\t}\n}\n@media (min-width: 768px){\n .popmechanic-tablet #popmechanic-form .popmechanic-label-discount,\n .popmechanic-mobile #popmechanic-form .popmechanic-label-discount,\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 12px;\n }\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 14px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 14px;\n \tmin-height: 29px;\n }\n \n #popmechanic-form .popmechanic-favorite {\n \twidth: 34px;\n \theight: 34px;\n \tright: 4px;\n }\n #popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n \twidth: 28px;\n \theight: 28px;\n \tright: 10px;\n }\n}\n@media (min-width: 1200px){\n .popmechanic-tablet #popmechanic-form .popmechanic-vendor,\n .popmechanic-mobile #popmechanic-form .popmechanic-vendor,\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 16px;\n \tmargin-bottom: 4px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 16px;\n \tmin-height: 38px;\n }\n #popmechanic-form .popmechanic-price,\n #popmechanic-form .popmechanic-price-new {\n \tfont-size: 20px;\n }\n #popmechanic-form .popmechanic-price-old {\n \tfont-size: 14px;\n }\n #popmechanic-form .popmechanic-rating{\n margin-bottom: 4px;\n }\n #popmechanic-form .popmechanic-rating .rating-value{\n font-size: 14px;\n }\n #popmechanic-form .count_of_reviews {\n font-size: 13px;\n }\n}\n@media (min-width: 1400px){\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 14px;\n }\n}\n\n\n", "header": "\u041f\u041e\u0425\u041e\u0416\u0418\u0415 \u0422\u041e\u0412\u0410\u0420\u042b", "shopId": "website", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "{%\r\nfunction getOtzyvWord(n){\r\n let m = n % 10;\r\n let j = n % 100;\r\n if (m == 0 || m >= 5 || (j >= 10 && j <= 20)) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u043e\u0432';\r\n }\r\n if (m >= 2 && m <= 4) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u0430';\r\n }\r\n return '\u043e\u0442\u0437\u044b\u0432';\r\n}\r\n%}\r\n
\r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t
-{{ product.discount }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t
{{ card_label_new_text }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t
\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t\t\"{{\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t
\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t{{ product.displayName }} {{ product.description }}\r\n\t\t\t{% } %}\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n {% function toTheStars(num) { return (num * 100) / 5 } %}\r\n
{{ (product.customFields[card_rating_customfield] + \"\").slice(0, 3) }}
\r\n
({{ (product.customFields['reviewsCount']) }} {{ getOtzyvWord(product.customFields['reviewsCount']) }})
\r\n {% } else { %}\r\n
0
\r\n
(\u043d\u0435\u0442 \u043e\u0442\u0437\u044b\u0432\u043e\u0432)
\r\n {% } %}\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedOldPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t
\r\n\r\n\t
\r\n
\r\n\r\n{%\r\n\ttry {\r\n\t\r\n\t\tsetTimeout(function() {\r\n\t\t\r\n\t\t\tvar addToFavoritesWrapped = new Function('pm','btn','product', btn_fav_func);\r\n\t\t\t\r\n\t\t\t/* wishlist hearts inits */\r\n\t\t\t\r\n\t\t\tif (pdx_wishlist_items[product.ids.website]) {\r\n\t\t\t let cur_button = document.querySelectorAll('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite');\r\n\t\t\t for(let i=0;i < cur_button.length;i++){\r\n\t\t\t cur_button[i].classList.add('popmechanic-in-favorite');\r\n\t\t\t }\r\n }\r\n \r\n /* wishlist functional handler */\r\n \r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite').click(function() {\r\n\t\t\t\t\t\r\n\t\t\t\taddToFavoritesWrapped(PopMechanic, PopMechanic.$(this), product);\r\n\t\t\t});\r\n\r\n\r\n\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"Pohozhienatovar\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "2,10,1;480,2,10,1;570,3,10,1;750,4,10,2;954,5,10,2;1130,6,10,2;1200,4,10,1;1400,4,12,2;1800,5,12,2;1920,6,12,3", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Montserrat", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "mindboxWishlistHandler(pm, btn, product)", "btn_fav_show": "1", "card_name_fw": "700", "card_name_lh": "1.20", "header_color": "#303030", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "0", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "22.00", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "22.00", "card_name_line": "2.00", "card_name_show": "1", "card_prices_fw": "700", "card_vendor_fw": "400", "card_vendor_lh": "1.00", "header_fz_desk": "14.00", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "0", "card_name_align": "left", "card_name_color": "#303030", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-red-bg", "btn_fav_position": "righttop", "card_name_fs_mob": "16", "card_padding_hor": "0.00", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "1", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-white", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#253B51", "card_labels_space": "5", "card_name_fs_desk": "14.00", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#303030", "card_prices_space": "10", "card_rating_align": "left", "card_vendor_align": "left", "card_vendor_color": "#303030", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "35.00", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "₽", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "6.00", "card_label_new_show": "1", "card_label_new_text": "\u041d\u043e\u0432\u0438\u043d\u043a\u0430", "card_labels_fz_desk": "12.00", "card_prices_fs_desk": "14.00", "card_rating_img_gap": "2.00", "card_vendor_fs_desk": "10.00", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "20", "slider_button_width": "30", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "8.00", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "leftbottom", "card_prices_ordering": "4", "card_rating_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "8.00", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "30", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "card_label_new_border": "#253B51", "card_rating_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "10", "card_img_margin_bottom": "6.00", "card_label_discount_bg": "#EB80A8", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "4.00", "card_name_margin_bottom": "4.00", "card_rating_customfield": "summaryRating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4.00", "card_labels_position_hor": "8.00", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "20.00", "card_labels_position_vert": "8.00", "card_price_discount_color": "#969696", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "12.00", "card_rating_margin_bottom": "2.00", "card_vendor_margin_bottom": "4.00", "grouping_border_color_hov": "#444", "card_content_position_vert": "start", "card_label_discount_border": "#EB80A8", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "10.00", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-79625-reco-1", "limit": "20", "disabled": false, "algorithm": "Pohozhienatovar", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn ``;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n
\r\n\t
\r\n\t\t<% if (header) { %>\r\n\t\t
<%= header %>
\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t
\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\r\n\t\r\n
", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\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\r\n\r\n\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: 65%;\r\n\t<% if (parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: -5px;\r\n\tbackground-color: #fff;\r\n\ttransform: rotate(180deg) translateY(150%);\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: -5px;\r\n\ttransform: translateY(-150%);\r\n\tbackground-color: #fff;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\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\t<% if (slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: 0px;\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-header {\r\n /*font-family: Cormorant;*/\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px 2px 9px;\r\n}\r\n\r\n<% if (grouping_attr) { %>\r\n/* TABS */\r\n#popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: center;\r\n\t--grouping_mb: 10px;\r\n\t--grouping_gap: 16px;\r\n\t--grouping_height: 32px;\r\n\t--grouping_padding_x: 10px;\r\n\t--grouping_br: 8px;\r\n\t--grouping_fs_text: 16px;\r\n\t--grouping_fs_count: 16px;\r\n\tdisplay: flex;\r\n\tjustify-content: var(--grouping_position);\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--grouping_gap);\r\n\tmargin-bottom: var(--grouping_mb);\r\n}\r\n#popmechanic-form .popmechanic-tab {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1ch;\r\n\theight: var(--grouping_height);\r\n\tborder: <%= grouping_border_width %>px solid <%= grouping_border_color %>;\r\n\tpadding: 0 var(--grouping_padding_x);\r\n\tborder-radius: var(--grouping_br);\r\n\tbackground-color: <%= grouping_bg_color %>;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tfont-weight: <%= grouping_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus {\r\n\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\tborder-color: <%= grouping_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-text,\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\ttransition: inherit;\r\n}\r\n#popmechanic-form .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color %>;\r\n\tfont-size: var(--grouping_fs_text);\r\n\ttext-transform: capitalize;\r\n}\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color %>;\r\n\tfont-size: var(--grouping_fs_count);\r\n}\r\n#popmechanic-form .popmechanic-tab-active {\r\n\tbackground-color: <%= grouping_bg_color_active %>;\r\n\tborder-color: <%= grouping_border_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_active %>;\r\n}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\t/*font-size: <%= header_fz_desk %>px;*/\r\n\tfont-size: 14px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_desk %>;\r\n\t--grouping_mb: <%= grouping_mb_desk %>px;\r\n\t--grouping_gap: <%= grouping_gap_desk %>px;\r\n\t--grouping_height: <%= grouping_height_desk %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_desk %>px;\r\n\t--grouping_br: <%= grouping_br_desk %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_desk %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_desk %>px;\r\n}\r\n<% } %>\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\t/*font-size: <%= header_fz_mob %>px;*/\r\n\tfont-size: 14px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-tabs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_mob %>;\r\n\t--grouping_mb: <%= grouping_mb_mob %>px;\r\n\t--grouping_gap: <%= grouping_gap_mob %>px;\r\n\t--grouping_height: <%= grouping_height_mob %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_mob %>px;\r\n\t--grouping_br: <%= grouping_br_mob %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_mob %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_mob %>px;\r\n}\r\n<% } %>\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover {\r\n\t\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\t\tborder-color: <%= grouping_border_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-text {\r\n\t\tcolor: <%= grouping_text_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-numb {\r\n\t\tcolor: <%= grouping_count_color_hov %>;\r\n\t}\r\n}\r\n\r\n#popmechanic-form {\r\n\t/*margin-left: 8px;*/\r\n\t/*margin-right: 8px;*/\r\n}\r\n\r\n@media (min-width: 1200px){\r\n #popmechanic-form {\r\n \t/*margin-left: 30px;*/\r\n \t/*margin-right: 30px;*/\r\n }\r\n}\r\n@media (min-width: 768px){\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n \tfont-size: 22px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-next {\r\n width: 40px;\r\n height: 40px;\r\n background-size: 50%;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-prev{\r\n transform: rotate(180deg) translateY(130%);\r\n left: 0;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-next{\r\n transform: translateY(-130%);\r\n right: 0;\r\n }\r\n}\r\n@media (min-width: 1024px){\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n \tfont-size: 22px;\r\n }\r\n}\r\n@media (min-width: 1200px){\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-prev{\r\n transform: rotate(180deg) translateY(160%);\r\n left: -11px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-next{\r\n transform: translateY(-160%);\r\n right: -11px;\r\n }\r\n}\r\n@media (min-width: 1600px){\r\n #popmechanic-form {\r\n \t/*margin-left: 70px;*/\r\n \t/*margin-right: 70px;*/\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n \tfont-size: 22px;\r\n \tmargin-bottom: 16px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-prev{\r\n transform: rotate(180deg) translateY(140%);\r\n width: 56px;\r\n height: 56px;\r\n left: -20px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-next{\r\n transform: translateY(-140%);\r\n width: 56px;\r\n height: 56px;\r\n right: -20px;\r\n }\r\n}\r\n@media (min-width: 1920px){\r\n \r\n}\r\n\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 82143, "template": 3008, "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\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tbackground-color: <%= card_bg %>;\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\n\tborder-radius: <%= card_border_radius %>px;\n\toverflow: hidden;\n\ttransition: box-shadow 0.3s ease-in-out;\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\n}\n#popmechanic-form .popmechanic-picture-wrapper {\n\tposition: relative;\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\n}\n#popmechanic-form .popmechanic-picture {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmax-width: 100%;\n\tborder-radius: <%= card_img_border_radius %>px;\n\taspect-ratio: <%= card_img_aspect_ratio %>;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\toverflow: hidden;\n}\n#popmechanic-form .popmechanic-img {\n\tobject-fit: contain;\n\tobject-position: center;\n}\n#popmechanic-form .popmechanic-labels {\n\tposition: absolute;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: <%= card_labels_space %>px;\n\t<% if (card_labels_position === \"lefttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"righttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-label {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\n\tborder-radius: <%= card_labels_border_radius %>px;\n\tline-height: 1;\n\tborder: 1px solid;\n}\n#popmechanic-form .popmechanic-label-discount {\n\tbackground-color: <%= card_label_discount_bg %>;\n\tcolor: <%= card_label_discount_color %>;\n\tborder-color: <%= card_label_discount_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-label-new {\n\tbackground-color: <%= card_label_new_bg %>;\n\tcolor: <%= card_label_new_color %>;\n\tborder-color: <%= card_label_new_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n\tz-index: 1;\n\twidth: <%= btn_fav_width %>px;\n\theight: <%= btn_fav_height %>px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-image: url(<%= btn_fav_img_empty %>);\n\t/*transition: background-image 0.3s ease-in-out;*/\n\t<% if (btn_fav_position === \"lefttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"righttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n\tbackground-image: url(<%= btn_fav_img_fill %>);\n\twidth: 18px;\n\theight: 18px;\n\tright: 10px;\n}\n#popmechanic-form .popmechanic-inner {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, auto));\n\tjustify-items: center;\n\talign-items: end;\n\talign-content: <%= card_content_position_vert %>;\n\toverflow: hidden;\n\tflex-grow: 1;\n}\n#popmechanic-form .popmechanic-inner-item {\n\tgrid-column: 1 / -1;\n}\n#popmechanic-form .popmechanic-name {\n\tgrid-row: <%= card_name_ordering %>;\n\tcolor: <%= card_name_color %>;\n\tline-height: <%= card_name_lh %>;\n\tfont-weight: 500;\n\tdisplay: -webkit-box;\n\t/*-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;*/\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\n\t<% if (card_name_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_name_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-vendor {\n\tgrid-row: <%= card_vendor_ordering %>;\n\tcolor: <%= card_vendor_color %>;\n\tline-height: <%= card_vendor_lh %>;\n\tfont-weight: <%= card_vendor_fw %>;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\n\t<% if (card_vendor_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_vendor_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgrid-row: <%= card_rating_ordering %>;\n\t/*margin-bottom: <%= card_rating_margin_bottom %>px;*/\n\tmargin-bottom: 5px;\n\t<% if (card_rating_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_rating_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating-not-active,\n#popmechanic-form .popmechanic-rating-active {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-repeat: repeat-x;\n}\n#popmechanic-form .popmechanic-rating-not-active {\n\tbackground-image: url(<%= card_rating_img_empty %>);\n}\n#popmechanic-form .popmechanic-rating-active {\n\tmax-width:100%;\n\tbackground-image: url(<%= card_rating_img_fill %>);\n}\n#popmechanic-form .rating-value {\n\tfont-size: 11px;\n\tmargin-left: 16px;\n\tfont-weight: 600;\n\tcolor: #EB80A8;\n}\n#popmechanic-form .popmechanic-prices {\n\tdisplay: flex;\n\tgrid-row: <%= card_prices_ordering %>;\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\n\tgap: <%= card_prices_space %>px;\n\tflex-wrap: wrap;\n\tfont-weight: 600;\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\n\t<% if (card_prices_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_prices_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price {\n\tdisplay: flex;\n\talign-items: center;\n\tcolumn-gap: 0.5ch;\n\tcolor: <%= card_prices_color %>;\n\tline-height: 1;\n}\n#popmechanic-form .popmechanic-price-old {\n\tcolor: <%= card_price_discount_color %>;\n\tfont-weight: <%= card_price_discount_fw %>;\n\t<% if (parseInt(card_price_discount_cross)) { %>\n\t\ttext-decoration: line-through;\n\t<% } %>\n\t<% if (!parseInt(card_price_discount_first)) { %>\n\t\torder: 1;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price-new {\n\t/* keep */\n}\n#popmechanic-form .popmechanic-currency {\n\tfont-size: inherit;\n\tcolor: inherit;\n\tline-height: inherit;\n\tfont-family: inherit;\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\n}\n#popmechanic-form .popmechanic-button-cart {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-shrink: 0;\n\tgrid-row: <%= btn_cart_ordering %>;\n\tbackground-color: <%= btn_cart_bg %>;\n\tbackground-repeat: no-repeat;\n\tcolor: <%= btn_cart_color %>;\n\tline-height: 1;\n\tfont-weight: <%= btn_cart_fw %>;\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\n\tborder-radius: <%= btn_cart_border_radius %>px;\n\tborder: 1px solid <%= btn_cart_border_color %>;\n\toverflow: hidden;\n\tmax-width: 100%;\n\twidth: <%= btn_cart_width %>px;\n\tmin-height: <%= btn_cart_height %>px;\n\ttransition: all 0.3s ease-in-out;\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\n\t<% if (btn_cart_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (btn_cart_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n<% if (parseInt(btn_cart_icon_show)) { %>\n\t#popmechanic-form .popmechanic-button-cart-icon {\n\t\tbackground-position: center;\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\n\t\tfont-size: 0 !important;\n\t}\n<% } %>\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\n\tbackground-color: <%= btn_cart_bg_after %>;\n}\n\n/* DESKTOP */\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\n\tfont-size: <%= card_name_fs_desk %>px;\n\t/*min-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);*/\n\tmin-height: calc((14.00px * 1.20) * 2.00 + 17px);\n}\n#popmechanic-form .popmechanic-vendor {\n\t/*font-size: <%= card_vendor_fs_desk %>px;*/\n\tfont-size: 14px;\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\n}\n#popmechanic-form .popmechanic-rating {\n\twidth: <%= card_rating_img_size_desk %>px;\n\theight: <%= card_rating_img_size_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\n\t/*background-size: <%= card_rating_img_size_desk %>px <%= card_rating_img_size_desk %>px;*/\n}\n#popmechanic-form .popmechanic-price {\n\t/*font-size: <%= card_prices_fs_desk %>px;*/\n\tfont-size: 16px;\n}\n#popmechanic-form .popmechanic-price-old {\n\t/*font-size: <%= card_price_discount_fs_desk %>px;*/\n\tfont-size: 12px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_desk %>px;\n}\n\n/* TABLET, MOBILE */\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_mob %>px;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\n\t/*font-size: <%= card_name_fs_mob %>px;*/\n\tfont-size: 14px;\n\t/*min-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);*/\n\tmin-height: 24px;\n}\n\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_mob %>px;\n}\n\n#popmechanic-form .count_of_reviews {\n margin-left: 2px;\n display: inline-block;\n color: #969696;\n font-size: 11px;\n line-height: 16px;\n}\n#popmechanic-form .count_of_reviews {\n font-size: 13px;\n }\n\n/* HOVER */\n@media (hover: hover) {\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\n\t\t<% if (parseInt(card_hov_shadow)) { %>\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\n\t\t<% } %>\n\t}\n\t#popmechanic-form .popmechanic-button:hover {\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\n\t\tcolor: <%= btn_cart_color_hov %>;\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\n\t}\n}\n@media (min-width: 768px){\n .popmechanic-tablet #popmechanic-form .popmechanic-label-discount,\n .popmechanic-mobile #popmechanic-form .popmechanic-label-discount,\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 12px;\n }\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 14px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 14px;\n \tmin-height: 29px;\n }\n \n #popmechanic-form .popmechanic-favorite {\n \twidth: 34px;\n \theight: 34px;\n \tright: 4px;\n }\n #popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n \twidth: 28px;\n \theight: 28px;\n \tright: 10px;\n }\n}\n@media (min-width: 1200px){\n .popmechanic-tablet #popmechanic-form .popmechanic-vendor,\n .popmechanic-mobile #popmechanic-form .popmechanic-vendor,\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 16px;\n \tmargin-bottom: 4px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 16px;\n \tmin-height: 57px;\n }\n #popmechanic-form .popmechanic-price,\n #popmechanic-form .popmechanic-price-new {\n \tfont-size: 20px;\n }\n #popmechanic-form .popmechanic-price-old {\n \tfont-size: 14px;\n }\n #popmechanic-form .popmechanic-rating{\n margin-bottom: 4px;\n }\n #popmechanic-form .popmechanic-rating .rating-value{\n font-size: 14px;\n }\n}\n@media (min-width: 1400px){\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 14px;\n }\n}\n\n\n", "header": "\u0421 \u042d\u0422\u0418\u041c \u0422\u041e\u0412\u0410\u0420\u041e\u041c \u041f\u041e\u041a\u0423\u041f\u0410\u042e\u0422", "shopId": "website", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "{%\r\nfunction getOtzyvWord(n){\r\n let m = n % 10;\r\n let j = n % 100;\r\n if (m == 0 || m >= 5 || (j >= 10 && j <= 20)) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u043e\u0432';\r\n }\r\n if (m >= 2 && m <= 4) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u0430';\r\n }\r\n return '\u043e\u0442\u0437\u044b\u0432';\r\n}\r\n%}\r\n
\r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t
-{{ product.discount }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t
{{ card_label_new_text }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t
\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t\t\"{{\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t
\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t{{ product.displayName }} {{ product.description }}\r\n\t\t\t{% } %}\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n {% function toTheStars(num) { return (num * 100) / 5 } %}\r\n
{{ (product.customFields[card_rating_customfield] + \"\").slice(0, 3) }}
\r\n
({{ (product.customFields['reviewsCount']) }} {{ getOtzyvWord(product.customFields['reviewsCount']) }})
\r\n {% } else { %}\r\n
0
\r\n
(\u043d\u0435\u0442 \u043e\u0442\u0437\u044b\u0432\u043e\u0432)
\r\n {% } %}\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedOldPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t
\r\n\r\n\t
\r\n
\r\n\r\n{%\r\n\ttry {\r\n\t\r\n\t\tsetTimeout(function() {\r\n\t\t\r\n\t\t\tvar addToFavoritesWrapped = new Function('pm','btn','product', btn_fav_func);\r\n\t\t\t\r\n\t\t\t/* wishlist hearts inits */\r\n\t\t\t\r\n\t\t\tif (pdx_wishlist_items[product.ids.website]) {\r\n\t\t\t let cur_button = document.querySelectorAll('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite');\r\n\t\t\t for(let i=0;i < cur_button.length;i++){\r\n\t\t\t cur_button[i].classList.add('popmechanic-in-favorite');\r\n\t\t\t }\r\n }\r\n \r\n /* wishlist functional handler */\r\n \r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite').click(function() {\r\n\t\t\t\t\t\r\n\t\t\t\taddToFavoritesWrapped(PopMechanic, PopMechanic.$(this), product);\r\n\t\t\t});\r\n\r\n\r\n\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"Soputstvuyuschiekproduktu\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "2,10,1;480,2,10,1;570,3,10,1;750,4,10,2;954,5,10,2;1130,6,10,2;1200,4,10,1;1400,4,12,2;1800,5,12,2;1920,6,12,3", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Montserrat", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "mindboxWishlistHandler(pm, btn, product)", "btn_fav_show": "1", "card_name_fw": "700", "card_name_lh": "1.20", "header_color": "#303030", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "0", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "22.00", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "22.00", "card_name_line": "2.00", "card_name_show": "1", "card_prices_fw": "700", "card_vendor_fw": "400", "card_vendor_lh": "1.00", "header_fz_desk": "14.00", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "0", "card_name_align": "left", "card_name_color": "#303030", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-red-bg", "btn_fav_position": "righttop", "card_name_fs_mob": "16", "card_padding_hor": "0.00", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "1", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-white", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#253B51", "card_labels_space": "5", "card_name_fs_desk": "14.00", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#303030", "card_prices_space": "10", "card_rating_align": "left", "card_vendor_align": "left", "card_vendor_color": "#303030", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "25.00", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "₽", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "6.00", "card_label_new_show": "1", "card_label_new_text": "\u041d\u043e\u0432\u0438\u043d\u043a\u0430", "card_labels_fz_desk": "12.00", "card_prices_fs_desk": "14.00", "card_rating_img_gap": "2.00", "card_vendor_fs_desk": "10.00", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "20", "slider_button_width": "30", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "8.00", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "leftbottom", "card_prices_ordering": "4", "card_rating_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "8.00", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "30", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "card_label_new_border": "#253B51", "card_rating_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "10", "card_img_margin_bottom": "6.00", "card_label_discount_bg": "#EB80A8", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "4.00", "card_name_margin_bottom": "4.00", "card_rating_customfield": "summaryRating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4.00", "card_labels_position_hor": "8.00", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "20.00", "card_labels_position_vert": "8.00", "card_price_discount_color": "#969696", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "12.00", "card_rating_margin_bottom": "2.00", "card_vendor_margin_bottom": "4.00", "grouping_border_color_hov": "#444", "card_content_position_vert": "start", "card_label_discount_border": "#EB80A8", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "10.00", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg"}, "button_settings": {}, "conditions_splits": [], "id": 81551, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-79020-reco-1", "limit": "20", "disabled": false, "algorithm": "Soputstvuyuschiekproduktu", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 (\u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430) - 0224", "active": true, "embed_selector": false, "selector": "body > div.wrapper > div > div.main-container.col1-layout", "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://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-82086.png?ts=1713265534748", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tbackground-color: <%= card_bg %>;\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\n\tborder-radius: <%= card_border_radius %>px;\n\toverflow: hidden;\n\ttransition: box-shadow 0.3s ease-in-out;\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\n}\n#popmechanic-form .popmechanic-picture-wrapper {\n\tposition: relative;\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\n}\n#popmechanic-form .popmechanic-picture {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmax-width: 100%;\n\tborder-radius: <%= card_img_border_radius %>px;\n\taspect-ratio: <%= card_img_aspect_ratio %>;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\toverflow: hidden;\n}\n#popmechanic-form .popmechanic-img {\n\tobject-fit: contain;\n\tobject-position: center;\n}\n#popmechanic-form .popmechanic-labels {\n\tposition: absolute;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: <%= card_labels_space %>px;\n\t<% if (card_labels_position === \"lefttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tleft: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"righttop\") { %>\n\t\ttop: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\n\t\tbottom: <%= card_labels_position_vert %>px;\n\t\tright: <%= card_labels_position_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-label {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\n\tborder-radius: <%= card_labels_border_radius %>px;\n\tline-height: 1;\n\tborder: 1px solid;\n}\n#popmechanic-form .popmechanic-label-discount {\n\tbackground-color: <%= card_label_discount_bg %>;\n\tcolor: <%= card_label_discount_color %>;\n\tborder-color: <%= card_label_discount_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-label-new {\n\tbackground-color: <%= card_label_new_bg %>;\n\tcolor: <%= card_label_new_color %>;\n\tborder-color: <%= card_label_new_border %>;\n\tfont-size: 12px;\n}\n#popmechanic-form .popmechanic-favorite {\n\tposition: absolute;\n\tz-index: 1;\n\twidth: <%= btn_fav_width %>px;\n\theight: <%= btn_fav_height %>px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-image: url(<%= btn_fav_img_empty %>);\n\t/*transition: background-image 0.3s ease-in-out;*/\n\t<% if (btn_fav_position === \"lefttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tleft: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"righttop\") { %>\n\t\ttop: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\n\t\tbottom: <%= btn_fav_padding_vert %>px;\n\t\tright: <%= btn_fav_padding_hor %>px;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n\tbackground-image: url(<%= btn_fav_img_fill %>);\n\twidth: 18px;\n\theight: 18px;\n\tright: 10px;\n}\n#popmechanic-form .popmechanic-inner {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, auto));\n\tjustify-items: center;\n\talign-items: end;\n\talign-content: <%= card_content_position_vert %>;\n\toverflow: hidden;\n\tflex-grow: 1;\n}\n#popmechanic-form .popmechanic-inner-item {\n\tgrid-column: 1 / -1;\n}\n#popmechanic-form .popmechanic-name {\n\tgrid-row: <%= card_name_ordering %>;\n\tcolor: <%= card_name_color %>;\n\tline-height: <%= card_name_lh %>;\n\tfont-weight: 500;\n\tdisplay: -webkit-box;\n\t/*-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;*/\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\n\t<% if (card_name_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_name_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-vendor {\n\tgrid-row: <%= card_vendor_ordering %>;\n\tcolor: <%= card_vendor_color %>;\n\tline-height: <%= card_vendor_lh %>;\n\tfont-weight: <%= card_vendor_fw %>;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\n\t-webkit-box-orient: vertical;\n\tword-break: break-word;\n\toverflow: hidden;\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\n\t<% if (card_vendor_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_vendor_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tgrid-row: <%= card_rating_ordering %>;\n\t/*margin-bottom: <%= card_rating_margin_bottom %>px;*/\n\tmargin-bottom: 5px;\n\t<% if (card_rating_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_rating_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-rating-not-active,\n#popmechanic-form .popmechanic-rating-active {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-repeat: repeat-x;\n}\n#popmechanic-form .popmechanic-rating-not-active {\n\tbackground-image: url(<%= card_rating_img_empty %>);\n}\n#popmechanic-form .popmechanic-rating-active {\n\tmax-width:100%;\n\tbackground-image: url(<%= card_rating_img_fill %>);\n}\n#popmechanic-form .rating-value {\n\tfont-size: 11px;\n\tmargin-left: 16px;\n\tfont-weight: 600;\n\tcolor: #EB80A8;\n}\n#popmechanic-form .popmechanic-prices {\n\tdisplay: flex;\n\tgrid-row: <%= card_prices_ordering %>;\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\n\tgap: <%= card_prices_space %>px;\n\tflex-wrap: wrap;\n\tfont-weight: 600;\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\n\t<% if (card_prices_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (card_prices_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price {\n\tdisplay: flex;\n\talign-items: center;\n\tcolumn-gap: 0.5ch;\n\tcolor: <%= card_prices_color %>;\n\tline-height: 1;\n}\n#popmechanic-form .popmechanic-price-old {\n\tcolor: <%= card_price_discount_color %>;\n\tfont-weight: <%= card_price_discount_fw %>;\n\t<% if (parseInt(card_price_discount_cross)) { %>\n\t\ttext-decoration: line-through;\n\t<% } %>\n\t<% if (!parseInt(card_price_discount_first)) { %>\n\t\torder: 1;\n\t<% } %>\n}\n#popmechanic-form .popmechanic-price-new {\n\t/* keep */\n}\n#popmechanic-form .popmechanic-currency {\n\tfont-size: inherit;\n\tcolor: inherit;\n\tline-height: inherit;\n\tfont-family: inherit;\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\n}\n#popmechanic-form .popmechanic-button-cart {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-shrink: 0;\n\tgrid-row: <%= btn_cart_ordering %>;\n\tbackground-color: <%= btn_cart_bg %>;\n\tbackground-repeat: no-repeat;\n\tcolor: <%= btn_cart_color %>;\n\tline-height: 1;\n\tfont-weight: <%= btn_cart_fw %>;\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\n\tborder-radius: <%= btn_cart_border_radius %>px;\n\tborder: 1px solid <%= btn_cart_border_color %>;\n\toverflow: hidden;\n\tmax-width: 100%;\n\twidth: <%= btn_cart_width %>px;\n\tmin-height: <%= btn_cart_height %>px;\n\ttransition: all 0.3s ease-in-out;\n\tword-break: break-word;\n\toverflow-wrap: break-word;\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\n\t<% if (btn_cart_align === \"right\") { %>\n\t\tmargin-left: auto;\n\t<% } else if (btn_cart_align === \"left\") { %>\n\t\tmargin-right: auto;\n\t<% } else { %>\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t<% } %>\n}\n<% if (parseInt(btn_cart_icon_show)) { %>\n\t#popmechanic-form .popmechanic-button-cart-icon {\n\t\tbackground-position: center;\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\n\t\tfont-size: 0 !important;\n\t}\n<% } %>\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\n\tbackground-color: <%= btn_cart_bg_after %>;\n}\n\n/* DESKTOP */\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\n\tfont-size: <%= card_name_fs_desk %>px;\n\t/*min-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);*/\n\tmin-height: calc((14.00px * 1.20) * 2.00 + 17px);\n}\n#popmechanic-form .popmechanic-vendor {\n\t/*font-size: <%= card_vendor_fs_desk %>px;*/\n\tfont-size: 14px;\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\n}\n#popmechanic-form .popmechanic-rating {\n\twidth: <%= card_rating_img_size_desk %>px;\n\theight: <%= card_rating_img_size_desk %>px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\n\t/*background-size: <%= card_rating_img_size_desk %>px <%= card_rating_img_size_desk %>px;*/\n}\n#popmechanic-form .popmechanic-price {\n\t/*font-size: <%= card_prices_fs_desk %>px;*/\n\tfont-size: 16px;\n}\n#popmechanic-form .popmechanic-price-old {\n\t/*font-size: <%= card_price_discount_fs_desk %>px;*/\n\tfont-size: 12px;\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_desk %>px;\n}\n\n/* TABLET, MOBILE */\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\n\tfont-size: <%= card_labels_fz_mob %>px;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\n\t/*font-size: <%= card_name_fs_mob %>px;*/\n\tfont-size: 14px;\n\t/*min-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);*/\n\tmin-height: 24px;\n}\n\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\n\tfont-size: <%= btn_cart_fs_mob %>px;\n}\n\n#popmechanic-form .count_of_reviews {\n margin-left: 2px;\n display: inline-block;\n color: #969696;\n font-size: 11px;\n line-height: 16px;\n}\n#popmechanic-form .count_of_reviews {\n font-size: 13px;\n }\n\n/* HOVER */\n@media (hover: hover) {\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\n\t\t<% if (parseInt(card_hov_shadow)) { %>\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\n\t\t<% } %>\n\t}\n\t#popmechanic-form .popmechanic-button:hover {\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\n\t\tcolor: <%= btn_cart_color_hov %>;\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\n\t}\n}\n@media (min-width: 768px){\n .popmechanic-tablet #popmechanic-form .popmechanic-label-discount,\n .popmechanic-mobile #popmechanic-form .popmechanic-label-discount,\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 12px;\n }\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 14px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 14px;\n \tmin-height: 29px;\n }\n \n #popmechanic-form .popmechanic-favorite {\n \twidth: 34px;\n \theight: 34px;\n \tright: 4px;\n }\n #popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\n \twidth: 28px;\n \theight: 28px;\n \tright: 10px;\n }\n}\n@media (min-width: 1200px){\n .popmechanic-tablet #popmechanic-form .popmechanic-vendor,\n .popmechanic-mobile #popmechanic-form .popmechanic-vendor,\n .popmechanic-desktop #popmechanic-form .popmechanic-vendor {\n \tfont-size: 16px;\n \tmargin-bottom: 4px;\n }\n .popmechanic-tablet #popmechanic-form .popmechanic-name,\n .popmechanic-mobile #popmechanic-form .popmechanic-name,\n .popmechanic-desktop #popmechanic-form .popmechanic-name {\n \tfont-size: 16px;\n \tmin-height: 57px;\n }\n #popmechanic-form .popmechanic-price,\n #popmechanic-form .popmechanic-price-new {\n \tfont-size: 20px;\n }\n #popmechanic-form .popmechanic-price-old {\n \tfont-size: 14px;\n }\n #popmechanic-form .popmechanic-rating{\n margin-bottom: 4px;\n }\n #popmechanic-form .popmechanic-rating .rating-value{\n font-size: 14px;\n }\n}\n@media (min-width: 1400px){\n .popmechanic-desktop #popmechanic-form .popmechanic-label-discount {\n \tfont-size: 14px;\n }\n}\n\n\n", "header": "\u0421 \u042d\u0422\u0418\u041c \u0422\u041e\u0412\u0410\u0420\u041e\u041c \u041f\u041e\u041a\u0423\u041f\u0410\u042e\u0422", "shopId": "website", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "{%\r\nfunction getOtzyvWord(n){\r\n let m = n % 10;\r\n let j = n % 100;\r\n if (m == 0 || m >= 5 || (j >= 10 && j <= 20)) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u043e\u0432';\r\n }\r\n if (m >= 2 && m <= 4) {\r\n return '\u043e\u0442\u0437\u044b\u0432\u0430';\r\n }\r\n return '\u043e\u0442\u0437\u044b\u0432';\r\n}\r\n%}\r\n
\r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t
-{{ product.discount }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t
{{ card_label_new_text }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t
\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t\t\"{{\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t
\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t{{ product.displayName }} {{ product.description }}\r\n\t\t\t{% } %}\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n {% function toTheStars(num) { return (num * 100) / 5 } %}\r\n
{{ (product.customFields[card_rating_customfield] + \"\").slice(0, 3) }}
\r\n
({{ (product.customFields['reviewsCount']) }} {{ getOtzyvWord(product.customFields['reviewsCount']) }})
\r\n {% } else { %}\r\n
0
\r\n
(\u043d\u0435\u0442 \u043e\u0442\u0437\u044b\u0432\u043e\u0432)
\r\n {% } %}\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedOldPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t\r\n\t\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t
\r\n\r\n\t
\r\n
\r\n\r\n{%\r\n\ttry {\r\n\t\r\n\t\tsetTimeout(function() {\r\n\t\t\r\n\t\t\tvar addToFavoritesWrapped = new Function('pm','btn','product', btn_fav_func);\r\n\t\t\t\r\n\t\t\t/* wishlist hearts inits */\r\n\t\t\t\r\n\t\t\tif (pdx_wishlist_items[product.ids.website]) {\r\n\t\t\t let cur_button = document.querySelectorAll('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite');\r\n\t\t\t for(let i=0;i < cur_button.length;i++){\r\n\t\t\t cur_button[i].classList.add('popmechanic-in-favorite');\r\n\t\t\t }\r\n }\r\n \r\n /* wishlist functional handler */\r\n \r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite').click(function() {\r\n\t\t\t\t\t\r\n\t\t\t\taddToFavoritesWrapped(PopMechanic, PopMechanic.$(this), product);\r\n\t\t\t});\r\n\r\n\r\n\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"Soputstvuyuschiekproduktu\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "2,10,1;480,2,10,1;570,3,10,1;750,4,10,2;954,5,10,2;1130,6,10,2;1200,4,10,1;1400,4,12,2;1800,5,12,2;1920,6,12,3", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Montserrat", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "mindboxWishlistHandler(pm, btn, product)", "btn_fav_show": "1", "card_name_fw": "700", "card_name_lh": "1.20", "header_color": "#303030", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "0", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "22.00", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "22.00", "card_name_line": "2.00", "card_name_show": "1", "card_prices_fw": "700", "card_vendor_fw": "400", "card_vendor_lh": "1.00", "header_fz_desk": "14.00", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "0", "card_name_align": "left", "card_name_color": "#303030", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-red-bg", "btn_fav_position": "righttop", "card_name_fs_mob": "16", "card_padding_hor": "0.00", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "1", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-like-white", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#253B51", "card_labels_space": "5", "card_name_fs_desk": "14.00", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#303030", "card_prices_space": "10", "card_rating_align": "left", "card_vendor_align": "left", "card_vendor_color": "#303030", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "25.00", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "₽", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "6.00", "card_label_new_show": "1", "card_label_new_text": "\u041d\u043e\u0432\u0438\u043d\u043a\u0430", "card_labels_fz_desk": "12.00", "card_prices_fs_desk": "14.00", "card_rating_img_gap": "2.00", "card_vendor_fs_desk": "10.00", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "20", "slider_button_width": "30", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "8.00", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "leftbottom", "card_prices_ordering": "4", "card_rating_img_fill": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "8.00", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "30", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "card_label_new_border": "#253B51", "card_rating_img_empty": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/svg-sprite_0001.svg#ico-star-bg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "10", "card_img_margin_bottom": "6.00", "card_label_discount_bg": "#EB80A8", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "4.00", "card_name_margin_bottom": "4.00", "card_rating_customfield": "summaryRating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4.00", "card_labels_position_hor": "8.00", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "20.00", "card_labels_position_vert": "8.00", "card_price_discount_color": "#969696", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "12.00", "card_rating_margin_bottom": "2.00", "card_vendor_margin_bottom": "4.00", "grouping_border_color_hov": "#444", "card_content_position_vert": "start", "card_label_discount_border": "#EB80A8", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "10.00", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg", "slider_button_icon_prev_hover": "https://s22221.cdn.ngenix.net/skin/frontend/postel-deluxe/default/images/arrow-right.svg"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-79020-reco-1", "limit": "20", "disabled": false, "algorithm": "Soputstvuyuschiekproduktu", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn ``;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n
\r\n\t
\r\n\t\t<% if (header) { %>\r\n\t\t
<%= header %>
\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t
\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\r\n\t\r\n
", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\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\r\n\r\n\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: 65%;\r\n\t<% if (parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: -5px;\r\n\tbackground-color: #fff;\r\n\ttransform: rotate(180deg) translateY(150%);\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: -5px;\r\n\ttransform: translateY(-150%);\r\n\tbackground-color: #fff;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\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\t<% if (slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: 0px;\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-header {\r\n /*font-family: Cormorant;*/\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px 2px 9px;\r\n}\r\n\r\n<% if (grouping_attr) { %>\r\n/* TABS */\r\n#popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: center;\r\n\t--grouping_mb: 10px;\r\n\t--grouping_gap: 16px;\r\n\t--grouping_height: 32px;\r\n\t--grouping_padding_x: 10px;\r\n\t--grouping_br: 8px;\r\n\t--grouping_fs_text: 16px;\r\n\t--grouping_fs_count: 16px;\r\n\tdisplay: flex;\r\n\tjustify-content: var(--grouping_position);\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--grouping_gap);\r\n\tmargin-bottom: var(--grouping_mb);\r\n}\r\n#popmechanic-form .popmechanic-tab {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1ch;\r\n\theight: var(--grouping_height);\r\n\tborder: <%= grouping_border_width %>px solid <%= grouping_border_color %>;\r\n\tpadding: 0 var(--grouping_padding_x);\r\n\tborder-radius: var(--grouping_br);\r\n\tbackground-color: <%= grouping_bg_color %>;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tfont-weight: <%= grouping_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus {\r\n\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\tborder-color: <%= grouping_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-text,\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\ttransition: inherit;\r\n}\r\n#popmechanic-form .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color %>;\r\n\tfont-size: var(--grouping_fs_text);\r\n\ttext-transform: capitalize;\r\n}\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color %>;\r\n\tfont-size: var(--grouping_fs_count);\r\n}\r\n#popmechanic-form .popmechanic-tab-active {\r\n\tbackground-color: <%= grouping_bg_color_active %>;\r\n\tborder-color: <%= grouping_border_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_active %>;\r\n}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\t/*font-size: <%= header_fz_desk %>px;*/\r\n\tfont-size: 14px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_desk %>;\r\n\t--grouping_mb: <%= grouping_mb_desk %>px;\r\n\t--grouping_gap: <%= grouping_gap_desk %>px;\r\n\t--grouping_height: <%= grouping_height_desk %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_desk %>px;\r\n\t--grouping_br: <%= grouping_br_desk %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_desk %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_desk %>px;\r\n}\r\n<% } %>\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\t/*font-size: <%= header_fz_mob %>px;*/\r\n\tfont-size: 14px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-tabs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_mob %>;\r\n\t--grouping_mb: <%= grouping_mb_mob %>px;\r\n\t--grouping_gap: <%= grouping_gap_mob %>px;\r\n\t--grouping_height: <%= grouping_height_mob %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_mob %>px;\r\n\t--grouping_br: <%= grouping_br_mob %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_mob %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_mob %>px;\r\n}\r\n<% } %>\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover {\r\n\t\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\t\tborder-color: <%= grouping_border_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-text {\r\n\t\tcolor: <%= grouping_text_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-numb {\r\n\t\tcolor: <%= grouping_count_color_hov %>;\r\n\t}\r\n}\r\n\r\n#popmechanic-form {\r\n\t/*margin-left: 8px;*/\r\n\t/*margin-right: 8px;*/\r\n}\r\n\r\n@media (min-width: 1200px){\r\n #popmechanic-form {\r\n \t/*margin-left: 30px;*/\r\n \t/*margin-right: 30px;*/\r\n }\r\n}\r\n@media (min-width: 768px){\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n \tfont-size: 22px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-next {\r\n width: 40px;\r\n height: 40px;\r\n background-size: 50%;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-prev{\r\n transform: rotate(180deg) translateY(130%);\r\n left: 0;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-next{\r\n transform: translateY(-130%);\r\n right: 0;\r\n }\r\n}\r\n@media (min-width: 1024px){\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n \tfont-size: 22px;\r\n }\r\n}\r\n@media (min-width: 1200px){\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-prev{\r\n transform: rotate(180deg) translateY(160%);\r\n left: -11px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-next{\r\n transform: translateY(-160%);\r\n right: -11px;\r\n }\r\n}\r\n@media (min-width: 1600px){\r\n #popmechanic-form {\r\n \t/*margin-left: 70px;*/\r\n \t/*margin-right: 70px;*/\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n \tfont-size: 22px;\r\n \tmargin-bottom: 16px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-prev,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-prev,\r\n #popmechanic-form .popmechanic-controls-btn-prev{\r\n transform: rotate(180deg) translateY(140%);\r\n width: 56px;\r\n height: 56px;\r\n left: -20px;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-controls-btn-next,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-controls-btn-next,\r\n #popmechanic-form .popmechanic-controls-btn-next{\r\n transform: translateY(-140%);\r\n width: 56px;\r\n height: 56px;\r\n right: -20px;\r\n }\r\n}\r\n@media (min-width: 1920px){\r\n \r\n}\r\n\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 79058, "template": 2030, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"text": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "title": "\u0414\u0410\u0420\u0418\u041c \u0421\u041a\u0418\u0414\u041a\u0423 10%", "pad_top": "73", "success": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "but_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "pad_left": "50", "btn_width": "239", "form_font": "Roboto, sans-serif", "inp_color": "#8f9399", "inp_width": "238", "pad_right": "50", "btn_height": "50", "but_color1": "#eb80a8", "but_color2": "#e56998", "but_color3": "#ffffff", "but_color4": "#ffffff", "close_show": "0", "form_width": "752", "inp_height": "51", "pad_bottom": "50", "show_title": "1", "text_size2": "24", "custom_font": "Arial, sans-serif", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email", "machine_name": "email"}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": false, "placeholder": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445", "params": {"checked": true, "link_href": "https://postel-deluxe.ru/privacy-policy", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": "."}, "required": true, "machine_name": "agreement"}], "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/35601/57ce31abd51aa5fc76660f7be45ee69d72d62baed93f295de961e74d3c7204c2.png", "form_height": "485", "inp_bgcolor": "#ffffff", "instruction": "\u0421\u043a\u043e\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 :)", "pad_top_mob": "40.00", "text_color1": "#ffffff", "text_color2": "#ffffff", "text_color3": "#ffffff", "btn_fontsize": "16", "inp_fontsize": "16", "pad_left_mob": "17.00", "show_form_bg": "1", "use_100width": "0", "btn_width_mob": "280", "conf_fontsize": "14", "form_bg_color": "#EDBB4C", "inp_width_mob": "280", "inputs_border": "#ffffff", "pad_right_mob": "17.00", "btn_height_mob": "46", "close_size_mob": "20", "form_width_mob": "315", "inp_height_mob": "40", "pad_bottom_mob": "30.00", "show_sub_title": "1", "text_size_mob1": "30", "text_size_mob2": "15", "title_fontsize": "50", "close_color_mob": "#fff", "close_size_desk": "20", "form_height_mob": "460", "use_custom_font": "0", "btn_fontsize_mob": "16", "close_color_desk": "#fff", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "16", "btn_border_radius": "22.00", "close_bg_show_mob": "0", "conf_fontsize_mob": "14", "inp_border_radius": "17.00", "placeholder_color": "#d1d1d1", "show_thanks_title": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "close_bg_color_desk": "#000000", "inputs_border_width": "0.00", "inputs_border_radius": "26.00", "close_bg_transparency": "0.5", "show_thanks_sub_title": "1"}, "button_settings": {}, "conditions_splits": [], "id": 78466, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u0441 \u043f\u043b\u0430\u0448\u043a\u0438", "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-78832.png?ts=1707126514706", "rendered_button_preview": null, "settings": {"text": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "title": "\u0414\u0410\u0420\u0418\u041c \u0421\u041a\u0418\u0414\u041a\u0423 10%", "pad_top": "73", "success": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "but_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "pad_left": "50", "btn_width": "239", "form_font": "Roboto, sans-serif", "inp_color": "#8f9399", "inp_width": "238", "pad_right": "50", "btn_height": "50", "but_color1": "#eb80a8", "but_color2": "#e56998", "but_color3": "#ffffff", "but_color4": "#ffffff", "close_show": "0", "form_width": "752", "inp_height": "51", "pad_bottom": "50", "show_title": "1", "text_size2": "24", "custom_font": "Arial, sans-serif", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email", "machine_name": "email"}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": false, "placeholder": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445", "params": {"checked": true, "link_href": "https://postel-deluxe.ru/privacy-policy", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": "."}, "required": true, "machine_name": "agreement"}], "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/35601/57ce31abd51aa5fc76660f7be45ee69d72d62baed93f295de961e74d3c7204c2.png", "form_height": "485", "inp_bgcolor": "#ffffff", "instruction": "\u0421\u043a\u043e\u0440\u043e \u043f\u0440\u0438\u0448\u043b\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 :)", "pad_top_mob": "40.00", "text_color1": "#ffffff", "text_color2": "#ffffff", "text_color3": "#ffffff", "btn_fontsize": "16", "inp_fontsize": "16", "pad_left_mob": "17.00", "show_form_bg": "1", "use_100width": "0", "btn_width_mob": "280", "conf_fontsize": "14", "form_bg_color": "#EDBB4C", "inp_width_mob": "280", "inputs_border": "#ffffff", "pad_right_mob": "17.00", "btn_height_mob": "46", "close_size_mob": "20", "form_width_mob": "315", "inp_height_mob": "40", "pad_bottom_mob": "30.00", "show_sub_title": "1", "text_size_mob1": "30", "text_size_mob2": "15", "title_fontsize": "50", "close_color_mob": "#fff", "close_size_desk": "20", "form_height_mob": "460", "use_custom_font": "0", "btn_fontsize_mob": "16", "close_color_desk": "#fff", "inp_border_color": "#d9d9d9", "inp_fontsize_mob": "16", "btn_border_radius": "22.00", "close_bg_show_mob": "0", "conf_fontsize_mob": "14", "inp_border_radius": "17.00", "placeholder_color": "#d1d1d1", "show_thanks_title": "1", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "close_bg_color_desk": "#000000", "inputs_border_width": "0.00", "inputs_border_radius": "26.00", "close_bg_transparency": "0.5", "show_thanks_sub_title": "1"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "css": "<% 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-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\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 box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n <% if (parseInt(use_100width)) { %> \r\n width:100%;\r\n<% } else { %> \r\n width: <%=form_width%>px;\r\n <% } %>\r\n height: <%=form_height%>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 border-radius: 0px;\r\n padding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n background-color: <%=form_bg_color%>;\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 box-shadow: 0px 17px 32px rgba(0, 0, 0, 0.18);\r\n\r\n\r\n}\r\n\r\n\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: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n flex: 0 1 350px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n color: <%=text_color1%>;\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 1;\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n margin: 16px 0 0;\r\n color: <%=text_color2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.25;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n flex: 0 1 280px;\r\n padding: 33px 20px;\r\n border: <%=inputs_border_width%>px solid <%=inputs_border%>;\r\n border-radius: <%=inputs_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n padding: 0 16px;\r\n margin: 0 0 16px;\r\n background: <%=inp_bgcolor%>;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n outline: none;\r\n font-size: <%=inp_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=inp_color%>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=placeholder_color%>;\r\n opacity: 1;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n border: 1px solid #f36451;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n color: #f36451;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n \r\n background: <%=but_color1%>;\r\n color: <%=but_color3%>; \r\n border: none;\r\n padding: 0;\r\n border-radius: <%=btn_border_radius%>px;\r\n outline: none;\r\n cursor: pointer;\r\n font-size: <%=btn_fontsize%>px;\r\n line-height: normal;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n margin: 0 0 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=but_color4%>;\r\n background: <%=but_color2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5%>px;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: <%=conf_fontsize%>px;\r\n line-height: 18px;\r\n color: <%=text_color3%>;\r\n padding: 0 0 0 30px;\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#popmechanic-form .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -1px;\r\n width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: 4px;\r\n background: <%=inp_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: -0;\r\n left: -1px;\r\n z-index: 2;\r\n width: 18px;\r\n height: 18px;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n fill: <%=but_color1%>;\r\n width: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n text-align: center;\r\n height: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: -140px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 31px;\r\n font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 30px 0 0;\r\n font-size: <%=text_size2%>px;\r\n line-height: 28px;\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 padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main { \r\n flex-wrap: wrap;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=text_size_mob1%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n margin: 14px 0 0;\r\n font-size: <%=text_size_mob2%>px;\r\n line-height: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n padding: 0;\r\n margin: 20px 0 0;\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 margin: 0 0 12px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n margin-bottom: 12px;\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-thankyou .popmechanic-text {\r\n margin: 10px 0 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 78337, "template": 1630, "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": ["/by/in_an_express"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "region", "value": [524894, 524925], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_same": "0", "align_mob": "center", "width_mob": "100", "action_url": "", "align_desk": "center", "close_show": "0", "link_blank": "0", "width_desk": "200", "form_action": "form", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35601/108cac108aad36210b6fb832d2dcc8fcc6736b1009b00e54ca3124164ddf17c5.png", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35601/ce3cda9dcfc1278d9d73886d42c2cf7c48e568f9e08c1c17721817f3f2c56f07.png", "action_form_id": "0", "close_size_mob": "20", "width_type_mob": "free", "close_color_mob": "#000", "close_size_desk": "20", "width_type_desk": "free", "close_color_desk": "#000", "close_bg_show_mob": "0", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "close_bg_color_desk": "#000000", "close_bg_transparency": "0.5"}, "button_settings": {}, "conditions_splits": [], "id": 77745, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0411\u0430\u043d\u043d\u0435\u0440 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u044d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430", "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-78063.png?ts=1704890058350", "rendered_button_preview": null, "settings": {"img_same": "0", "align_mob": "center", "width_mob": "100", "action_url": "", "align_desk": "center", "close_show": "0", "link_blank": "0", "width_desk": "200", "form_action": "form", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35601/108cac108aad36210b6fb832d2dcc8fcc6736b1009b00e54ca3124164ddf17c5.png", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35601/ce3cda9dcfc1278d9d73886d42c2cf7c48e568f9e08c1c17721817f3f2c56f07.png", "action_form_id": "0", "close_size_mob": "20", "width_type_mob": "free", "close_color_mob": "#000", "close_size_desk": "20", "width_type_desk": "free", "close_color_desk": "#000", "close_bg_show_mob": "0", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "close_bg_color_desk": "#000000", "close_bg_transparency": "0.5"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "css": "<% 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.popmechanic-embedded-static {\r\n position: relative;\r\n}\r\n\r\n#popmechanic-form.popmechanic-embedded-static img {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n.popmechanic-desktop #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_desk === 'free') ? '100%' : width_desk + 'px' %>;\r\n <% if(align_desk === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_desk === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form.popmechanic-embedded-static,\r\n.popmechanic-mobile #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_mob === 'free') ? '100%' : width_mob + 'px' %>;\r\n <% if(align_mob === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_mob === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n\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<% } %>\r\n\r\n#popmechanic-form {\r\n padding: 12px 12px 22px 12px; \r\n}\r\n#popmechanic-form.popmechanic-embedded-static img {\r\n border-radius: 12px;\r\n}\r\n\r\n@media(min-width: 768px){\r\n #popmechanic-form{\r\n padding: 0 6px 30px 41px;\r\n }\r\n}\r\n@media(min-width: 1200px){\r\n #popmechanic-form{\r\n padding: 0 8px 35px 49px;\r\n }\r\n} \r\n@media(min-width: 1400px){\r\n #popmechanic-form{\r\n padding: 0 5px 35px 45px;\r\n }\r\n #popmechanic-form.popmechanic-embedded-static img {\r\n border-radius: 20px;\r\n }\r\n} \r\n@media(min-width: 1920px){\r\n #popmechanic-form{\r\n padding: 0 5px 39px 3px;\r\n }\r\n} \r\n\r\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 77979, "template": 2435, "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": "/new_checkout", "operator": "$exclude"}], "operator": "$and"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "dom_element", "value": ".express.statsbox-clickable:visible", "operator": "$exists"}], "operator": "$and"}, {"id": "6", "field": "region", "value": [524925, 524894], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"unit": "option1", "title": "\u041f\u0440\u0438\u0432\u0435\u0437\u0435\u043c \u0437\u0430 1 \u0447\u0430\u0441!", "num_max": "200", "num_min": "10", "bg_color": "#e2225c", "subtitle": "\u042d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043f\u043e \u041c\u043e\u0441\u043a\u0432\u0435 \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438", "title_fw": "700", "title_lh": "1.3", "width_mob": "180", "title_show": "1", "width_desk": "290.00", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35601/d7644e855e6380d04b66bd7854b3cd6cfcfab2c1ffd5a43784df1917cfdb0ae1.png", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "subtitle_lh": "1.30", "title_color": "#fff", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35601/d7644e855e6380d04b66bd7854b3cd6cfcfab2c1ffd5a43784df1917cfdb0ae1.png", "shadow_color": "#000000", "title_fs_mob": "15.00", "border_radius": "30", "hidden_locale": "ru", "img_show_desk": "1", "img_width_mob": "70", "padding_x_mob": "12", "padding_y_mob": "12", "subtitle_show": "1", "title_fs_desk": "24", "close_size_mob": "20", "img_offset_mob": "50", "img_width_desk": "176.00", "padding_x_desk": "16.00", "padding_y_desk": "25.00", "subtitle_color": "#fff", "bg_transparency": "1", "close_color_mob": "#fff", "close_size_desk": "22", "img_offset_desk": "88", "img_shadow_size": "25", "subtitle_fs_mob": "12", "title_align_mob": "center", "border_width_mob": "0", "close_color_desk": "#fff", "font_custom_show": "0", "img_position_mob": "center", "img_shadow_color": "#000000", "subtitle_fs_desk": "16", "title_align_desk": "center", "border_width_desk": "0.00", "close_bg_show_mob": "0", "img_position_desk": "center", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_align_mob": "center", "close_bg_color_desk": "#222", "shadow_transparency": "0.50", "subtitle_align_desk": "center", "title_margin_bottom": "5.00", "close_position_x_mob": "15", "close_position_y_mob": "15", "close_bg_transparency": "1", "close_position_x_desk": "20", "close_position_y_desk": "20", "img_margin_bottom_mob": "10", "img_margin_bottom_desk": "10.00", "img_shadow_transparency": "0.25"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 192226}], "id": 77387, "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-right", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInDown", "allow_overlay": true, "animation_out": "fadeOutUp", "paranja_color": "#000000", "paranja_opacity": "0.00"}}}], "pinned": false, "name": "\u042d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 (\u043a\u043e\u043f\u0438\u044f) #77979", "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-77674.png?ts=1716566346123", "rendered_button_preview": null, "settings": {"unit": "option1", "title": "\u041f\u0440\u0438\u0432\u0435\u0437\u0435\u043c \u0437\u0430 1 \u0447\u0430\u0441!", "num_max": "200", "num_min": "10", "bg_color": "#e2225c", "subtitle": "\u042d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043f\u043e \u041c\u043e\u0441\u043a\u0432\u0435 \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438", "title_fw": "700", "title_lh": "1.3", "width_mob": "180", "title_show": "1", "width_desk": "290.00", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35601/d7644e855e6380d04b66bd7854b3cd6cfcfab2c1ffd5a43784df1917cfdb0ae1.png", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "subtitle_lh": "1.30", "title_color": "#fff", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35601/d7644e855e6380d04b66bd7854b3cd6cfcfab2c1ffd5a43784df1917cfdb0ae1.png", "shadow_color": "#000000", "title_fs_mob": "15.00", "border_radius": "30", "hidden_locale": "ru", "img_show_desk": "1", "img_width_mob": "70", "padding_x_mob": "12", "padding_y_mob": "12", "subtitle_show": "1", "title_fs_desk": "24", "close_size_mob": "20", "img_offset_mob": "50", "img_width_desk": "176.00", "padding_x_desk": "16.00", "padding_y_desk": "25.00", "subtitle_color": "#fff", "bg_transparency": "1", "close_color_mob": "#fff", "close_size_desk": "22", "img_offset_desk": "88", "img_shadow_size": "25", "subtitle_fs_mob": "12", "title_align_mob": "center", "border_width_mob": "0", "close_color_desk": "#fff", "font_custom_show": "0", "img_position_mob": "center", "img_shadow_color": "#000000", "subtitle_fs_desk": "16", "title_align_desk": "center", "border_width_desk": "0.00", "close_bg_show_mob": "0", "img_position_desk": "center", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_align_mob": "center", "close_bg_color_desk": "#222", "shadow_transparency": "0.50", "subtitle_align_desk": "center", "title_margin_bottom": "5.00", "close_position_x_mob": "15", "close_position_y_mob": "15", "close_bg_transparency": "1", "close_position_x_desk": "20", "close_position_y_desk": "20", "img_margin_bottom_mob": "10", "img_margin_bottom_desk": "10.00", "img_shadow_transparency": "0.25"}, "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-right", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInDown", "allow_overlay": true, "animation_out": "fadeOutUp", "paranja_color": "#000000", "paranja_opacity": "0.00"}}, "html": "", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?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-form {\r\n\tposition: fixed;\r\n\tbottom: 210px;\r\n\tright: 9px;\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\twidth: 100vw;\r\n\t/*margin-right: 40px;*/\r\n\t/*margin-bottom: 40px;*/\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: 0 0 <%= shadow_size %>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\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tfilter: drop-shadow(0 0 <%= img_shadow_size %>px rgba(<%= hexToRgb(img_shadow_color) %>, <%= img_shadow_transparency %>));\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}\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}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tcolor: inherit;\r\n\tfont-weight: inherit;\r\n\tline-height: inherit;\r\n\tfont-size: inherit;\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 - +img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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)) { %>\r\n\t\tpadding-top: <%= (+img_offset_desk < +padding_y_desk) ? padding_y_desk : img_offset_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\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\ttext-align: <%= subtitle_align_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n\tmargin-right: 0;\r\n\tmargin-bottom: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .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, .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 - +img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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, .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)) { %>\r\n\t\tpadding-top: <%= (+img_offset_mob < +padding_y_mob) ? padding_y_mob : img_offset_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\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, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_align_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 40;\r\n\tcursor: pointer;\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: 100%;\r\n\theight: 2px;\r\n\tborder-radius: 2px;\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\t<% if (parseInt(close_bg_show_desk)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= 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-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .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\t<% if (parseInt(close_bg_show_mob)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= 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-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_mob %>;\r\n}\r\n@media (min-width: 768px){\r\n .popmechanic-mobile #popmechanic-form {\r\n \tbottom: 214px;\r\n \tright: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px){\r\n .popmechanic-mobile #popmechanic-form,\r\n #popmechanic-form {\r\n \tbottom: 228px;\r\n \tright: 20px;\r\n }\r\n}\r\n@media (min-width: 1200px){\r\n #popmechanic-form {\r\n \tbottom: 148px;\r\n \tright: 39px;\r\n }\r\n .popmechanic-mobile #popmechanic-form {\r\n \tright: 27px;\r\n \tbottom: 148px;\r\n }\r\n}\r\n@media (min-width: 1400px){\r\n .popmechanic-mobile #popmechanic-form {\r\n \tright: 43px;\r\n }\r\n}\r\n@media (min-width: 1600px){\r\n .popmechanic-mobile #popmechanic-form {\r\n \tright: 86px;\r\n }\r\n}\r\n@media (min-width: 1920px){\r\n #popmechanic-form {\r\n \tbottom: 148px;\r\n \tright: 85px;\r\n }\r\n}\r\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": true}, {"id": 77225, "template": 1706, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/5967/3af6b97c8b78c28cda433a62e30bf28b329bd36711b567c68bb6e8aceca3f034.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": "Verdana, Geneva, sans-serif", "inp_color": "#000000", "inp_width": "326", "pad_right": "63", "sale_text": "-90%", "show_sale": "0", "var_color": "#000000", "btn_1_text": "\u041c\u0423\u0416\u0421\u041a\u0418\u0415", "btn_2_text": "\u0416\u0415\u041d\u0421\u041a\u0418\u0415", "btn_height": "66", "choice_cnt": "6", "close_show": "0", "form_width": "784", "inp_height": "66", "pad_bottom": "31", "sale_color": "#a9042b", "btn_bgcolor": "#253b51", "custom_font": "Helvetica", "form_bg_img": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height": "625", "inp_bgcolor": "#eae6e6", "pad_top_mob": "10", "placeholder": "\u0412\u0410\u0428 EMAIL", "show_policy": "0", "sub_title_1": "\u0422\u041e\u041b\u042c\u041a\u041e \u0414\u041b\u042f \u041f\u041e\u0414\u041f\u0418\u0421\u0427\u0418\u041a\u041e\u0412 \u0420\u0410\u0421\u0421\u042b\u041b\u041a\u0418", "text_center": "1", "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/5967/3d1ab2a4cf15c6ecd4e3b3a214c27d7262cfd198af9fe81826fccc31ecb05917.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/5967/ef2886300f76cdd60d2b03a41bead13f489a23fb88b4c2eeae72cb99b0e85095.jpg", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/5967/86dc1485fb6a8bdeb675d4f55ad690e7add640d23e46d9577ecf6b58df3d3120.png", "choice_img_4": "https://personalization-web-stable.mindbox.ru/user-media/5967/5f34bd3ed030d08afe7fc479d931e0635c7210a13cb9e107843d087b0fd33466.jpg", "choice_img_5": "https://personalization-web-stable.mindbox.ru/user-media/5967/a7f7d985fd7ccbfa64423cdd94a5ee76ceaedc151346fb09fd149caadd986219.png", "choice_img_6": "https://personalization-web-stable.mindbox.ru/user-media/5967/6ff43ff029e1f987c01b57ca9d7d8e8627799ef01a090ebf5c9a2ae9ce8cbbcd.jpg", "choice_img_7": "https://personalization-web-stable.mindbox.ru/user-media/5967/5a2013a97704881ee119af5a3e4c76d72312364759339147ae0271962a76687d.jpg", "choice_img_8": "https://personalization-web-stable.mindbox.ru/user-media/5967/88383d8346b6aa230c5ad1f6f12fba08f8c12b04f09f1aa45c4cbfe39d94d01f.jpg", "choice_img_9": "", "choice_int_1": "no_interest", "choice_int_2": "too_often", "choice_int_3": "not_open", "choice_int_4": "for_discount", "choice_int_5": "much_ads", "choice_int_6": "other", "choice_int_7": "", "choice_int_8": "", "choice_int_9": "", "inp_fontsize": "16.00", "pad_left_mob": "17", "pad_main_top": "21", "policy_color": "#969696", "show_form_bg": "0", "show_img_top": "0", "show_title_1": "0", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "title_2_text": "\u041f\u043e\u043c\u043e\u0433\u0438\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435!", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "1", "choice_text_1": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_2": "\u0420\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0447\u0430\u0441\u0442\u043e", "choice_text_3": "\u041f\u0438\u0441\u044c\u043c\u0430 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e", "choice_text_4": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u0431\u044b\u043b\u0430 \u0440\u0430\u0434\u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_5": "\u0420\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e", "choice_text_6": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_7": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_8": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_9": "\u0414\u0440\u0443\u0433\u043e\u0435", "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": "#545454", "btn_height_mob": "42", "btn_scr_2_text": "\u041e\u0422\u041f\u0418\u0421\u0410\u0422\u042c\u0421\u042f", "btn_two_height": "66", "checkbox_color": "#002859", "close_size_mob": "20", "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": "440", "inp_height_mob": "49", "pad_bottom_mob": "9", "pad_main_right": "20", "title_fontsize": "22", "btn_hover_color": "#ffffff", "choice_only_one": "1", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "460", "pad_main_bottom": "44", "policy_fontsize": "12", "show_thanks_btn": "0", "sub_title_color": "#3e3e3e", "thanks_btn_text": "\u041f\u0415\u0420\u0415\u0419\u0422\u0418 \u0412 \u041a\u0410\u0422\u0410\u041b\u041e\u0413", "use_custom_font": "0", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "21", "close_color_desk": "#000", "form_line_height": "1.5", "inp_fontsize_mob": "14.00", "show_sub_title_1": "1", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u041d\u0430\u043c \u0436\u0430\u043b\u044c, \u0447\u0442\u043e \u0412\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0438 \u043c\u044b \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0438\u043c \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u043e\u0442\u043f\u0438\u0441\u043a\u0438:", "thanks_sub_title": "\u0412\u044b \u043e\u0442\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a, \u043d\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u043c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043a\u0443\u0447\u0430\u0442\u044c \u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c\u0441\u044f!", "title_2_fontsize": "22", "var_fontsize_mob": "12.00", "btn_border_radius": "20.00", "btn_hover_bgcolor": "#223f5e", "close_bg_show_mob": "0", "inp_border_radius": "8.00", "sale_fontsize_mob": "30", "sub_title_2_color": "#545454", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "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": "1", "img_top_height_mob": "146", "sub_title_fontsize": "18", "title_fontsize_mob": "16", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "8", "form_line_height_mob": "1.5", "sub_title_2_fontsize": "18", "title_2_fontsize_mob": "16", "close_bg_transparency": "0.5", "inp_placeholder_color": "#313131", "sub_title_fontsize_mob": "12.00", "sub_title_2_fontsize_mob": "12"}, "button_settings": {}, "conditions_splits": [], "id": 76633, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0412\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043e\u043f\u0440\u043e\u0441\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0438\u0441\u043a\u0435 (\u043a\u043e\u043f\u0438\u044f) #77225", "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": [{"name": "\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0434\u043b\u044f \u0414\u0440\u0443\u0433\u043e\u0435", "machine_name": "other_description", "default_value": ""}], "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-76872.png?ts=1703490137009", "rendered_button_preview": null, "settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/5967/3af6b97c8b78c28cda433a62e30bf28b329bd36711b567c68bb6e8aceca3f034.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": "Verdana, Geneva, sans-serif", "inp_color": "#000000", "inp_width": "326", "pad_right": "63", "sale_text": "-90%", "show_sale": "0", "var_color": "#000000", "btn_1_text": "\u041c\u0423\u0416\u0421\u041a\u0418\u0415", "btn_2_text": "\u0416\u0415\u041d\u0421\u041a\u0418\u0415", "btn_height": "66", "choice_cnt": "6", "close_show": "0", "form_width": "784", "inp_height": "66", "pad_bottom": "31", "sale_color": "#a9042b", "btn_bgcolor": "#253b51", "custom_font": "Helvetica", "form_bg_img": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height": "625", "inp_bgcolor": "#eae6e6", "pad_top_mob": "10", "placeholder": "\u0412\u0410\u0428 EMAIL", "show_policy": "0", "sub_title_1": "\u0422\u041e\u041b\u042c\u041a\u041e \u0414\u041b\u042f \u041f\u041e\u0414\u041f\u0418\u0421\u0427\u0418\u041a\u041e\u0412 \u0420\u0410\u0421\u0421\u042b\u041b\u041a\u0418", "text_center": "1", "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/5967/3d1ab2a4cf15c6ecd4e3b3a214c27d7262cfd198af9fe81826fccc31ecb05917.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/5967/ef2886300f76cdd60d2b03a41bead13f489a23fb88b4c2eeae72cb99b0e85095.jpg", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/5967/86dc1485fb6a8bdeb675d4f55ad690e7add640d23e46d9577ecf6b58df3d3120.png", "choice_img_4": "https://personalization-web-stable.mindbox.ru/user-media/5967/5f34bd3ed030d08afe7fc479d931e0635c7210a13cb9e107843d087b0fd33466.jpg", "choice_img_5": "https://personalization-web-stable.mindbox.ru/user-media/5967/a7f7d985fd7ccbfa64423cdd94a5ee76ceaedc151346fb09fd149caadd986219.png", "choice_img_6": "https://personalization-web-stable.mindbox.ru/user-media/5967/6ff43ff029e1f987c01b57ca9d7d8e8627799ef01a090ebf5c9a2ae9ce8cbbcd.jpg", "choice_img_7": "https://personalization-web-stable.mindbox.ru/user-media/5967/5a2013a97704881ee119af5a3e4c76d72312364759339147ae0271962a76687d.jpg", "choice_img_8": "https://personalization-web-stable.mindbox.ru/user-media/5967/88383d8346b6aa230c5ad1f6f12fba08f8c12b04f09f1aa45c4cbfe39d94d01f.jpg", "choice_img_9": "", "choice_int_1": "no_interest", "choice_int_2": "too_often", "choice_int_3": "not_open", "choice_int_4": "for_discount", "choice_int_5": "much_ads", "choice_int_6": "other", "choice_int_7": "", "choice_int_8": "", "choice_int_9": "", "inp_fontsize": "16.00", "pad_left_mob": "17", "pad_main_top": "21", "policy_color": "#969696", "show_form_bg": "0", "show_img_top": "0", "show_title_1": "0", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "title_2_text": "\u041f\u043e\u043c\u043e\u0433\u0438\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435!", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "1", "choice_text_1": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_2": "\u0420\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0447\u0430\u0441\u0442\u043e", "choice_text_3": "\u041f\u0438\u0441\u044c\u043c\u0430 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e", "choice_text_4": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u0431\u044b\u043b\u0430 \u0440\u0430\u0434\u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_5": "\u0420\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e", "choice_text_6": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_7": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_8": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_9": "\u0414\u0440\u0443\u0433\u043e\u0435", "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": "#545454", "btn_height_mob": "42", "btn_scr_2_text": "\u041e\u0422\u041f\u0418\u0421\u0410\u0422\u042c\u0421\u042f", "btn_two_height": "66", "checkbox_color": "#002859", "close_size_mob": "20", "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": "440", "inp_height_mob": "49", "pad_bottom_mob": "9", "pad_main_right": "20", "title_fontsize": "22", "btn_hover_color": "#ffffff", "choice_only_one": "1", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "460", "pad_main_bottom": "44", "policy_fontsize": "12", "show_thanks_btn": "0", "sub_title_color": "#3e3e3e", "thanks_btn_text": "\u041f\u0415\u0420\u0415\u0419\u0422\u0418 \u0412 \u041a\u0410\u0422\u0410\u041b\u041e\u0413", "use_custom_font": "0", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "21", "close_color_desk": "#000", "form_line_height": "1.5", "inp_fontsize_mob": "14.00", "show_sub_title_1": "1", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u041d\u0430\u043c \u0436\u0430\u043b\u044c, \u0447\u0442\u043e \u0412\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0438 \u043c\u044b \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0438\u043c \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u043e\u0442\u043f\u0438\u0441\u043a\u0438:", "thanks_sub_title": "\u0412\u044b \u043e\u0442\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a, \u043d\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u043c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043a\u0443\u0447\u0430\u0442\u044c \u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c\u0441\u044f!", "title_2_fontsize": "22", "var_fontsize_mob": "12.00", "btn_border_radius": "20.00", "btn_hover_bgcolor": "#223f5e", "close_bg_show_mob": "0", "inp_border_radius": "8.00", "sale_fontsize_mob": "30", "sub_title_2_color": "#545454", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "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": "1", "img_top_height_mob": "146", "sub_title_fontsize": "18", "title_fontsize_mob": "16", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "8", "form_line_height_mob": "1.5", "sub_title_2_fontsize": "18", "title_2_fontsize_mob": "16", "close_bg_transparency": "0.5", "inp_placeholder_color": "#313131", "sub_title_fontsize_mob": "12.00", "sub_title_2_fontsize_mob": "12"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n
\r\n <% if(parseInt(show_title_2)) { %>\r\n
\r\n <%=title_2_text%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_2)) { %>\r\n
\r\n <%=sub_title_2_text%>\r\n
\r\n <% } %>\r\n
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 \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 2) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 3) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 4) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 5) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 6) { %>\r\n \r\n <% } %>\r\n \r\n <% if(parseInt(choice_cnt) >= 7) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 8) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 9) { %>\r\n \r\n <% } %>\r\n
\r\n \r\n
\r\n <% if(parseInt(show_screen_2)) { %>\r\n
\r\n
\r\n <% if(parseInt(show_img_top)) { %>\r\n
)\">
\r\n <% } %>\r\n
\r\n <% if(parseInt(show_title_1)) { %>\r\n
\r\n <%=title_1%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sale)) { %>\r\n
\r\n <%=sale_text%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_1)) { %>\r\n
\r\n <%=sub_title_1%>\r\n
\r\n <% } %>\r\n
\r\n
\r\n\r\n
\r\n
\r\n \" />\r\n <% if(parseInt(show_two_buttons)) { %>\r\n
\r\n \r\n \r\n
\r\n <% } else {%>\r\n \r\n <% } %>\r\n
\r\n <% if(parseInt(show_policy)) { %>\r\n
\r\n \r\n
\r\n <% } %>\r\n
\r\n
\r\n <% } %>\r\n\r\n
\r\n
\r\n <% if(parseInt(show_img_top)) { %>\r\n
)\">
\r\n <% } %>\r\n
\r\n <% if(parseInt(show_title_3)) { %>\r\n
\r\n <%=thanks_title%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_3)) { %>\r\n
\r\n <%=thanks_sub_title%>\r\n
\r\n <% } %>\r\n
\r\n
\r\n\r\n
\r\n
\r\n <% if(parseInt(show_thanks_btn)) { %>\r\n \r\n <% } %>\r\n
\r\n
\r\n
\r\n \r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
\r\n\r\n\r\n\r\n", "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<% 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#other_reason_comment_area{\r\n opacity: 1;\r\n transition: opacity 0.5s linear;\r\n}\r\n\r\n#other_reason_comment_area.hidden-fade{\r\n opacity: 0;\r\n transition: opacity 0.3s linear;\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-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: 12px;\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 text-align: center;\r\n width:600px;\r\n display: inline-block;\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-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 text-align: center;\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 width: unset;\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}\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 75006, "template": 1706, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/5967/3af6b97c8b78c28cda433a62e30bf28b329bd36711b567c68bb6e8aceca3f034.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": "Verdana, Geneva, sans-serif", "inp_color": "#000000", "inp_width": "326", "pad_right": "63", "sale_text": "-90%", "show_sale": "0", "var_color": "#000000", "btn_1_text": "\u041c\u0423\u0416\u0421\u041a\u0418\u0415", "btn_2_text": "\u0416\u0415\u041d\u0421\u041a\u0418\u0415", "btn_height": "66", "choice_cnt": "6", "close_show": "0", "form_width": "784", "inp_height": "66", "pad_bottom": "31", "sale_color": "#a9042b", "btn_bgcolor": "#253b51", "custom_font": "Helvetica", "form_bg_img": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height": "625", "inp_bgcolor": "#eae6e6", "pad_top_mob": "10", "placeholder": "\u0412\u0410\u0428 EMAIL", "show_policy": "0", "sub_title_1": "\u0422\u041e\u041b\u042c\u041a\u041e \u0414\u041b\u042f \u041f\u041e\u0414\u041f\u0418\u0421\u0427\u0418\u041a\u041e\u0412 \u0420\u0410\u0421\u0421\u042b\u041b\u041a\u0418", "text_center": "1", "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/5967/3d1ab2a4cf15c6ecd4e3b3a214c27d7262cfd198af9fe81826fccc31ecb05917.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/5967/ef2886300f76cdd60d2b03a41bead13f489a23fb88b4c2eeae72cb99b0e85095.jpg", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/5967/86dc1485fb6a8bdeb675d4f55ad690e7add640d23e46d9577ecf6b58df3d3120.png", "choice_img_4": "https://personalization-web-stable.mindbox.ru/user-media/5967/5f34bd3ed030d08afe7fc479d931e0635c7210a13cb9e107843d087b0fd33466.jpg", "choice_img_5": "https://personalization-web-stable.mindbox.ru/user-media/5967/a7f7d985fd7ccbfa64423cdd94a5ee76ceaedc151346fb09fd149caadd986219.png", "choice_img_6": "https://personalization-web-stable.mindbox.ru/user-media/5967/6ff43ff029e1f987c01b57ca9d7d8e8627799ef01a090ebf5c9a2ae9ce8cbbcd.jpg", "choice_img_7": "https://personalization-web-stable.mindbox.ru/user-media/5967/5a2013a97704881ee119af5a3e4c76d72312364759339147ae0271962a76687d.jpg", "choice_img_8": "https://personalization-web-stable.mindbox.ru/user-media/5967/88383d8346b6aa230c5ad1f6f12fba08f8c12b04f09f1aa45c4cbfe39d94d01f.jpg", "choice_img_9": "", "choice_int_1": "no_interest", "choice_int_2": "too_often", "choice_int_3": "not_open", "choice_int_4": "for_discount", "choice_int_5": "much_ads", "choice_int_6": "other", "choice_int_7": "", "choice_int_8": "", "choice_int_9": "", "inp_fontsize": "18", "pad_left_mob": "17", "pad_main_top": "21", "policy_color": "#969696", "show_form_bg": "0", "show_img_top": "0", "show_title_1": "0", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "title_2_text": "\u041f\u043e\u043c\u043e\u0433\u0438\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435!", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "1", "choice_text_1": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_2": "\u0420\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0447\u0430\u0441\u0442\u043e", "choice_text_3": "\u041f\u0438\u0441\u044c\u043c\u0430 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e", "choice_text_4": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u0431\u044b\u043b\u0430 \u0440\u0430\u0434\u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_5": "\u0420\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e", "choice_text_6": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_7": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_8": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_9": "\u0414\u0440\u0443\u0433\u043e\u0435", "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": "#545454", "btn_height_mob": "42", "btn_scr_2_text": "\u041e\u0422\u041f\u0418\u0421\u0410\u0422\u042c\u0421\u042f", "btn_two_height": "66", "checkbox_color": "#002859", "close_size_mob": "20", "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": "440", "inp_height_mob": "49", "pad_bottom_mob": "9", "pad_main_right": "20", "title_fontsize": "22", "btn_hover_color": "#ffffff", "choice_only_one": "1", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "460", "pad_main_bottom": "44", "policy_fontsize": "12", "show_thanks_btn": "0", "sub_title_color": "#3e3e3e", "thanks_btn_text": "\u041f\u0415\u0420\u0415\u0419\u0422\u0418 \u0412 \u041a\u0410\u0422\u0410\u041b\u041e\u0413", "use_custom_font": "0", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "21", "close_color_desk": "#000", "form_line_height": "1.5", "inp_fontsize_mob": "14", "show_sub_title_1": "1", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u041d\u0430\u043c \u0436\u0430\u043b\u044c, \u0447\u0442\u043e \u0412\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0438 \u043c\u044b \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0438\u043c \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u043e\u0442\u043f\u0438\u0441\u043a\u0438:", "thanks_sub_title": "\u0412\u044b \u043e\u0442\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a, \u043d\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u043c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043a\u0443\u0447\u0430\u0442\u044c \u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c\u0441\u044f!", "title_2_fontsize": "22", "var_fontsize_mob": "12.00", "btn_border_radius": "20.00", "btn_hover_bgcolor": "#223f5e", "close_bg_show_mob": "0", "inp_border_radius": "1", "sale_fontsize_mob": "30", "sub_title_2_color": "#545454", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "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": "1", "img_top_height_mob": "146", "sub_title_fontsize": "18", "title_fontsize_mob": "16", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "8", "form_line_height_mob": "1.5", "sub_title_2_fontsize": "18", "title_2_fontsize_mob": "16", "close_bg_transparency": "0.5", "inp_placeholder_color": "#313131", "sub_title_fontsize_mob": "12.00", "sub_title_2_fontsize_mob": "12"}, "button_settings": {}, "conditions_splits": [], "id": 74414, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0412\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043e\u043f\u0440\u043e\u0441\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0438\u0441\u043a\u0435", "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-74486.png?ts=1701182405715", "rendered_button_preview": null, "settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/5967/3af6b97c8b78c28cda433a62e30bf28b329bd36711b567c68bb6e8aceca3f034.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": "Verdana, Geneva, sans-serif", "inp_color": "#000000", "inp_width": "326", "pad_right": "63", "sale_text": "-90%", "show_sale": "0", "var_color": "#000000", "btn_1_text": "\u041c\u0423\u0416\u0421\u041a\u0418\u0415", "btn_2_text": "\u0416\u0415\u041d\u0421\u041a\u0418\u0415", "btn_height": "66", "choice_cnt": "6", "close_show": "0", "form_width": "784", "inp_height": "66", "pad_bottom": "31", "sale_color": "#a9042b", "btn_bgcolor": "#253b51", "custom_font": "Helvetica", "form_bg_img": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height": "625", "inp_bgcolor": "#eae6e6", "pad_top_mob": "10", "placeholder": "\u0412\u0410\u0428 EMAIL", "show_policy": "0", "sub_title_1": "\u0422\u041e\u041b\u042c\u041a\u041e \u0414\u041b\u042f \u041f\u041e\u0414\u041f\u0418\u0421\u0427\u0418\u041a\u041e\u0412 \u0420\u0410\u0421\u0421\u042b\u041b\u041a\u0418", "text_center": "1", "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/5967/3d1ab2a4cf15c6ecd4e3b3a214c27d7262cfd198af9fe81826fccc31ecb05917.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/5967/ef2886300f76cdd60d2b03a41bead13f489a23fb88b4c2eeae72cb99b0e85095.jpg", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/5967/86dc1485fb6a8bdeb675d4f55ad690e7add640d23e46d9577ecf6b58df3d3120.png", "choice_img_4": "https://personalization-web-stable.mindbox.ru/user-media/5967/5f34bd3ed030d08afe7fc479d931e0635c7210a13cb9e107843d087b0fd33466.jpg", "choice_img_5": "https://personalization-web-stable.mindbox.ru/user-media/5967/a7f7d985fd7ccbfa64423cdd94a5ee76ceaedc151346fb09fd149caadd986219.png", "choice_img_6": "https://personalization-web-stable.mindbox.ru/user-media/5967/6ff43ff029e1f987c01b57ca9d7d8e8627799ef01a090ebf5c9a2ae9ce8cbbcd.jpg", "choice_img_7": "https://personalization-web-stable.mindbox.ru/user-media/5967/5a2013a97704881ee119af5a3e4c76d72312364759339147ae0271962a76687d.jpg", "choice_img_8": "https://personalization-web-stable.mindbox.ru/user-media/5967/88383d8346b6aa230c5ad1f6f12fba08f8c12b04f09f1aa45c4cbfe39d94d01f.jpg", "choice_img_9": "", "choice_int_1": "no_interest", "choice_int_2": "too_often", "choice_int_3": "not_open", "choice_int_4": "for_discount", "choice_int_5": "much_ads", "choice_int_6": "other", "choice_int_7": "", "choice_int_8": "", "choice_int_9": "", "inp_fontsize": "18", "pad_left_mob": "17", "pad_main_top": "21", "policy_color": "#969696", "show_form_bg": "0", "show_img_top": "0", "show_title_1": "0", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "title_2_text": "\u041f\u043e\u043c\u043e\u0433\u0438\u0442\u0435 \u043d\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435!", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "1", "choice_text_1": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_2": "\u0420\u0430\u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0447\u0430\u0441\u0442\u043e", "choice_text_3": "\u041f\u0438\u0441\u044c\u043c\u0430 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e", "choice_text_4": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u0431\u044b\u043b\u0430 \u0440\u0430\u0434\u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "choice_text_5": "\u0420\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043c\u043d\u043e\u0433\u043e", "choice_text_6": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_7": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_8": "\u0414\u0440\u0443\u0433\u043e\u0435", "choice_text_9": "\u0414\u0440\u0443\u0433\u043e\u0435", "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": "#545454", "btn_height_mob": "42", "btn_scr_2_text": "\u041e\u0422\u041f\u0418\u0421\u0410\u0422\u042c\u0421\u042f", "btn_two_height": "66", "checkbox_color": "#002859", "close_size_mob": "20", "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": "440", "inp_height_mob": "49", "pad_bottom_mob": "9", "pad_main_right": "20", "title_fontsize": "22", "btn_hover_color": "#ffffff", "choice_only_one": "1", "close_color_mob": "#000", "close_size_desk": "20", "form_height_mob": "460", "pad_main_bottom": "44", "policy_fontsize": "12", "show_thanks_btn": "0", "sub_title_color": "#3e3e3e", "thanks_btn_text": "\u041f\u0415\u0420\u0415\u0419\u0422\u0418 \u0412 \u041a\u0410\u0422\u0410\u041b\u041e\u0413", "use_custom_font": "0", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "21", "close_color_desk": "#000", "form_line_height": "1.5", "inp_fontsize_mob": "14", "show_sub_title_1": "1", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u041d\u0430\u043c \u0436\u0430\u043b\u044c, \u0447\u0442\u043e \u0412\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a \u0438 \u043c\u044b \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0438\u043c \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u043e\u0442\u043f\u0438\u0441\u043a\u0438:", "thanks_sub_title": "\u0412\u044b \u043e\u0442\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043e\u0442 \u043d\u0430\u0448\u0438\u0445 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043e\u043a, \u043d\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u043d\u0430\u043c. \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u0441\u043a\u0443\u0447\u0430\u0442\u044c \u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043c\u0441\u044f!", "title_2_fontsize": "22", "var_fontsize_mob": "12.00", "btn_border_radius": "20.00", "btn_hover_bgcolor": "#223f5e", "close_bg_show_mob": "0", "inp_border_radius": "1", "sale_fontsize_mob": "30", "sub_title_2_color": "#545454", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "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": "1", "img_top_height_mob": "146", "sub_title_fontsize": "18", "title_fontsize_mob": "16", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "8", "form_line_height_mob": "1.5", "sub_title_2_fontsize": "18", "title_2_fontsize_mob": "16", "close_bg_transparency": "0.5", "inp_placeholder_color": "#313131", "sub_title_fontsize_mob": "12.00", "sub_title_2_fontsize_mob": "12"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "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<% 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: <%=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-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: 12px;\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 text-align: center;\r\n width:600px;\r\n display: inline-block;\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-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 text-align: center;\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 width: unset;\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}\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55673, "template": 1817, "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"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/5507/9748db3ecba78edd975da2df950f47065df815d5753d5db6ca365498fba54463.png", "pad_top": "60.00", "btn_link": "#", "img_demo": "https://personalization-web-stable.mindbox.ru/user-media/5507/c47c7e1d2a50ac8c9bdb0dddf6c88b550cb6e85361abebdbb7759951c77f337f.jpg", "pad_left": "70", "btn_color": "#fff", "btn_width": "250", "form_font": "Open Sans", "pad_right": "67.00", "btn_height": "50", "btn_text_1": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "btn_text_2": "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c", "btn_text_3": "\u041e\u043a", "form_width": "660.00", "pad_bottom": "9.00", "btn_bgcolor": "#ff8798", "close_color": "#878787", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/2521/8333c7a905b16e272da4345da4e2b28e1218b8a31d8e2be09ed16e7dcfc57477.png", "form_height": "513.00", "pad_top_mob": "50.00", "title_color": "#282828", "btn_fontsize": "19", "img_demo_mob": "https://personalization-web-stable.mindbox.ru/user-media/5507/c47c7e1d2a50ac8c9bdb0dddf6c88b550cb6e85361abebdbb7759951c77f337f.jpg", "pad_left_mob": "16", "show_form_bg": "0", "title_text_1": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f", "title_text_2": "\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c \u0432\u043e \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435", "title_text_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "btn_color_mob": "#ffffff", "btn_width_mob": "137", "form_bg_color": "#ffffff", "img_top_width": "123", "pad_right_mob": "15", "btn_height_mob": "50", "form_width_mob": "321", "img_top_height": "133", "pad_bottom_mob": "27.00", "title_fontsize": "27", "btn_bgcolor_mob": "#ff8798", "btn_hover_color": "#ffffff", "form_height_mob": "250", "img_top_success": "https://personalization-web-stable.mindbox.ru/user-media/5507/c0753fccb41ea248b15d3f0cec630965795afaf1145c4212a2c3dde829542cf8.png", "btn_fontsize_mob": "14", "btn_second_color": "#fff", "form_line_height": "1.4", "post_title_color": "#282828", "btn_border_radius": "1", "btn_hover_bgcolor": "#f86478", "btn_second_text_1": "\u041e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f", "img_top_width_mob": "46", "post_title_text_1": "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u0435 \u0441\u0430\u0439\u0442\u0443 postel-deluxe.ru \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0430\u043c \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f", "post_title_text_3": "\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0432\u0430\u043c \u0441\u0430\u043c\u044b\u0435 \u0432\u0430\u0436\u043d\u044b\u0435 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f", "btn_second_bgcolor": "#dbdbdb", "form_border_radius": "1", "img_top_height_mob": "46", "title_fontsize_mob": "16", "post_title_fontsize": "16", "btn_second_color_mob": "#fff", "form_line_height_mob": "1.4", "btn_second_bgcolor_mob": "#dbdbdb", "btn_second_hover_color": "#fff", "post_title_fontsize_mob": "14", "btn_second_hover_bgcolor": "#9b9999"}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages": "5"}, "combinator": "and", "id": 177604}], "id": 55097, "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": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "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\u043f\u0430\u043f \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 \u0432\u0435\u0431-\u043f\u0443\u0448\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "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-54066.png?ts=1712043465321", "rendered_button_preview": null, "settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/5507/9748db3ecba78edd975da2df950f47065df815d5753d5db6ca365498fba54463.png", "pad_top": "60.00", "btn_link": "#", "img_demo": "https://personalization-web-stable.mindbox.ru/user-media/5507/c47c7e1d2a50ac8c9bdb0dddf6c88b550cb6e85361abebdbb7759951c77f337f.jpg", "pad_left": "70", "btn_color": "#fff", "btn_width": "250", "form_font": "Open Sans", "pad_right": "67.00", "btn_height": "50", "btn_text_1": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "btn_text_2": "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c", "btn_text_3": "\u041e\u043a", "form_width": "660.00", "pad_bottom": "9.00", "btn_bgcolor": "#ff8798", "close_color": "#878787", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/2521/8333c7a905b16e272da4345da4e2b28e1218b8a31d8e2be09ed16e7dcfc57477.png", "form_height": "513.00", "pad_top_mob": "50.00", "title_color": "#282828", "btn_fontsize": "19", "img_demo_mob": "https://personalization-web-stable.mindbox.ru/user-media/5507/c47c7e1d2a50ac8c9bdb0dddf6c88b550cb6e85361abebdbb7759951c77f337f.jpg", "pad_left_mob": "16", "show_form_bg": "0", "title_text_1": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f", "title_text_2": "\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044c \u0432\u043e \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435", "title_text_3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443", "btn_color_mob": "#ffffff", "btn_width_mob": "137", "form_bg_color": "#ffffff", "img_top_width": "123", "pad_right_mob": "15", "btn_height_mob": "50", "form_width_mob": "321", "img_top_height": "133", "pad_bottom_mob": "27.00", "title_fontsize": "27", "btn_bgcolor_mob": "#ff8798", "btn_hover_color": "#ffffff", "form_height_mob": "250", "img_top_success": "https://personalization-web-stable.mindbox.ru/user-media/5507/c0753fccb41ea248b15d3f0cec630965795afaf1145c4212a2c3dde829542cf8.png", "btn_fontsize_mob": "14", "btn_second_color": "#fff", "form_line_height": "1.4", "post_title_color": "#282828", "btn_border_radius": "1", "btn_hover_bgcolor": "#f86478", "btn_second_text_1": "\u041e\u0442\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f", "img_top_width_mob": "46", "post_title_text_1": "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u0435 \u0441\u0430\u0439\u0442\u0443 postel-deluxe.ru \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0430\u043c \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f", "post_title_text_3": "\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0432\u0430\u043c \u0441\u0430\u043c\u044b\u0435 \u0432\u0430\u0436\u043d\u044b\u0435 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f", "btn_second_bgcolor": "#dbdbdb", "form_border_radius": "1", "img_top_height_mob": "46", "title_fontsize_mob": "16", "post_title_fontsize": "16", "btn_second_color_mob": "#fff", "form_line_height_mob": "1.4", "btn_second_bgcolor_mob": "#dbdbdb", "btn_second_hover_color": "#fff", "post_title_fontsize_mob": "14", "btn_second_hover_bgcolor": "#9b9999"}, "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": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "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": "
\r\n\r\n
\r\n
\r\n\r\n \" alt=\"img\">\r\n\r\n
\r\n <%=title_text_1%>\r\n
\r\n\r\n
\r\n \" alt=\"img\">\r\n <%=post_title_text_1%>\r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n <%=title_text_2%>\r\n
\r\n
\r\n \" class=\"popmechanic-scr2_img_desktop not-lazy\" data-lazy=\"ignore\" loading=\"eager\" alt=\"image\">\r\n \" class=\"popmechanic-scr2_img_mobile not-lazy\" data-lazy=\"ignore\" loading=\"eager\" alt=\"image\">\r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n\r\n
\r\n
\r\n \" class=\"img_top img_top_desktop not-lazy\" data-lazy=\"ignore\" loading=\"eager\" alt=\"image\">\r\n
\r\n <%=title_text_3%>\r\n \r\n
\r\n
\r\n \" alt=\"img\">\r\n <%=post_title_text_3%>\r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n
×
\r\n
", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1630, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n <% if(form_action === \"link\") { %>\r\n \"\r\n <%= parseInt(link_blank) ? 'target=\"_blank\"' : '' %>\r\n data-popmechanic-submit\r\n data-popmechanic-close>\r\n <% } %>\r\n <% if(form_action === \"form\") { %>\r\n \r\n <% } %>\r\n <% if(form_action === \"disabled\") { %>\r\n \r\n <% } %>\r\n <% if (desktop.toString() !== \"false\") { %>\r\n \" />\r\n <% } else { %>\r\n \" />\r\n <% } %>\r\n \r\n\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n\r\n
", "css": "<% 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.popmechanic-embedded-static {\r\n position: relative;\r\n}\r\n\r\n#popmechanic-form.popmechanic-embedded-static img {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n.popmechanic-desktop #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_desk === 'free') ? '100%' : width_desk + 'px' %>;\r\n <% if(align_desk === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_desk === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form.popmechanic-embedded-static,\r\n.popmechanic-mobile #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_mob === 'free') ? '100%' : width_mob + 'px' %>;\r\n <% if(align_mob === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_mob === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\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": "<% if (!!parseInt(action_form_id)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= action_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1706, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n
\r\n <% if(parseInt(show_title_2)) { %>\r\n
\r\n <%=title_2_text%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_2)) { %>\r\n
\r\n <%=sub_title_2_text%>\r\n
\r\n <% } %>\r\n
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 \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 2) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 3) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 4) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 5) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 6) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 7) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 8) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 9) { %>\r\n \r\n <% } %>\r\n
\r\n \r\n
\r\n <% if(parseInt(show_screen_2)) { %>\r\n
\r\n
\r\n <% if(parseInt(show_img_top)) { %>\r\n
)\">
\r\n <% } %>\r\n
\r\n <% if(parseInt(show_title_1)) { %>\r\n
\r\n <%=title_1%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sale)) { %>\r\n
\r\n <%=sale_text%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_1)) { %>\r\n
\r\n <%=sub_title_1%>\r\n
\r\n <% } %>\r\n
\r\n
\r\n\r\n
\r\n
\r\n \" />\r\n <% if(parseInt(show_two_buttons)) { %>\r\n
\r\n \r\n \r\n
\r\n <% } else {%>\r\n \r\n <% } %>\r\n
\r\n <% if(parseInt(show_policy)) { %>\r\n
\r\n \r\n
\r\n <% } %>\r\n
\r\n
\r\n <% } %>\r\n\r\n
\r\n
\r\n <% if(parseInt(show_img_top)) { %>\r\n
)\">
\r\n <% } %>\r\n
\r\n <% if(parseInt(show_title_3)) { %>\r\n
\r\n <%=thanks_title%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_3)) { %>\r\n
\r\n <%=thanks_sub_title%>\r\n
\r\n <% } %>\r\n
\r\n
\r\n\r\n
\r\n
\r\n <% if(parseInt(show_thanks_btn)) { %>\r\n \r\n <% } %>\r\n
\r\n
\r\n
\r\n \r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "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<% 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: <%=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-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-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}\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": 1817, "html": "
\r\n\r\n
\r\n
\r\n\r\n \" alt=\"img\">\r\n\r\n
\r\n <%=title_text_1%>\r\n
\r\n\r\n
\r\n \" alt=\"img\">\r\n <%=post_title_text_1%>\r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n <%=title_text_2%>\r\n
\r\n
\r\n \" class=\"popmechanic-scr2_img_desktop\" alt=\"image\">\r\n \" class=\"popmechanic-scr2_img_mobile\" alt=\"image\">\r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n\r\n
\r\n
\r\n \" class=\"img_top img_top_desktop\" alt=\"image\">\r\n
\r\n <%=title_text_3%>\r\n \r\n
\r\n
\r\n \" alt=\"img\">\r\n <%=post_title_text_3%>\r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n
×
\r\n
", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Roboto:400,700&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:400,700&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic\");\r\n\r\n#popmechanic-form {\r\n width: <%=form_width%>px !important;\r\n height: <%=form_height%>px !important;\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 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 border-radius: <%=form_border_radius%>px;\r\n line-height: <%=form_line_height%>;\r\n -webkit-box-shadow: 0 0 11px 2px rgba(0, 1, 0, 0.13);\r\n box-shadow: 0 0 11px 2px rgba(0, 1, 0, 0.13);\r\n\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n background-color: <%=form_bg_color%>;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\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: 30px;\r\n top: 30px;\r\n position: absolute;\r\n background-color: transparent;\r\n font-weight: 400;\r\n line-height: 20px;\r\n width: 20px;\r\n height: 20px;\r\n font-size: 40px;\r\n}\r\n\r\n#popmechanic-form .img_top_mobile {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .img_top {\r\n width: <%=img_top_width%>px;\r\n height: <%=img_top_height%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n color: <%=title_color%>;\r\n margin-bottom: 24px;\r\n margin-top: 20px;\r\n font-weight: 700;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize%>px;\r\n color: <%=post_title_color%>;\r\n margin-bottom: 50px;\r\n font-weight: 400;\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 -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-btn {\r\n display: block;\r\n width: <%=btn_width%>px;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n height: <%=btn_height%>px;\r\n line-height: <%=btn_height%>px;\r\n cursor: pointer;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-btn-primary:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-btn-second {\r\n margin-left: 20px;\r\n background: <%=btn_second_bgcolor%>;\r\n color: <%=btn_second_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-btn-second:hover {\r\n color: <%=btn_second_hover_color%>;\r\n background: <%=btn_second_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-btn-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n width: 100%;\r\n height: 100%;\r\n line-height: <%=btn_height%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: <%=form_width_mob%>px !important;\r\n height: <%=form_height_mob%>px !important;\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 line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n right: 15px;\r\n top: 30px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .img_top_desktop {\r\n display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .img_top_mobile {\r\n display: inline-block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .img_top {\r\n position: relative;\r\n margin-right: 20px;\r\n width: <%=img_top_width_mob%>px;\r\n min-width: <%=img_top_width_mob%>px;\r\n height: <%=img_top_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n margin-bottom: 17px;\r\n text-align: left;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n margin-right: 35px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn {\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-btn-primary {\r\n color: <%=btn_color_mob%>;\r\n background-color: <%=btn_bgcolor_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-second {\r\n color: <%=btn_second_color_mob%>;\r\n background-color: <%=btn_second_bgcolor_mob%>;\r\n}\r\n\r\n\r\n#popmechanic-screen-second .popmechanic-title {\r\n margin-top: 0;\r\n}\r\n\r\n#popmechanic-screen-second .popmechanic-image img {\r\n max-height: 300px;\r\n max-width: 100%;\r\n}\r\n\r\n#popmechanic-screen-second .popmechanic-btn {\r\n margin: 0 auto;\r\n margin-top: 20px;\r\n}\r\n#popmechanic-screen-second .popmechanic-image .popmechanic-scr2_img_mobile {\r\n display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-screen-second .popmechanic-btn {\r\n margin-top: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-screen-second .popmechanic-image img {\r\n max-height: 100px;\r\n}\r\n.popmechanic-mobile #popmechanic-screen-second .popmechanic-image .popmechanic-scr2_img_desktop {\r\n display: none;\r\n}\r\n.popmechanic-mobile #popmechanic-screen-second .popmechanic-image .popmechanic-scr2_img_mobile {\r\n display: inline-block;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-btn {\r\n margin: 0 auto;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-btn {\r\n height: 40px;\r\n margin-top: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n margin-bottom: 40px;\r\n}\r\n\r\n.popmechanic-screen {\r\n display: none;\r\n}\r\n.popmechanic-screen_active {\r\n display: block;\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", "multiscreen", "info"], "template_type": "partscreen-push", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1999, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_title)) { %>
<%=title%>
<% } %>\r\n <% if(parseInt(show_sub_title)) { %>
<%=text%>
<% } %>\r\n
\r\n
\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 \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"text\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n case \"checkbox\":\r\n %><%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %><%\r\n } else {\r\n %>\r\n
\r\n <%\r\n %>\r\n
<%\r\n }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %>\r\n
\r\n
\r\n
\r\n <% if(parseInt(show_thanks_title)) { %>\r\n
<%=success%>
\r\n <% } %>\r\n <% if(parseInt(show_thanks_sub_title)) { %>\r\n
<%=instruction%>
\r\n <% } %>\r\n
\r\n
×
\r\n\r\n <% \r\n try {\r\n show_legal_text_below_form = show_legal_text_below_form;\r\n } catch (e) { show_legal_text_below_form = 0 }\r\n try {\r\n below_form_legal_text = below_form_legal_text;\r\n } catch (e) { below_form_legal_text = \"\" }\r\n %>\r\n <% if(parseInt(show_legal_text_below_form) && below_form_legal_text) { %>\r\n
<%=below_form_legal_text%>
\r\n <% } %>\r\n\r\n
", "css": "<% try {\r\n font_custom_show = font_custom_show;\r\n } catch (e) { font_custom_show = 0 }\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: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n width: <%=form_width%>px;\r\n height: <%=form_height%>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(form_font); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } %>\r\n border-radius: <%=form_border_radius%>px;\r\n padding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n background-color: <%=form_bg_color%>;\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 box-shadow: 0px 17px 32px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n font-size: 0;\r\n color: transparent;\r\n position: absolute;\r\n z-index: 99;\r\n top: 4px;\r\n right: -54px;\r\n width: 34px;\r\n height: 30px;\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(45deg);\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: 16px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%=close_color%>;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-close:after {\r\n transform: rotate(90deg);\r\n}\r\n#popmechanic-form .popmechanic-close:hover:before,\r\n#popmechanic-form .popmechanic-close:hover:after {\r\n background-color: <%=close_hover_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n\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: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n flex: 0 1 350px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n color: <%=text_color1%>;\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 1;\r\n font-weight: 700;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n margin: 16px 0 0;\r\n color: <%=text_color2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.25;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n flex: 0 1 280px;\r\n padding: 33px 20px;\r\n border: <%=inputs_border_width%>px solid <%=inputs_border%>;\r\n border-radius: <%=inputs_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n padding: 0 16px;\r\n margin: 0 0 16px;\r\n background: <%=inp_bgcolor%>;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n outline: none;\r\n font-size: <%=inp_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=inp_color%>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=placeholder_color%>;\r\n opacity: 1;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n border: 1px solid #f36451;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n color: #f36451;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n background: <%=but_color1%>;\r\n color: <%=but_color3%>;\r\n border: none;\r\n padding: 0;\r\n border-radius: <%=btn_border_radius%>px;\r\n outline: none;\r\n cursor: pointer;\r\n font-size: <%=btn_fontsize%>px;\r\n line-height: normal;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n /* FIXME: only with checkbox */\r\n margin: 0 0 22px;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=but_color4%>;\r\n background: <%=but_color2%>;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5 %>px;\r\n display: inline-flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: <%=conf_fontsize%>px;\r\n line-height: 18px;\r\n color: <%=text_color3%>;\r\n padding: 0 0 0 30px;\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#popmechanic-form .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -1px;\r\n width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: 4px;\r\n background: <%=inp_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: -0;\r\n left: -1px;\r\n z-index: 2;\r\n width: 18px;\r\n height: 18px;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n fill: <%=but_color1%>;\r\n width: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n text-align: center;\r\n height: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 31px;\r\n font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 30px 0 0;\r\n font-size: <%=text_size2%>px;\r\n line-height: 28px;\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 padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main { \r\n flex-wrap: wrap;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 9px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=text_size_mob1%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n margin: 14px 0 0;\r\n font-size: <%=text_size_mob2%>px;\r\n line-height: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n padding: 0;\r\n margin: 20px 0 0;\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 margin: 0 0 12px;\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.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 10px 0 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\r\n}\r\n", "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": 2030, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n
\r\n
\r\n <% if(parseInt(show_title)) { %>\r\n\t\t\t
\r\n\t\t\t\t<%=title%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title)) { %>\r\n\t\t\t
\r\n\t\t\t\t<%=text%>\r\n
\r\n <% } %>\r\n\t\t
\r\n
\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 %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n case \"checkbox\":\r\n %><%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %><%\r\n } else { %>\r\n
\r\n '] = '<%=field.params.submit1_value%>'\"\r\n ><%=field.params.submit1_text%>\r\n '] = '<%=field.params.submit2_value%>'\"\r\n ><%=field.params.submit2_text%>\r\n
\r\n <% }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %>\r\n
\r\n
\r\n\t\r\n
\r\n <% if(parseInt(show_thanks_title)) { %>\r\n\t\t
\r\n\t\t\t<%=success%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_thanks_sub_title)) { %>\r\n\t\t
\r\n\t\t\t<%=instruction%>\r\n
\r\n <% } %>\r\n
\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% 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-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\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 box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n <% if (parseInt(use_100width)) { %> \r\n width:100%;\r\n<% } else { %> \r\n width: <%=form_width%>px;\r\n <% } %>\r\n height: <%=form_height%>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 border-radius: 0px;\r\n padding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n background-color: <%=form_bg_color%>;\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 box-shadow: 0px 17px 32px rgba(0, 0, 0, 0.18);\r\n\r\n\r\n}\r\n\r\n\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: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n flex: 0 1 350px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n color: <%=text_color1%>;\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 1;\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n margin: 16px 0 0;\r\n color: <%=text_color2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.25;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n flex: 0 1 280px;\r\n padding: 33px 20px;\r\n border: <%=inputs_border_width%>px solid <%=inputs_border%>;\r\n border-radius: <%=inputs_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n padding: 0 16px;\r\n margin: 0 0 16px;\r\n background: <%=inp_bgcolor%>;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n outline: none;\r\n font-size: <%=inp_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=inp_color%>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=placeholder_color%>;\r\n opacity: 1;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n border: 1px solid #f36451;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n color: #f36451;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n \r\n background: <%=but_color1%>;\r\n color: <%=but_color3%>; \r\n border: none;\r\n padding: 0;\r\n border-radius: <%=btn_border_radius%>px;\r\n outline: none;\r\n cursor: pointer;\r\n font-size: <%=btn_fontsize%>px;\r\n line-height: normal;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n margin: 0 0 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=but_color4%>;\r\n background: <%=but_color2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5%>px;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: <%=conf_fontsize%>px;\r\n line-height: 18px;\r\n color: <%=text_color3%>;\r\n padding: 0 0 0 30px;\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#popmechanic-form .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -1px;\r\n width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: 4px;\r\n background: <%=inp_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: -0;\r\n left: -1px;\r\n z-index: 2;\r\n width: 18px;\r\n height: 18px;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n fill: <%=but_color1%>;\r\n width: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n text-align: center;\r\n height: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 31px;\r\n font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 30px 0 0;\r\n font-size: <%=text_size2%>px;\r\n line-height: 28px;\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 padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main { \r\n flex-wrap: wrap;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=text_size_mob1%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n margin: 14px 0 0;\r\n font-size: <%=text_size_mob2%>px;\r\n line-height: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n padding: 0;\r\n margin: 20px 0 0;\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 margin: 0 0 12px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n margin-bottom: 12px;\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-thankyou .popmechanic-text {\r\n margin: 10px 0 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\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"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2435, "html": "
\r\n\r\n\t
\r\n\t\t<% if ((desktop.toString() !== \"false\") && parseInt(img_show_desk)) { %>\r\n\t\t\"\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\"\r\n\t\t\t\t alt=\"\"\r\n\t\t\t\t class=\"popmechanic-image\">\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t<% if(parseInt(title_show)) { %>\r\n\t\t\t\t\t
<%= title %>
\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
\r\n\t\t\t\t\t\t<%= subtitle %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?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-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\twidth: 100vw;\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: 0 0 <%= shadow_size %>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\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tfilter: drop-shadow(0 0 <%= img_shadow_size %>px rgba(<%= hexToRgb(img_shadow_color) %>, <%= img_shadow_transparency %>));\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}\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}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tcolor: inherit;\r\n\tfont-weight: inherit;\r\n\tline-height: inherit;\r\n\tfont-size: inherit;\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 - +img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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)) { %>\r\n\t\tpadding-top: <%= (+img_offset_desk < +padding_y_desk) ? padding_y_desk : img_offset_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\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\ttext-align: <%= subtitle_align_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .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, .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 - +img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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, .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)) { %>\r\n\t\tpadding-top: <%= (+img_offset_mob < +padding_y_mob) ? padding_y_mob : img_offset_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\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, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_align_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 40;\r\n\tcursor: pointer;\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: 100%;\r\n\theight: 2px;\r\n\tborder-radius: 2px;\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\t<% if (parseInt(close_bg_show_desk)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= 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-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .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\t<% if (parseInt(close_bg_show_mob)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= 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-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_mob %>;\r\n}", "button": "", "on_show": "function randomInteger(min, max) {\r\n\tmin = parseInt(min);\r\n\tmax = parseInt(max);\r\n\tif (min > max) {\r\n\t\tmin = 10;\r\n\t\tmax = 100;\r\n\t}\r\n\tvar rand = min + Math.random() * (max + 1 - min);\r\n\trand = Math.floor(rand);\r\n\treturn rand;\r\n}\r\n\r\nfunction addSuffix(numb) {\r\n\tif (settings.hidden_locale === \"ru\") {\r\n\t\tlet units = {\r\n\t\t\t'option1': [\"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\u0430\", \"\u0440\u0430\u0437\"],\r\n\t\t\t'option2': [\"\u0448\u0442\u0443\u043a\", \"\u0448\u0442\u0443\u043a\u0430\", \"\u0448\u0442\u0443\u043a\", \"\u0448\u0442\u0443\u043a\u0438\", \"\u0448\u0442\u0443\u043a\"],\r\n\t\t\t'option3': [\"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\"]\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tnumb % 100 >= 10 && numb % 100 <= 20\r\n\t\t\t? units[settings.unit][0]\r\n\t\t\t: (numb % 10 === 1\r\n\t\t\t\t? units[settings.unit][1]\r\n\t\t\t\t: (numb % 10 === 0\r\n\t\t\t\t\t? units[settings.unit][2]\r\n\t\t\t\t\t: (numb % 10 < 5 ? units[settings.unit][3] : units[settings.unit][4])\r\n\t\t\t\t)\r\n\t\t\t)\r\n\t\t);\r\n\t} else {\r\n\t\tlet units = {\r\n\t\t\t'option1': [\"time\", \"times\"],\r\n\t\t\t'option2': [\"piece left\", \"pieces left\"],\r\n\t\t\t'option3': [\"visitor\", \"visitors\"]\r\n\t\t};\r\n\t\treturn (numb === 1 ? units[settings.unit][0] : units[settings.unit][1]);\r\n\t}\r\n}\r\n\r\nlet data = randomInteger(<%= num_min %>, <%= num_max %>);\r\n\r\ndocument.querySelector('#popmechanic-num').innerHTML = data;\r\ndocument.querySelector('#popmechanic-unit').innerHTML = addSuffix(data);", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 3008, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn ``;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n
\r\n\t
\r\n\t\t<% if (header) { %>\r\n\t\t
<%= header %>
\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t
\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\r\n
", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\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\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n\t<% if (parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: 0;\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: 0;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\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\t<% if (slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: <%= main_padding_vert %>px;\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-header {\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px;\r\n}\r\n\r\n<% if (grouping_attr) { %>\r\n/* TABS */\r\n#popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: center;\r\n\t--grouping_mb: 10px;\r\n\t--grouping_gap: 16px;\r\n\t--grouping_height: 32px;\r\n\t--grouping_padding_x: 10px;\r\n\t--grouping_br: 8px;\r\n\t--grouping_fs_text: 16px;\r\n\t--grouping_fs_count: 16px;\r\n\tdisplay: flex;\r\n\tjustify-content: var(--grouping_position);\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--grouping_gap);\r\n\tmargin-bottom: var(--grouping_mb);\r\n}\r\n#popmechanic-form .popmechanic-tab {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1ch;\r\n\theight: var(--grouping_height);\r\n\tborder: <%= grouping_border_width %>px solid <%= grouping_border_color %>;\r\n\tpadding: 0 var(--grouping_padding_x);\r\n\tborder-radius: var(--grouping_br);\r\n\tbackground-color: <%= grouping_bg_color %>;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tfont-weight: <%= grouping_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus {\r\n\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\tborder-color: <%= grouping_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-text,\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\ttransition: inherit;\r\n}\r\n#popmechanic-form .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color %>;\r\n\tfont-size: var(--grouping_fs_text);\r\n\ttext-transform: capitalize;\r\n}\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color %>;\r\n\tfont-size: var(--grouping_fs_count);\r\n}\r\n#popmechanic-form .popmechanic-tab-active {\r\n\tbackground-color: <%= grouping_bg_color_active %>;\r\n\tborder-color: <%= grouping_border_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_active %>;\r\n}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_desk %>px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_desk %>;\r\n\t--grouping_mb: <%= grouping_mb_desk %>px;\r\n\t--grouping_gap: <%= grouping_gap_desk %>px;\r\n\t--grouping_height: <%= grouping_height_desk %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_desk %>px;\r\n\t--grouping_br: <%= grouping_br_desk %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_desk %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_desk %>px;\r\n}\r\n<% } %>\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_mob %>px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-tabs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_mob %>;\r\n\t--grouping_mb: <%= grouping_mb_mob %>px;\r\n\t--grouping_gap: <%= grouping_gap_mob %>px;\r\n\t--grouping_height: <%= grouping_height_mob %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_mob %>px;\r\n\t--grouping_br: <%= grouping_br_mob %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_mob %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_mob %>px;\r\n}\r\n<% } %>\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover {\r\n\t\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\t\tborder-color: <%= grouping_border_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-text {\r\n\t\tcolor: <%= grouping_text_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-numb {\r\n\t\tcolor: <%= grouping_count_color_hov %>;\r\n\t}\r\n}\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button": "", "on_show": "\"use strict\";\r\n\r\ntry {\r\n form.reportSlaSuccess();\r\n} catch (e) {}\r\n\r\nif (location.href.indexOf('pm-debug') > -1) {\r\n debugger;\r\n}\r\n\r\nvar impressionMap = {};\r\nvar formId = form.id;\r\nvar $removal\u0421ontainersEmbed = PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]');\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); } %>') || 0);\r\n } catch (e) {\r\n enableTns = true;\r\n };\r\n \t\tvar controls = false;\r\n try {\r\n controls = !!(parseInt(\"<% try { print(controls); } catch (e) { print(0); } %>\") || 0);\r\n } catch (e) {\r\n controls = false;\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: params[1],\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: parseInt('<%= slider_show_bullit %>'),\r\n navPosition: '<%= slider_bullit_position %>',\r\n controlsContainer: '#popmechanic-form-' + formId + ' .popmechanic-controls',\r\n items: firstPoint[0],\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 $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"]');\r\n\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 var templateSettings = {\r\n card_label_discount_show: '<%= card_label_discount_show %>',\r\n card_label_new_show: '<%= card_label_new_show %>',\r\n card_label_new_text: '<%= card_label_new_text %>',\r\n card_name_show: '<%= card_name_show %>',\r\n card_rating_show: '<%= card_rating_show %>',\r\n card_prices_show: '<%= card_prices_show %>',\r\n card_prices_symbol: '<%= card_prices_symbol %>',\r\n card_price_discount_show: '<%= card_price_discount_show %>',\r\n btn_cart_show: '<%= btn_cart_show %>',\r\n btn_cart_text: '<%= btn_cart_text %>',\r\n btn_cart_text_after: '<%= btn_cart_text_after %>',\r\n btn_cart_func: '<%= btn_cart_func %>',\r\n btn_fav_show: '<%= btn_fav_show %>',\r\n btn_fav_func: '<%= btn_fav_func %>',\r\n card_vendor_show: '<%= card_vendor_show %>',\r\n card_label_new_customfield: '<%= card_label_new_customfield %>',\r\n card_rating_customfield: '<%= card_rating_customfield %>',\r\n btn_cart_icon_show: '<%= btn_cart_icon_show %>',\r\n card_name_ordering: '<%= card_name_ordering %>',\r\n card_vendor_ordering: '<%= card_vendor_ordering %>',\r\n card_rating_ordering: '<%= card_rating_ordering %>',\r\n card_prices_ordering: '<%= card_prices_ordering %>',\r\n btn_cart_ordering: '<%= btn_cart_ordering %>',\r\n grouping_attr: '<%= grouping_attr %>',\r\n recommendations: recommendations,\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 if (!container) {\r\n return;\r\n }\r\n\r\n if (!$container.find('.popmechanic-item-card').length) {\r\n $removal\u0421ontainersEmbed.remove();\r\n \r\n return;\r\n }\r\n window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n if (enableTns) {\r\n \t\tif (controls) {\r\n PopMechanic.$(\".popmechanic-controls\").show();\r\n } else {\r\n PopMechanic.$(\".popmechanic-controls\").hide();\r\n }\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 = null;\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 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 // GROUPING\r\n function resolveAttr(obj, attr) {\r\n var result = attr.split('.').reduce((acc, val) => acc && acc[val], obj);\r\n if (result) {\r\n return result.toString(10).toLowerCase();\r\n }\r\n }\r\n\r\n PopMechanic.$('.popmechanic-tab').on('click', function(e) {\r\n var $this = PopMechanic.$(this);\r\n\r\n // UPDATE TABS\r\n e.preventDefault();\r\n $this.toggleClass('popmechanic-tab-active');\r\n $this.siblings().removeClass('popmechanic-tab-active');\r\n\r\n // UPDATE SLIDES\r\n var tabName = $this.data('popmechanic-tab').toString(10).split(',').map(el => el.trim().toLowerCase());\r\n\r\n PopMechanicSlider[formId].destroy();\r\n $container.find('.popmechanic-items').empty();\r\n\r\n if ($this.hasClass('popmechanic-tab-active')) {\r\n recommendations.map(function(product, i) {\r\n if (tabName.includes(resolveAttr(product, '<%= grouping_attr %>'))) {\r\n var $item = PopMechanic.$(\r\n cardTemplate(Object.assign({}, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n $container.find('.popmechanic-items').append($item);\r\n }\r\n });\r\n } else {\r\n recommendations.map(function(product, i) {\r\n var $item = PopMechanic.$(\r\n cardTemplate(Object.assign({}, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n $container.find('.popmechanic-items').append($item);\r\n });\r\n }\r\n window.PopMechanicSlider[formId] = PopMechanicSlider[formId].rebuild();\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 impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n });\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n });\r\n } else {\r\n \t\tPopMechanic.$(\".popmechanic-controls\").hide();\r\n $container.find('.popmechanic-widget-reco').addClass('popmechanic-loaded');\r\n \t\t\r\n $container.find('.popmechanic-item-card').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n \r\n form.reportSlaSuccess();\r\n }\r\n } catch (e) {\r\n $removal\u0421ontainersEmbed.remove();\r\n \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('
');\r\n var $carousel = $container.find('.popmechanic-items');\r\n $carousel.empty();\r\n var slideAccumulator = [];\r\n var $slideContainer = PopMechanic.$('
');\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\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate(Object.assign({}, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n } catch (e) { 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.$('
');\r\n }\r\n }\r\n\r\n (function(i, product) {\r\n $item.attr('data-click-track', i);\r\n PopMechanic.$('#popmechanic-form-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n event.stopPropagation(); \r\n if (mindbox) {\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 // console.log('successful click');\r\n },\r\n onError: function(error) {\r\n console.log(error);\r\n }\r\n });\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 \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 $removal\u0421ontainersEmbed.remove();\r\n \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 $removal\u0421ontainersEmbed.remove();\r\n \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": ""}], "button_templates": [], "integrations": [{"id": 80849, "form": 75006, "filter": null, "filter_type": null, "account": 35601, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "function getTicket(name) {\n name = name.replace (/[\\[\\]]/g, '\\\\$&');\n var regex = new RegExp(name+'(=[a-z0-9-]+)', 'i');\n var results = window.location.href.match(regex);\n if (!results) return null;\n if (!results[0]) return '';\n return results[0].split('=')[1];\n}\nvar ticket = getTicket('direct-crm-ticket');\nmindbox(\"async\", {\n operation: \"Custom.Unsubscribe\",\n data: {\n customer: {\n authenticationTicket: ticket\n}}});", "on_close_success": "", "on_close_fail": ""}, {"id": 83948, "form": 77225, "filter": null, "filter_type": null, "account": 35601, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "function getTicket(name) {\n name = name.replace (/[\\[\\]]/g, '\\\\$&');\n var regex = new RegExp(name+'(=[a-z0-9-]+)', 'i');\n var results = window.location.href.match(regex);\n if (!results) return null;\n if (!results[0]) return '';\n return results[0].split('=')[1];\n}\nvar ticket = getTicket('direct-crm-ticket');\nmindbox(\"async\", {\n operation: \"Custom.Unsubscribe\",\n data: {\n customer: {\n authenticationTicket: ticket\n}}});", "on_close_success": "", "on_close_fail": ""}, {"id": 93730, "form": 83386, "filter": null, "filter_type": null, "account": 35601, "integration_type": "javascript", "on_render": "", "on_show": "let mb_sync_form_subscribe_temp_name = localStorage.getItem('mb_sync_form_subscribe_temp_name',\"%name%\");\nlet mb_sync_form_subscribe_temp_phone = localStorage.getItem('mb_sync_form_subscribe_temp_phone',\"%phone%\");\nif(mb_sync_form_subscribe_temp_name !== null && mb_sync_form_subscribe_temp_name !== undefined) document.querySelector('.popmechanic-inputs').firstElementChild.value=mb_sync_form_subscribe_temp_name;\nif(mb_sync_form_subscribe_temp_phone !== null && mb_sync_form_subscribe_temp_phone !== undefined) document.querySelector('.popmechanic-inputs').firstElementChild.nextElementSibling.nextElementSibling.value=mb_sync_form_subscribe_temp_phone;", "on_success": "mindbox(\"sync\", {\n operation: \"KlientPoluchitPoEmail\",\n data: {\n customer: {\n email: \"%email%\"\n }\n },\n onSuccess: function (response) {\n if (response.hasOwnProperty('customer')) {\n alert('\u0422\u0430\u043a\u0430\u044f \u043f\u043e\u0447\u0442\u0430 \u0443\u0436\u0435 \u0431\u044b\u043b\u0430 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u0440\u0430\u043d\u0435\u0435!');\n document.querySelector('#popmechanic-form-83386').classList.remove('popmechanic-submitted')\n document.querySelector('#popmechanic-form-83386').classList.remove('popmechanic-success')\n localStorage.setItem('mb_sync_form_subscribe_temp_name',\"%name%\");\n localStorage.setItem('mb_sync_form_subscribe_temp_phone',document.querySelector('.popmechanic-inputs').firstElementChild.nextElementSibling.nextElementSibling.value);\n window.location.reload();\n return false;\n } else {\n mindbox(\"sync\", {\n operation: \"Website.SubscriptionInFooter\",\n data: {\n customer: {\n firstName: \"%name%\",\n email: \"%email%\",\n mobilePhone: \"%phone%\",\n subscriptions: [\n {\n brand: \"Postel-deluxe\",\n pointOfContact: \"Email\"\n }\n ]\n }\n },\n onSuccess: function () {\n document.querySelector('#popmechanic-form-83386 .popmechanic-main').style.display = 'none'\n document.querySelector('#popmechanic-form-83386 .popmechanic-thankyou').style.display = 'flex'\n },\n onError: function (error) {\n alert(error.message)\n }\n });\n }\n },\n onValidationError: function (messages) {\n alert('Validation error')\n for (let i = 0; i < messages.length; i++) {\n alert(messages[i])\n }\n },\n onError: function (error) {\n alert(error.message)\n }\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 51431, "form": 55673, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_push"}, {"id": 81188, "form": 75006, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "33", "value": "%customs.choice%", "systemName": "customFields.unsubscribereason"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-75006", "subscriptions": []}, {"id": 83949, "form": 77225, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "33", "value": "%customs.choice%", "systemName": "customFields.unsubscribereason"}, {"id": "34", "value": "%customs.other_description%", "systemName": "customFields.otherunsubscribereason"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-77225", "subscriptions": []}, {"id": 104387, "form": 79058, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%name%", "systemName": "firstName"}, {"value": "%email%", "systemName": "email"}, {"value": "%phone%", "systemName": "mobilePhone"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-79058", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 108129, "form": 92844, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%name%", "systemName": "firstName"}, {"value": "%email%", "systemName": "email"}, {"value": "%phone%", "systemName": "mobilePhone"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-92844", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51432, "form": 55673, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-55673-show", "click_operation": "popmechanic-popup-55673-click", "targeting_operation": "popmechanic-popup-55673-targeting"}, {"id": 80590, "form": 75006, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-75006-show", "click_operation": "popmechanic-block-75006-click", "targeting_operation": "popmechanic-block-75006-targeting"}, {"id": 83950, "form": 77225, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-77225-show", "click_operation": "popmechanic-block-77225-click", "targeting_operation": "popmechanic-block-77225-targeting"}, {"id": 85097, "form": 77979, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-77979-show", "click_operation": "popmechanic-popup-77979-click", "targeting_operation": "popmechanic-popup-77979-targeting"}, {"id": 85712, "form": 78337, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-78337-show", "click_operation": "popmechanic-block-78337-click", "targeting_operation": "popmechanic-block-78337-targeting"}, {"id": 86827, "form": 79058, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-79058-show", "click_operation": "popmechanic-block-79058-click", "targeting_operation": "popmechanic-block-79058-targeting"}, {"id": 91767, "form": 82143, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-82143-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-82143-targeting"}, {"id": 91768, "form": 82144, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-82144-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-82144-targeting"}, {"id": 93727, "form": 83386, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-83386-show", "click_operation": "popmechanic-block-83386-click", "targeting_operation": "popmechanic-block-83386-targeting"}, {"id": 107949, "form": 92844, "filter": null, "filter_type": null, "account": 35601, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-92844-show", "click_operation": "popmechanic-popup-92844-click", "targeting_operation": "popmechanic-popup-92844-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": 1, "day": null, "week": null, "month": null}, "global_ab_tests": [{"global_ab_test_internal_id": "2038005a-bb9a-4310-b959-aa8a92b0a549", "internal_id": "DA72AA21-20F9-4DC5-AFED-BDA9C29054E8", "salt": "44702D78-4FEB-4528-8211-89B2C2E4D55E", "variants": [{"internal_id": "661DC0EE-B146-408C-B66C-716B75B5AF6E", "is_control_group": null, "form_selection_kind": "concrete", "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50, "forms": [{"id": 55673}, {"id": 56647}, {"id": 64824}, {"id": 61281}, {"id": 75006}, {"id": 77225}, {"id": 77881}, {"id": 78337}, {"id": 79037}, {"id": 79058}, {"id": 77979}]}, {"internal_id": "1A882DA7-F941-4F35-A7EA-7A5CADF5C96D", "is_control_group": null, "form_selection_kind": "all", "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100, "forms": []}]}], "ip": "1.1.1.1", "contacts": [], "geo": null}