{"forms": [{"id": 86254, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n\n#popmechanic-form .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanic-form .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanic-form .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-form .tns-outer {\n position:relative;\n}\n\n#popmechanic-form .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n.popmechanic-items {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.popmechanic-item-card {\n\twidth: 25%;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-card {\n\t\twidth: 50%;\n\t}\n}\n\n.popmechanic-item-picture {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.popmechanic-item-picture img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tmax-width: 280px;\n\tmax-height: 280px;\n\tmargin: 0 auto\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-picture img {\n\t\tmax-width: 130px;\n\t\tmax-height: 130px;\n\t}\n}\n\n.popmechanic-item-name {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: 'Montserrat';\n\tfont-size: 12px;\n\tcolor: #343434;\n}\n\n.popmechanic-item-name__brand {\n font-weight: 600;\n\ttext-decoration: underline;\n}\n\n.popmechanic-item-name__model {\n font-weight: 500;\n\ttext-decoration: none;\n}\n\n.popmechanic-item-name__model:hover {\n\ttext-decoration: none;\n}\n\n.popmechanic-item-prices {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 13px;\n\tmargin-bottom: 50px;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-prices {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.popmechanic-item-prices:hover {\n\tcolor: #343434;\n\ttext-decoration: none;\n}\n\n.popmechanic-new-price.popmechanic-only-price {\n\tcolor: #343434;\n}\n\n.popmechanic-new-price {\n\tcolor: #CE102E;\n\tfont-weight: bold;\n}\n\n.popmechanic-old-price {\n\ttext-decoration: line-through;\n\tmargin-left: 5px;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "1", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t\n\t\t \"{{\n\t\t\n\t\t\n\t\t

{{ product.manufacturer.name }}

\n

{{ product.displayName }}

\n\t\t\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u20bd\n\t\t\t{% } %}\n\t\t {{ product.formattedPrice }} \u20bd\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovari\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_cards_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1200,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "G-FQ81HTV4M6", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "4", "recommendationLimit3": "4", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 85662, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-86254-reco-1", "limit": "12", "disabled": false, "algorithm": "Populyarnietovari", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "Main_SS // \u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b #86254", "active": true, "embed_selector": false, "selector": "body > footer > div.subscribe", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86414.png?ts=1713951703514", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n\n#popmechanic-form .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanic-form .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanic-form .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-form .tns-outer {\n position:relative;\n}\n\n#popmechanic-form .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n.popmechanic-items {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.popmechanic-item-card {\n\twidth: 25%;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-card {\n\t\twidth: 50%;\n\t}\n}\n\n.popmechanic-item-picture {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.popmechanic-item-picture img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tmax-width: 280px;\n\tmax-height: 280px;\n\tmargin: 0 auto\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-picture img {\n\t\tmax-width: 130px;\n\t\tmax-height: 130px;\n\t}\n}\n\n.popmechanic-item-name {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: 'Montserrat';\n\tfont-size: 12px;\n\tcolor: #343434;\n}\n\n.popmechanic-item-name__brand {\n font-weight: 600;\n\ttext-decoration: underline;\n}\n\n.popmechanic-item-name__model {\n font-weight: 500;\n\ttext-decoration: none;\n}\n\n.popmechanic-item-name__model:hover {\n\ttext-decoration: none;\n}\n\n.popmechanic-item-prices {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 13px;\n\tmargin-bottom: 50px;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-prices {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.popmechanic-item-prices:hover {\n\tcolor: #343434;\n\ttext-decoration: none;\n}\n\n.popmechanic-new-price.popmechanic-only-price {\n\tcolor: #343434;\n}\n\n.popmechanic-new-price {\n\tcolor: #CE102E;\n\tfont-weight: bold;\n}\n\n.popmechanic-old-price {\n\ttext-decoration: line-through;\n\tmargin-left: 5px;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "1", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t\n\t\t \"{{\n\t\t\n\t\t\n\t\t

{{ product.manufacturer.name }}

\n

{{ product.displayName }}

\n\t\t\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u20bd\n\t\t\t{% } %}\n\t\t {{ product.formattedPrice }} \u20bd\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovari\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_cards_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1200,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "G-FQ81HTV4M6", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "4", "recommendationLimit3": "4", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-86254-reco-1", "limit": "12", "disabled": false, "algorithm": "Populyarnietovari", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px;\r\n}\r\n\r\n\r\n#popmechanic-form.popmechanic-loaded,\r\n#popmechanic-form.popmechanic-loading {\r\n display: block;\r\n}\r\n\r\n#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture,\r\n#popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n}\r\n\r\n#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer;\r\n\r\n}\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%;\r\n}\r\n\r\n.popmechanic-throbber>b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child+.popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s;\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n.tns-outer {\r\n padding: 0 !important\r\n}\r\n\r\n.tns-outer [hidden] {\r\n display: none !important\r\n}\r\n\r\n.tns-outer [aria-controls],\r\n.tns-outer [data-action] {\r\n cursor: pointer\r\n}\r\n\r\n.tns-slider {\r\n -webkit-transition: all 0.3s;\r\n -moz-transition: all 0.3s;\r\n transition: all 0.3s\r\n}\r\n\r\n.tns-slider>.tns-item {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box\r\n}\r\n\r\n.tns-horizontal.tns-subpixel {\r\n white-space: nowrap\r\n}\r\n\r\n.tns-horizontal.tns-subpixel>.tns-item {\r\n display: inline-block;\r\n vertical-align: top;\r\n white-space: normal\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel>.tns-item {\r\n float: left;\r\n margin-right: -100%\r\n}\r\n\r\n.tns-no-calc {\r\n position: relative;\r\n left: 0\r\n}\r\n\r\n.tns-gallery {\r\n position: relative;\r\n left: 0;\r\n min-height: 1px\r\n}\r\n\r\n.tns-gallery>.tns-item {\r\n position: absolute;\r\n left: -100%;\r\n -webkit-transition: transform 0s, opacity 0s;\r\n -moz-transition: transform 0s, opacity 0s;\r\n transition: transform 0s, opacity 0s\r\n}\r\n\r\n.tns-gallery>.tns-slide-active {\r\n position: relative;\r\n left: unset !important\r\n}\r\n\r\n.tns-gallery>.tns-moving {\r\n -webkit-transition: all 0.25s;\r\n -moz-transition: all 0.25s;\r\n transition: all 0.25s\r\n}\r\n\r\n.tns-lazy-img {\r\n -webkit-transition: opacity 0.6s;\r\n -moz-transition: opacity 0.6s;\r\n transition: opacity 0.6s;\r\n opacity: 0.6\r\n}\r\n\r\n.tns-lazy-img.loaded {\r\n opacity: 1\r\n}\r\n\r\n.tns-ah {\r\n -webkit-transition: height 0s;\r\n -moz-transition: height 0s;\r\n transition: height 0s\r\n}\r\n\r\n.tns-ovh {\r\n overflow: hidden\r\n}\r\n\r\n.tns-visually-hidden {\r\n position: absolute !important;\r\n left: -10000em\r\n}\r\n\r\n.tns-transparent {\r\n opacity: 0;\r\n visibility: hidden\r\n}\r\n\r\n.tns-fadeIn {\r\n opacity: 1;\r\n filter: alpha(opacity=100);\r\n z-index: 0\r\n}\r\n\r\n.tns-normal,\r\n.tns-fadeOut {\r\n opacity: 0;\r\n filter: alpha(opacity=0);\r\n z-index: -1\r\n}\r\n\r\n.tns-t-subp2 {\r\n margin: 0 auto;\r\n width: 310px;\r\n position: relative;\r\n height: 10px;\r\n overflow: hidden\r\n}\r\n\r\n.tns-t-ct {\r\n width: 2333.3333333%;\r\n width: -webkit-calc(100% * 70 / 3);\r\n width: -moz-calc(100% * 70 / 3);\r\n width: calc(100% * 70 / 3);\r\n position: absolute;\r\n right: 0\r\n}\r\n\r\n.tns-t-ct:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-t-ct>div {\r\n width: 1.4285714%;\r\n width: -webkit-calc(100% / 70);\r\n width: -moz-calc(100% / 70);\r\n width: calc(100% / 70);\r\n height: 10px;\r\n float: left\r\n}\r\n\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n.popmechanic-items-wrapper {\r\n\tmargin-top: 25px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\t.popmechanic-items-wrapper {\r\n\t\tmargin-top: 20px;\r\n\t}\r\n}\r\n\r\n.popmechanic-show-more-btn {\r\n\tpadding: 11px 36px;\r\n\tborder-radius: 25px;\r\n\tfont-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n\tfont-size: 13px;\r\n\tfont-weight: 600;\r\n\tcolor: #FFFFFF;\r\n\tbackground-color: #1EBC24;\r\n\tcursor: pointer;\r\n}\r\n\r\n.popmechanic-show-wrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n}\r\n\r\n.popmechanic-show-more-btn:disabled {\r\n\tcolor: #C9C9C9;\r\n\tbackground-color: #FAFAFA;\r\n\tborder: 1px solid #EFEFEF;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 84111, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanicRecommendationBlock .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanicRecommendationBlock .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanicRecommendationBlock .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanicRecommendationBlock .tns-outer {\n position:relative;\n}\n\n#popmechanicRecommendationBlock .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n.popmechanic-items {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.popmechanic-item-card {\n\twidth: 25%;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-card {\n\t\twidth: 50%;\n\t}\n}\n\n.popmechanic-item-picture {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.popmechanic-item-picture img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tmax-width: 280px;\n\tmax-height: 280px;\n\tmargin: 0 auto\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-picture img {\n\t\tmax-width: 130px;\n\t\tmax-height: 130px;\n\t}\n}\n\n.popmechanic-item-name {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: 'Montserrat';\n\tfont-size: 12px;\n\tcolor: #343434;\n}\n\n.popmechanic-item-name__brand {\n font-weight: 600;\n\ttext-decoration: underline;\n}\n\n.popmechanic-item-name__model {\n font-weight: 500;\n\ttext-decoration: none;\n}\n\n.popmechanic-item-name__model:hover {\n\ttext-decoration: none;\n}\n\n.popmechanic-item-prices {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 13px;\n\tmargin-bottom: 50px;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-prices {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.popmechanic-item-prices:hover {\n\tcolor: #343434;\n\ttext-decoration: none;\n}\n\n.popmechanic-new-price.popmechanic-only-price {\n\tcolor: #343434;\n}\n\n.popmechanic-new-price {\n\tcolor: #CE102E;\n\tfont-weight: bold;\n}\n\n.popmechanic-old-price {\n\ttext-decoration: line-through;\n\tmargin-left: 5px;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t\n\t\t \"{{\n\t\t\n\t\t\n\t\t

{{ product.manufacturer.name }}

\n

{{ product.displayName }}

\n\t\t\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u20bd\n\t\t\t{% } %}\n\t\t {{ product.formattedPrice }} \u20bd\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"SSPersonalRecs\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovari\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"Soputstvuyuschieproduktikspiskuproduktov\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_search_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1000,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "1", "enable_reco_3": "1", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "recommendationLimit2": "6", "recommendationLimit3": "6", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 83519, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-84111-reco-1", "limit": "6", "disabled": false, "algorithm": "SSPersonalRecs", "recoTarget": "Customer"}, {"id": "popmechanic-widget-84111-reco-2", "limit": "6", "disabled": false, "algorithm": "Populyarnietovari", "recoTarget": "Customer"}, {"id": "popmechanic-widget-84111-reco-3", "limit": "6", "disabled": false, "algorithm": "Soputstvuyuschieproduktikspiskuproduktov", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "Recs_search_SS // \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 (\u043a\u043e\u043f\u0438\u044f) #84111", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-84152.png?ts=1713441715789", "rendered_button_preview": null, "settings": {"css": "#popmechanicRecommendationBlock .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanicRecommendationBlock .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanicRecommendationBlock .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanicRecommendationBlock .tns-outer {\n position:relative;\n}\n\n#popmechanicRecommendationBlock .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n.popmechanic-items {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.popmechanic-item-card {\n\twidth: 25%;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-card {\n\t\twidth: 50%;\n\t}\n}\n\n.popmechanic-item-picture {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.popmechanic-item-picture img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tmax-width: 280px;\n\tmax-height: 280px;\n\tmargin: 0 auto\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-picture img {\n\t\tmax-width: 130px;\n\t\tmax-height: 130px;\n\t}\n}\n\n.popmechanic-item-name {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: 'Montserrat';\n\tfont-size: 12px;\n\tcolor: #343434;\n}\n\n.popmechanic-item-name__brand {\n font-weight: 600;\n\ttext-decoration: underline;\n}\n\n.popmechanic-item-name__model {\n font-weight: 500;\n\ttext-decoration: none;\n}\n\n.popmechanic-item-name__model:hover {\n\ttext-decoration: none;\n}\n\n.popmechanic-item-prices {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 13px;\n\tmargin-bottom: 50px;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-prices {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.popmechanic-item-prices:hover {\n\tcolor: #343434;\n\ttext-decoration: none;\n}\n\n.popmechanic-new-price.popmechanic-only-price {\n\tcolor: #343434;\n}\n\n.popmechanic-new-price {\n\tcolor: #CE102E;\n\tfont-weight: bold;\n}\n\n.popmechanic-old-price {\n\ttext-decoration: line-through;\n\tmargin-left: 5px;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t\n\t\t \"{{\n\t\t\n\t\t\n\t\t

{{ product.manufacturer.name }}

\n

{{ product.displayName }}

