');\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": 1894, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %> \r\n\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-reset, .popmechanic-reset * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n font-size: 16px;\r\n line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n box-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n color: inherit;\r\n font-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n display: block;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 0;\r\n background: none;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n font-family: inherit;\r\n font-size: inherit;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder {\r\n opacity: 1;\r\n}\r\n.popmechanic-reset INPUT::placeholder, .popmechanic-reset * INPUT::placeholder {\r\n opacity: 1;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n height: auto;\r\n cursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\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-form {\r\n position: relative !important;\r\n display: inline-block;\r\n vertical-align: middle;\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#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border-style: solid;\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#popmechanic-form .popmechanic-container {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-width: 100%;\r\n background-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n <% if(parseInt(bg_img_show)) { %>\r\n background-image: url(<%= bg_img_src %>);\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 5px;\r\n color: <%= title_color %>;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-title SPAN {\r\n display: block;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n color: <%= subtitle_color %>;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n position: relative;\r\n margin-bottom: 0.8em;\r\n}\r\n#popmechanic-form .popmechanic-field__input {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n padding-right: 1ch;\r\n padding-left: 1ch;\r\n border: 1px solid <%= input_border_color %>;\r\n border-radius: <%= input_border_radius %>px;\r\n background-color: <%= input_bg_color %>;\r\n color: <%= input_text_color %>;\r\n text-align: center;\r\n font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-field__input:-ms-input-placeholder {\r\n color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__input::placeholder {\r\n color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__error-message {\r\n z-index: 30;\r\n display: block;\r\n max-width: 100%;\r\n height: 0;\r\n overflow: hidden;\r\n margin-bottom: 0;\r\n color: #d4351c;\r\n text-align: center;\r\n white-space: nowrap;\r\n font-size: smaller;\r\n line-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n overflow: hidden;\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding: 0.5em;\r\n border-radius: <%= btn_border_radius %>px;\r\n text-align: center;\r\n font-weight: 500;\r\n line-height: 1;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n transition-property: background-color, color, border-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-button--1 {\r\n border: 1px solid <%= btn_border_color_1 %>;\r\n background-color: <%= btn_bg_color_1 %>;\r\n color: <%= btn_text_color_1 %>;\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-button--1:hover, #popmechanic-form .popmechanic-button--1:focus {\r\n border-color: <%= btn_border_color_hov_1 %>;\r\n background-color: <%= btn_bg_color_hov_1 %>;\r\n color: <%= btn_text_color_hov_1 %>;\r\n }\r\n}\r\n#popmechanic-form .popmechanic-button--2 {\r\n border: 1px solid <%= btn_border_color_2 %>;\r\n background-color: <%= btn_bg_color_2 %>;\r\n color: <%= btn_text_color_2 %>;\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-button--2:hover, #popmechanic-form .popmechanic-button--2:focus {\r\n border-color: <%= btn_border_color_hov_2 %>;\r\n background-color: <%= btn_bg_color_hov_2 %>;\r\n color: <%= btn_text_color_hov_2 %>;\r\n }\r\n}\r\n#popmechanic-form .popmechanic-policy {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n min-height: 20px;\r\n padding-top: 10px;\r\n padding-bottom: 20px;\r\n color: <%= policy_text_color %>;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-policy__checkbox:checked + .popmechanic-policy__check::after {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 19 19'%3E%3Cpath fill='%23<%= policy_check_color.slice(1) %>' d='M4.41 19c0-.21-.04-.32-.12-.32l-.57.27c0-.11-.07-.2-.2-.25l-.2-.02c-.13 0-.3.06-.5.17a1.72 1.72 0 00-.12-.24l-.12-.23a21.33 21.33 0 01-1.21-2.81l-.4-1.09a9.86 9.86 0 01-.22-.96C.67 13.1.58 12.55.5 11.9c.18.12.32.18.42.18.12 0 .22-.18.32-.52.05.06.14.1.28.1.1 0 .17-.04.22-.1l.4-.6.44.15h.02c.04 0 .07-.01.1-.05s.09-.06.15-.1c.13-.08.23-.12.3-.12l.07.03c.42.2.68.56.8 1.08.3 1.25.59 1.88.89 1.88s.64-.31 1.04-.94a18.56 18.56 0 001.24-2.47c.03.2.06.3.1.3.08 0 .22-.2.42-.62.21-.4.55-.98 1.01-1.7.26-.44.6-.95.99-1.5a80.33 80.33 0 013.84-4.77c.34-.38.6-.62.77-.74A8.63 8.63 0 0015.8.15l-.07.32-.03.17c0 .07.04.1.1.1l.7-.35v.1c0 .14.03.2.1.2.04 0 .14-.07.3-.22a.95.95 0 00.24-.32l-.05.34.84-.49-.2.44c.27-.18.46-.27.57-.27.07 0 .12.04.15.13.03.06.05.13.05.2 0 .1-.04.2-.12.34a8.3 8.3 0 01-.82 1.06l-1 1.11a78 78 0 00-1.77 2c-.2.21-.5.6-.92 1.13a100.63 100.63 0 00-2.95 3.95 101.23 101.23 0 00-2.2 3.19l-1.54 2.59-.81 1.38a5.28 5.28 0 01-1.31 1.5l-.23-.12-.2.12z'/%3E%3C/svg%3E\");\r\n background-position: right top;\r\n}\r\n#popmechanic-form .popmechanic-policy__label {\r\n margin-right: 5px;\r\n padding: 0.5em;\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-policy__check {\r\n position: relative;\r\n flex-shrink: 0;\r\n width: 20px;\r\n height: 20px;\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-policy__check::before, #popmechanic-form .popmechanic-policy__check::after {\r\n content: \"\";\r\n position: absolute;\r\n display: block;\r\n}\r\n#popmechanic-form .popmechanic-policy__check::before {\r\n bottom: 0;\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid <%= input_border_color %>;\r\n background: none;\r\n background-color: <%= input_bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-policy__check::after {\r\n top: 0;\r\n right: 0;\r\n width: 20px;\r\n height: 20px;\r\n background-color: rgba(0, 0, 0, 0);\r\n background-position: right bottom;\r\n background-size: 17px;\r\n background-repeat: no-repeat;\r\n transition-property: background-position;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-policy__text {\r\n font-size: 10px;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-policy__link {\r\n text-decoration: underline;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_desk %>px;\r\n border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n text-align: <%= text_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field__input {\r\n min-height: <%= input_height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n min-height: 54px;\r\n font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_mob %>px;\r\n border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field, .popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field__input, .popmechanic-mobile #popmechanic-form .popmechanic-field__input {\r\n min-height: <%= input_height_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n min-height: 56px;\r\n font-size: <%= btn_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-policy__check::before, .popmechanic-mobile #popmechanic-form .popmechanic-policy__check::before {\r\n width: 16px;\r\n height: 16px;\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, #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 transition-property: transform;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n transform: translate(-50%, -50%) rotate(225deg);\r\n }\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, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .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, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n}\r\n#popmechanic-form #popmechanic-first .popmechanic-title SPAN {\r\n font-size: 2em;\r\n}\r\n#popmechanic-form #popmechanic-first .popmechanic-subtitle {\r\n font-weight: 300;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-content {\r\n padding: <%= padding_y_desk_1 %>px <%= padding_x_desk_1 %>px;\r\n padding-top: <%= +padding_y_desk_1 + +close_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-header {\r\n margin-bottom: 45px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-title {\r\n font-size: <%= title_fs_desk_1 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_desk_1 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-button {\r\n min-height: 74px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-button--group {\r\n display: flex;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-button--1 {\r\n margin-right: 60px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-content, .popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-content {\r\n padding: <%= padding_y_mob_1 %>px <%= padding_x_mob_1 %>px;\r\n padding-top: <%= +padding_y_mob_1 + +close_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-header, .popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-header {\r\n margin-bottom: 40px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-title, .popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-title {\r\n font-size: <%= title_fs_mob_1 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-title SPAN, .popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-title SPAN {\r\n line-height: 1.6;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-button--1, .popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-button--1 {\r\n margin-bottom: 22px;\r\n}\r\n#popmechanic-form #popmechanic-second .popmechanic-subtitle {\r\n font-weight: 700;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-second .popmechanic-content {\r\n padding: <%= padding_y_desk_2 %>px <%= padding_x_desk_2 %>px;\r\n padding-top: <%= +padding_y_desk_2 + +close_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-second .popmechanic-header {\r\n margin-bottom: 20px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-second .popmechanic-title {\r\n font-size: <%= title_fs_desk_2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-second .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_desk_2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-second .popmechanic-content, .popmechanic-mobile #popmechanic-form #popmechanic-second .popmechanic-content {\r\n padding: <%= padding_y_mob_2 %>px <%= padding_x_mob_2 %>px;\r\n padding-top: <%= +padding_y_mob_2 + +close_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-second .popmechanic-header, .popmechanic-mobile #popmechanic-form #popmechanic-second .popmechanic-header {\r\n margin-bottom: 28px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-second .popmechanic-title, .popmechanic-mobile #popmechanic-form #popmechanic-second .popmechanic-title {\r\n font-size: <%= title_fs_mob_2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-second .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form #popmechanic-second .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-subtitle {\r\n font-weight: 700;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-content {\r\n padding: 110px 142px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-header {\r\n margin-bottom: 50px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-title {\r\n margin-bottom: 25px;\r\n font-size: <%= title_fs_desk_2 %>px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-subtitle {\r\n margin-bottom: 50px;\r\n font-size: <%= subtitle_fs_desk_2 %>px;\r\n}\r\n\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-content, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-content {\r\n padding: 100px 18px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-header, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-header {\r\n margin-bottom: 40px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-title, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-title {\r\n margin-bottom: 40px;\r\n font-size: <%= title_fs_mob_2 %>px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n z-index: 30;\r\n border: 1px solid #d4351c !important;\r\n color: #d4351c !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-policy__check::before {\r\n border-color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-field__error-message {\r\n height: auto;\r\n margin-bottom: -0.8em;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "multiscreen", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2261, "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<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info", "partscreen", "cart"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2811, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\treturn parseInt(x, 16);\r\n\t});\r\n};\r\n%>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset *:not(.popmechanic-input-hidden):focus,\r\n.popmechanic-reset *:focus + .popmechanic-policy-check,\r\n.popmechanic-reset * *:not(.popmechanic-input-hidden):focus,\r\n.popmechanic-reset * *:focus + .popmechanic-policy-check {\r\n\toutline: none;\r\n\tbox-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(<%= hexToRgb(btn_bg_color) %>, 0.5);\r\n}\r\n.popmechanic-reset IMG,\r\n.popmechanic-reset svg,\r\n.popmechanic-reset * IMG,\r\n.popmechanic-reset * svg {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tbox-shadow: none;\r\n\tcolor: inherit;\r\n\ttext-align: inherit;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute !important;\r\n\ttop: 0 !important;\r\n\tleft: 0 !important;\r\n\twidth: 0 !important;\r\n\theight: 0 !important;\r\n\tborder: 0 !important;\r\n\topacity: 0 !important;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: block;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n\tflex-shrink: 0;\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-title SPAN {\r\n\tcolor: <%= title_accent_color %>;\r\n\tfont-weight: <%= title_accent_fw %>;\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: <%= subtitle_accent_color %>;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-promocode {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-weight: <%= input_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-promocode-wrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t\t\t\t\tuser-select: none;\r\n\ttransition-property: all;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t}\r\n}\r\n#popmechanic-form .popmechanic-button-text {\r\n\tfont-size: inherit;\r\n\tfont-weight: inherit;\r\n}\r\n#popmechanic-form .popmechanic-timer {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(<%= +timer_show_day + +timer_show_hour + +timer_show_min + +timer_show_sec %>, minmax(0, 1fr));\r\n\tflex-shrink: 0;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-timer-item {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tcolor: <%= timer_digits_color %>;\r\n}\r\n<% if (parseInt(timer_show_separator)) { %>\r\n\t#popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n\t#popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: block;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground-color: <%= timer_separator_color %>;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-timer-digit-group {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmargin-bottom: 10%;\r\n}\r\n#popmechanic-form .popmechanic-timer-digit {\r\n\tfont-weight: <%= timer_digits_fw %>;\r\n\tline-height: 1;\r\n}\r\n<% if (parseInt(timer_legend_show)) { %>\r\n\t#popmechanic-form .popmechanic-timer-text {\r\n\t\tcolor: <%= timer_legend_color %>;\r\n\t\ttext-transform: lowercase;\r\n\t\tfont-weight: 400;\r\n\t\tline-height: 1;\r\n\t\t-webkit-user-select: none;\r\n\t\t\t\t\t\tuser-select: none;\r\n\t}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\theight: <%= parseInt(height_fix_desk) ? height_desk + \"px\" : \"auto\" %>;\r\n\tpadding-top: <%= (+img_offset_desk - +padding_y_desk < 0) ? 0 : +img_offset_desk - +padding_y_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\tflex-direction: row;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tborder-radius: <%= border_radius_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\twidth: <%= img_width_desk %>px;\r\n\tmargin-top: -<%= img_offset_desk %>px;\r\n\tmargin-right: <%= img_mr_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\tflex-grow: 1;\r\n\tmargin-right: <%= content_mr_desk %>px;\r\n\tmax-width: <%= parseInt(content_width_fix_desk) ? content_width_desk + \"px\" : \"none\" %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_mb_desk %>px;\r\n\ttext-align: <%= title_pos_x_desk %>;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title SPAN {\r\n\tfont-size: <%= title_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_mb_desk %>px;\r\n\ttext-align: <%= subtitle_pos_x_desk %>;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle SPAN {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer {\r\n\tgap: <%= timer_digits_item_gap_desk %>px;\r\n\tmargin-right: <%= timer_mr_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item::before,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item::after {\r\n\tright: -<%= +timer_digits_item_gap_desk / 2 %>px;\r\n\twidth: <%= timer_separator_size_desk %>px;\r\n\theight: <%= timer_separator_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item::before {\r\n\ttransform: translate(50%, <%= (+timer_digits_fs_desk / 2) - (+timer_separator_size_desk + (+timer_separator_size_desk / 2)) %>px);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item::after {\r\n\ttransform: translate(50%, <%= (+timer_digits_fs_desk / 2) + (+timer_separator_size_desk + (+timer_separator_size_desk / 2)) %>px);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-digit {\r\n\tfont-size: <%= timer_digits_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-text {\r\n\tfont-size: <%= timer_legend_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-promocode {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"auto\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\tfont-size: <%= input_fs_desk %>px;\r\n\tjustify-content: <%= input_text_pos_desk %>;\r\n\t<% if (input_pos_dir_desk === 'row') { %>\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-promocode-wrapper {\r\n\tflex-direction: <%= input_pos_dir_desk %>;\r\n\trow-gap: <%= input_pos_gap_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_desk) ? btn_width_desk + \"px\" : \"auto\" %>;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\tgap: <%= +btn_img_size_desk / 2 %>px;\r\n\t<% if (btn_type_desk === 'icon_text') { %>\r\n\t\tflex-direction: row-reverse;\r\n\t<% } %>\r\n\t<% if (input_pos_dir_desk === 'row') { %>\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-icon {\r\n\twidth: <%= btn_img_size_desk %>px;\r\n\tflex-shrink: 0;\r\n}\r\n\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\theight: <%= parseInt(height_fix_mob) ? height_mob + \"px\" : \"auto\" %>;\r\n\tpadding-top: <%= (+img_offset_mob - +padding_y_mob < 0) ? 0 : +img_offset_mob - +padding_y_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\tborder-radius: <%= border_radius_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\twidth: <%= img_width_mob %>px;\r\n\tmargin-top: -<%= img_offset_mob %>px;\r\n\tmargin-bottom: <%= img_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_mb_mob %>px;\r\n\ttext-align: <%= title_pos_x_mob %>;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title SPAN,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title SPAN {\r\n\tfont-size: <%= title_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_mb_mob %>px;\r\n\ttext-align: <%= subtitle_pos_x_mob %>;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle SPAN,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle SPAN {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer {\r\n\tgap: <%= timer_digits_item_gap_mob %>px;\r\n\tmargin-bottom: <%= timer_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item::before,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item::after,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item::before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item::after {\r\n\tright: -<%= +timer_digits_item_gap_mob / 2 %>px;\r\n\twidth: <%= timer_separator_size_mob %>px;\r\n\theight: <%= timer_separator_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item::before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item::before {\r\n\ttransform: translate(50%, <%= (+timer_digits_fs_mob / 2) - (+timer_separator_size_mob + (+timer_separator_size_mob / 2)) %>px);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item::after,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item::after {\r\n\ttransform: translate(50%, <%= (+timer_digits_fs_mob / 2) + (+timer_separator_size_mob + (+timer_separator_size_mob / 2)) %>px);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit {\r\n\tfont-size: <%= timer_digits_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-text {\r\n\tfont-size: <%= timer_legend_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promocode,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promocode {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\tfont-size: <%= input_fs_mob %>px;\r\n\tjustify-content: <%= input_text_pos_mob %>;\r\n\t<% if (input_pos_dir_mob === 'row') { %>\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promocode-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promocode-wrapper {\r\n\tflex-direction: <%= input_pos_dir_mob %>;\r\n\trow-gap: <%= input_pos_gap_mob %>px;\r\n\twidth: 100%;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_mob) ? btn_width_mob + \"px\" : \"100%\" %>;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\tgap: <%= +btn_img_size_mob / 2 %>px;\r\n\t<% if (btn_type_mob === 'icon_text') { %>\r\n\t\tflex-direction: row-reverse;\r\n\t<% } %>\r\n\t<% if (input_pos_dir_mob === 'row') { %>\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-icon,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-icon {\r\n\twidth: <%= btn_img_size_mob %>px;\r\n\tflex-shrink: 0;\r\n}\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_pos_y, 10px);\r\n\tright: var(--close_pos_x, 10px);\r\n\tz-index: 40;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (var(--close_padding, 2px) * 2));\r\n\theight: <%= close_width %>px;\r\n\tborder-radius: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_padding: <%= close_padding_desk %>px;\r\n\t--close_pos_y: <%= close_pos_y_desk %>px;\r\n\t--close_pos_x: <%= close_pos_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_padding: <%= close_padding_mob %>px;\r\n\t--close_pos_y: <%= close_pos_y_mob %>px;\r\n\t--close_pos_x: <%= close_pos_x_mob %>px;\r\n}", "button": "", "on_show": "+(function () {\r\n\tconst promo = document.querySelector('.popmechanic-promocode');\r\n\tconst btns = document.querySelectorAll('.popmechanic-do-copy');\r\n\r\n\tif (!btns) return;\r\n\r\n\tbtns.forEach((btn) => {\r\n\t\tbtn.addEventListener('click', function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tconst content = promo.innerHTML.trim();\r\n\t\t\ttry {\r\n\t\t\t\tnavigator.clipboard.writeText(content).then(() => {\r\n\t\t\t\t\tthis\r\n\t\t\t\t\t\t.querySelector('.popmechanic-button-text')\r\n\t\t\t\t\t\t.innerHTML = '<%= btn_copy_success %>';\r\n\t\t\t\t});\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.error(err.name, err.message);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n}());", "on_close": "", "embed_code": "", "behaviors": ["info", "banner-h", "timer"], "template_type": "partscreen", "need_reset": true, "parameters": [{"id": 202036, "machine_name": "timer", "type": "timer"}], "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
", "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": 98137, "form": 84443, "filter": null, "filter_type": null, "account": 30425, "integration_type": "javascript", "on_render": "", "on_show": "mindbox(\"sync\", {\n operation: \"RushTimer10\",\n onSuccess: function(response) {\n PopMechanic.$(\".popmechanic-promocode\").html(response.promoCode.ids.value);\n },\n onValidationError: function(messages) { },\n onError: function(error) { }\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 80965, "form": 75252, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_push"}, {"id": 56248, "form": 58608, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-58608", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 86063, "form": 78566, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-78566", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 98004, "form": 84495, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-84495", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 97883, "form": 86042, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-86042", "subscriptions": [{"topic": "\u0423\u0447\u0435\u0431\u043d\u044b\u0435 \u0446\u0435\u043d\u0442\u0440\u044b", "pointOfContact": "Email"}]}, {"id": 15581, "form": 28997, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-28997-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-28997-targeting"}, {"id": 15582, "form": 28998, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-28998-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-28998-targeting"}, {"id": 16224, "form": 29680, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-29680-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-29680-targeting"}, {"id": 16225, "form": 29681, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-29681-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-29681-targeting"}, {"id": 30837, "form": 41839, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-41839-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-41839-targeting"}, {"id": 30841, "form": 41840, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-41840-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-41840-targeting"}, {"id": 56247, "form": 58608, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58608-show", "click_operation": "popmechanic-popup-58608-click", "targeting_operation": "popmechanic-popup-58608-targeting"}, {"id": 56249, "form": 58609, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-58609-show", "click_operation": "popmechanic-block-58609-click", "targeting_operation": "popmechanic-block-58609-targeting"}, {"id": 56607, "form": 58819, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58819-show", "click_operation": "popmechanic-popup-58819-click", "targeting_operation": "popmechanic-popup-58819-targeting"}, {"id": 65711, "form": 64755, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-64755-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-64755-targeting"}, {"id": 66914, "form": 65612, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-65612-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-65612-targeting"}, {"id": 80966, "form": 75252, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-75252-show", "click_operation": "popmechanic-popup-75252-click", "targeting_operation": "popmechanic-popup-75252-targeting"}, {"id": 86064, "form": 78566, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-78566-show", "click_operation": "popmechanic-popup-78566-click", "targeting_operation": "popmechanic-popup-78566-targeting"}, {"id": 90958, "form": 81606, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-81606-show", "click_operation": "popmechanic-popup-81606-click", "targeting_operation": "popmechanic-popup-81606-targeting"}, {"id": 95389, "form": 84443, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-84443-show", "click_operation": "popmechanic-popup-84443-click", "targeting_operation": "popmechanic-popup-84443-targeting"}, {"id": 95467, "form": 84495, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-84495-show", "click_operation": "popmechanic-popup-84495-click", "targeting_operation": "popmechanic-popup-84495-targeting"}, {"id": 97884, "form": 86042, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-86042-show", "click_operation": "popmechanic-popup-86042-click", "targeting_operation": "popmechanic-popup-86042-targeting"}, {"id": 98429, "form": 86439, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86439-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86439-targeting"}, {"id": 98430, "form": 86440, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86440-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86440-targeting"}, {"id": 98431, "form": 86441, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86441-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86441-targeting"}, {"id": 98432, "form": 86442, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86442-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86442-targeting"}, {"id": 100133, "form": 87592, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-87592-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-87592-targeting"}, {"id": 100142, "form": 87600, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-87600-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-87600-targeting"}, {"id": 100144, "form": 87602, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-87602-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-87602-targeting"}, {"id": 100148, "form": 87605, "filter": null, "filter_type": null, "account": 30425, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-87605-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-87605-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}