');\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": 1545, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
", "css": "<% 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<% 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\tbox-sizing: border-box;\r\n\tline-height: inherit;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tclear: both;\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}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n overflow: hidden;\r\n max-width: 100%;\r\n width: <%= parseInt(width_fix_desk) ? width_desk + 'px' : 'auto' %>;\r\n height: <%= parseInt(height_fix_desk) ? height_desk + 'px' : 'auto' %>;\r\n max-height: 100%;\r\n border-style: solid;\r\n border-width: <%= border_width ? border_width + 'px' : 0 %>;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\tfont-weight: 400;\r\n\tline-height: 1.2;\r\n cursor: pointer;\r\n padding: <%= padding_desk %>px;\r\n background-color: <%= btn_bg_color %>;\r\n <% if(parseInt(img_show_desk)) { %>\r\n background-image: url(<%= img_src_desk %>);\r\n background-size: <%= img_width_desk %>px auto;\r\n padding-left: <%= (+img_width_desk + +padding_desk) + 10 %>px;\r\n <% } else { %>\r\n background-image: none;\r\n padding-left: <%= padding_desk %>px;\r\n <% } %>\r\n background-position: left <%= padding_desk %>px center;\r\n background-repeat: no-repeat;\r\n transition-property: background-color, color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%= btn_text_color_hov %>;\r\n background-color: <%= btn_bg_color_hov %>;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n#popmechanic-form .popmechanic-tablet .popmechanic-main,\r\n#popmechanic-form .popmechanic-mobile .popmechanic-main {\r\n width: <%= parseInt(width_fix_mob) ? width_mob + 'px' : 'auto' %>;\r\n height: <%= parseInt(height_fix_mob) ? height_mob + 'px' : 'auto' %>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-tablet .popmechanic-button,\r\n#popmechanic-form .popmechanic-mobile .popmechanic-button {\r\n font-size: <%= btn_fs_mob %>px;\r\n padding: <%= padding_mob %>px;\r\n <% if(parseInt(img_show_mob)) { %>\r\n background-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n background-size: <%= img_width_mob %>px auto;\r\n padding-left: <%= (+img_width_mob + +padding_mob) + 10 %>px;\r\n <% } else { %>\r\n background-image: none;\r\n padding-left: <%= padding_mob %>px;\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(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": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1932, "html": "
", "css": "@import url(\"https://fonts.googleapis.com/css?family=Roboto:300&subset=cyrillic\");\r\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: <%=font2%>;\r\n vertical-align: top;\r\n width: auto; }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 15px;\r\n right: 15px;\r\n width: 19px;\r\n height: 19px;\r\n font-size: 0;\r\n color: transparent;\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(45deg);\r\n opacity: 1; }\r\n #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n background-color: <%=but_col2%>; }\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 9px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%=but_col1%>;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-screen, #popmechanic-form .popmechanic-thankyou {\r\n width: <%=width1%>px;\r\n height: auto;\r\n border-radius: <%=crug1%>px;\r\n <% if (parseInt(showImg)) { %>\r\n\r\n background-image: url(<%=img2%>); \r\n background-size: cover;<% } %>\r\n\r\nbox-shadow: 0 0 10px rgba(0,0,0,0.5);\r\n padding: 45px;\r\n background-color: <%=color1%>;\r\n }\r\n #popmechanic-form .popmechanic-thankyou {\r\n flex-direction: column;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n align-content: stretch;\r\n align-items: center;\r\n min-height: 415px;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-title {\r\n font-family: <%=font1%>;\r\n font-size: <%=text_size1%>px;\r\n line-height: 1.25;\r\n font-weight: 600;\r\n color: <%=text_col1%>;\r\n text-align: center;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-text {\r\n font-family: <%=font2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.4;\r\n font-weight: 300;\r\n color: <%=text_col2%>;\r\n text-align: center;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-options {\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: center;\r\n margin: 20px 0; }\r\n #popmechanic-form .popmechanic-options_text {\r\n font-family: <%=font2%>;\r\n font-size: <%=text_size3%>px;\r\n line-height: 1.4;\r\n font-weight: 300;\r\n color: <%=text_col3%>; }\r\n #popmechanic-form .popmechanic-list {\r\n padding: 0;\r\n margin: 0;\r\n list-style-type: none;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n align-content: stretch;\r\n align-items: center; }\r\n #popmechanic-form .popmechanic-button {\r\n position: relative;\r\n margin: 0 5px; }\r\n #popmechanic-form .popmechanic-button:hover .popmechanic-button_text {\r\n background-color: <%=col3%>;\r\n color: <%=col13%>; }\r\n #popmechanic-form .popmechanic-button_text {\r\n font-family: <%=font2%>;\r\n font-size: 15px;\r\n line-height: 35px;\r\n font-weight: 300;\r\n color: <%=col12%>;\r\n position: relative;\r\n z-index: 1;\r\n width: 35px;\r\n height: 35px;\r\n display: block;\r\n border-radius: <%=form1%>%;\r\n border: 1px solid #ddd;\r\n background-color: <%=col2%>;\r\n text-align: center;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-radio {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 2;\r\n width: 35px;\r\n height: 35px;\r\n padding: 0;\r\n margin: 0;\r\n cursor: pointer;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-radio:checked ~ .popmechanic-button_text {\r\n background-color: <%=col3%>;\r\n color: #fff; }\r\n #popmechanic-form .popmechanic-submit {\r\n min-width: 240px;\r\n <% if (parseInt(showbat)) { %>\r\n\r\n width: 100%;\r\n <% } %>\r\n\r\n height: 50px;\r\n display: block;\r\n margin: 20px auto 0;\r\n padding: 0 20px;\r\n border: none;\r\n outline: none;\r\n background-color: <%=but_col1%>;\r\n color: <%=but_col3%> ;\r\n font-family: <%=font2%>;\r\n font-size: 16px;\r\n line-height: 1;\r\n font-weight: 300;\r\n cursor: pointer;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-submit:hover {\r\n background-color: <%=but_col2%>; }\r\n #popmechanic-form .popmechanic-textarea {\r\n width: 100%;\r\n height: 175px;\r\n padding: 20px;\r\n border: 1px solid #d8d8d8;\r\n outline: none;\r\n background-color: #fff;\r\n color: #787878;\r\n font-family: <%=font2%>;\r\n font-size: 15px;\r\n line-height: 1.3;\r\n font-weight: 300; }\r\n #popmechanic-form .popmechanic-textarea::placeholder {\r\n opacity: 1;\r\n color: #787878;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-textarea:focus::placeholder {\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-check {\r\n margin: 0 0 30px; }\r\n #popmechanic-form .popmechanic-link {\r\n display: inline-block;\r\n margin: 20px 0 0;\r\n font-family: <%=font2%>;\r\n font-size: 14px;\r\n line-height: 1.3;\r\n font-weight: 300;\r\n text-decoration: underline;\r\n color: #787878;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-link:hover {\r\n color: #454545; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-screen, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n width: 500px;\r\n padding: 40px 30px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n min-height: 385px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n font-size: 21px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n font-size: 16px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-options_text {\r\n font-size: 13px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n font-size: 15px;\r\n height: 45px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea {\r\n font-size: 13px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-screen, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: 320px;\r\n padding: 30px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n min-height: 440px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n font-size: 14px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-options {\r\n flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-options_text {\r\n font-size: 13px;\r\n margin: 0 0 10px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n font-size: 13px;\r\n height: 40px;\r\n width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n height: 275px;\r\n font-size: 13px; }\r\n\r\n/*commonlogic*/\r\n.popmechanic-screen {\r\n display: none; }\r\n\r\n.popmechanic-screen_active {\r\n display: block; }\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success .popmechanic-screen {\r\n display: none !important; }\r\n\r\n.popmechanic-success .popmechanic-thankyou {\r\n display: flex !important; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["multiscreen", "lead-on-close", "post-text", "humble", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2031, "html": "
", "css": "<% try {\r\n font_custom_show = font_custom_show;\r\n } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n width: <%=width%>px;\r\n padding: 0;\r\n color: <%=text_color%>;\r\n background-color: <%=background_color%>;\r\n text-align: left;\r\n line-height: 1;\r\n font-size: 14px;\r\n box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n border-radius: <%=crug1%>px;\r\n <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } else { %>\r\n font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 19px;\r\n right: 23px;\r\n width: 20px;\r\n height: 20px;\r\n background: transparent;\r\n border: none;\r\n cursor: pointer; }\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 9px;\r\n left: -2px;\r\n width: 25px;\r\n height: 3px;\r\n background: <%=cl_col1%>; }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(45deg); }\r\n #popmechanic-form .popmechanic-close:before {\r\n transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-content: stretch;\r\n align-items: stretch;\r\n position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n width: 50%;\r\n padding: 51px 25px 37px 46px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n display: inline-block;\r\n color: <%=label_col2%>;\r\n background-color: <%=label_color%>;\r\n padding: 8px 22px;\r\n border-radius: 3px;\r\n font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n width: 50%;\r\n border-radius: 0 3px 3px 0;\r\n background-image: url(\"<%=image%>\");\r\n background-size: cover;\r\n background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n font-size: <%=font_size1%>px;\r\n line-height: 1.1;\r\n font-weight: 700;\r\n margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: 100%;\r\n background-color:<%=background_color%>;\r\n height: 43px;\r\n border: none;\r\n margin-bottom: 1px;\r\n border-bottom: 2px solid <%=inp_col1%>;\r\n outline: none;\r\n padding: 0 10px;\r\n color: #0d253e; }\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n opacity: .5;\r\n color: #7b7b7b; }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n border-bottom: 2px solid #fa2453; }\r\n input.popmechanic-invalid::placeholder {\r\n color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n width: 100%;\r\n position: relative;\r\n margin: 24px 0 0;\r\n background: none;\r\n border: none;\r\n z-index: 10;\r\n cursor: pointer; }\r\n #popmechanic-form .popmechanic-button:before {\r\n content: '';\r\n position: absolute;\r\n top: 8px;\r\n left: 8%;\r\n width: 84%;\r\n height: 42px;\r\n border-radius: 21px;\r\n background-color: <%=background_color%>;\r\n -webkit-filter: blur(9.7px);\r\n filter: blur(9.7px);\r\n transition: all 0.2s;\r\n z-index: 0; }\r\n #popmechanic-form .popmechanic-button:hover:before {\r\n background-color: <%=main_color%>;\r\n }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n padding: 0 23px;\r\n height: 42px;\r\n line-height: 42px;\r\n min-width: 185px;\r\n border: none;\r\n border-radius: <%=crug2%>px;\r\n outline: none;\r\n background-color: <%=main_color%>;\r\n color: <%=but_col3%>;\r\n text-align: center;\r\n font-size: 17px;\r\n position: relative;\r\n z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n padding: 90px 46px 55px;\r\n line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n font-size: 30px;\r\n\r\n padding: 4px 45px 0 0;\r\n margin: 0 23px 0 0;\r\n min-height: 45px;\r\n position: relative;\r\n font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n width: 40px;\r\n height: 45px;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n font-size: 18px;\r\n\r\n margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n width: <%=width%>px;\r\n max-width:500px;\r\n \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n order: 1;\r\n width: 100%;\r\n height: 140px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n order: 2;\r\n position: static;\r\n padding: 19px 25px 27px;\r\n width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n position: absolute;\r\n z-index: 3;\r\n top: 20px;\r\n left: 25px;\r\n margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n font-size: <%=font_size_mob%>px;\r\n margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n width: 260px;\r\n margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n margin: 26px auto 0;\r\n display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n padding: 53px 25px 27px;\r\n font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n padding: 106px 0 0 0;\r\n margin: 0;\r\n \r\n font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n width: 64px;\r\n height: 73px;\r\n left: 50%;\r\n margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n margin: 30px 0 50px; }\r\n \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n margin-top: 13px;\r\n}\r\n\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: 11px;\r\n line-height: 1.2;\r\n font-weight: 400;\r\n text-align: left;\r\n color: #000;\r\n padding: 0 0 0 25px;\r\n margin: 20px 0 0 0;\r\n width: 100%; }\r\n #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n color: #000;\r\n text-decoration: underline;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: -1px;\r\n left: 0;\r\n width: 16px;\r\n height: 16px;\r\n border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: 4px;\r\n left: 5px;\r\n z-index: 2;\r\n width: 8px;\r\n height: 8px;\r\n background-color: #3f3f3f;\r\n opacity: 0;\r\n transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 20px;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 82728, "form": 76372, "filter": null, "filter_type": null, "account": 5194, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "", "event_value": "", "tracker_name": "", "use_ga4": false, "measurement_id": "", "events": null}, {"id": 51157, "form": 55172, "filter": null, "filter_type": null, "account": 5194, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "", "event_value": "", "tracker_name": "", "use_ga4": false, "measurement_id": "", "events": null}, {"id": 71253, "form": 68573, "filter": null, "filter_type": null, "account": 5194, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "", "event_value": "", "tracker_name": "", "use_ga4": false, "measurement_id": "", "events": null}, {"id": 71192, "form": 68540, "filter": null, "filter_type": null, "account": 5194, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "", "event_value": "", "tracker_name": "", "use_ga4": false, "measurement_id": "", "events": null}, {"id": 51145, "form": 54989, "filter": null, "filter_type": null, "account": 5194, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "ym(501087,'reachGoal','vbi_sub')\r\n//console.log(dataLayer[0]['page.pageInfo.language'])\r\nsetTimeout(function () {\r\n $.each( dataLayer, function( key, value ) {\r\n if (typeof value == 'object' && value.hasOwnProperty('event') && value.event == 'view_item') {\r\n mindbox(\"async\", {\r\n operation: \"AddProductToIzbrannoeItemList\",\r\n data: {\r\n addProductToList: {\r\n product: {\r\n ids: {\r\n website: value.ecommerce.items[0]['item_code'], // \u0430\u0439\u0434\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430\r\n }\r\n },\r\n pricePerItem: value.ecommerce.items[0]['price'] // \u0446\u0435\u043d\u0430\r\n }\r\n }\r\n });\r\n console.log(value.ecommerce.items[0]['item_code'] + \" \"+ value.ecommerce.items[0]['price']);\r\n }\r\n });\r\n}, 3000);", "on_close_success": "", "on_close_fail": ""}, {"id": 93546, "form": 55172, "filter": null, "filter_type": null, "account": 5194, "integration_type": "javascript", "on_render": "const cartCounterElement = document.querySelector('.js-cart-counter');\r\nconst isCartEmpty = !(cartCounterElement.classList.contains('hide') || parseInt(cartCounterElement.textContent) === 0);\r\n\r\nconsole.log(\"\u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u043f\u0430\u043f \u043a\u043e\u0440\u0437\u0438\u043d\u044b:\", isCartEmpty);\r\n\r\nif (!isCartEmpty) {\r\n throw new Error(\"\u041a\u043e\u0440\u0437\u0438\u043d\u0430 \u043f\u0443\u0441\u0442\u0430!\");\r\n}", "on_show": "", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 54879, "form": 57737, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "48", "value": "%customs.Udovletvorennost_servisom_obshchaya%", "systemName": "customFields.MainNps"}, {"id": "49", "value": "%customs.question_1932_1%", "systemName": "customFields.ProductRange"}, {"id": "50", "value": "%customs.question_1932_2%", "systemName": "customFields.ProductDescription"}, {"id": "51", "value": "%customs.question_1932_3%", "systemName": "customFields.ProductQuality"}, {"id": "55", "value": "%customs.Nomer_otveta_na_4_vopros%", "systemName": "customFields.Price"}, {"id": "52", "value": "%customs.Nomer_otveta_na_5_vopros%", "systemName": "customFields.WebSite"}, {"id": "53", "value": "%customs.Nomer_otveta_na_6_vopros%", "systemName": "customFields.SiteUiUx"}, {"id": "54", "value": "%customs.Nomer_otveta_na_7_vopros%", "systemName": "customFields.Delivery"}, {"id": "56", "value": "%customs.Nomer_otveta_na_8_vopros%", "systemName": "customFields.Managers"}, {"id": "57", "value": "%customs.Razvernutii_kommentarii%", "systemName": "customFields.Comment"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-57737", "subscriptions": []}, {"id": 82729, "form": 76372, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%name%", "systemName": "firstName"}, {"value": "%phone%", "systemName": "mobilePhone"}, {"id": "60", "value": "%utm_campaign%", "systemName": "customFields.PopupUtmCampaign"}, {"id": "61", "value": "%utm_term%", "systemName": "customFields.PopupUtmTerm"}, {"id": "62", "value": "%utm_content%", "systemName": "customFields.PopupUtmContent"}, {"id": "63", "value": "%utm_source%", "systemName": "customFields.PopupUtmSource"}, {"id": "64", "value": "%utm_medium%", "systemName": "customFields.PopupUtmMedium"}, {"id": "66", "value": "%url%", "systemName": "customFields.PopupUrl"}, {"id": "68", "value": "%customs.yandexid%", "systemName": "customFields.Yandexid"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-76372", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51142, "form": 54989, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"id": "60", "value": "%utm_campaign%", "systemName": "customFields.PopupUtmCampaign"}, {"id": "61", "value": "%utm_term%", "systemName": "customFields.PopupUtmTerm"}, {"id": "62", "value": "%utm_content%", "systemName": "customFields.PopupUtmContent"}, {"id": "63", "value": "%utm_source%", "systemName": "customFields.PopupUtmSource"}, {"id": "64", "value": "%utm_medium%", "systemName": "customFields.PopupUtmMedium"}, {"id": "66", "value": "%url%", "systemName": "customFields.PopupUrl"}, {"id": "68", "value": "%customs.yandexid%", "systemName": "customFields.Yandexid"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-54989", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51158, "form": 55172, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"id": "60", "value": "%utm_campaign%", "systemName": "customFields.PopupUtmCampaign"}, {"id": "61", "value": "%utm_term%", "systemName": "customFields.PopupUtmTerm"}, {"id": "62", "value": "%utm_content%", "systemName": "customFields.PopupUtmContent"}, {"id": "63", "value": "%utm_source%", "systemName": "customFields.PopupUtmSource"}, {"id": "64", "value": "%utm_medium%", "systemName": "customFields.PopupUtmMedium"}, {"id": "66", "value": "%url%", "systemName": "customFields.PopupUrl"}, {"id": "68", "value": "%customs.yandexid%", "systemName": "customFields.Yandexid"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-55172", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 71254, "form": 68573, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%name%", "systemName": "firstName"}, {"value": "%email%", "systemName": "email"}, {"value": "%phone%", "systemName": "mobilePhone"}, {"id": "60", "value": "%utm_campaign%", "systemName": "customFields.PopupUtmCampaign"}, {"id": "61", "value": "%utm_term%", "systemName": "customFields.PopupUtmTerm"}, {"id": "62", "value": "%utm_content%", "systemName": "customFields.PopupUtmContent"}, {"id": "63", "value": "%utm_source%", "systemName": "customFields.PopupUtmSource"}, {"id": "64", "value": "%utm_medium%", "systemName": "customFields.PopupUtmMedium"}, {"id": "65", "value": "%created_time%", "systemName": "customFields.PopupDatetime"}, {"id": "66", "value": "%url%", "systemName": "customFields.PopupUrl"}, {"id": "68", "value": "%customs.yandexid%", "systemName": "customFields.Yandexid"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-68573", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 71193, "form": 68540, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%name%", "systemName": "firstName"}, {"value": "%phone%", "systemName": "mobilePhone"}, {"id": "60", "value": "%utm_campaign%", "systemName": "customFields.PopupUtmCampaign"}, {"id": "61", "value": "%utm_term%", "systemName": "customFields.PopupUtmTerm"}, {"id": "63", "value": "%utm_source%", "systemName": "customFields.PopupUtmSource"}, {"id": "64", "value": "%utm_medium%", "systemName": "customFields.PopupUtmMedium"}, {"id": "66", "value": "%url%", "systemName": "customFields.PopupUrl"}, {"id": "62", "value": "%utm_content%", "systemName": "customFields.PopupUtmContent"}, {"id": "68", "value": "%customs.yandexid%", "systemName": "customFields.Yandexid"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-68540", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 26536, "form": 39708, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-39708-show", "click_operation": "popmechanic-block-39708-click", "targeting_operation": "popmechanic-block-39708-targeting"}, {"id": 50270, "form": 54989, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-54989-show", "click_operation": "popmechanic-popup-54989-click", "targeting_operation": "popmechanic-popup-54989-targeting"}, {"id": 50569, "form": 55172, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-55172-show", "click_operation": "popmechanic-popup-55172-click", "targeting_operation": "popmechanic-popup-55172-targeting"}, {"id": 54821, "form": 57737, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-57737-show", "click_operation": "popmechanic-popup-57737-click", "targeting_operation": "popmechanic-popup-57737-targeting"}, {"id": 57436, "form": 59397, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59397-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59397-targeting"}, {"id": 57437, "form": 59398, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59398-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59398-targeting"}, {"id": 57438, "form": 59399, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59399-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59399-targeting"}, {"id": 57439, "form": 59400, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59400-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59400-targeting"}, {"id": 57440, "form": 59401, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59401-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59401-targeting"}, {"id": 57441, "form": 59402, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59402-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59402-targeting"}, {"id": 57442, "form": 59403, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59403-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59403-targeting"}, {"id": 57446, "form": 59407, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59407-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59407-targeting"}, {"id": 68558, "form": 66711, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-66711-show", "click_operation": "popmechanic-block-66711-click", "targeting_operation": "popmechanic-block-66711-targeting"}, {"id": 71194, "form": 68540, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-68540-show", "click_operation": "popmechanic-popup-68540-click", "targeting_operation": "popmechanic-popup-68540-targeting"}, {"id": 71255, "form": 68573, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-68573-show", "click_operation": "popmechanic-popup-68573-click", "targeting_operation": "popmechanic-popup-68573-targeting"}, {"id": 82730, "form": 76372, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-76372-show", "click_operation": "popmechanic-popup-76372-click", "targeting_operation": "popmechanic-popup-76372-targeting"}, {"id": 89941, "form": 80961, "filter": null, "filter_type": null, "account": 5194, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-80961-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-80961-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": 30, "session": 2, "day": 6, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}