\n\t\t\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u20bd\n\t\t\t{% } %}\n\t\t {{ product.formattedPrice }} \u20bd\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"SSPersonalRecs\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovari\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"Soputstvuyuschieproduktikspiskuproduktov\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_search_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1000,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "1", "enable_reco_3": "1", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "recommendationLimit2": "6", "recommendationLimit3": "6", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-84111-reco-1", "limit": "6", "disabled": false, "algorithm": "SSPersonalRecs", "recoTarget": "Customer"}, {"id": "popmechanic-widget-84111-reco-2", "limit": "6", "disabled": false, "algorithm": "Populyarnietovari", "recoTarget": "Customer"}, {"id": "popmechanic-widget-84111-reco-3", "limit": "6", "disabled": false, "algorithm": "Soputstvuyuschieproduktikspiskuproduktov", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px;\r\n}\r\n\r\n\r\n#popmechanicRecommendationBlock.popmechanic-loaded,\r\n#popmechanicRecommendationBlock.popmechanic-loading {\r\n display: block;\r\n}\r\n\r\n#popmechanicRecommendationBlock.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanicRecommendationBlock .popmechanic-item-picture,\r\n#popmechanicRecommendationBlock .popmechanic-item-name {\r\n display: block;\r\n}\r\n\r\n#popmechanicRecommendationBlock.popmechanic-loaded .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n\r\n\r\n#popmechanicRecommendationBlock .popmechanic-main {\r\n padding: 0;\r\n text-align: center;\r\n}\r\n\r\n#popmechanicRecommendationBlock .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n#popmechanicRecommendationBlock .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer;\r\n\r\n}\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%;\r\n}\r\n\r\n.popmechanic-throbber>b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child+.popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s;\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n.tns-outer {\r\n padding: 0 !important\r\n}\r\n\r\n.tns-outer [hidden] {\r\n display: none !important\r\n}\r\n\r\n.tns-outer [aria-controls],\r\n.tns-outer [data-action] {\r\n cursor: pointer\r\n}\r\n\r\n.tns-slider {\r\n -webkit-transition: all 0.3s;\r\n -moz-transition: all 0.3s;\r\n transition: all 0.3s\r\n}\r\n\r\n.tns-slider>.tns-item {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box\r\n}\r\n\r\n.tns-horizontal.tns-subpixel {\r\n white-space: nowrap\r\n}\r\n\r\n.tns-horizontal.tns-subpixel>.tns-item {\r\n display: inline-block;\r\n vertical-align: top;\r\n white-space: normal\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel>.tns-item {\r\n float: left;\r\n margin-right: -100%\r\n}\r\n\r\n.tns-no-calc {\r\n position: relative;\r\n left: 0\r\n}\r\n\r\n.tns-gallery {\r\n position: relative;\r\n left: 0;\r\n min-height: 1px\r\n}\r\n\r\n.tns-gallery>.tns-item {\r\n position: absolute;\r\n left: -100%;\r\n -webkit-transition: transform 0s, opacity 0s;\r\n -moz-transition: transform 0s, opacity 0s;\r\n transition: transform 0s, opacity 0s\r\n}\r\n\r\n.tns-gallery>.tns-slide-active {\r\n position: relative;\r\n left: unset !important\r\n}\r\n\r\n.tns-gallery>.tns-moving {\r\n -webkit-transition: all 0.25s;\r\n -moz-transition: all 0.25s;\r\n transition: all 0.25s\r\n}\r\n\r\n.tns-lazy-img {\r\n -webkit-transition: opacity 0.6s;\r\n -moz-transition: opacity 0.6s;\r\n transition: opacity 0.6s;\r\n opacity: 0.6\r\n}\r\n\r\n.tns-lazy-img.loaded {\r\n opacity: 1\r\n}\r\n\r\n.tns-ah {\r\n -webkit-transition: height 0s;\r\n -moz-transition: height 0s;\r\n transition: height 0s\r\n}\r\n\r\n.tns-ovh {\r\n overflow: hidden\r\n}\r\n\r\n.tns-visually-hidden {\r\n position: absolute !important;\r\n left: -10000em\r\n}\r\n\r\n.tns-transparent {\r\n opacity: 0;\r\n visibility: hidden\r\n}\r\n\r\n.tns-fadeIn {\r\n opacity: 1;\r\n filter: alpha(opacity=100);\r\n z-index: 0\r\n}\r\n\r\n.tns-normal,\r\n.tns-fadeOut {\r\n opacity: 0;\r\n filter: alpha(opacity=0);\r\n z-index: -1\r\n}\r\n\r\n.tns-t-subp2 {\r\n margin: 0 auto;\r\n width: 310px;\r\n position: relative;\r\n height: 10px;\r\n overflow: hidden\r\n}\r\n\r\n.tns-t-ct {\r\n width: 2333.3333333%;\r\n width: -webkit-calc(100% * 70 / 3);\r\n width: -moz-calc(100% * 70 / 3);\r\n width: calc(100% * 70 / 3);\r\n position: absolute;\r\n right: 0\r\n}\r\n\r\n.tns-t-ct:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-t-ct>div {\r\n width: 1.4285714%;\r\n width: -webkit-calc(100% / 70);\r\n width: -moz-calc(100% / 70);\r\n width: calc(100% / 70);\r\n height: 10px;\r\n float: left\r\n}\r\n\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n.popmechanic-items-wrapper {\r\n\tmargin-top: 25px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\t.popmechanic-items-wrapper {\r\n\t\tmargin-top: 20px;\r\n\t}\r\n}\r\n\r\n.popmechanic-show-more-btn {\r\n\tpadding: 11px 36px;\r\n\tborder-radius: 25px;\r\n\tfont-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n\tfont-size: 13px;\r\n\tfont-weight: 600;\r\n\tcolor: #FFFFFF;\r\n\tbackground-color: #1EBC24;\r\n\tcursor: pointer;\r\n}\r\n\r\n.popmechanic-show-wrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n}\r\n\r\n.popmechanic-show-more-btn:disabled {\r\n\tcolor: #C9C9C9;\r\n\tbackground-color: #FAFAFA;\r\n\tborder: 1px solid #EFEFEF;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 84099, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n\n#popmechanic-form .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanic-form .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanic-form .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-form .tns-outer {\n position:relative;\n}\n\n#popmechanic-form .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n.popmechanic-items {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.popmechanic-item-card {\n\twidth: 25%;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-card {\n\t\twidth: 50%;\n\t}\n}\n\n.popmechanic-item-picture {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.popmechanic-item-picture img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tmax-width: 280px;\n\tmax-height: 280px;\n\tmargin: 0 auto\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-picture img {\n\t\tmax-width: 130px;\n\t\tmax-height: 130px;\n\t}\n}\n\n.popmechanic-item-name {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: 'Montserrat';\n\tfont-size: 12px;\n\tcolor: #343434;\n}\n\n.popmechanic-item-name__brand {\n font-weight: 600;\n\ttext-decoration: underline;\n}\n\n.popmechanic-item-name__model {\n font-weight: 500;\n\ttext-decoration: none;\n}\n\n.popmechanic-item-name__model:hover {\n\ttext-decoration: none;\n}\n\n.popmechanic-item-prices {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 13px;\n\tmargin-bottom: 50px;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-prices {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.popmechanic-item-prices:hover {\n\tcolor: #343434;\n\ttext-decoration: none;\n}\n\n.popmechanic-new-price.popmechanic-only-price {\n\tcolor: #343434;\n}\n\n.popmechanic-new-price {\n\tcolor: #CE102E;\n\tfont-weight: bold;\n}\n\n.popmechanic-old-price {\n\ttext-decoration: line-through;\n\tmargin-left: 5px;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "1", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t\n\t\t \"{{\n\t\t\n\t\t\n\t\t

{{ product.manufacturer.name }}

\n

{{ product.displayName }}

\n\t\t\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u20bd\n\t\t\t{% } %}\n\t\t {{ product.formattedPrice }} \u20bd\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"SimilarProducts\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_cards_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1200,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "G-FQ81HTV4M6", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "16", "recommendationLimit2": "4", "recommendationLimit3": "4", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 83507, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-84099-reco-1", "limit": "16", "disabled": false, "algorithm": "SimilarProducts", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "Recs_cards_SS // \u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u0438 \u0441\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b (\u043a\u043e\u043f\u0438\u044f) #84099", "active": true, "embed_selector": false, "selector": "body > footer > div.subscribe", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-84138.png?ts=1713441721029", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n\n#popmechanic-form .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanic-form .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanic-form .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-form .tns-outer {\n position:relative;\n}\n\n#popmechanic-form .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n.popmechanic-items {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n\n.popmechanic-item-card {\n\twidth: 25%;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-card {\n\t\twidth: 50%;\n\t}\n}\n\n.popmechanic-item-picture {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.popmechanic-item-picture img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tmax-width: 280px;\n\tmax-height: 280px;\n\tmargin: 0 auto\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-picture img {\n\t\tmax-width: 130px;\n\t\tmax-height: 130px;\n\t}\n}\n\n.popmechanic-item-name {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: 'Montserrat';\n\tfont-size: 12px;\n\tcolor: #343434;\n}\n\n.popmechanic-item-name__brand {\n font-weight: 600;\n\ttext-decoration: underline;\n}\n\n.popmechanic-item-name__model {\n font-weight: 500;\n\ttext-decoration: none;\n}\n\n.popmechanic-item-name__model:hover {\n\ttext-decoration: none;\n}\n\n.popmechanic-item-prices {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: 13px;\n\tmargin-bottom: 50px;\n}\n\n@media (max-width: 767px) {\n\t.popmechanic-item-prices {\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.popmechanic-item-prices:hover {\n\tcolor: #343434;\n\ttext-decoration: none;\n}\n\n.popmechanic-new-price.popmechanic-only-price {\n\tcolor: #343434;\n}\n\n.popmechanic-new-price {\n\tcolor: #CE102E;\n\tfont-weight: bold;\n}\n\n.popmechanic-old-price {\n\ttext-decoration: line-through;\n\tmargin-left: 5px;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "1", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t\n\t\t \"{{\n\t\t\n\t\t\n\t\t

{{ product.manufacturer.name }}

\n

{{ product.displayName }}

