');\r\n\r\n for (var i = 0; i < recommendations.length; i++) {\r\n var product = recommendations[i];\r\n if (product.oldPrice && product.oldPrice <= product.price) {\r\n product.oldPrice = null;\r\n }\r\n product.customFields = product.customFields || {};\r\n product.discount = (product.oldPrice && product.price !== product.oldPrice) ? (100 * (product.oldPrice - product.price) / product.oldPrice).toFixed(0) + '%' : null;\r\n /*try {\r\n product.formattedPrice = product.price.toLocaleString().replace(',', ' ');\r\n if (product.oldPrice) { product.formattedOldPrice = product.oldPrice.toLocaleString().replace(',', ' '); }\r\n } catch (e) {}*/\r\n\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate({\r\n product: product,\r\n recommendations: recommendations,\r\n index: i\r\n })\r\n );\r\n } catch (e) {\r\n if (location.href.indexOf('pm-debug') > -1) {\r\n console.log('card template error', e);\r\n }\r\n continue;\r\n }\r\n if (groupSlidesBy === 1) {\r\n $carousel.append($item);\r\n } else {\r\n slideAccumulator.push($item);\r\n $slideContainer.append($item);\r\n if (slideAccumulator.length == groupSlidesBy) {\r\n slideAccumulator = [];\r\n $carousel.append($slideContainer);\r\n $slideContainer = PopMechanic.$('
');\r\n }\r\n }\r\n\r\n (function(i, product) {\r\n $item.attr('data-click-track', i);\r\n PopMechanic.$('#popmechanic-container-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n event.stopPropagation();\r\n mindbox(\"async\", {\r\n operation: \"popmechanic-widget-click-\" + formId,\r\n data: {\r\n clicked: {\r\n product: {\r\n ids: product.ids,\r\n }\r\n }\r\n },\r\n onSuccess: function() {},\r\n onError: function(error) {\r\n console.log(error);\r\n }\r\n });\r\n\r\n settings.gaTracker.selectItem(product, i);\r\n return true;\r\n });\r\n }(i, product));\r\n }\r\n\r\n recommendations.map(function(product, i) {\r\n impressionMap[i] = function() {\r\n settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n };\r\n });\r\n\r\n onInit();\r\n }\r\n\r\n var recommendationsLimit = recommendations.length;\r\n\r\n if (recommendationsLimit) {\r\n if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n renderProductList();\r\n } else {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n console.log('PopMechanic widget ' + formId + ': empty response');\r\n form.reportSlaSuccess();\r\n }\r\n } else {\r\n form.reportSlaSuccess();\r\n throw new Error('no data from mindbox');\r\n }\r\n} catch (e) {\r\n PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n PopMechanic.$('[data-popmechanic-embed=\"' + form.id + '\"]').remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1443, "html": "
", "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\t#popmechanic-form .popmechanic-content {\r\n\t\tbackground: <%=bg_color%>;\r\n\t\twidth: <%=dt_width%>px;\r\n\t\theight: <%=dt_height%>px;\r\n\t\tpadding: <%=dt_top_padding%>px <%=dt_right_padding%>px <%=dt_bottom_padding%>px <%=dt_left_padding%>px;\r\n\t\tbox-sizing: border-box;\r\n\t\tposition: relative;\r\n\t\tborder: <%=dt_form_borderwidth%>px <%=dt_form_borderstyle%> <%=dt_form_bordercolor%>;\r\n\t\tborder-radius: <%=form_borderradius%>px;\r\n\t\t <% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>;\r\n <% } else { %> \r\n font-family: <%=font%>;\r\n <% } %>\r\n\t\r\n\t}\r\n\t#popmechanic-form .popmechanic-image {\r\n\t position: absolute;\r\n\t width: <%=dt_img_width%>px;\r\n\t height: <%=dt_img_height%>px;\r\n\t right: <%=dt_img_right%>px;\r\n\t top: <%=dt_img_top%>px;\r\n\t background: url(<%=image%>) no-repeat center;\r\n\t background-size: contain;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 6px;\r\n right: 6px;\r\n width: 16px;\r\n height: 16px;\r\n font-size: 0;\r\n color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n outline: none; }\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background-color: <%=close_background%>;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-close:before {\r\n transform: rotate(-45deg); }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(45deg); }\r\n #popmechanic-form .popmechanic-close:hover:before, .popmechanic-close:hover:after {\r\n background-color: #595959; }\r\n\r\n\t#popmechanic-form .popmechanic-header {\r\n\t\ttext-align: <%=dt_header_align%>;\r\n\t\tcolor: <%=header_color%>;\r\n\t\tfont-size: <%=dt_header_fontsize%>px;\r\n\t\tfont-weight: <%=header_fontweight%>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-text {\r\n\t\tmargin-top: <%=dt_subheader_margin%>px;\r\n\t\tfont-weight: <%=subheader_fontweight%>;\r\n\t\tfont-size: <%=dt_subheader_fontsize%>px;\r\n\t\tcolor: <%=subheader_color%>;\r\n\t\ttext-align: <%=dt_header_align%>;\r\n\t\tmax-width: <%=dt_text_maxwidth%>;\r\n\t} \r\n\t#popmechanic-form .popmechanic-text span {\r\n\t\tcolor: <%=text_span_color%>;\r\n\t\tfont-size: <%=dt_text_span_fontsize%>px;\r\n\t\tfont-weight: <%=text_span_fontweight%>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-copy {\r\n\t display: block;\r\n\t text-decoration: none;\r\n\t\twidth: <%=dt_copy_width%>px;\r\n\t\tmargin-top: <%=dt_copy_margin%>px;\r\n\t\tbackground: <%=copy_bg%>;\r\n\t\tline-height: <%=dt_copy_height%>px;\r\n\t\tcolor: <%=copy_color%>;\r\n\t\tfont-size: <%=dt_copy_fontsize%>px;\r\n\t\tborder-radius: <%=copy_borderradius%>px;\r\n\t\tfont-weight: <%=copy_fontweight%>;\r\n\t\ttext-align: center;\r\n\t\tborder: <%=copy_borderwidth%>px <%=copy_borderstyle%> <%=copy_bordercolor%>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-copy:hover {\r\n\t\tborder: <%=hover_copy_borderwidth%>px <%=hover_copy_borderstyle%> <%=hover_copy_bordercolor%>;\r\n\t\tbackground: <%=hover_copy_bg%>;\r\n\t\tcolor: <%=hover_copy_color%>;\r\n\t}\r\n\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\t\twidth: <%=mob_width%>px;\r\n\t\tpadding: <%=mob_top_padding%>px <%=mob_right_padding%>px <%=mob_bottom_padding%>px <%=mob_left_padding%>px;\r\n\t\theight: <%=mob_height%>px;\r\n\t}\r\n\t\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\r\n\t width: <%=mob_img_width%>px;\r\n\t height: <%=mob_img_height%>px;\r\n\t right: <%=mob_img_right%>px;\r\n\t top: <%=mob_img_top%>px;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\t\tfont-size: <%=mob_header_fontsize%>px;\r\n\t\ttext-align: <%=mob_header_align%>;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n\t\tmargin-top: <%=mob_subheader_margin%>px;\r\n\t font-size: <%=mob_subheader_fontsize%>px;\r\n\t\tmax-width: <%=mob_text_maxwidth%>;\r\n\t\ttext-align: <%=mob_header_align%>;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-text span {\r\n\t font-size: <%=mob_text_span_fontsize%>px;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-copy {\r\n\t\twidth: <%=mob_copy_width%>px;\r\n\t\tmargin-top: <%=mob_copy_margin%>px;\r\n\t\tline-height: <%=mob_copy_height%>px;\r\n\t\tfont-size: <%=mob_copy_fontsize%>px;\r\n\t\tdisplay: none;\r\n\t\t<% if(parseInt(mob_copy_show)) { %>\r\n display: block;\r\n <% } %>\r\n\t}", "button": "", "on_show": "<% if (!!parseInt(open_form_id)) { %>\r\nPopMechanic.$('.popmechanic-form-open').on('click', function () { PopMechanic.show(<%= open_form_id %>, true); })\r\n<% } %>\r\nPopMechanic.$(\"#popmechanic-upsale-cart\").html(<%=summ%> - window.PopMechanicCartData.totalWithDiscount)", "on_close": "", "embed_code": "", "behaviors": ["info", "partscreen"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1533, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%=font_custom%>;\r\n <% } else { %>\r\n font-family: <%=font_family%>;\r\n <% } %>\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0px 0px <%=shadow_size%>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n vertical-align: middle;\r\n <% if(parseInt(border_show)) { %>\r\n border-color: <%=border_color%>;\r\n border-width: <%=border_width%>px;\r\n border-style: solid;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 0;\r\n background-color: <%=bg_color%>;\r\n opacity: <%=bg_transparency%>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n height: auto;\r\n flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 0;\r\n margin-bottom: 0.9em;\r\n font-weight: <%= title_fw %>;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n margin: 0;\r\n font-weight: 400;\r\n color: <%=subtitle_color%>;\r\n line-height: 1.5;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n padding-top: 14px;\r\n padding-bottom: 14px;\r\n border: 1px solid;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first {\r\n background-color: <%=btn_bg_color_1%>;\r\n border-color: <%=btn_border_color_1%>;\r\n color: <%=btn_text_color_1%>;\r\n border-radius: <%=btn_border_radius_1%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first:hover {\r\n background-color: <%=btn_bg_color_hov_1%>;\r\n color: <%=btn_text_color_hov_1%>;\r\n border-color: <%=btn_border_color_hov_1%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second {\r\n background-color: <%=btn_bg_color_2%>;\r\n border-color: <%=btn_border_color_2%>;\r\n color: <%=btn_text_color_2%>;\r\n border-radius: <%=btn_border_radius_2%>px;\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second:hover {\r\n background-color: <%=btn_bg_color_hov_2%>;\r\n color: <%=btn_text_color_hov_2%>;\r\n border-color: <%=btn_border_color_hov_2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n line-height: 1ex;\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n z-index: 99;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_desktop%>px;\r\n width: 100%;\r\n height: <%=height_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n width: <%=img_width_desktop%>px;\r\n margin-right: 20px;\r\n margin-top: <%=img_margin_top_desktop%>%;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-right: 75px;\r\n text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_desktop%>px;\r\n padding-top: <%=btn_height_desktop%>px;\r\n padding-bottom: <%=btn_height_desktop%>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button--first {\r\n margin-right: 16px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n font-size: <%=close_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n overflow: visible;\r\n margin-top: <%= (img_margin_top_mobile < 0) ? Math.abs(parseInt(img_margin_top_mobile)) : 0 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: 100%;\r\n padding: <%=padding_mobile%>px;\r\n padding-top: <%=\r\n (+padding_mobile + +img_margin_top_mobile >= +padding_mobile)\r\n ? padding_mobile\r\n : (+padding_mobile + +img_margin_top_mobile <= 0 ) ? 0 : +padding_mobile + +img_margin_top_mobile\r\n %>px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n position: relative;\r\n top: <%=img_margin_top_mobile%>px;\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%=img_width_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 26px;\r\n margin-top: <%= parseInt(img_show_mobile) ? +img_margin_top_mobile + 10 : padding_mobile %>px;\r\n text-align: <%=text_align_mobile%>;\r\n overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mobile%>px;\r\n padding-top: <%=btn_height_mobile%>px;\r\n padding-bottom: <%=btn_height_mobile%>px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button--first,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button--first {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n font-size: <%=close_size_mobile%>px;\r\n}", "button": "", "on_show": "<% if (!!parseInt(btn_form_id_1)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open1').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_1 %>, true)}, 300);})\r\n<% } %>\r\n \r\n \r\n<% if (!!parseInt(btn_form_id_2)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open2').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_2 %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info", "banner-h"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1845, "html": "<% try {\r\n\tbtn_action = btn_action;\r\n\tbtn_url = btn_url;\r\n\tbtn_blank = btn_blank;\r\n\t} catch (e) {\r\n\t\tbtn_action = \"close\"\r\n\t\tbtn_url = \"#\"\r\n\t\tbtn_blank = \"1\"\r\n\t}\r\n%>\r\n\r\n
", "css": "<% try {\r\n\tfont_custom_show = font_custom_show;\r\n\t} catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tline-height: inherit;\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\t<% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <% try { print(font_custom); } catch (e) { print('sans-serif'); } %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <% try { print(form_font); } catch (e) { print('sans-serif'); } %>;\r\n\t<% } %>\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 99;\r\n\ttop: 27px;\r\n\tright: 27px;\r\n\twidth: 25px;\r\n\theight: 25px;\r\n\tfont-size: 0;\r\n\tcolor: transparent;\r\n\tbackground-color: transparent;\r\n\tborder: none;\r\n\tborder-radius: 50%;\r\n\tcursor: pointer;\r\n\toutline: none;\r\n\ttransform: rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n\tbackground: <%=close_color_hover%>;\r\n}\r\n#popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\ttop: 12px;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 2px;\r\n\tbackground-color: <%=close_color%>;\r\n\ttransition: all .3s;\r\n}\r\n#popmechanic-form .popmechanic-close:after {\r\n\ttransform: rotate(90deg);\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\twidth: <%=form_width%>px;\r\n\tbackground-color: <%=form_bg_color%>;\r\n\t<% if(parseInt(show_form_bg)) { %>\r\n\t\tbackground-image: url(<%=form_bg%>);\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t<% } %>\r\n\tborder-radius: <%=form_border_radius%>px;\r\n\tbox-shadow: 0px 0px 11.31px 1.69px rgba(0, 1, 0, 0.13),\r\n\t\t\t\t\t\t\t0 0 0 <%=form_border_width%>px <%=form_border_color%>;\r\n\tpadding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tfont-size: <%=title_fontsize%>px;\r\n\tline-height: 1.2;\r\n\tfont-weight: 700;\r\n\tcolor: <%=title_color%>;\r\n}\r\n#popmechanic-form .popmechanic-text_block {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex-wrap: nowrap;\r\n\tjustify-content: space-between;\r\n\talign-content: stretch;\r\n\talign-items: center;\r\n\tmargin: 10px 0 0;\r\n}\r\n#popmechanic-form .popmechanic-text {\r\n\tfont-size: <%=sub_title_fontsize%>px;\r\n\tline-height: 1.5;\r\n\tfont-weight: 400;\r\n\tcolor: <%=sub_title_color%>;\r\n\tpadding: 0 20px 0 0;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tborder-radius: <%=btn_border_radius%>px;\r\n\twidth: <%=btn_width%>px;\r\n\theight: <%=btn_height%>px;\r\n\tmargin-top: 15px;\r\n\tborder: none;\r\n\toutline: none;\r\n\tcursor: pointer;\r\n\tcolor: <%=btn_color%>;\r\n\tfont-size: <%=btn_fontsize%>px;\r\n\tline-height: 1;\r\n\tfont-weight: 400;\r\n\tbackground: <%=btn_bgcolor%>;\r\n\ttransition: all .3s;\r\n\ttext-decoration: none;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\tcolor: <%=btn_color_hover%>;\r\n\tbackground: <%=btn_bgcolor_hover%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: 13px;\r\n\tright: 13px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tpadding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n\twidth: <%=form_width_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%=title_fontsize_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n\tfont-size: <%=sub_title_fontsize_mob%>px;\r\n\tpadding: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\tfont-size: <%=btn_fontsize_mob%>px;\r\n\twidth: <%=btn_width_mob%>px;\r\n\theight: <%=btn_height_mob%>px;\r\n}", "button": "", "on_show": "var data = randomInteger(<%=num_min %>, <%=num_max %>);\r\n\r\ndocument.querySelector('#popmechanic-num').innerHTML =\r\n data + ' ' + ((data % 100 >= 10 && data % 100 <= 20) ?\r\n '<%=countable1%> ' :\r\n (data % 10 === 1 ?\r\n '<%=countable2%> ' :\r\n (data % 10 === 0 ? '<%=countable3%> ' :\r\n ((data % 10 < 5 ? '<%=countable4%> ' : '<%=countable5%> ')))));\r\n\r\nfunction randomInteger(min, max) {\r\n min = parseInt(min);\r\n max = parseInt(max);\r\n if (min > max) {\r\n min = 10;\r\n max = 100;\r\n }\r\n var rand = min + Math.random() * (max + 1 - min);\r\n rand = Math.floor(rand);\r\n return rand;\r\n}\r\n\r\n<% if (!!parseInt(btn_form_id)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "humble", "info"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2224, "html": "\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", "css": "/* \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0446\u0438\u0444\u0440\u0430 \u0432 \u0441\u043a\u043e\u0431\u043a\u0430\u0445 - \u043c\u0435\u043d\u044f\u0435\u0442 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c. \u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043e\u0442 0 \u0434\u043e 1 */\n .Arrow {fill: rgba(37, 36, 47, 1)} /*#FFF*//* \u0426\u0432\u0435\u0442 \u0441\u0442\u0440\u0435\u043b\u043e\u043a */\n .Widget {background: rgba(37, 36, 47, 1)} /*#FFF*//* \u0426\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0432\u0438\u0434\u0436\u0435\u0442\u0430 */\n .CloseButton svg path {stroke: #FFF} /*#FFF*//* \u0426\u0432\u0435\u0442 \u043a\u0440\u0435\u0441\u0442\u0438\u043a\u0430 '\u0437\u0430\u043a\u0440\u044b\u0442\u044c' */\n\n /* */\n /* \u0414\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0435\u043b\u043e\u043a \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430 \u0432 \u0441\u043a\u043e\u0431\u043a\u0430\u0445 \u0443 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0432\u0443\u044e\u0449\u0435\u0439 \u0441\u0442\u0440\u0435\u043b\u043a\u0438 */\n .Arrow__Top {left: calc(50% - 12.5px)}\n .Arrow__Right {top: calc(50% - 12.5px)}\n .Arrow__Bottom {left: calc(50% - 12.5px)}\n .Arrow__Left {top: calc(50% - 12.5px)}\n \n \n .Arrow {\n width: 25px;\n height: 25px;\n position: absolute;\n }\n\n .Arrow__Top {\n transform: rotate(180deg);\n top: -24px;\n }\n\n .Arrow__Right {\n transform: rotate(-90deg);\n right: -24px;\n }\n\n .Arrow__Bottom {\n bottom: -24px;\n }\n\n .Arrow__Left {\n transform: rotate(90deg);\n left: -24px;\n fill: rgb(255, 103, 0);\n }\n\n body {\n margin: 0;\n padding: 0;\n }\n\n .Widget {\n margin: 27px 0 0 11px;\n width: 221px;\n position: relative;\n display: flex;\n flex-direction: column;\n }\n\n .Content {\n font: 700 13px/1.2 'Montserrat', sans-serif;\n color: #ffffff;\n padding: 22px 0;\n margin: 0;\n text-align: center;\n }\n\n .CloseButton {\n border: none;\n background: none;\n outline: none;\n cursor: pointer;\n z-index: 1;\n margin: 3px 0 -22px auto;\n text-align: right;\n }\n\n .CloseButton:hover {\n opacity: 0.7;\n }\n\n .CloseButton:active {\n opacity: 0.4;\n }\n \n [data-editro-style=\"p5061\"] {\n color: rgb(255, 255, 255) !important;\n text-align: center !important;\n font-weight: 700 !important;\n font-style: normal !important;\n text-transform: none !important;\n border-radius: 5px !important;\n padding: 29px 0px 22px !important;\n }\n\n [data-editro-style=\"div92414\"] {\n background-color: rgb(255, 103, 0) !important;\n background-image: none !important;\n background-size: auto !important;\n background-position: 0% 0% !important;\n background-repeat: no-repeat !important;\n color: rgb(255, 255, 255) !important;\n text-align: start !important;\n font-weight: 400 !important;\n font-style: normal !important;\n text-transform: none !important;\n border-radius: 5px !important;\n }\n\n [data-editro-style=\"svg5297\"] {\n width: 10px !important;\n height: 10px !important;\n float: none !important;\n }", "button": null, "on_show": "", "on_close": "", "embed_code": null, "behaviors": ["partscreen", "info"], "template_type": "info", "need_reset": true, "parameters": [], "on_targeting_ready": null, "on_child_ready": null}, {"id": 2227, "html": "
", "css": "/* \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0440\u0435\u0439\u0442\u0438\u043d\u0433 (\u043e\u0442 0 \u0434\u043e 5 \u0437\u0432\u0451\u0437\u0434) */\r\n.stars__svg--absolute {\r\n --stars: 4.5;\r\n}\r\n\r\nbody.is-preview .widget {\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\nbody.is-preview .close svg {\r\n pointer-events: none;\r\n}\r\n\r\nimg {\r\n max-width: 100%;\r\n}\r\n\r\nb {\r\n font-weight: 500;\r\n}\r\n\r\n.widget {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: 60px 16px 16px;\r\n background-color: #ffffff;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.logo-container,\r\n.badge {\r\n width: 100%;\r\n}\r\n\r\n.logo-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: 0 0 20px;\r\n padding: 4px;\r\n}\r\n\r\n.logo {\r\n width: 110px;\r\n object-fit: contain;\r\n}\r\n\r\n.logo--yandex {\r\n width: 132px;\r\n height: 25px;\r\n}\r\n\r\n.plus {\r\n font-size: 28px;\r\n font-weight: 500;\r\n line-height: 33px;\r\n}\r\n\r\n.badge {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding: 12px;\r\n text-align: center;\r\n}\r\n\r\n.badge__text {\r\n width: 100%;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.badge--green {\r\n margin: 0 0 20px;\r\n background-color: #d8fced;\r\n}\r\n\r\n.badge--green span {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.badge--green span::before {\r\n content: '';\r\n width: 32px;\r\n height: 32px;\r\n margin: 0 12px 0 0;\r\n background-image: url('https://assets.flocktory.com/uploads/clients/2680/098f2d82-ffe9-4d9a-95bd-2eadcdb7f57f_shield.svg');\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: contain;\r\n}\r\n\r\n.badge--yellow {\r\n background-color: #fef6d5;\r\n}\r\n\r\n.stars {\r\n position: relative;\r\n flex-shrink: 0;\r\n width: 96px;\r\n height: 16px;\r\n margin: 0 12px 0 0;\r\n}\r\n\r\n.stars__svg {\r\n height: 100%;\r\n}\r\n\r\n.stars__svg:not(.stars__svg--absolute) {\r\n width: 100%;\r\n}\r\n\r\n.stars__svg--absolute {\r\n --offset: calc(var(--stars, 5) * 1px);\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: calc(20% * var(--stars, 5) + (var(--offset) - 2.5px));\r\n max-width: 100%;\r\n}\r\n\r\n.close {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 28px;\r\n height: 28px;\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n border-radius: 50%;\r\n background-color: #efefef;\r\n color: #cccccc;\r\n cursor: pointer;\r\n}\r\n\r\n.close svg {\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n body {\r\n font-size: 20px;\r\n }\r\n\r\n .widget {\r\n padding: 24px;\r\n }\r\n\r\n .logo-container {\r\n max-width: 342px;\r\n margin: 0 72px 24px 0;\r\n }\r\n\r\n .logo {\r\n width: 128px;\r\n }\r\n\r\n .logo--yandex {\r\n width: 167px;\r\n height: 32px;\r\n }\r\n\r\n .badge {\r\n border-radius: 4px;\r\n }\r\n\r\n .badge__text {\r\n width: auto;\r\n margin: 0 24px 0 0;\r\n }\r\n\r\n .badge--green {\r\n max-width: 200px;\r\n margin: 0 0 24px;\r\n padding: 8px 24px;\r\n }\r\n\r\n .badge--green span::before {\r\n margin: 0 16px 0 0;\r\n }\r\n\r\n .badge--yellow {\r\n flex-wrap: nowrap;\r\n align-items: center;\r\n }\r\n\r\n .stars {\r\n width: 120px;\r\n height: 20px;\r\n }\r\n\r\n .close {\r\n top: 32px;\r\n right: 24px;\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .close svg {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n .widget {\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 32px 104px 32px 40px;\r\n }\r\n\r\n .logo-container {\r\n margin: 0 24px 0 0;\r\n }\r\n\r\n .badge {\r\n padding: 12px 16px;\r\n }\r\n\r\n .badge--green {\r\n max-width: 184px;\r\n margin: 0 24px 0 0;\r\n padding: 8px 16px;\r\n }\r\n\r\n .badge--yellow {\r\n width: auto;\r\n margin: 0;\r\n }\r\n\r\n .close {\r\n top: 50%;\r\n right: 40px;\r\n flex-shrink: 0;\r\n width: 40px;\r\n height: 40px;\r\n transform: translateY(-50%);\r\n }\r\n\r\n .close svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n}", "button": null, "on_show": "", "on_close": "", "embed_code": null, "behaviors": ["partscreen", "info"], "template_type": "info", "need_reset": true, "parameters": [], "on_targeting_ready": null, "on_child_ready": null}], "button_templates": [], "integrations": [{"id": 29241, "form": 40771, "filter": null, "filter_type": null, "account": 35282, "integration_type": "javascript", "on_render": "", "on_show": "dataLayer.push({ event: 'open_abadoned_basket' });", "on_success": "", "on_close_success": "dataLayer.push({ event: 'lead_abadoned_basket' });", "on_close_fail": "dataLayer.push({ event: 'lost_abadoned_basket' });"}, {"id": 29271, "form": 40744, "filter": null, "filter_type": null, "account": 35282, "integration_type": "javascript", "on_render": "", "on_show": "dataLayer.push({ event: 'open_reference' });", "on_success": "", "on_close_success": "dataLayer.push({ event: 'lead_reference' });", "on_close_fail": "dataLayer.push({ event: 'lost_reference' });"}, {"id": 29282, "form": 40690, "filter": null, "filter_type": null, "account": 35282, "integration_type": "javascript", "on_render": "", "on_show": "dataLayer.push({ event: 'open_credit' });", "on_success": "", "on_close_success": "dataLayer.push({ event: 'lead_credit' });", "on_close_fail": "dataLayer.push({ event: 'lost_credit' });"}, {"id": 29303, "form": 40686, "filter": null, "filter_type": null, "account": 35282, "integration_type": "javascript", "on_render": "", "on_show": "dataLayer.push({ event: 'open_shop_now' });", "on_success": "", "on_close_success": "dataLayer.push({ event: 'lead_shop_now' });", "on_close_fail": "dataLayer.push({ event: 'lost_shop_now' });"}, {"id": 29310, "form": 40568, "filter": null, "filter_type": null, "account": 35282, "integration_type": "javascript", "on_render": "", "on_show": "dataLayer.push({ event: 'open_free_delivery' });", "on_success": "", "on_close_success": "dataLayer.push({ event: 'lead_free_delivery' });", "on_close_fail": "dataLayer.push({ event: 'lost_free_delivery' });"}, {"id": 27020, "form": 40189, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-40189-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-40189-targeting"}, {"id": 27814, "form": 40568, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-40568-show", "click_operation": "popmechanic-popup-40568-click", "targeting_operation": "popmechanic-popup-40568-targeting"}, {"id": 28047, "form": 40686, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-40686-show", "click_operation": "popmechanic-popup-40686-click", "targeting_operation": "popmechanic-popup-40686-targeting"}, {"id": 28049, "form": 40690, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-40690-show", "click_operation": "popmechanic-popup-40690-click", "targeting_operation": "popmechanic-popup-40690-targeting"}, {"id": 28161, "form": 40744, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-40744-show", "click_operation": "popmechanic-popup-40744-click", "targeting_operation": "popmechanic-popup-40744-targeting"}, {"id": 28191, "form": 40771, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-40771-show", "click_operation": "popmechanic-popup-40771-click", "targeting_operation": "popmechanic-popup-40771-targeting"}, {"id": 28990, "form": 41088, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-41088-show", "click_operation": "popmechanic-popup-41088-click", "targeting_operation": "popmechanic-popup-41088-targeting"}, {"id": 29517, "form": 41227, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-41227-show", "click_operation": "popmechanic-popup-41227-click", "targeting_operation": "popmechanic-popup-41227-targeting"}, {"id": 32032, "form": 42492, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-42492-show", "click_operation": "popmechanic-popup-42492-click", "targeting_operation": "popmechanic-popup-42492-targeting"}, {"id": 65847, "form": 64850, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-64850-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-64850-targeting"}, {"id": 66188, "form": 65099, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-65099-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-65099-targeting"}, {"id": 66574, "form": 65374, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-65374-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-65374-targeting"}, {"id": 97848, "form": 86018, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-86018-show", "click_operation": "popmechanic-popup-86018-click", "targeting_operation": "popmechanic-popup-86018-targeting"}, {"id": 110609, "form": 94638, "filter": null, "filter_type": null, "account": 35282, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-94638-show", "click_operation": "popmechanic-popup-94638-click", "targeting_operation": "popmechanic-popup-94638-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": 60, "session": 3, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}