\n\t\t\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u20bd\n\t\t\t{% } %}\n\t\t {{ product.formattedPrice }} \u20bd\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"SimilarProducts\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_cards_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1200,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "G-FQ81HTV4M6", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "16", "recommendationLimit2": "4", "recommendationLimit3": "4", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-84099-reco-1", "limit": "16", "disabled": false, "algorithm": "SimilarProducts", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px;\r\n}\r\n\r\n\r\n#popmechanic-form.popmechanic-loaded,\r\n#popmechanic-form.popmechanic-loading {\r\n display: block;\r\n}\r\n\r\n#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture,\r\n#popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n}\r\n\r\n#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer;\r\n\r\n}\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%;\r\n}\r\n\r\n.popmechanic-throbber>b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child+.popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s;\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n.tns-outer {\r\n padding: 0 !important\r\n}\r\n\r\n.tns-outer [hidden] {\r\n display: none !important\r\n}\r\n\r\n.tns-outer [aria-controls],\r\n.tns-outer [data-action] {\r\n cursor: pointer\r\n}\r\n\r\n.tns-slider {\r\n -webkit-transition: all 0.3s;\r\n -moz-transition: all 0.3s;\r\n transition: all 0.3s\r\n}\r\n\r\n.tns-slider>.tns-item {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box\r\n}\r\n\r\n.tns-horizontal.tns-subpixel {\r\n white-space: nowrap\r\n}\r\n\r\n.tns-horizontal.tns-subpixel>.tns-item {\r\n display: inline-block;\r\n vertical-align: top;\r\n white-space: normal\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel>.tns-item {\r\n float: left;\r\n margin-right: -100%\r\n}\r\n\r\n.tns-no-calc {\r\n position: relative;\r\n left: 0\r\n}\r\n\r\n.tns-gallery {\r\n position: relative;\r\n left: 0;\r\n min-height: 1px\r\n}\r\n\r\n.tns-gallery>.tns-item {\r\n position: absolute;\r\n left: -100%;\r\n -webkit-transition: transform 0s, opacity 0s;\r\n -moz-transition: transform 0s, opacity 0s;\r\n transition: transform 0s, opacity 0s\r\n}\r\n\r\n.tns-gallery>.tns-slide-active {\r\n position: relative;\r\n left: unset !important\r\n}\r\n\r\n.tns-gallery>.tns-moving {\r\n -webkit-transition: all 0.25s;\r\n -moz-transition: all 0.25s;\r\n transition: all 0.25s\r\n}\r\n\r\n.tns-lazy-img {\r\n -webkit-transition: opacity 0.6s;\r\n -moz-transition: opacity 0.6s;\r\n transition: opacity 0.6s;\r\n opacity: 0.6\r\n}\r\n\r\n.tns-lazy-img.loaded {\r\n opacity: 1\r\n}\r\n\r\n.tns-ah {\r\n -webkit-transition: height 0s;\r\n -moz-transition: height 0s;\r\n transition: height 0s\r\n}\r\n\r\n.tns-ovh {\r\n overflow: hidden\r\n}\r\n\r\n.tns-visually-hidden {\r\n position: absolute !important;\r\n left: -10000em\r\n}\r\n\r\n.tns-transparent {\r\n opacity: 0;\r\n visibility: hidden\r\n}\r\n\r\n.tns-fadeIn {\r\n opacity: 1;\r\n filter: alpha(opacity=100);\r\n z-index: 0\r\n}\r\n\r\n.tns-normal,\r\n.tns-fadeOut {\r\n opacity: 0;\r\n filter: alpha(opacity=0);\r\n z-index: -1\r\n}\r\n\r\n.tns-t-subp2 {\r\n margin: 0 auto;\r\n width: 310px;\r\n position: relative;\r\n height: 10px;\r\n overflow: hidden\r\n}\r\n\r\n.tns-t-ct {\r\n width: 2333.3333333%;\r\n width: -webkit-calc(100% * 70 / 3);\r\n width: -moz-calc(100% * 70 / 3);\r\n width: calc(100% * 70 / 3);\r\n position: absolute;\r\n right: 0\r\n}\r\n\r\n.tns-t-ct:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-t-ct>div {\r\n width: 1.4285714%;\r\n width: -webkit-calc(100% / 70);\r\n width: -moz-calc(100% / 70);\r\n width: calc(100% / 70);\r\n height: 10px;\r\n float: left\r\n}\r\n\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n.popmechanic-items-wrapper {\r\n\tmargin-top: 25px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\t.popmechanic-items-wrapper {\r\n\t\tmargin-top: 20px;\r\n\t}\r\n}\r\n\r\n.popmechanic-show-more-btn {\r\n\tpadding: 11px 36px;\r\n\tborder-radius: 25px;\r\n\tfont-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n\tfont-size: 13px;\r\n\tfont-weight: 600;\r\n\tcolor: #FFFFFF;\r\n\tbackground-color: #1EBC24;\r\n\tcursor: pointer;\r\n}\r\n\r\n.popmechanic-show-wrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n}\r\n\r\n.popmechanic-show-more-btn:disabled {\r\n\tcolor: #C9C9C9;\r\n\tbackground-color: #FAFAFA;\r\n\tborder: 1px solid #EFEFEF;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 79814, "template": 2003, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [], "operator": "$and"}}, "settings_splits": [{"settings": {"line": "1.6", "image": "https://personalization-web-stable.mindbox.ru/user-media/35567/b68ad647bdcac286cd4b172a5c927b33c0c77deaa622f96f4b3f9e9244b59bf3.png", "bg_col1": "#f5f5f5", "bg_col2": "#20C927", "otstup1": "40", "otstup2": "40.00", "but_col1": "#1EBC24", "but_col3": "#fff", "inp_col1": "#000000", "line_mob": "1.3", "thankyou": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443! ", "agree_col": "#000000", "font_col1": "#000000", "font_col2": "#000000", "font_col3": "#4a9e1d", "img_size1": "440.00", "first_line": "\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0432 \u0442\u0435\u043c\u0435!", "font_size1": "34.00", "font_size2": "20.00", "font_size3": "20.00", "third_line": "", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438 \u0441\u0432\u043e\u0439 e-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0438", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submit2_text": "\u0414\u041b\u042f \u041d\u0415\u0413\u041e", "submit1_value": "female", "submit2_value": "male", "submits_count": 1}, "machine_name": "gender"}, {"name": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "type": "checkbox", "label": "\u042f \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e", "params": {"checked": true, "options": [], "link_href": "https://superstep.ru/security-policy/", "link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438*", "show_link": true, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "agreement", "error_message_text": "", "show_error_message": false}], "font_custom": "'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif", "font_family": "Arial, Helvetica, sans-serif", "second_line": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438", "font_sizemob1": "16", "font_sizemob2": "20", "font_sizemob3": "12", "thankyouImage": "https://personalization-web-stable.mindbox.ru/user-media/35567/d9cd3927c8bc47a85fa9c673876d2629e7e9800990782ee934004483f72c2897.png", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"only_forced": "targeting"}, "combinator": "and", "id": 193541}], "id": 79222, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": true, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "SuperStep // pop-up_\u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 // \u043f\u043e \u043a\u043b\u0438\u043a\u0443", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-79619.png?ts=1712748066920", "rendered_button_preview": null, "settings": {"line": "1.6", "image": "https://personalization-web-stable.mindbox.ru/user-media/35567/b68ad647bdcac286cd4b172a5c927b33c0c77deaa622f96f4b3f9e9244b59bf3.png", "bg_col1": "#f5f5f5", "bg_col2": "#20C927", "otstup1": "40", "otstup2": "40.00", "but_col1": "#1EBC24", "but_col3": "#fff", "inp_col1": "#000000", "line_mob": "1.3", "thankyou": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443! ", "agree_col": "#000000", "font_col1": "#000000", "font_col2": "#000000", "font_col3": "#4a9e1d", "img_size1": "440.00", "first_line": "\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0432 \u0442\u0435\u043c\u0435!", "font_size1": "34.00", "font_size2": "20.00", "font_size3": "20.00", "third_line": "", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438 \u0441\u0432\u043e\u0439 e-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0438", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submit2_text": "\u0414\u041b\u042f \u041d\u0415\u0413\u041e", "submit1_value": "female", "submit2_value": "male", "submits_count": 1}, "machine_name": "gender"}, {"name": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "type": "checkbox", "label": "\u042f \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e", "params": {"checked": true, "options": [], "link_href": "https://superstep.ru/security-policy/", "link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438*", "show_link": true, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "agreement", "error_message_text": "", "show_error_message": false}], "font_custom": "'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif", "font_family": "Arial, Helvetica, sans-serif", "second_line": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438", "font_sizemob1": "16", "font_sizemob2": "20", "font_sizemob3": "12", "thankyouImage": "https://personalization-web-stable.mindbox.ru/user-media/35567/d9cd3927c8bc47a85fa9c673876d2629e7e9800990782ee934004483f72c2897.png", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": true, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "
\r\n\t
\r\n\t\t
\r\n\t\t\t
<%=first_line%>
\r\n\t\t\t
<%=second_line%>
\r\n\t\t\t
<%=third_line%>\u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u043a\u0438\u0434\u043a\u0443 10%
\r\n\t\t\t
<%=third_line%>\u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043f\u043e\u043a\u0443\u043f\u043a\u0443.
\r\n\t\t
\r\n\t\t
\r\n\t\t\t<%\r\n\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\r\n\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"submit\":\r\n\r\n\t\t\t\t\tif (field.params.submits_count == 1) {\r\n\t\t\t\t\t%>\r\n\t\t\t<%\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t%>\r\n\t\t\t
\r\n\t\t\t\t<%\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\r\n\t\t\t
<%\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t<%\r\n\t\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t%>\r\n\t\t
\r\n\t
\r\n\t\t
\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t<%=thankyou%>\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\u0415\u0441\u043b\u0438 \u043d\u0435 \u0432\u0438\u0434\u0438\u0448\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u043e\u0447\u0442\u0435, \u043f\u0440\u043e\u0432\u0435\u0440\u044c \u0440\u0430\u0437\u0434\u0435\u043b \"\u0441\u043f\u0430\u043c\".\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t
×
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n<% var show1button = true;\r\nfor (var i = 0; i < fields_list.length; i++) {\r\n\tvar field = fields_list[i];\r\n\tif (field.type == \"submit\") show1button = field.params.submits_count == 1;\r\n}\r\n%>\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tfont-size: inherit;\r\n\tbox-sizing: border-box;\r\n\t-webkit-font-smoothing: antialiased;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block !important;\r\n\tvertical-align: middle;\r\n\tpadding: <%=otstup2%>px 0 0 300px;\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-picture {\r\n\twidth: 880px;\r\n\theight: <%=img_size1%>px;\r\n\tposition: absolute;\r\n\ttop: 40px;\r\n\tleft: 0%;\r\n\tz-index: 9;\r\n\tbackground: url(<%=image%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-picture {\r\n\tbackground-image: url(<%=thankyouImage%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 15% 50%;\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n\t/*background: <%=bg_col1%>;*/\r\n\ttext-align: left;\r\n\twidth: 440px;\r\n\tmin-height:440px;\r\n\theight: auto;\r\n\tposition: relative;\r\n\tz-index: 10;\r\n\tpadding: <%=otstup1%>px 35px;\r\n\tfont-weight:700;\r\n\tfont-family: 'Montserrat';\r\n\tright: 68%;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-weight:700;\r\n\tfont-size: <%=font_size1%>px;\r\n\tline-height: <%=line%>;\r\n\tcolor: <%=font_col1%>;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-second-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-second-line {\r\n\tfont-weight: 700;\r\n\tline-height: <%=line%>;\r\n\tfont-size: <%=font_size2%>px;\r\n\tcolor: <%=font_col2%>;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-third-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-third-line {\r\n\tfont-size: <%=font_size3%>px;\r\n\tline-height: <%=line%>;\r\n\ttext-transform: none;\r\n\tcolor: <%=font_col3%>;\r\n\tfont-family: 'Montserrat';\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-fourth-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-fourth-line {\r\n\tfont-size: <%=font_size3%>px;\r\n\tline-height: <%=line%>;\r\n\ttext-transform: none;\r\n\tcolor: <%=font_col2%>;\r\n\tfont-family: 'Montserrat';\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n\tmargin-top: 30px;\r\n}\r\n#popmechanic-form input,\r\n#popmechanic-form select {\r\n\tdisplay: block;\r\n\twidth: 350px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tpadding: 0;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=inp_col1%>;\r\n\tmargin: 19px auto 19px 0;\r\n\tfont-weight: 300;\r\n\tcolor: #000;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form input::-webkit-input-placeholder {\r\n\tcolor: #797979\r\n}\r\n#popmechanic-form input::-moz-placeholder {\r\n\tcolor: #797979\r\n}\r\n#popmechanic-form input::placeholder {\r\n\tcolor: #797979\r\n}\r\n\r\n<% if (show1button) { %>\r\n#popmechanic-form button {\r\n\tpadding: 0;\r\n\tdisplay: block;\r\n\twidth: 350px;\r\n\theight: 45px;\r\n\tline-height: 44px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tletter-spacing: 2px;\r\n\tborder: 1px solid <%=but_col1%>;\r\n\tmargin: 19px auto 0 0;\r\n\tbackground: <%=but_col1%>;\r\n\tcolor: <%=but_col3%>;\r\n\tfont-weight:500;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form button:hover {\r\n\tbackground: <%=bg_col2%>;\r\n\tcolor: <%=but_col3%>;\r\n\tborder: 1px solid <%=bg_col2%>;\r\n}\r\n<% } else { %>\r\n#popmechanic-form .popmechanic-buttons {\r\n\tfont-size: 0;\r\n\twidth: 350px;\r\n\tmargin: 19px auto;\r\n}\r\n\r\n#popmechanic-form button {\r\n\tpadding: 0;\r\n\tdisplay: inline-block;\r\n\tmargin-right: 10px;\r\n\tmargin-bottom:0;\r\n\twidth: 170px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=but_col1%>;\r\n\tbackground: <%=but_col1%>;\r\n\tcolor: <%=but_col3%>;\r\n\tfont-weight:700;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form button:hover {\r\n\tbackground: <%=bg_col2%>;\r\n\tcolor: <%=but_col3%>;\r\n\tborder: 1px solid <%=bg_col2%>;\r\n}\r\n#popmechanic-form button:last-child {\r\n\tmargin-right: 0;\r\n}\r\n<% } %>\r\n#popmechanic-form .popmechanic-agree {\r\n\tfont-size: 11px;\r\n\tfont-weight: 500;\r\n\tcolor: <%=agree_col%>;\r\n\tvertical-align: middle;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tpadding-left: 22px;\r\n\tmargin-top: 15px;\r\n\tmargin-bottom: 10px;\r\n}\r\n#popmechanic-form .popmechanic-agree br {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-agree a {\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form .popmechanic-agree input {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-agree input.popmechanic-invalid + .popmechanic-check {\r\n\tbox-shadow: 0 0 0 1px black;\r\n}\r\n#popmechanic-form .popmechanic-agree .popmechanic-check {\r\n\tposition: absolute;\r\n\tdisplay: inline-block;\r\n\twidth: 12px;\r\n\theight: 12px;\r\n\tborder-radius: 0;\r\n\tleft: 0;\r\n\tmargin-right: 10px;\r\n\tbackground: #fff;\r\n\tborder: 3px solid #fff;\r\n\tbox-shadow: 0 0 0 1px #000;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-agree input:checked + .popmechanic-check {\r\n\tbackground: #000000;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 60px;\r\n\tright: -16%;\r\n\ttext-decoration: none;\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tline-height: 15px;\r\n\tfont-size: 40px;\r\n\tcursor: pointer;\r\n\tz-index: 11;\r\n\tcolor: #000000;\r\n\tfont-weight: 100;\r\n}\r\n#popmechanic-form .popmechanic-close:hover {\r\n\tcolor: <%=bg_col2%>;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form input.popmechanic-invalid {\r\n\tborder-color: #e84e4e;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tpadding-top: 50px;\r\n\tfont-size: 10px;\r\n\tline-height: 15px;\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form {\r\n\twidth: 320px;\r\n\tpadding: 0px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-picture {\r\n\twidth: 320px;\r\n\tmax-height:440px;\r\n\theight: 440px;\r\n\tbackground: url(<%=image%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n.popmechanic-mobile .popmechanic-success #popmechanic-form .popmechanic-picture {\r\n\twidth: 320px;\r\n\tmax-height:440px;\r\n\tbackground-image: url(<%=thankyouImage%>)\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: 280px;\r\n\tmax-height:400px;\r\n\tvertical-align: middle;\r\n\tmargin-left: auto;\r\n\tmargin: 20px;\r\n\tmargin-right: auto;\r\n\theight: 390px;\r\n\tmin-height: 390px;\r\n\tbackground: rgba(255, 255, 255, 0.9);\r\n\tpadding: 80px 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-inputs {\r\n\tmargin-top: 6px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou input {\r\n\twidth: 226px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-buttons {\r\n\twidth: 226px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou button {\r\n\twidth: 226px;\r\n\tmargin: 10px auto;\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-size: 20px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-first-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-first-line {\r\n\tfont-size: <%=font_sizemob1%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-third-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-third-line {\r\n\tfont-size: <%=font_sizemob3%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-second-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-second-line {\r\n\tfont-size: <%=font_sizemob2%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-legal {\r\n\ttext-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-agree {\r\n\ttext-align: center;\r\n\tmargin-top: 6px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-agree br {\r\n\tdisplay: inline;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\tpadding-top: 166px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-size: 26px;\r\n\tline-height: 33px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: 32px;\r\n\tright: 32px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n #popmechanic-form .popmechanic-content {\r\n width: 226px;\r\n }\r\n \r\n #popmechanic-form .popmechanic-main,\r\n #popmechanic-form .popmechanic-thankyou {\r\n background: white !important; \r\n top: 0;\r\n left: 0;\r\n margin: 0 !important;\r\n width: 100% !important;\r\n padding: 24px 20px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-main {\r\n height: 430px !important;\r\n min-height: 430px !important;\r\n max-height: 430px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-close {\r\n top: 10px !important;\r\n right: 16px !important;\r\n opacity: 35%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-first-line {\r\n margin-bottom: 9px;\r\n font-weight: 300;\r\n font-size: 16px !important;\r\n line-height: 20px !important;\r\n font-family: \"Montserrat\", \"Helvetica\", \"Arial\", sans-serif;\r\n color: #343434 !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-second-line {\r\n display: block;\r\n font-weight: 400 !important;\r\n font-size: 24px !important;\r\n line-height: 23px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #343434 !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-second-line span {\r\n display: none;\r\n }\r\n \r\n #popmechanic-form .popmechanic-third-line {\r\n display: block;\r\n font-weight: 600 !important;\r\n font-size: 24px !important;\r\n line-height: 23px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #343434 !important;\r\n height: 24px;\r\n overflow: hidden;\r\n }\r\n \r\n #popmechanic-form .popmechanic-third-line:before {\r\n font-weight: 400 !important;\r\n content: '\u0438 ';\r\n }\r\n \r\n #popmechanic-form .popmechanic-fourth-line {\r\n position: relative;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 24px !important;\r\n line-height: 23px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #343434 !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-fourth-line:after {\r\n position: absolute;\r\n right: -12px;\r\n top: calc(100% - 25px);\r\n width: 130px;\r\n height: 57px;\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjU3IiB2aWV3Qm94PSIwIDAgMTMwIDU3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTI2LjYxMyIgaGVpZ2h0PSI0NS41MzM2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEwLjY5ODQpIHJvdGF0ZSgtNC42NzY1NykiIGZpbGw9IiNDRTEwMkUiLz4KPHBhdGggZD0iTTE3LjAyMjEgMzcuNTAwMkwzMi4wNjYyIDM2LjI2OTVMMzEuNzE1OSAzMS45ODc3TDE2LjY3MTggMzMuMjE4NEwxNy4wMjIxIDM3LjUwMDJaTTM2LjcxNzkgNDQuMDgyN0w1NS4zODggNDIuNTU1NUw1NS4wNDQxIDM4LjM1MDhMNTIuNDU5NiAzOC41NjIyTDQ4LjgwNDQgMzguOTc3N0w0OC41NTczIDM0LjUzMjJMNDcuMDYxNiAxNi4yNDc4TDQyLjc3OTggMTYuNTk4QzQyLjgyNyAyMS40NDgzIDQwLjEyNzEgMjMuNTcxOSAzNS4xOTkgMjQuMDkxNkwzNS41NDMgMjguMjk2MkMzOC44OTkgMjguMDIxNyA0MS44ODMzIDI3LjAwMDkgNDIuNjIyMiAyNS4xMTUzTDQzLjA4NTEgMjUuMDc3NEw0My4wNTk4IDI5LjA0MDVMNDMuNTQ1NyAzNC45ODFMNDMuOTgyNiAzOS4zNzIyTDM5LjY5MTMgMzkuNjA2N0wzNi4zNzM5IDM5Ljg3ODFMMzYuNzE3OSA0NC4wODI3Wk02OS4xNTU3IDQxLjYyMzRDNzUuOTQ0OSA0MS4wNjggNzkuODgzNCAzNi4wNDcgNzkuMTU0NSAyNy4xMzYzQzc4LjQyODcgMTguMjY0MSA3My43MTA3IDEzLjc1NzEgNjYuOTIxNiAxNC4zMTI1QzYwLjE3MSAxNC44NjQ3IDU2LjEzMjUgMjAuMDg4IDU2Ljg1ODMgMjguOTYwMkM1Ny41ODcyIDM3Ljg3MDkgNjIuNDA1MSA0Mi4xNzU2IDY5LjE1NTcgNDEuNjIzNFpNNjguNzU0MiAzNy4xOTA0QzY0Ljg1ODIgMzcuNTA5MSA2Mi4zMTQxIDM0LjQxNjUgNjEuODMxMyAyOC41MTQ1QzYxLjM1MTYgMjIuNjUxMiA2My4zNDk4IDE5LjA3MDQgNjcuMjQ1OSAxOC43NTE3QzcxLjE4MDUgMTguNDI5OSA3My42MTg0IDIxLjY0NzcgNzQuMDk4IDI3LjUxMTFDNzQuNTgwOCAzMy40MTMgNzIuNjg4OSAzNi44Njg2IDY4Ljc1NDIgMzcuMTkwNFpNODkuMTU1MSAyNi45Mzk1QzkzLjIwNTUgMjYuNjA4MiA5NS4zNDQgMjMuNzkyNiA5NC45NzQ4IDE5LjI3OTRDOTQuNjA1NiAxNC43NjYxIDkyLjAzMTYgMTIuMjU4NCA4Ny45ODEzIDEyLjU4OTdDODQuMDA4MSAxMi45MTQ3IDgxLjc2MDIgMTUuODE2OSA4Mi4xMjk0IDIwLjMzMDJDODIuNDk4NiAyNC44NDM0IDg1LjE4MTkgMjcuMjY0NSA4OS4xNTUxIDI2LjkzOTVaTTg5LjExOTUgMzkuNzk2MUw5NC4wMTg1IDM5LjM5NTRMMTA3LjA2MiAxMS4zMzk1TDEwMi4xNjMgMTEuNzQwMkw4OS4xMTk1IDM5Ljc5NjFaTTg4Ljg1NTQgMjMuMjc0OUM4Ny4xNTgxIDIzLjQxMzggODYuMzUwMSAyMi4wODE5IDg2LjE3OTcgMTkuOTk4OEM4Ni4wMDYyIDE3Ljg3NzIgODYuNTgzOCAxNi4zOTMyIDg4LjI4MSAxNi4yNTQzQzg5Ljk3ODMgMTYuMTE1NSA5MC43ODk0IDE3LjQ4NTkgOTAuOTYzIDE5LjYwNzZDOTEuMTMzNCAyMS42OTA2IDkwLjU1MjYgMjMuMTM2MSA4OC44NTU0IDIzLjI3NDlaTTEwOC4wNDYgMzguNTU4NUMxMTIuMDk3IDM4LjIyNzIgMTE0LjIzOSAzNC45ODQxIDExMy45MDUgMzAuODk1MkMxMTMuNTcgMjYuODA2MyAxMTAuOTIzIDIzLjg3NzQgMTA2Ljg3MyAyNC4yMDg3QzEwMi44OTkgMjQuNTMzNyAxMDAuNzI1IDI3Ljg1NzEgMTAxLjA1OSAzMS45NDZDMTAxLjM5NCAzNi4wMzQ5IDEwNC4wNzMgMzguODgzNSAxMDguMDQ2IDM4LjU1ODVaTTEwNy43NDcgMzQuODkzOUMxMDYuMDQ5IDM1LjAzMjcgMTA1LjIxOSAzMy40MzA4IDEwNS4wNzEgMzEuNjE3OEMxMDQuOTIzIDI5LjgwNDggMTA1LjQ3NSAyOC4wMTIxIDEwNy4xNzIgMjcuODczM0MxMDguODcgMjcuNzM0NSAxMDkuNzA2IDI5LjQxMzUgMTA5Ljg1NCAzMS4yMjY1QzExMC4wMDMgMzMuMDM5NSAxMDkuNDQ0IDM0Ljc1NTEgMTA3Ljc0NyAzNC44OTM5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\");\r\n content: '';\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs {\r\n margin: 0 !important;\r\n }\r\n \r\n \r\n \r\n #popmechanic-form .popmechanic-inputs button {\r\n margin: 0 0 15 !important;\r\n width: 100% !important;\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 20px;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n letter-spacing: normal !important;\r\n height: 51px !important;\r\n min-height: 51px !important;\r\n max-height: 51px !important;\r\n padding: 15px 20px 16px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs button span:after {\r\n content: '!';\r\n }\r\n \r\n #popmechanic-form .popmechanic-email {\r\n padding: 14px 19px 15px !important;\r\n width:100% !important;\r\n margin: 45px 0 15px !important;\r\n border: thin solid #AAAAAA;\r\n font-weight: 500;\r\n font-size: 16px !important;\r\n line-height: 20px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n font-style: normal !important;\r\n text-align: left;\r\n height: auto !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-email::placeholder {\r\n font-weight: 500;\r\n font-size: 16px !important;\r\n line-height: 20px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n font-style: normal !important;\r\n text-align: left;\r\n }\r\n \r\n #popmechanic-form .popmechanic-picture {\r\n display: none !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-agree {\r\n padding-left: 36px !important;\r\n text-align: left !important;\r\n font-weight: 300;\r\n font-size: 13px !important;\r\n line-height: 16px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #787878;\r\n }\r\n \r\n #popmechanic-form .popmechanic-agree a {\r\n text-decoration: underline;\r\n }\r\n \r\n #popmechanic-form .popmechanic-legal {\r\n text-align: left !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-check {\r\n top:50%;\r\n transform:translateY(-50%);\r\n background: #FFFFFF !important;\r\n border: 3px solid #343434 !important;\r\n border-radius: 3px !important;\r\n width: 21px !important;\r\n height: 21px !important;\r\n margin: 0 !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n #popmechanic-form input[type=\"checkbox\"]:checked ~ span:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 12px;\r\n height: 12px;\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjk3NTkgNS4xMDgyTDUuODA5NTQgOS4zNzM3NkwxMC4wNTMxIDEuMjk1NDciIHN0cm9rZT0iIzFFQkMyNCIgc3Ryb2tlLXdpZHRoPSIyLjM1Mzg5Ii8+Cjwvc3ZnPgo=\");\r\n content: '';\r\n }\r\n }\r\n \r\n }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 77046, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-main .popmechanic-items {\n display: flex;\n flex-wrap: wrap;\n}\n\n#popmechanic-form .popmechanic-main .popmechanic-item-card {\n width: 25%;\n}\n\n\n\n#popmechanic-form {\n background: white;\n padding: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n}\n#popmechanic-form .popmechanic-header {\n font-weight: normal;\n text-align: center;\n margin-bottom: 20px;\n font-size: 30px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n#popmechanic-form .popmechanic-item-wrapper {\n position: relative;\n padding: 5px;\n width: 180px;\n margin: 0 auto;\n}\n\n#popmechanic-form .popmechanic-item-discount {\n position: absolute;\n top: 0;\n right: 0;\n color: red;\n background: white;\n padding: 4px;\n border-radius: 3px;\n border: 1px solid red;\n}\n#popmechanic-form .popmechanic-item-picture {\n width: 160px;\n height: 200px;\n margin: 0 auto 20px;\n}\n#popmechanic-form .popmechanic-item-picture:after {\n content: '';\n height: 200px;\n vertical-align: middle;\n display: inline-block;\n}\n#popmechanic-form .popmechanic-item-picture img {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n vertical-align: middle;\n}\n#popmechanic-form .popmechanic-item-name {\n text-decoration: none;\n color: black;\n font-size: 18px;\n font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n margin-bottom: 10px;\n line-height: 1.2;\n white-space: break-spaces;\n word-wrap: break-word;\n}\n#popmechanic-form .popmechanic-item-prices {\n display: flex; \n justify-content: center;\n align-items: baseline;\n margin-bottom: 10px;\n font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 400;\n white-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-price {\n margin-left: 10px;\n color: #343434;\n text-decoration: line-through;\n display: block;\n font-size: 15px;\n line-height: 1.72;\n}\n#popmechanic-form .popmechanic-new-price {\n color: #CE102E;\n display: block;\n font-size: 19px;\n line-height: 1.36;\n font-weight: 500;\n}\n#popmechanic-form .popmechanic-only-price {\n font-weight: 400;\n color: #343434;\n}\n#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n#popmechanic-form .popmechanic-item-name:hover {\n opacity: 0.8;\n}\n\n#popmechanic-form .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanic-form .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanic-form .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-form .tns-outer {\n position:relative;\n}\n\n#popmechanic-form .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-container-77046 #popmechanic-form-77046 .popmechanic-item-discount {\n z-index: 1;\n}\n\n@media (max-width: 1025px) {\n #popmechanic-form .popmechanic-main .popmechanic-item-card {\n width: 33.3333%;\n }\n}\n\n@media (max-width: 767px) {\n \n #popmechanic-form .popmechanic-main .popmechanic-item-card {\n width: 50%;\n }\n \n #popmechanic-container-77046 #popmechanic-form-77046 .popmechanic-item-name {\n font-size: 14px;\n line-height: 21px;\n }\n \n \n #popmechanic-form-77046 .popmechanic-item-prices {\n flex-wrap: wrap;\n }\n \n #popmechanic-form-77046 .popmechanic-new-price {\n font-size: 16px;\n }\n \n #popmechanic-form-77046 .popmechanic-old-price {\n font-size: 13px;\n }\n \n #popmechanic-form .popmechanic-item-wrapper {\n width: auto;\n }\n \n}\n\n\n\n\n\n\n", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "1", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t{% if (parseInt(product.discount)) { %}\n\t\t
{{ product.discount }}
\n\t\t{% } %}\n\t\t\"{{\n\t\t{{ product.manufacturer.name }} {{ product.displayName }}\n\t\t
\n\t\t {{ product.formattedPrice }} \u0420\u0443\u0431.\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u0420\u0443\u0431.\n\t\t\t{% } %}\n\t\t\t\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"LALLacoste\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_cards_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1200,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "G-FQ81HTV4M6", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "4", "recommendationLimit3": "4", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 76454, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-77046-reco-1", "limit": "12", "disabled": false, "algorithm": "LALLacoste", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "Recs_cards_SS // \u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u0438 \u0441\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b #77046", "active": true, "embed_selector": false, "selector": "body > footer > div.subscribe", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-76676.png?ts=1713432645650", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-main .popmechanic-items {\n display: flex;\n flex-wrap: wrap;\n}\n\n#popmechanic-form .popmechanic-main .popmechanic-item-card {\n width: 25%;\n}\n\n\n\n#popmechanic-form {\n background: white;\n padding: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n}\n#popmechanic-form .popmechanic-header {\n font-weight: normal;\n text-align: center;\n margin-bottom: 20px;\n font-size: 30px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n#popmechanic-form .popmechanic-item-wrapper {\n position: relative;\n padding: 5px;\n width: 180px;\n margin: 0 auto;\n}\n\n#popmechanic-form .popmechanic-item-discount {\n position: absolute;\n top: 0;\n right: 0;\n color: red;\n background: white;\n padding: 4px;\n border-radius: 3px;\n border: 1px solid red;\n}\n#popmechanic-form .popmechanic-item-picture {\n width: 160px;\n height: 200px;\n margin: 0 auto 20px;\n}\n#popmechanic-form .popmechanic-item-picture:after {\n content: '';\n height: 200px;\n vertical-align: middle;\n display: inline-block;\n}\n#popmechanic-form .popmechanic-item-picture img {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n vertical-align: middle;\n}\n#popmechanic-form .popmechanic-item-name {\n text-decoration: none;\n color: black;\n font-size: 18px;\n font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n margin-bottom: 10px;\n line-height: 1.2;\n white-space: break-spaces;\n word-wrap: break-word;\n}\n#popmechanic-form .popmechanic-item-prices {\n display: flex; \n justify-content: center;\n align-items: baseline;\n margin-bottom: 10px;\n font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 400;\n white-space: nowrap;\n}\n#popmechanic-form .popmechanic-old-price {\n margin-left: 10px;\n color: #343434;\n text-decoration: line-through;\n display: block;\n font-size: 15px;\n line-height: 1.72;\n}\n#popmechanic-form .popmechanic-new-price {\n color: #CE102E;\n display: block;\n font-size: 19px;\n line-height: 1.36;\n font-weight: 500;\n}\n#popmechanic-form .popmechanic-only-price {\n font-weight: 400;\n color: #343434;\n}\n#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n#popmechanic-form .popmechanic-item-name:hover {\n opacity: 0.8;\n}\n\n#popmechanic-form .tns-controls {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n left: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1;\n pointer-events:none;\n}\n\n#popmechanic-form .tns-controls button {\n position:relative;\n width: 42px;\n height: 42px;\n border:none;\n background-color: transparent;\n color: transparent;\n pointer-events: all;\n}\n\n#popmechanic-form .tns-controls button:first-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42Nzc3IDcuMTIxMzJMMjcuNTU2MyA1TDE0LjEyMTMgMTguNDM1TDEyIDIwLjU1NjNMMTIgMjAuNTU2NEwxNC4xMjEzIDIyLjY3NzdMMjcuNTU2MyAzNi4xMTI3TDI5LjY3NzYgMzMuOTkxNEwxNi4yNDI2IDIwLjU1NjRMMjkuNjc3NyA3LjEyMTMyWiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-form .tns-outer {\n position:relative;\n}\n\n#popmechanic-form .tns-controls button:last-child:after {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 42px;\n height: 42px;\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjIzIDM0Ljg3ODdMMTQuNDQzNyAzN0wyNy44Nzg3IDIzLjU2NUwzMCAyMS40NDM3TDMwIDIxLjQ0MzZMMjcuODc4NyAxOS4zMjIzTDE0LjQ0MzcgNS44ODcyOEwxMi4zMjI0IDguMDA4NkwyNS43NTc0IDIxLjQ0MzZMMTIuMzIyMyAzNC44Nzg3WiIgZmlsbD0iIzM0MzQzNCIvPgo8L3N2Zz4K\");\n background-size: contain;\n content: '';\n}\n\n#popmechanic-container-77046 #popmechanic-form-77046 .popmechanic-item-discount {\n z-index: 1;\n}\n\n@media (max-width: 1025px) {\n #popmechanic-form .popmechanic-main .popmechanic-item-card {\n width: 33.3333%;\n }\n}\n\n@media (max-width: 767px) {\n \n #popmechanic-form .popmechanic-main .popmechanic-item-card {\n width: 50%;\n }\n \n #popmechanic-container-77046 #popmechanic-form-77046 .popmechanic-item-name {\n font-size: 14px;\n line-height: 21px;\n }\n \n \n #popmechanic-form-77046 .popmechanic-item-prices {\n flex-wrap: wrap;\n }\n \n #popmechanic-form-77046 .popmechanic-new-price {\n font-size: 16px;\n }\n \n #popmechanic-form-77046 .popmechanic-old-price {\n font-size: 13px;\n }\n \n #popmechanic-form .popmechanic-item-wrapper {\n width: auto;\n }\n \n}\n\n\n\n\n\n\n", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "1", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t{% if (parseInt(product.discount)) { %}\n\t\t
{{ product.discount }}
\n\t\t{% } %}\n\t\t\"{{\n\t\t{{ product.manufacturer.name }} {{ product.displayName }}\n\t\t
\n\t\t {{ product.formattedPrice }} \u0420\u0443\u0431.\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u0420\u0443\u0431.\n\t\t\t{% } %}\n\t\t\t\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "0", "lessCount": "0", "algorithm1": "{\"systemName\": \"LALLacoste\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "gaListName": "MB_Recs_cards_SS ", "loopSlider": "0", "responsive": "2,,2;640,3,0,3;1200,4,0,4", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "G-FQ81HTV4M6", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "4", "recommendationLimit3": "4", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-77046-reco-1", "limit": "12", "disabled": false, "algorithm": "LALLacoste", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n
\r\n
\r\n \u041c\u044b \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u043b\u0438 \u0434\u043b\u044f \u0442\u0435\u0431\u044f:\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px;\r\n}\r\n\r\n#popmechanic-container-77046 #popmechanic-form-77046 {\r\n padding: 10px;\r\n}\r\n\r\n\r\n#popmechanic-form.popmechanic-loaded,\r\n#popmechanic-form.popmechanic-loading {\r\n display: block;\r\n padding: 10px;\r\n}\r\n\r\n#popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-prices,\r\n#popmechanic-form .popmechanic-item-picture,\r\n#popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n}\r\n\r\n#popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-header {\r\n font-size: 25px;\r\n line-height: 34px;\r\n margin-bottom: 20px;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n#popmechanic-form .popmechanic-header {\r\n font-size: 36px;\r\n font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer;\r\n\r\n}\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%;\r\n}\r\n\r\n.popmechanic-throbber>b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s;\r\n}\r\n\r\n.popmechanic-throbber>b:first-child+.popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s;\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes pm-bouncedelay {\r\n\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15);\r\n }\r\n\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n\r\n.tns-outer {\r\n padding: 0 !important\r\n}\r\n\r\n.tns-outer [hidden] {\r\n display: none !important\r\n}\r\n\r\n.tns-outer [aria-controls],\r\n.tns-outer [data-action] {\r\n cursor: pointer\r\n}\r\n\r\n.tns-slider {\r\n -webkit-transition: all 0.3s;\r\n -moz-transition: all 0.3s;\r\n transition: all 0.3s\r\n}\r\n\r\n.tns-slider>.tns-item {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box\r\n}\r\n\r\n.tns-horizontal.tns-subpixel {\r\n white-space: nowrap\r\n}\r\n\r\n.tns-horizontal.tns-subpixel>.tns-item {\r\n display: inline-block;\r\n vertical-align: top;\r\n white-space: normal\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-horizontal.tns-no-subpixel>.tns-item {\r\n float: left;\r\n margin-right: -100%\r\n}\r\n\r\n.tns-no-calc {\r\n position: relative;\r\n left: 0\r\n}\r\n\r\n.tns-gallery {\r\n position: relative;\r\n left: 0;\r\n min-height: 1px\r\n}\r\n\r\n.tns-gallery>.tns-item {\r\n position: absolute;\r\n left: -100%;\r\n -webkit-transition: transform 0s, opacity 0s;\r\n -moz-transition: transform 0s, opacity 0s;\r\n transition: transform 0s, opacity 0s\r\n}\r\n\r\n.tns-gallery>.tns-slide-active {\r\n position: relative;\r\n left: unset !important\r\n}\r\n\r\n.tns-gallery>.tns-moving {\r\n -webkit-transition: all 0.25s;\r\n -moz-transition: all 0.25s;\r\n transition: all 0.25s\r\n}\r\n\r\n.tns-lazy-img {\r\n -webkit-transition: opacity 0.6s;\r\n -moz-transition: opacity 0.6s;\r\n transition: opacity 0.6s;\r\n opacity: 0.6\r\n}\r\n\r\n.tns-lazy-img.loaded {\r\n opacity: 1\r\n}\r\n\r\n.tns-ah {\r\n -webkit-transition: height 0s;\r\n -moz-transition: height 0s;\r\n transition: height 0s\r\n}\r\n\r\n.tns-ovh {\r\n overflow: hidden\r\n}\r\n\r\n.tns-visually-hidden {\r\n position: absolute !important;\r\n left: -10000em\r\n}\r\n\r\n.tns-transparent {\r\n opacity: 0;\r\n visibility: hidden\r\n}\r\n\r\n.tns-fadeIn {\r\n opacity: 1;\r\n filter: alpha(opacity=100);\r\n z-index: 0\r\n}\r\n\r\n.tns-normal,\r\n.tns-fadeOut {\r\n opacity: 0;\r\n filter: alpha(opacity=0);\r\n z-index: -1\r\n}\r\n\r\n.tns-t-subp2 {\r\n margin: 0 auto;\r\n width: 310px;\r\n position: relative;\r\n height: 10px;\r\n overflow: hidden\r\n}\r\n\r\n.tns-t-ct {\r\n width: 2333.3333333%;\r\n width: -webkit-calc(100% * 70 / 3);\r\n width: -moz-calc(100% * 70 / 3);\r\n width: calc(100% * 70 / 3);\r\n position: absolute;\r\n right: 0\r\n}\r\n\r\n.tns-t-ct:after {\r\n content: '';\r\n display: table;\r\n clear: both\r\n}\r\n\r\n.tns-t-ct>div {\r\n width: 1.4285714%;\r\n width: -webkit-calc(100% / 70);\r\n width: -moz-calc(100% / 70);\r\n width: calc(100% / 70);\r\n height: 10px;\r\n float: left\r\n}\r\n\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n.popmechanic-show-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n \r\n margin-top: 40px; \r\n}\r\n\r\n.popmechanic-show-more-btn {\r\n padding: 14px 36px;\r\n border-radius: 25px;\r\n \r\n font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n \r\n color: #FFFFFF;\r\n background-color: #1EBC24;\r\n \r\n cursor: pointer;\r\n}\r\n\r\n.popmechanic-show-more-btn:disabled {\r\n background-color: #EFEFEF;\r\n cursor: auto;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n \r\n .popmechanic-show-more-btn {\r\n padding-left: 100px;\r\n padding-right: 100px;\r\n }\r\n}\r\n\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 56803, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form {\n background: white;\n padding: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n}\n#popmechanic-form .popmechanic-header {\n font-weight: normal;\n text-align: center;\n margin-bottom: 20px;\n font-size: 30px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n#popmechanic-form .popmechanic-item-wrapper {\n position: relative;\n padding: 5px;\n width: 180px;\n margin: 0 auto;\n}\n\n#popmechanic-form .popmechanic-item-discount {\n position: absolute;\n top: 0;\n right: 0;\n color: red;\n background: white;\n padding: 4px;\n border-radius: 3px;\n border: 1px solid red;\n}\n#popmechanic-form .popmechanic-item-picture {\n width: 160px;\n height: 200px;\n margin: 0 auto 20px;\n}\n#popmechanic-form .popmechanic-item-picture:after {\n content: '';\n height: 200px;\n vertical-align: middle;\n display: inline-block;\n}\n#popmechanic-form .popmechanic-item-picture img {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n vertical-align: middle;\n}\n#popmechanic-form .popmechanic-item-name {\n text-decoration: none;\n color: black;\n font-size: 18px;\n font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n margin-bottom: 10px;\n line-height: 1.2;\n}\n#popmechanic-form .popmechanic-item-prices {\n height: 40px;\n margin-bottom: 10px;\n}\n#popmechanic-form .popmechanic-old-price {\n color: #ccc;\n text-decoration: line-through;\n display: block;\n font-size: 14px;\n margin-bottom: 2px;\n}\n#popmechanic-form .popmechanic-new-price {\n color: #777;\n display: block;\n font-size: 18px;\n margin-bottom: 12px;\n}\n#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n#popmechanic-form .popmechanic-item-name:hover {\n opacity: 0.8;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "0", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t{% if (parseInt(product.discount)) { %}\n\t\t
{{ product.discount }}
\n\t\t{% } %}\n\t\t\"{{\n\t\t{{ product.manufacturer.name }} {{ product.displayName }}\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u0420\u0443\u0431.\n\t\t\t{% } %}\n\t\t\t{{ product.formattedPrice }} \u0420\u0443\u0431.\n\t\t
\n\t
\n
\n", "user_tns": "{}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "MB_Recs_cards_SS // Cart", "loopSlider": "1", "responsive": "1;640,3,0,3;1000,5,0,5", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "357477181", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 56227, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-56803-reco-1", "limit": 12, "disabled": false, "algorithm": "SuperSteppopulyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "Recs_cards_SS // Cart", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-55267.png?ts=1705647827780", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form {\n background: white;\n padding: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n}\n#popmechanic-form .popmechanic-header {\n font-weight: normal;\n text-align: center;\n margin-bottom: 20px;\n font-size: 30px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n#popmechanic-form .popmechanic-item-wrapper {\n position: relative;\n padding: 5px;\n width: 180px;\n margin: 0 auto;\n}\n\n#popmechanic-form .popmechanic-item-discount {\n position: absolute;\n top: 0;\n right: 0;\n color: red;\n background: white;\n padding: 4px;\n border-radius: 3px;\n border: 1px solid red;\n}\n#popmechanic-form .popmechanic-item-picture {\n width: 160px;\n height: 200px;\n margin: 0 auto 20px;\n}\n#popmechanic-form .popmechanic-item-picture:after {\n content: '';\n height: 200px;\n vertical-align: middle;\n display: inline-block;\n}\n#popmechanic-form .popmechanic-item-picture img {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n vertical-align: middle;\n}\n#popmechanic-form .popmechanic-item-name {\n text-decoration: none;\n color: black;\n font-size: 18px;\n font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n margin-bottom: 10px;\n line-height: 1.2;\n}\n#popmechanic-form .popmechanic-item-prices {\n height: 40px;\n margin-bottom: 10px;\n}\n#popmechanic-form .popmechanic-old-price {\n color: #ccc;\n text-decoration: line-through;\n display: block;\n font-size: 14px;\n margin-bottom: 2px;\n}\n#popmechanic-form .popmechanic-new-price {\n color: #777;\n display: block;\n font-size: 18px;\n margin-bottom: 12px;\n}\n#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n#popmechanic-form .popmechanic-item-name:hover {\n opacity: 0.8;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "useGa4": "0", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t{% if (parseInt(product.discount)) { %}\n\t\t
{{ product.discount }}
\n\t\t{% } %}\n\t\t\"{{\n\t\t{{ product.manufacturer.name }} {{ product.displayName }}\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u0420\u0443\u0431.\n\t\t\t{% } %}\n\t\t\t{{ product.formattedPrice }} \u0420\u0443\u0431.\n\t\t
\n\t
\n
\n", "user_tns": "{}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "MB_Recs_cards_SS // Cart", "loopSlider": "1", "responsive": "1;640,3,0,3;1000,5,0,5", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "gaMeasurementId": "357477181", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-56803-reco-1", "limit": 12, "disabled": false, "algorithm": "SuperSteppopulyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n
\r\n
\r\n <%=header%>\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \t\r\n \t\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px; }\r\n #popmechanic-form.popmechanic-loaded,\r\n #popmechanic-form.popmechanic-loading {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1; }\r\n #popmechanic-form .popmechanic-item-prices,\r\n #popmechanic-form .popmechanic-item-picture,\r\n #popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none; }\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 25px;\r\n line-height: 34px;\r\n margin-bottom: 20px;\r\n text-align: left; }\r\n #popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap; }\r\n\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 36px;\r\n font-weight: bold; }\r\n #popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s; }\r\n \r\n /*.popmechanic-item-descr {*/\r\n /* position:left;*/\r\n /*}*/\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n \r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute !important;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 53811, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form {\r\n background: white;\r\n padding: 40px 20px 0;\r\n font-family: 'Proxima Nova', Roboto, Arial, sans-serif;\r\n color: #231F20;\r\n font-size: 14px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n#popmechanic-form a {\r\n text-decoration: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-header {\r\n font-size: 21px;\r\n line-height: 28px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-wrapper {\r\n position: relative;\r\n padding: 0 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-discount {\r\n color: #009848;\r\n background: white;\r\n font-weight: 800;\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture {\r\n width: 100%;\r\n max-height: 371px;\r\n overflow: hidden;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture img {\r\n width: 100%;\r\n display: inline-block;\r\n vertical-align: middle;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture-discoun {\r\n color: #fff;\r\n padding: 10px;\r\n position: absolute;\r\n font-weight: 700;\r\n right: 15px;\r\n top: 0px;\r\n background-color: #009848;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-name,\r\n#popmechanic-form .popmechanic-item-brand {\r\n color: #000;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-prices {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n align-items: center;\r\n text-align: left;\r\n font-size: 26px;\r\n margin-bottom: 20px;\r\n padding-top: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-old-price {\r\n color: #ccc;\r\n font-size: 24px;\r\n display: block;\r\n align-items: center;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-new-price {\r\n color: #000;\r\n font-size: 24px;\r\n display: block;\r\n font-weight: 700;\r\n align-items: center;\r\n text-align: right;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n color: #000;\r\n font-size: 19px;\r\n display: block;\r\n line-height: 40px;\r\n font-weight: 700;\r\n border: 2px solid #000;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .tns-controls button {\r\n position: absolute;\r\n font-size: 0; \r\n color: transparent; \r\n background-color: transparent;\r\n height: 80px;\r\n width: 35px;\r\n border: none;\r\n z-index: 100;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .tns-controls button[data-controls=prev] {\r\n background: url(https://storage.yandexcloud.net/upmetric/media/ss/union.svg) no-repeat 5px center;\r\n background-size: 100%;\r\n border-top: 2px solid #d4d4d4;\r\n border-bottom: 2px solid #d4d4d4;\r\n border-right: 2px solid #d4d4d4;\r\n top: 250px;\r\n left: 0px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .tns-controls button[data-controls=next] {\r\n background: url(https://storage.yandexcloud.net/upmetric/media/ss/union.svg) no-repeat 5px center;\r\n background-size: 100%;\r\n -webkit-transform: rotate(180deg);\r\n -moz-transform: rotate(180deg);\r\n -ms-transform: rotate(180deg);\r\n -o-transform: rotate(180deg);\r\n transform: rotate(180deg);\r\n border-top: 2px solid #C4C4C4;\r\n border-bottom: 2px solid #C4C4C4;\r\n border-left: 2px solid #C4C4C4;\r\n top: 250px;\r\n right: 0px;\r\n cursor: pointer;\r\n}\r\n\r\n#popmechanic-form [data-action=\"stop\"],\r\n#popmechanic-form [data-action=\"start\"] {\r\n\tdisplay: none;\r\n}", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "SuperStep", "controls": "1", "enableGA": "1", "endpoint": "", "template": "
\r\n
\r\n\t\t\r\n\t\t
\r\n\t\t {% if (product.discount) { %}\r\n\t\t
\u0420\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0436\u0430
\r\n\t\t {% } %}\r\n\t\t \"{{\r\n\t\t
\r\n\t\t
{{ product.manufacturer.name }}
\r\n\t\t
{{ product.displayName }}
\r\n\t\t
\r\n\t\t {% if (product.discount) { %}\r\n\t\t
{{ product.formattedOldPrice }}\u20bd
\r\n \t\t
-{{ product.discount }}
\r\n \t\t {% } %}\r\n \t\t
{{ product.formattedPrice }}\u20bd
\r\n\t\t
\r\n\t\t
\u0412\u044b\u0431\u0440\u0430\u0442\u044c
\r\n\t\t\r\n\t
\r\n
", "user_tns": "{\r\n autoplay: true,\r\n\tautoplayTimeout: 300000,\r\n}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"SuperStepSoputstvuyuschietovarikzakazu\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "MB_eCheck", "loopSlider": "1", "responsive": "1,,;640,1,0,1;1000,1,0,1", "fieldsToGet": "[]", "enable_reco_2": "1", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "recommendationLimit2": "6", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 53235, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-53811-reco-1", "limit": "6", "disabled": false, "algorithm": "SuperStepSoputstvuyuschietovarikzakazu", "recoTarget": "Customer"}, {"id": "popmechanic-widget-53811-reco-2", "limit": "6", "disabled": false, "algorithm": "SuperSteppopulyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "eCheck_\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-52071.png?ts=1714650605648", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form {\r\n background: white;\r\n padding: 40px 20px 0;\r\n font-family: 'Proxima Nova', Roboto, Arial, sans-serif;\r\n color: #231F20;\r\n font-size: 14px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n#popmechanic-form a {\r\n text-decoration: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-header {\r\n font-size: 21px;\r\n line-height: 28px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-wrapper {\r\n position: relative;\r\n padding: 0 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-discount {\r\n color: #009848;\r\n background: white;\r\n font-weight: 800;\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture {\r\n width: 100%;\r\n max-height: 371px;\r\n overflow: hidden;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture img {\r\n width: 100%;\r\n display: inline-block;\r\n vertical-align: middle;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture-discoun {\r\n color: #fff;\r\n padding: 10px;\r\n position: absolute;\r\n font-weight: 700;\r\n right: 15px;\r\n top: 0px;\r\n background-color: #009848;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-name,\r\n#popmechanic-form .popmechanic-item-brand {\r\n color: #000;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-prices {\r\n display: grid;\r\n grid-template-columns: repeat(3,1fr);\r\n align-items: center;\r\n text-align: left;\r\n font-size: 26px;\r\n margin-bottom: 20px;\r\n padding-top: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-old-price {\r\n color: #ccc;\r\n font-size: 24px;\r\n display: block;\r\n align-items: center;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-new-price {\r\n color: #000;\r\n font-size: 24px;\r\n display: block;\r\n font-weight: 700;\r\n align-items: center;\r\n text-align: right;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n color: #000;\r\n font-size: 19px;\r\n display: block;\r\n line-height: 40px;\r\n font-weight: 700;\r\n border: 2px solid #000;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .tns-controls button {\r\n position: absolute;\r\n font-size: 0; \r\n color: transparent; \r\n background-color: transparent;\r\n height: 80px;\r\n width: 35px;\r\n border: none;\r\n z-index: 100;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .tns-controls button[data-controls=prev] {\r\n background: url(https://storage.yandexcloud.net/upmetric/media/ss/union.svg) no-repeat 5px center;\r\n background-size: 100%;\r\n border-top: 2px solid #d4d4d4;\r\n border-bottom: 2px solid #d4d4d4;\r\n border-right: 2px solid #d4d4d4;\r\n top: 250px;\r\n left: 0px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .tns-controls button[data-controls=next] {\r\n background: url(https://storage.yandexcloud.net/upmetric/media/ss/union.svg) no-repeat 5px center;\r\n background-size: 100%;\r\n -webkit-transform: rotate(180deg);\r\n -moz-transform: rotate(180deg);\r\n -ms-transform: rotate(180deg);\r\n -o-transform: rotate(180deg);\r\n transform: rotate(180deg);\r\n border-top: 2px solid #C4C4C4;\r\n border-bottom: 2px solid #C4C4C4;\r\n border-left: 2px solid #C4C4C4;\r\n top: 250px;\r\n right: 0px;\r\n cursor: pointer;\r\n}\r\n\r\n#popmechanic-form [data-action=\"stop\"],\r\n#popmechanic-form [data-action=\"start\"] {\r\n\tdisplay: none;\r\n}", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "SuperStep", "controls": "1", "enableGA": "1", "endpoint": "", "template": "
\r\n
\r\n\t\t\r\n\t\t
\r\n\t\t {% if (product.discount) { %}\r\n\t\t
\u0420\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0436\u0430
\r\n\t\t {% } %}\r\n\t\t \"{{\r\n\t\t
\r\n\t\t
{{ product.manufacturer.name }}
\r\n\t\t
{{ product.displayName }}
\r\n\t\t
\r\n\t\t {% if (product.discount) { %}\r\n\t\t
{{ product.formattedOldPrice }}\u20bd
\r\n \t\t
-{{ product.discount }}
\r\n \t\t {% } %}\r\n \t\t
{{ product.formattedPrice }}\u20bd
\r\n\t\t
\r\n\t\t
\u0412\u044b\u0431\u0440\u0430\u0442\u044c
\r\n\t\t\r\n\t
\r\n
", "user_tns": "{\r\n autoplay: true,\r\n\tautoplayTimeout: 300000,\r\n}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"SuperStepSoputstvuyuschietovarikzakazu\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"SuperSteppopulyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "MB_eCheck", "loopSlider": "1", "responsive": "1,,;640,1,0,1;1000,1,0,1", "fieldsToGet": "[]", "enable_reco_2": "1", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "recommendationLimit2": "6", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-53811-reco-1", "limit": "6", "disabled": false, "algorithm": "SuperStepSoputstvuyuschietovarikzakazu", "recoTarget": "Customer"}, {"id": "popmechanic-widget-53811-reco-2", "limit": "6", "disabled": false, "algorithm": "SuperSteppopulyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n
\r\n
\r\n \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0442\u0435\u0431\u044f\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: font-family: Roboto, Arial;;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px; }\r\n #popmechanic-form.popmechanic-loaded,\r\n #popmechanic-form.popmechanic-loading {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1; }\r\n #popmechanic-form .popmechanic-item-prices,\r\n #popmechanic-form .popmechanic-item-picture,\r\n #popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none; }\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 25px;\r\n line-height: 34px;\r\n margin-bottom: 20px;\r\n text-align: left; }\r\n #popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap; }\r\n\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 36px;\r\n font-weight: bold; }\r\n #popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n \r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n<%=css%>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 50768, "template": 2003, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://superstep.ru/new-collection/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://superstep.ru/sale/"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://superstep.ru/obuv/"], "operator": "$in"}, {"id": "6", "field": "page", "value": ["https://superstep.ru/odezhda/"], "operator": "$in"}, {"id": "7", "field": "page", "value": ["https://superstep.ru/catalog/"], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"line": "1.6", "image": "https://personalization-web-stable.mindbox.ru/user-media/35567/b68ad647bdcac286cd4b172a5c927b33c0c77deaa622f96f4b3f9e9244b59bf3.png", "bg_col1": "#f5f5f5", "bg_col2": "#20C927", "otstup1": "40", "otstup2": "40.00", "but_col1": "#1EBC24", "but_col3": "#fff", "inp_col1": "#000000", "line_mob": "1.3", "thankyou": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443! ", "agree_col": "#000000", "font_col1": "#000000", "font_col2": "#000000", "font_col3": "#4a9e1d", "img_size1": "440.00", "first_line": "\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0432 \u0442\u0435\u043c\u0435!", "font_size1": "34.00", "font_size2": "20.00", "font_size3": "20.00", "third_line": "", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438 \u0441\u0432\u043e\u0439 e-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0438", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submit2_text": "\u0414\u041b\u042f \u041d\u0415\u0413\u041e", "submit1_value": "female", "submit2_value": "male", "submits_count": 1}, "machine_name": "gender"}, {"name": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "type": "checkbox", "label": "\u042f \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e", "params": {"checked": true, "options": [], "link_href": "https://superstep.ru/security-policy/", "link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438*", "show_link": true, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "agreement", "error_message_text": "", "show_error_message": false}], "font_custom": "'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif", "font_family": "Arial, Helvetica, sans-serif", "second_line": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438", "font_sizemob1": "16", "font_sizemob2": "20", "font_sizemob3": "12", "thankyouImage": "https://personalization-web-stable.mindbox.ru/user-media/35567/d9cd3927c8bc47a85fa9c673876d2629e7e9800990782ee934004483f72c2897.png", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "60", "pages": "2"}, "combinator": "and", "id": 174005}], "id": 50193, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": true, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "SuperStep // pop-up_\u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-48107.png?ts=1712748284397", "rendered_button_preview": null, "settings": {"line": "1.6", "image": "https://personalization-web-stable.mindbox.ru/user-media/35567/b68ad647bdcac286cd4b172a5c927b33c0c77deaa622f96f4b3f9e9244b59bf3.png", "bg_col1": "#f5f5f5", "bg_col2": "#20C927", "otstup1": "40", "otstup2": "40.00", "but_col1": "#1EBC24", "but_col3": "#fff", "inp_col1": "#000000", "line_mob": "1.3", "thankyou": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443! ", "agree_col": "#000000", "font_col1": "#000000", "font_col2": "#000000", "font_col3": "#4a9e1d", "img_size1": "440.00", "first_line": "\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0432 \u0442\u0435\u043c\u0435!", "font_size1": "34.00", "font_size2": "20.00", "font_size3": "20.00", "third_line": "", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438 \u0441\u0432\u043e\u0439 e-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0438", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submit2_text": "\u0414\u041b\u042f \u041d\u0415\u0413\u041e", "submit1_value": "female", "submit2_value": "male", "submits_count": 1}, "machine_name": "gender"}, {"name": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "type": "checkbox", "label": "\u042f \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e", "params": {"checked": true, "options": [], "link_href": "https://superstep.ru/security-policy/", "link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438*", "show_link": true, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "agreement", "error_message_text": "", "show_error_message": false}], "font_custom": "'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif", "font_family": "Arial, Helvetica, sans-serif", "second_line": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438", "font_sizemob1": "16", "font_sizemob2": "20", "font_sizemob3": "12", "thankyouImage": "https://personalization-web-stable.mindbox.ru/user-media/35567/d9cd3927c8bc47a85fa9c673876d2629e7e9800990782ee934004483f72c2897.png", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": true, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "
\r\n\t
\r\n\t\t
\r\n\t\t\t
<%=first_line%>
\r\n\t\t\t
<%=second_line%>
\r\n\t\t\t
<%=third_line%>\u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u043a\u0438\u0434\u043a\u0443 10%
\r\n\t\t\t
<%=third_line%>\u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043f\u043e\u043a\u0443\u043f\u043a\u0443.
\r\n\t\t
\r\n\t\t
\r\n\t\t\t<%\r\n\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\r\n\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"submit\":\r\n\r\n\t\t\t\t\tif (field.params.submits_count == 1) {\r\n\t\t\t\t\t%>\r\n\t\t\t<%\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t%>\r\n\t\t\t
\r\n\t\t\t\t<%\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\r\n\t\t\t
<%\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t<%\r\n\t\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t%>\r\n\t\t
\r\n\t
\r\n\t\t
\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t<%=thankyou%>\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\u0415\u0441\u043b\u0438 \u043d\u0435 \u0432\u0438\u0434\u0438\u0448\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u043e\u0447\u0442\u0435, \u043f\u0440\u043e\u0432\u0435\u0440\u044c \u0440\u0430\u0437\u0434\u0435\u043b \"\u0441\u043f\u0430\u043c\".\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t
×
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n<% var show1button = true;\r\nfor (var i = 0; i < fields_list.length; i++) {\r\n\tvar field = fields_list[i];\r\n\tif (field.type == \"submit\") show1button = field.params.submits_count == 1;\r\n}\r\n%>\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tfont-size: inherit;\r\n\tbox-sizing: border-box;\r\n\t-webkit-font-smoothing: antialiased;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block !important;\r\n\tvertical-align: middle;\r\n\tpadding: <%=otstup2%>px 0 0 300px;\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-picture {\r\n\twidth: 880px;\r\n\theight: <%=img_size1%>px;\r\n\tposition: absolute;\r\n\ttop: 40px;\r\n\tleft: 0%;\r\n\tz-index: 9;\r\n\tbackground: url(<%=image%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-picture {\r\n\tbackground-image: url(<%=thankyouImage%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 15% 50%;\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n\t/*background: <%=bg_col1%>;*/\r\n\ttext-align: left;\r\n\twidth: 440px;\r\n\tmin-height:440px;\r\n\theight: auto;\r\n\tposition: relative;\r\n\tz-index: 10;\r\n\tpadding: <%=otstup1%>px 35px;\r\n\tfont-weight:700;\r\n\tfont-family: 'Montserrat';\r\n\tright: 68%;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-weight:700;\r\n\tfont-size: <%=font_size1%>px;\r\n\tline-height: <%=line%>;\r\n\tcolor: <%=font_col1%>;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-second-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-second-line {\r\n\tfont-weight: 700;\r\n\tline-height: <%=line%>;\r\n\tfont-size: <%=font_size2%>px;\r\n\tcolor: <%=font_col2%>;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-third-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-third-line {\r\n\tfont-size: <%=font_size3%>px;\r\n\tline-height: <%=line%>;\r\n\ttext-transform: none;\r\n\tcolor: <%=font_col3%>;\r\n\tfont-family: 'Montserrat';\r\n}\r\n\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-fourth-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-fourth-line {\r\n\tfont-size: <%=font_size3%>px;\r\n\tline-height: <%=line%>;\r\n\ttext-transform: none;\r\n\tcolor: <%=font_col2%>;\r\n\tfont-family: 'Montserrat';\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n\tmargin-top: 30px;\r\n}\r\n#popmechanic-form input,\r\n#popmechanic-form select {\r\n\tdisplay: block;\r\n\twidth: 350px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tpadding: 0;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=inp_col1%>;\r\n\tmargin: 19px auto 19px 0;\r\n\tfont-weight: 300;\r\n\tcolor: #000;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form input::-webkit-input-placeholder {\r\n\tcolor: #797979\r\n}\r\n#popmechanic-form input::-moz-placeholder {\r\n\tcolor: #797979\r\n}\r\n#popmechanic-form input::placeholder {\r\n\tcolor: #797979\r\n}\r\n\r\n<% if (show1button) { %>\r\n#popmechanic-form button {\r\n\tpadding: 0;\r\n\tdisplay: block;\r\n\twidth: 350px;\r\n\theight: 45px;\r\n\tline-height: 44px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tletter-spacing: 2px;\r\n\tborder: 1px solid <%=but_col1%>;\r\n\tmargin: 19px auto 0 0;\r\n\tbackground: <%=but_col1%>;\r\n\tcolor: <%=but_col3%>;\r\n\tfont-weight:500;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form button:hover {\r\n\tbackground: <%=bg_col2%>;\r\n\tcolor: <%=but_col3%>;\r\n\tborder: 1px solid <%=bg_col2%>;\r\n}\r\n<% } else { %>\r\n#popmechanic-form .popmechanic-buttons {\r\n\tfont-size: 0;\r\n\twidth: 350px;\r\n\tmargin: 19px auto;\r\n}\r\n\r\n#popmechanic-form button {\r\n\tpadding: 0;\r\n\tdisplay: inline-block;\r\n\tmargin-right: 10px;\r\n\tmargin-bottom:0;\r\n\twidth: 170px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=but_col1%>;\r\n\tbackground: <%=but_col1%>;\r\n\tcolor: <%=but_col3%>;\r\n\tfont-weight:700;\r\n\tfont-family: 'Montserrat';\r\n}\r\n#popmechanic-form button:hover {\r\n\tbackground: <%=bg_col2%>;\r\n\tcolor: <%=but_col3%>;\r\n\tborder: 1px solid <%=bg_col2%>;\r\n}\r\n#popmechanic-form button:last-child {\r\n\tmargin-right: 0;\r\n}\r\n<% } %>\r\n#popmechanic-form .popmechanic-agree {\r\n\tfont-size: 11px;\r\n\tfont-weight: 500;\r\n\tcolor: <%=agree_col%>;\r\n\tvertical-align: middle;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tpadding-left: 22px;\r\n\tmargin-top: 15px;\r\n\tmargin-bottom: 10px;\r\n}\r\n#popmechanic-form .popmechanic-agree br {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-agree a {\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form .popmechanic-agree input {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-agree input.popmechanic-invalid + .popmechanic-check {\r\n\tbox-shadow: 0 0 0 1px black;\r\n}\r\n#popmechanic-form .popmechanic-agree .popmechanic-check {\r\n\tposition: absolute;\r\n\tdisplay: inline-block;\r\n\twidth: 12px;\r\n\theight: 12px;\r\n\tborder-radius: 0;\r\n\tleft: 0;\r\n\tmargin-right: 10px;\r\n\tbackground: #fff;\r\n\tborder: 3px solid #fff;\r\n\tbox-shadow: 0 0 0 1px #000;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-agree input:checked + .popmechanic-check {\r\n\tbackground: #000000;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 60px;\r\n\tright: -16%;\r\n\ttext-decoration: none;\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tline-height: 15px;\r\n\tfont-size: 40px;\r\n\tcursor: pointer;\r\n\tz-index: 11;\r\n\tcolor: #000000;\r\n\tfont-weight: 100;\r\n}\r\n#popmechanic-form .popmechanic-close:hover {\r\n\tcolor: <%=bg_col2%>;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form input.popmechanic-invalid {\r\n\tborder-color: #e84e4e;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tpadding-top: 50px;\r\n\tfont-size: 10px;\r\n\tline-height: 15px;\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form {\r\n\twidth: 320px;\r\n\tpadding: 0px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-picture {\r\n\twidth: 320px;\r\n\tmax-height:440px;\r\n\theight: 440px;\r\n\tbackground: url(<%=image%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n.popmechanic-mobile .popmechanic-success #popmechanic-form .popmechanic-picture {\r\n\twidth: 320px;\r\n\tmax-height:440px;\r\n\tbackground-image: url(<%=thankyouImage%>)\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: 280px;\r\n\tmax-height:400px;\r\n\tvertical-align: middle;\r\n\tmargin-left: auto;\r\n\tmargin: 20px;\r\n\tmargin-right: auto;\r\n\theight: 390px;\r\n\tmin-height: 390px;\r\n\tbackground: rgba(255, 255, 255, 0.9);\r\n\tpadding: 80px 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-inputs {\r\n\tmargin-top: 6px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou input {\r\n\twidth: 226px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-buttons {\r\n\twidth: 226px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou button {\r\n\twidth: 226px;\r\n\tmargin: 10px auto;\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-size: 20px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-first-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-first-line {\r\n\tfont-size: <%=font_sizemob1%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-third-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-third-line {\r\n\tfont-size: <%=font_sizemob3%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-second-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-second-line {\r\n\tfont-size: <%=font_sizemob2%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-legal {\r\n\ttext-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-agree {\r\n\ttext-align: center;\r\n\tmargin-top: 6px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-agree br {\r\n\tdisplay: inline;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\tpadding-top: 166px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-size: 26px;\r\n\tline-height: 33px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: 32px;\r\n\tright: 32px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n #popmechanic-form .popmechanic-content {\r\n width: 226px;\r\n }\r\n \r\n #popmechanic-form .popmechanic-main,\r\n #popmechanic-form .popmechanic-thankyou {\r\n background: white !important; \r\n top: 0;\r\n left: 0;\r\n margin: 0 !important;\r\n width: 100% !important;\r\n padding: 24px 20px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-main {\r\n height: 430px !important;\r\n min-height: 430px !important;\r\n max-height: 430px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-close {\r\n top: 10px !important;\r\n right: 16px !important;\r\n opacity: 35%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-first-line {\r\n margin-bottom: 9px;\r\n font-weight: 300;\r\n font-size: 16px !important;\r\n line-height: 20px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif;\r\n color: #343434 !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-second-line {\r\n display: block;\r\n font-weight: 400 !important;\r\n font-size: 24px !important;\r\n line-height: 23px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #343434 !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-second-line span {\r\n display: none;\r\n }\r\n \r\n #popmechanic-form .popmechanic-third-line {\r\n display: block;\r\n font-weight: 600 !important;\r\n font-size: 24px !important;\r\n line-height: 23px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #343434 !important;\r\n height: 24px;\r\n overflow: hidden;\r\n }\r\n \r\n #popmechanic-form .popmechanic-third-line:before {\r\n font-weight: 400 !important;\r\n content: '\u0438 ';\r\n }\r\n \r\n #popmechanic-form .popmechanic-fourth-line {\r\n position: relative;\r\n display: block;\r\n font-weight: 400;\r\n font-size: 24px !important;\r\n line-height: 23px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #343434 !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-fourth-line:after {\r\n position: absolute;\r\n right: -12px;\r\n top: calc(100% - 25px);\r\n width: 130px;\r\n height: 57px;\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMwIiBoZWlnaHQ9IjU3IiB2aWV3Qm94PSIwIDAgMTMwIDU3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTI2LjYxMyIgaGVpZ2h0PSI0NS41MzM2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEwLjY5ODQpIHJvdGF0ZSgtNC42NzY1NykiIGZpbGw9IiNDRTEwMkUiLz4KPHBhdGggZD0iTTE3LjAyMjEgMzcuNTAwMkwzMi4wNjYyIDM2LjI2OTVMMzEuNzE1OSAzMS45ODc3TDE2LjY3MTggMzMuMjE4NEwxNy4wMjIxIDM3LjUwMDJaTTM2LjcxNzkgNDQuMDgyN0w1NS4zODggNDIuNTU1NUw1NS4wNDQxIDM4LjM1MDhMNTIuNDU5NiAzOC41NjIyTDQ4LjgwNDQgMzguOTc3N0w0OC41NTczIDM0LjUzMjJMNDcuMDYxNiAxNi4yNDc4TDQyLjc3OTggMTYuNTk4QzQyLjgyNyAyMS40NDgzIDQwLjEyNzEgMjMuNTcxOSAzNS4xOTkgMjQuMDkxNkwzNS41NDMgMjguMjk2MkMzOC44OTkgMjguMDIxNyA0MS44ODMzIDI3LjAwMDkgNDIuNjIyMiAyNS4xMTUzTDQzLjA4NTEgMjUuMDc3NEw0My4wNTk4IDI5LjA0MDVMNDMuNTQ1NyAzNC45ODFMNDMuOTgyNiAzOS4zNzIyTDM5LjY5MTMgMzkuNjA2N0wzNi4zNzM5IDM5Ljg3ODFMMzYuNzE3OSA0NC4wODI3Wk02OS4xNTU3IDQxLjYyMzRDNzUuOTQ0OSA0MS4wNjggNzkuODgzNCAzNi4wNDcgNzkuMTU0NSAyNy4xMzYzQzc4LjQyODcgMTguMjY0MSA3My43MTA3IDEzLjc1NzEgNjYuOTIxNiAxNC4zMTI1QzYwLjE3MSAxNC44NjQ3IDU2LjEzMjUgMjAuMDg4IDU2Ljg1ODMgMjguOTYwMkM1Ny41ODcyIDM3Ljg3MDkgNjIuNDA1MSA0Mi4xNzU2IDY5LjE1NTcgNDEuNjIzNFpNNjguNzU0MiAzNy4xOTA0QzY0Ljg1ODIgMzcuNTA5MSA2Mi4zMTQxIDM0LjQxNjUgNjEuODMxMyAyOC41MTQ1QzYxLjM1MTYgMjIuNjUxMiA2My4zNDk4IDE5LjA3MDQgNjcuMjQ1OSAxOC43NTE3QzcxLjE4MDUgMTguNDI5OSA3My42MTg0IDIxLjY0NzcgNzQuMDk4IDI3LjUxMTFDNzQuNTgwOCAzMy40MTMgNzIuNjg4OSAzNi44Njg2IDY4Ljc1NDIgMzcuMTkwNFpNODkuMTU1MSAyNi45Mzk1QzkzLjIwNTUgMjYuNjA4MiA5NS4zNDQgMjMuNzkyNiA5NC45NzQ4IDE5LjI3OTRDOTQuNjA1NiAxNC43NjYxIDkyLjAzMTYgMTIuMjU4NCA4Ny45ODEzIDEyLjU4OTdDODQuMDA4MSAxMi45MTQ3IDgxLjc2MDIgMTUuODE2OSA4Mi4xMjk0IDIwLjMzMDJDODIuNDk4NiAyNC44NDM0IDg1LjE4MTkgMjcuMjY0NSA4OS4xNTUxIDI2LjkzOTVaTTg5LjExOTUgMzkuNzk2MUw5NC4wMTg1IDM5LjM5NTRMMTA3LjA2MiAxMS4zMzk1TDEwMi4xNjMgMTEuNzQwMkw4OS4xMTk1IDM5Ljc5NjFaTTg4Ljg1NTQgMjMuMjc0OUM4Ny4xNTgxIDIzLjQxMzggODYuMzUwMSAyMi4wODE5IDg2LjE3OTcgMTkuOTk4OEM4Ni4wMDYyIDE3Ljg3NzIgODYuNTgzOCAxNi4zOTMyIDg4LjI4MSAxNi4yNTQzQzg5Ljk3ODMgMTYuMTE1NSA5MC43ODk0IDE3LjQ4NTkgOTAuOTYzIDE5LjYwNzZDOTEuMTMzNCAyMS42OTA2IDkwLjU1MjYgMjMuMTM2MSA4OC44NTU0IDIzLjI3NDlaTTEwOC4wNDYgMzguNTU4NUMxMTIuMDk3IDM4LjIyNzIgMTE0LjIzOSAzNC45ODQxIDExMy45MDUgMzAuODk1MkMxMTMuNTcgMjYuODA2MyAxMTAuOTIzIDIzLjg3NzQgMTA2Ljg3MyAyNC4yMDg3QzEwMi44OTkgMjQuNTMzNyAxMDAuNzI1IDI3Ljg1NzEgMTAxLjA1OSAzMS45NDZDMTAxLjM5NCAzNi4wMzQ5IDEwNC4wNzMgMzguODgzNSAxMDguMDQ2IDM4LjU1ODVaTTEwNy43NDcgMzQuODkzOUMxMDYuMDQ5IDM1LjAzMjcgMTA1LjIxOSAzMy40MzA4IDEwNS4wNzEgMzEuNjE3OEMxMDQuOTIzIDI5LjgwNDggMTA1LjQ3NSAyOC4wMTIxIDEwNy4xNzIgMjcuODczM0MxMDguODcgMjcuNzM0NSAxMDkuNzA2IDI5LjQxMzUgMTA5Ljg1NCAzMS4yMjY1QzExMC4wMDMgMzMuMDM5NSAxMDkuNDQ0IDM0Ljc1NTEgMTA3Ljc0NyAzNC44OTM5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\");\r\n content: '';\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs {\r\n margin: 0 !important;\r\n }\r\n \r\n \r\n \r\n #popmechanic-form .popmechanic-inputs button {\r\n margin: 0 0 15 !important;\r\n width: 100% !important;\r\n font-weight: 500;\r\n font-size: 16px;\r\n line-height: 20px;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n letter-spacing: normal !important;\r\n height: 51px !important;\r\n min-height: 51px !important;\r\n max-height: 51px !important;\r\n padding: 15px 20px 16px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs button span:after {\r\n content: '!';\r\n }\r\n \r\n #popmechanic-form .popmechanic-email {\r\n padding: 14px 19px 15px !important;\r\n width:100% !important;\r\n margin: 45px 0 15px !important;\r\n border: thin solid #AAAAAA;\r\n font-weight: 500;\r\n font-size: 16px !important;\r\n line-height: 20px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n font-style: normal !important;\r\n text-align: left;\r\n height: auto !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-email::placeholder {\r\n font-weight: 500;\r\n font-size: 16px !important;\r\n line-height: 20px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n font-style: normal !important;\r\n text-align: left;\r\n }\r\n \r\n #popmechanic-form .popmechanic-picture {\r\n display: none !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-agree {\r\n padding-left: 36px !important;\r\n text-align: left !important;\r\n font-weight: 300;\r\n font-size: 13px !important;\r\n line-height: 16px !important;\r\n font-family: montserrat, \"Helvetica\", \"Arial\", sans-serif !important;\r\n color: #787878;\r\n }\r\n \r\n #popmechanic-form .popmechanic-agree a {\r\n text-decoration: underline;\r\n }\r\n \r\n #popmechanic-form .popmechanic-legal {\r\n text-align: left !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-check {\r\n top:50%;\r\n transform:translateY(-50%);\r\n background: #FFFFFF !important;\r\n border: 3px solid #343434 !important;\r\n border-radius: 3px !important;\r\n width: 21px !important;\r\n height: 21px !important;\r\n margin: 0 !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n #popmechanic-form input[type=\"checkbox\"]:checked ~ span:after {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 12px;\r\n height: 12px;\r\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjk3NTkgNS4xMDgyTDUuODA5NTQgOS4zNzM3NkwxMC4wNTMxIDEuMjk1NDciIHN0cm9rZT0iIzFFQkMyNCIgc3Ryb2tlLXdpZHRoPSIyLjM1Mzg5Ii8+Cjwvc3ZnPgo=\");\r\n content: '';\r\n }\r\n }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 50382, "template": 1400, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form {\n background: white;\n padding: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n}\n#popmechanic-form .popmechanic-header {\n font-weight: normal;\n text-align: center;\n margin-bottom: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 30px;\n}\n#popmechanic-form .popmechanic-item-wrapper {\n position: relative;\n padding: 5px;\n width: 180px;\n margin: 0 auto;\n}\n\n#popmechanic-form .popmechanic-item-discount {\n position: absolute;\n top: 0;\n right: 0;\n color: red;\n background: white;\n padding: 4px;\n border-radius: 3px;\n border: 1px solid red;\n}\n#popmechanic-form .popmechanic-item-picture {\n width: 160px;\n height: 200px;\n margin: 0 auto 20px;\n}\n#popmechanic-form .popmechanic-item-picture:after {\n content: '';\n height: 200px;\n vertical-align: middle;\n display: inline-block;\n}\n#popmechanic-form .popmechanic-item-picture img {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n vertical-align: middle;\n}\n#popmechanic-form .popmechanic-item-name {\n text-decoration: none;\n color: black;\n font-size: 18px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n margin-bottom: 10px;\n line-height: 1.2;\n}\n#popmechanic-form .popmechanic-item-prices {\n height: 40px;\n margin-bottom: 10px;\n}\n#popmechanic-form .popmechanic-old-price {\n color: #ccc;\n text-decoration: line-through;\n display: block;\n font-size: 14px;\n margin-bottom: 2px;\n}\n#popmechanic-form .popmechanic-new-price {\n color: #777;\n display: block;\n font-size: 18px;\n margin-bottom: 12px;\n}\n#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n#popmechanic-form .popmechanic-item-name:hover {\n opacity: 0.8;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t{% if (parseInt(product.discount)) { %}\n\t\t
{{ product.discount }}
\n\t\t{% } %}\n\t\t\"{{\n\t\t{{ product.manufacturer.name }} {{ product.displayName }}\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u0420\u0443\u0431.\n\t\t\t{% } %}\n\t\t\t{{ product.formattedPrice }} \u0420\u0443\u0431.\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"LALLacoste\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "MB_Recs_search_SS ", "loopSlider": "1", "responsive": "1;640,3,0,3;1000,5,0,5", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 49820, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-50382-reco-1", "limit": 12, "disabled": false, "algorithm": "LALLacoste", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "Recs_search_SS // \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 #50382", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-47958.png?ts=1713433871843", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form {\n background: white;\n padding: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n}\n#popmechanic-form .popmechanic-header {\n font-weight: normal;\n text-align: center;\n margin-bottom: 20px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 30px;\n}\n#popmechanic-form .popmechanic-item-wrapper {\n position: relative;\n padding: 5px;\n width: 180px;\n margin: 0 auto;\n}\n\n#popmechanic-form .popmechanic-item-discount {\n position: absolute;\n top: 0;\n right: 0;\n color: red;\n background: white;\n padding: 4px;\n border-radius: 3px;\n border: 1px solid red;\n}\n#popmechanic-form .popmechanic-item-picture {\n width: 160px;\n height: 200px;\n margin: 0 auto 20px;\n}\n#popmechanic-form .popmechanic-item-picture:after {\n content: '';\n height: 200px;\n vertical-align: middle;\n display: inline-block;\n}\n#popmechanic-form .popmechanic-item-picture img {\n max-width: 100%;\n max-height: 100%;\n display: inline-block;\n vertical-align: middle;\n}\n#popmechanic-form .popmechanic-item-name {\n text-decoration: none;\n color: black;\n font-size: 18px;\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n margin-bottom: 10px;\n line-height: 1.2;\n}\n#popmechanic-form .popmechanic-item-prices {\n height: 40px;\n margin-bottom: 10px;\n}\n#popmechanic-form .popmechanic-old-price {\n color: #ccc;\n text-decoration: line-through;\n display: block;\n font-size: 14px;\n margin-bottom: 2px;\n}\n#popmechanic-form .popmechanic-new-price {\n color: #777;\n display: block;\n font-size: 18px;\n margin-bottom: 12px;\n}\n#popmechanic-form .popmechanic-button {\n background: green;\n color: white;\n display: block;\n line-height: 28px;\n border-radius: 3px;\n}\n#popmechanic-form .popmechanic-item-name:hover {\n opacity: 0.8;\n}", "header": "\u0422\u0435\u0431\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f", "shopId": "SuperStep", "controls": "0", "enableGA": "1", "endpoint": "", "template": "
\n
\n\t\t{% if (parseInt(product.discount)) { %}\n\t\t
{{ product.discount }}
\n\t\t{% } %}\n\t\t\"{{\n\t\t{{ product.manufacturer.name }} {{ product.displayName }}\n\t\t
\n\t\t {% if (parseInt(product.discount)) { %}\n\t\t\t{{ product.formattedOldPrice }} \u0420\u0443\u0431.\n\t\t\t{% } %}\n\t\t\t{{ product.formattedPrice }} \u0420\u0443\u0431.\n\t\t
\n\t
\n
", "user_tns": "{}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"LALLacoste\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "MB_Recs_search_SS ", "loopSlider": "1", "responsive": "1;640,3,0,3;1000,5,0,5", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "UA-53516351-1", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "SuperStep", "operations": [{"id": "popmechanic-widget-50382-reco-1", "limit": 12, "disabled": false, "algorithm": "LALLacoste", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1400, "html": "
\r\n
\r\n
\r\n <%=header%>\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px; }\r\n #popmechanic-form.popmechanic-loaded,\r\n #popmechanic-form.popmechanic-loading {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1; }\r\n #popmechanic-form .popmechanic-item-prices,\r\n #popmechanic-form .popmechanic-item-picture,\r\n #popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none; }\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 25px;\r\n line-height: 34px;\r\n margin-bottom: 20px;\r\n text-align: left; }\r\n #popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap; }\r\n\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 36px;\r\n font-weight: bold; }\r\n #popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n \r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\r\n}\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute !important;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n<%=css%>", "button": "", "on_show": "\"use strict\";\r\ntry {\r\n form.reportSlaSuccess();\r\n} catch (e) {} \r\nif (location.href.indexOf('pm-debug') > -1) {\r\n debugger;\r\n}\r\nvar impressionMap = {};\r\nvar recommendations = settings.recommendations || [];\r\n\r\nif (settings.map_recommendations) {\r\n try {\r\n recommendations = new Function('recommendations', settings.map_recommendations)(settings.recommendations) || settings.recommendations;\r\n } catch (err) {}\r\n}\r\n\r\nvar form = arguments[0] || {};\r\n\r\ntry {\r\n var lessCount;\r\n try {\r\n lessCount = parseInt('<% try { print(lessCount); } catch (e) { print(0); } %>') || 0;\r\n } catch (e) {\r\n lessCount = 0;\r\n };\r\n var enableTns = true;\r\n try {\r\n enableTns = !!(parseInt('<% try { print(enableTns); } catch (e) { print(0); } %>'));\r\n } catch (e) {\r\n enableTns = true;\r\n };\r\n var groupSlidesBy = parseInt('<%=groupSlidesBy%>');\r\n\r\n var responsiveArray = '<%=responsive%>'.split(';');\r\n var firstPoint = responsiveArray[0].split(',');\r\n var responsive = {};\r\n for (var i = 1; i < responsiveArray.length; i++) {\r\n var params = responsiveArray[i].split(',');\r\n responsive[params[0]] = {\r\n items: parseInt(params[1], 10),\r\n gutter: params[2] || 0,\r\n slideBy: params[3] || 1\r\n };\r\n }\r\n\r\n var tnsParams = {\r\n nav: false,\r\n items: parseInt(firstPoint[0], 10),\r\n mouseDrag: true,\r\n gutter: firstPoint[1] || 0,\r\n slideBy: firstPoint[2] || 1,\r\n responsive: responsive,\r\n loop: parseInt('<%=loopSlider%>'),\r\n controls: !!<%=controls%>\r\n };\r\n\r\n var userParams = <% try { print(user_tns); } catch (e) { print('{}'); } %>;\r\n\r\n tnsParams = PopMechanic.$.extend(true, tnsParams, userParams);\r\n\r\n var formId = form.id;\r\n\r\n var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"], [data-popmecanic-embed=\"' + formId + '\"]');\r\n if (!$container.length) {\r\n $container = PopMechanic.$('#popmechanic-container-' + formId);\r\n }\r\n if (!$container.length) {\r\n return;\r\n }\r\n\r\n var cardTemplate = PopMechanic._.template(\r\n $container.find('script[type=\"text\\/x-template\"]')\r\n .html()\r\n .replace(/\\s+/g, ' '),\r\n {\r\n interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n evaluate: /\\{\\%(.+?)\\%\\}/g\r\n }\r\n );\r\n\r\n function renderProductList() {\r\n function onInit() {\r\n try {\r\n var container = $container.find('.popmechanic-items')[0];\r\n \r\n if (!container) {\r\n return;\r\n }\r\n\r\n window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n function getReco() {\r\n var reco = null;\r\n \r\n if ($container.is('.popmechanic-widget-reco')) {\r\n reco = $container;\r\n } else {\r\n reco = $container.find('.popmechanic-widget-reco');\r\n }\r\n\r\n if ((!reco || !reco.length) && $container.is('#popmechanic-form-' + formId)) {\r\n reco = $container;\r\n }\r\n\r\n return reco;\r\n }\r\n\r\n if (enableTns) {\r\n window.PopMechanicTnsQ.push(function () {\r\n form.reportSlaSuccess();\r\n window.PopMechanicSlider = window.PopMechanicSlider || {};\r\n window.PopMechanicSlider[formId] = PopMechanicTns(PopMechanic.$.extend({ container: container }, tnsParams));\r\n\r\n var reco = getReco();\r\n reco.addClass('popmechanic-loaded');\r\n var debouncedStopDrag = PopMechanic._.debounce(function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n }, 200)\r\n PopMechanicSlider[formId].events.on('dragMove', function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).addClass('popmechanic-dragged');\r\n debouncedStopDrag();\r\n });\r\n PopMechanicSlider[formId].events.on('dragEnd', function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n });\r\n\r\n PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n var clickTrack = PopMechanic.$(el).data('clickTrack');\r\n \r\n if (impressionMap[clickTrack]) {\r\n impressionMap[clickTrack]();\r\n }\r\n });\r\n });\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n \tvar clickTrack = PopMechanic.$(el).data('clickTrack');\r\n \r\n if (impressionMap[clickTrack]) {\r\n impressionMap[clickTrack]();\r\n }\r\n });\r\n });\r\n } else {\r\n var reco = getReco();\r\n reco.addClass('popmechanic-loaded');\r\n\r\n $container.find('.popmechanic-item-card').each(function(i, el) {\r\n \tvar clickTrack = PopMechanic.$(el).data('clickTrack');\r\n \r\n if (impressionMap[clickTrack]) {\r\n impressionMap[clickTrack]();\r\n }\r\n });\r\n \r\n form.reportSlaSuccess();\r\n }\r\n } catch (e) {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaFailure('script-error', e);\r\n }\r\n }\r\n\r\n $container.find(\".popmechanic-items\").empty();\r\n $container.find('.popmechanic-items-wrapper').html('
');\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 /*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": 2003, "html": "
\r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\t
<%=first_line%>
\r\n\t\t\t
<%=second_line%>
\r\n\t\t\t
<%=third_line%>
\r\n\t\t
\r\n\t\t
\r\n\t\t\t<%\r\n\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\"\r\n\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\"\r\n\t\t\t\t\t\t placeholder=\"<%=field.placeholder%>\"\r\n\t\t\t\t\t\t <%=required%>><%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\r\n\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"submit\":\r\n\r\n\t\t\t\t\tif (field.params.submits_count == 1) {\r\n\t\t\t\t\t%>\r\n\t\t\t<%\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t%>\r\n\t\t\t
\r\n\t\t\t\t<%\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\r\n\t\t\t
<%\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t<%\r\n\t\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t%>\r\n\t\t
\r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t<%=thankyou%>\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t
×
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n<% var show1button = true;\r\nfor (var i = 0; i < fields_list.length; i++) {\r\n\tvar field = fields_list[i];\r\n\tif (field.type == \"submit\") show1button = field.params.submits_count == 1;\r\n}\r\n%>\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tfont-size: inherit;\r\n\tbox-sizing: border-box;\r\n\t-webkit-font-smoothing: antialiased;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block !important;\r\n\tvertical-align: middle;\r\n\tpadding: <%=otstup2%>px 0 0 300px;\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-picture {\r\n\twidth: <%=img_size1%>px;\r\n\theight: <%=img_size1%>px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 9;\r\n\tbackground: url(<%=image%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-picture {\r\n\tbackground-image: url(<%=thankyouImage%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n\tbackground: <%=bg_col1%>;\r\n\ttext-align: center;\r\n\twidth: 440px;\r\n\tmin-height:440px;\r\n\theight: auto;\r\n\tposition: relative;\r\n\tz-index: 10;\r\n\tpadding: <%=otstup1%>px 35px;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-weight: 100;\r\n\tfont-size: <%=font_size1%>px;\r\n\tline-height: <%=line%>;\r\n\tcolor: <%=font_col1%>;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-second-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-second-line {\r\n\tfont-weight: 700;\r\n\tline-height: <%=line%>;\r\n\tfont-size: <%=font_size2%>px;\r\n\tcolor: <%=font_col2%>;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-third-line,\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-third-line {\r\n\tfont-size: <%=font_size3%>px;\r\n\tline-height: <%=line%>;\r\n\ttext-transform: none;\r\n\tcolor: <%=font_col3%>;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n\tmargin-top: 30px;\r\n}\r\n#popmechanic-form input,\r\n#popmechanic-form select {\r\n\tdisplay: block;\r\n\twidth: 350px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tpadding: 0;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=inp_col1%>;\r\n\tmargin: 19px auto;\r\n\tfont-weight: 100;\r\n\tcolor: #000;\r\n}\r\n#popmechanic-form input::-webkit-input-placeholder {\r\n\tcolor: #797979\r\n}\r\n#popmechanic-form input::-moz-placeholder {\r\n\tcolor: #797979\r\n}\r\n#popmechanic-form input::placeholder {\r\n\tcolor: #797979\r\n}\r\n\r\n<% if (show1button) { %>\r\n#popmechanic-form button {\r\n\tpadding: 0;\r\n\tdisplay: block;\r\n\twidth: 350px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=but_col1%>;\r\n\tmargin: 19px auto;\r\n\tbackground: <%=but_col1%>;\r\n\tcolor: <%=but_col3%>;\r\n}\r\n#popmechanic-form button:hover {\r\n\tbackground: <%=bg_col2%>;\r\n\tcolor: <%=but_col3%>;\r\n\tborder: 1px solid <%=bg_col2%>;\r\n}\r\n<% } else { %>\r\n#popmechanic-form .popmechanic-buttons {\r\n\tfont-size: 0;\r\n\twidth: 350px;\r\n\tmargin: 19px auto;\r\n}\r\n#popmechanic-form button {\r\n\tpadding: 0;\r\n\tdisplay: inline-block;\r\n\tmargin-right: 10px;\r\n\twidth: 170px;\r\n\theight: 45px;\r\n\tline-height: 43px;\r\n\ttext-align: center;\r\n\tfont-size: 14px;\r\n\tborder: 1px solid <%=but_col1%>;\r\n\tbackground: <%=but_col1%>;\r\n\tcolor: <%=but_col3%>;\r\n}\r\n#popmechanic-form button:hover {\r\n\tbackground: <%=bg_col2%>;\r\n\tcolor: <%=but_col3%>;\r\n\tborder: 1px solid <%=bg_col2%>;\r\n}\r\n#popmechanic-form button:last-child {\r\n\tmargin-right: 0;\r\n}\r\n<% } %>\r\n#popmechanic-form .popmechanic-agree {\r\n\tfont-size: 11px;\r\n\tfont-weight: 100;\r\n\tcolor: <%=agree_col%>;\r\n\tvertical-align: middle;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tpadding-left: 22px;\r\n\tmargin-top: 15px;\r\n\tmargin-bottom: 10px;\r\n}\r\n#popmechanic-form .popmechanic-agree br {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-agree a {\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form .popmechanic-agree input {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-agree input.popmechanic-invalid + .popmechanic-check {\r\n\tbox-shadow: 0 0 0 1px red;\r\n}\r\n#popmechanic-form .popmechanic-agree .popmechanic-check {\r\n\tposition: absolute;\r\n\tdisplay: inline-block;\r\n\twidth: 12px;\r\n\theight: 12px;\r\n\tborder-radius: 0;\r\n\tleft: 0;\r\n\tmargin-right: 10px;\r\n\tbackground: #fff;\r\n\tborder: 3px solid #fff;\r\n\tbox-shadow: 0 0 0 1px #000;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-agree input:checked + .popmechanic-check {\r\n\tbackground: <%=but_col1%>;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\ttop: 45px;\r\n\tright: 10px;\r\n\ttext-decoration: none;\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tline-height: 15px;\r\n\tfont-size: 40px;\r\n\tcursor: pointer;\r\n\tz-index: 11;\r\n\tcolor: <%=but_col1%>;\r\n\tfont-weight: 100;\r\n}\r\n#popmechanic-form .popmechanic-close:hover {\r\n\tcolor: <%=bg_col2%>;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form input.popmechanic-invalid {\r\n\tborder-color: #e84e4e;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tpadding-top: 190px;\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form {\r\n\twidth: 320px;\r\n\tpadding: 0px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-picture {\r\n\twidth: 320px;\r\n\tmax-height:440px;\r\n\theight: 440px;\r\n\tbackground: url(<%=image%>);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n.popmechanic-mobile .popmechanic-success #popmechanic-form .popmechanic-picture {\r\n\twidth: 320px;\r\n\tmax-height:440px;\r\n\tbackground-image: url(<%=thankyouImage%>)\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: 280px;\r\n\tmax-height:400px;\r\n\tvertical-align: middle;\r\n\tmargin-left: auto;\r\n\tmargin: 20px;\r\n\tmargin-right: auto;\r\n\theight: 390px;\r\n\tmin-height: 390px;\r\n\tbackground: rgba(255, 255, 255, 0.9);\r\n\tpadding: 10px 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-inputs {\r\n\tmargin-top: 6px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou input {\r\n\twidth: 226px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-buttons {\r\n\twidth: 226px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou button {\r\n\twidth: 226px;\r\n\tmargin: 10px auto;\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-size: 20px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-first-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-first-line {\r\n\tfont-size: <%=font_sizemob1%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-third-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-third-line {\r\n\tfont-size: <%=font_sizemob3%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content .popmechanic-second-line,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content .popmechanic-second-line {\r\n\tfont-size: <%=font_sizemob2%>px;\r\n\tline-height: <%=line_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-legal {\r\n\ttext-align: left;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-agree {\r\n\ttext-align: left;\r\n\tmargin-top: 6px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-agree br {\r\n\tdisplay: inline;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\tpadding-top: 166px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\tfont-size: 26px;\r\n\tline-height: 33px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: 27px;\r\n\tright: 25px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 45821, "form": 50768, "filter": null, "filter_type": null, "account": 35567, "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-50768", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 88079, "form": 79814, "filter": null, "filter_type": null, "account": 35567, "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-79814", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 43616, "form": 50382, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-50382-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-50382-targeting"}, {"id": 45820, "form": 50768, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-50768-show", "click_operation": "popmechanic-popup-50768-click", "targeting_operation": "popmechanic-popup-50768-targeting"}, {"id": 48352, "form": 53811, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-53811-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-53811-targeting"}, {"id": 53290, "form": 56803, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-56803-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-56803-targeting"}, {"id": 83680, "form": 77046, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-77046-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-77046-targeting"}, {"id": 88080, "form": 79814, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-79814-show", "click_operation": "popmechanic-popup-79814-click", "targeting_operation": "popmechanic-popup-79814-targeting"}, {"id": 94856, "form": 84099, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-84099-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-84099-targeting"}, {"id": 94879, "form": 84111, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-84111-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-84111-targeting"}, {"id": 98182, "form": 86254, "filter": null, "filter_type": null, "account": 35567, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86254-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86254-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}