{"forms": [{"id": 69623, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": "https://www.pharmacosmetica.ru/", "operator": "$exclude"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "6212", "externalId": "d8eaf42a-3eda-480c-bf54-43c0d0084b8c"}, "segmentation": {"id": "6158", "externalId": "d8eaf42a-3eda-480c-bf54-43c0d0084b8c"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$not_exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": ".item {\n  position: relative;\n  background-color: #fff;\n  min-width: 250px;\n  padding: 1rem;\n  border-radius: 3px;\n}\n.item .wishlist {\n  position: absolute;\n  z-index: 2;\n  top: 1rem;\n  right: 1rem;\n}\n.item .wishlist i {\n  color: #000;\n  font-size: 1.6rem;\n}\n.item .wishlist a:hover i {\n  color: #dc3545;\n}\n.item .icons {\n  position: absolute;\n  display: flex;\n  z-index: 2;\n  pointer-events: none;\n}\n.item .icons .iconItem {\n  font-size: 0.8rem;\n  width: 40px;\n  height: 40px;\n  color: #fff;\n  background-color: #ff6600;\n  border-radius: 20px;\n  margin-left: 0.25rem;\n  margin-top: 0.25rem;\n  text-align: center;\n  line-height: 40px;\n}\n.item .icons .iconItem.iNew {\n  background-color: transparent;\n  background-image: url(\"../img/NewIco.jpg\");\n  background-size: 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.item .photo {\n  position: relative;\n  width: 100%;\n  height: 250px;\n  z-index: 1;\n  pointer-events: none;\n}\n.item .photo img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  background-color: #fff;\n}\n.item .price {\n  position: relative;\n  z-index: 2;\n  pointer-events: none;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  margin: 0.5rem 0;\n}\n.item .price .normalprice {\nwidth: 100%;\nfont-size: 1.5rem;\nline-height: 1.5rem;\nfont-weight: normal;\ncolor: #000;\n}\n.item .price .oldprice {\n  font-size: 0.9rem;\nfont-weight: normal;\ncolor: #bfbfbf;\ntext-decoration: line-through;\n}\n.item .btnbuy {\n  position: relative;\n  z-index: 2;\n  height: 61px;        \n}\nbutton, [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n.btn {\n  display: inline-block;\n  font-weight: 400;\n  color: #212529;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5;\n  border-radius: 3rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.btn-secondary {\n  color: #fff;\n  background-color: #000;\n  border-color: #000;\n}\n.btn-move-ico {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  padding-left: 1.25rem;\n}\n.item .btnbuy button {\n  width: 100%;\n}\n.btn:not(:disabled):not(.disabled) {\n  cursor: pointer;\n}\n.btn:hover {\n  color: #212529;\n  text-decoration: none;\n}\n.btn-secondary:hover {\n  color: #fff;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n.shadow-hover:hover {\n  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15) !important;\n}\n.btn-move-ico i {\n  padding-right: 10px;\n  transition: 0.3s ease-in-out;\n}\n.btn-move-ico:hover i {\n  padding-right: 0px;\n}\n.item .info {\n  width: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  padding: 0 1rem;\n  max-height: calc(365px + 3rem);\n  overflow: hidden;\n  background-color: #fff;\n  border-radius: 3px;\n}\n.item .info:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 275px;\n}\n.item .info .name {\n  text-decoration: none;\n}\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\nb, strong {\n  font-weight: bolder;\n}\n.item .info .name p {\n  display: block;\n  color: #000;\n  min-height: 2rem;\n}\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n/* media */\n@media (max-width: 992px) {\n  .item {\n    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);\n  }\n}\n@media (min-width: 576px) {\n  .item {\n    max-width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .item {\n    max-width: 300px;\n  }\n}", "header": "\u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442", "shopId": "SocSystem", "controls": "1", "enableGA": "0", "endpoint": "Socolor", "template": "{{ console.log(product) }}\n<div class=\"popmechanic-item-card\">\n    <div class=\"item\">\n\n        <div class=\"icons\">\n\n            {% if (parseInt(product.customFields.new)) { %}\n            <span class=\"iconItem iNew\"\n                  title=\"NEW\">NEW</span>\n            {% } %}\n        </div>\n\n\n        <div class=\"photo\">\n            <img src=\"{{ product.pictureUrl }}\"\n                 width=\"500\"\n                 title=\"{{ product.displayName }}\"\n                 class=\"itemphotosecond\"\n                 alt=\"{{ product.displayName }}\">\n        </div>\n        <div class=\"info\">\n            <a href=\"{{ product.url }}\"\n               class=\"name stretched-link\"\n               style=\"opacity:1\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a>\n            <!-- <div class=\"stars\">\n\n                <div class=\"starsprogress\">\n                    <img class=\"starssvg\"\n                         src=\"/templates/socolor/img/stars.svg\">\n                    <div class=\"progres-line\"\n                         style=\"width: 100%;\"></div>\n                </div>\n                <span class=\"colvote\">(5)</span>\n            </div> -->\n        </div>\n        <div><a href=\"{{ product.url }}\"\n               class=\"name stretched-link\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a></div>\n        <div class=\"price\"\n             style=\"display:none\">\n            <span class=\"normalprice\">{{ product.formattedPrice }}\u20bd</span>\n\n            {% if(product.discount) { %}\n            <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n            {% } %}\n        </div>\n\n        <form class=\"btnbuyform\"\n              name=\"order_{{ product.ids.socSystem }}\"\n              method=\"POST\"\n              action=\"/\">\n            <input type=\"hidden\"\n                   name=\"id\"\n                   value=\"{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\">\n            <input type=\"hidden\" name=\"codenumeric\" value=\"{{ product.ids.socSystem }}\">\n            <input id=\"good_{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\"\n                   type=\"hidden\"\n                   name=\"count\"\n                   value=\"1\">\n            <div class=\"btnbuy\">\n                <div class=\"price\">\n                    {% if(product.discount) { %}\n                    <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n                    {% } %}\n                    {% if (parseInt(product.discount)) { %}\n                    <span class=\"skid\">-{{ product.discount }}</span>\n                    {% } %}\n                    <span class=\"normalprice\">{{ product.formattedPrice }}<b>\u20bd</b></span>\n                </div>\n                <button type=\"button\"\n                        class=\"btn btn-secondary btn-move-ico shadow-hover\"\n                        onclick=\"addBasketBtn(this.form,'buy','CatalogPage')\">\n                    <span>\u041a\u0443\u043f\u0438\u0442\u044c</span>\n                    <i class=\"fas fa-shopping-cart\"></i>\n                </button>\n            </div>\n        </form>\n\n\n    </div>\n</div>\n{% try { $('[data-toggle=\"tooltip\"]').tooltip(); } catch (e) {} %}", "user_tns": "{\n  \"autoplay\": true,\n  \"autoplayButtonOutput\": false,\n  \"autoplayTimeout\": 2500,\n  \"responsive\": {\n    \"0\": {\n      \"items\": 1,\n      \"controls\": false\n    },\n    \"575\": {\n      \"items\": 2,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"992\": {\n      \"items\": 3,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1200\": {\n      \"items\": 4,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1500\": {\n      \"items\": 5,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n  }\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Soputstvuyuschietovariktovaru\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 69031, "behavior_settings": {"reco_data": {"shopId": "SocSystem", "endpoint": "Socolor", "operations": [{"id": "popmechanic-widget-69623-reco-1", "limit": 12, "disabled": false, "algorithm": "Soputstvuyuschietovariktovaru", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0430 (\u041d\u0415 \u0423\u0445\u043e\u0434 \u0437\u0430 \u0432\u043e\u043b\u043e\u0441\u0430\u043c\u0438) - \u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 #69623", "active": true, "embed_selector": false, "selector": "", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-68752.png?ts=1726510831230&id=330c2d35-d3dc-4179-86d8-255f08ab232b", "rendered_button_preview": null, "settings": {"css": ".item {\n  position: relative;\n  background-color: #fff;\n  min-width: 250px;\n  padding: 1rem;\n  border-radius: 3px;\n}\n.item .wishlist {\n  position: absolute;\n  z-index: 2;\n  top: 1rem;\n  right: 1rem;\n}\n.item .wishlist i {\n  color: #000;\n  font-size: 1.6rem;\n}\n.item .wishlist a:hover i {\n  color: #dc3545;\n}\n.item .icons {\n  position: absolute;\n  display: flex;\n  z-index: 2;\n  pointer-events: none;\n}\n.item .icons .iconItem {\n  font-size: 0.8rem;\n  width: 40px;\n  height: 40px;\n  color: #fff;\n  background-color: #ff6600;\n  border-radius: 20px;\n  margin-left: 0.25rem;\n  margin-top: 0.25rem;\n  text-align: center;\n  line-height: 40px;\n}\n.item .icons .iconItem.iNew {\n  background-color: transparent;\n  background-image: url(\"../img/NewIco.jpg\");\n  background-size: 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.item .photo {\n  position: relative;\n  width: 100%;\n  height: 250px;\n  z-index: 1;\n  pointer-events: none;\n}\n.item .photo img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  background-color: #fff;\n}\n.item .price {\n  position: relative;\n  z-index: 2;\n  pointer-events: none;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  margin: 0.5rem 0;\n}\n.item .price .normalprice {\nwidth: 100%;\nfont-size: 1.5rem;\nline-height: 1.5rem;\nfont-weight: normal;\ncolor: #000;\n}\n.item .price .oldprice {\n  font-size: 0.9rem;\nfont-weight: normal;\ncolor: #bfbfbf;\ntext-decoration: line-through;\n}\n.item .btnbuy {\n  position: relative;\n  z-index: 2;\n  height: 61px;        \n}\nbutton, [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n.btn {\n  display: inline-block;\n  font-weight: 400;\n  color: #212529;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5;\n  border-radius: 3rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.btn-secondary {\n  color: #fff;\n  background-color: #000;\n  border-color: #000;\n}\n.btn-move-ico {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  padding-left: 1.25rem;\n}\n.item .btnbuy button {\n  width: 100%;\n}\n.btn:not(:disabled):not(.disabled) {\n  cursor: pointer;\n}\n.btn:hover {\n  color: #212529;\n  text-decoration: none;\n}\n.btn-secondary:hover {\n  color: #fff;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n.shadow-hover:hover {\n  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15) !important;\n}\n.btn-move-ico i {\n  padding-right: 10px;\n  transition: 0.3s ease-in-out;\n}\n.btn-move-ico:hover i {\n  padding-right: 0px;\n}\n.item .info {\n  width: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  padding: 0 1rem;\n  max-height: calc(365px + 3rem);\n  overflow: hidden;\n  background-color: #fff;\n  border-radius: 3px;\n}\n.item .info:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 275px;\n}\n.item .info .name {\n  text-decoration: none;\n}\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\nb, strong {\n  font-weight: bolder;\n}\n.item .info .name p {\n  display: block;\n  color: #000;\n  min-height: 2rem;\n}\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n/* media */\n@media (max-width: 992px) {\n  .item {\n    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);\n  }\n}\n@media (min-width: 576px) {\n  .item {\n    max-width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .item {\n    max-width: 300px;\n  }\n}", "header": "\u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442", "shopId": "SocSystem", "controls": "1", "enableGA": "0", "endpoint": "Socolor", "template": "{{ console.log(product) }}\n<div class=\"popmechanic-item-card\">\n    <div class=\"item\">\n\n        <div class=\"icons\">\n\n            {% if (parseInt(product.customFields.new)) { %}\n            <span class=\"iconItem iNew\"\n                  title=\"NEW\">NEW</span>\n            {% } %}\n        </div>\n\n\n        <div class=\"photo\">\n            <img src=\"{{ product.pictureUrl }}\"\n                 width=\"500\"\n                 title=\"{{ product.displayName }}\"\n                 class=\"itemphotosecond\"\n                 alt=\"{{ product.displayName }}\">\n        </div>\n        <div class=\"info\">\n            <a href=\"{{ product.url }}\"\n               class=\"name stretched-link\"\n               style=\"opacity:1\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a>\n            <!-- <div class=\"stars\">\n\n                <div class=\"starsprogress\">\n                    <img class=\"starssvg\"\n                         src=\"/templates/socolor/img/stars.svg\">\n                    <div class=\"progres-line\"\n                         style=\"width: 100%;\"></div>\n                </div>\n                <span class=\"colvote\">(5)</span>\n            </div> -->\n        </div>\n        <div><a href=\"{{ product.url }}\"\n               class=\"name stretched-link\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a></div>\n        <div class=\"price\"\n             style=\"display:none\">\n            <span class=\"normalprice\">{{ product.formattedPrice }}\u20bd</span>\n\n            {% if(product.discount) { %}\n            <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n            {% } %}\n        </div>\n\n        <form class=\"btnbuyform\"\n              name=\"order_{{ product.ids.socSystem }}\"\n              method=\"POST\"\n              action=\"/\">\n            <input type=\"hidden\"\n                   name=\"id\"\n                   value=\"{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\">\n            <input type=\"hidden\" name=\"codenumeric\" value=\"{{ product.ids.socSystem }}\">\n            <input id=\"good_{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\"\n                   type=\"hidden\"\n                   name=\"count\"\n                   value=\"1\">\n            <div class=\"btnbuy\">\n                <div class=\"price\">\n                    {% if(product.discount) { %}\n                    <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n                    {% } %}\n                    {% if (parseInt(product.discount)) { %}\n                    <span class=\"skid\">-{{ product.discount }}</span>\n                    {% } %}\n                    <span class=\"normalprice\">{{ product.formattedPrice }}<b>\u20bd</b></span>\n                </div>\n                <button type=\"button\"\n                        class=\"btn btn-secondary btn-move-ico shadow-hover\"\n                        onclick=\"addBasketBtn(this.form,'buy','CatalogPage')\">\n                    <span>\u041a\u0443\u043f\u0438\u0442\u044c</span>\n                    <i class=\"fas fa-shopping-cart\"></i>\n                </button>\n            </div>\n        </form>\n\n\n    </div>\n</div>\n{% try { $('[data-toggle=\"tooltip\"]').tooltip(); } catch (e) {} %}", "user_tns": "{\n  \"autoplay\": true,\n  \"autoplayButtonOutput\": false,\n  \"autoplayTimeout\": 2500,\n  \"responsive\": {\n    \"0\": {\n      \"items\": 1,\n      \"controls\": false\n    },\n    \"575\": {\n      \"items\": 2,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"992\": {\n      \"items\": 3,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1200\": {\n      \"items\": 4,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1500\": {\n      \"items\": 5,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n  }\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Soputstvuyuschietovariktovaru\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "SocSystem", "endpoint": "Socolor", "operations": [{"id": "popmechanic-widget-69623-reco-1", "limit": 12, "disabled": false, "algorithm": "Soputstvuyuschietovariktovaru", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\"\n     id=\"popmechanic-form\">\n  <div class=\"container\">\n    <div class=\"popmechanic-main TovarSlider\">\n      <h4 class=\"popmechanic-header zagH h4 hdark\">\n        <%= header %>\n      </h4>\n      <div class=\"popmechanic-items-wrapper\"></div>\n      <div class=\"mb_i_info\">\n            <a href=\"/pages/produktovye_rekomendacii_mindbox.html\" target=\"_blank\">\u041f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 MindBox \n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M6.99984 1.16663C3.78509 1.16663 1.1665 3.78521 1.1665 6.99996C1.1665 10.2147 3.78509 12.8333 6.99984 12.8333C10.2146 12.8333 12.8332 10.2147 12.8332 6.99996C12.8332 3.78521 10.2146 1.16663 6.99984 1.16663ZM6.99984 2.33329C9.58408 2.33329 11.6665 4.41572 11.6665 6.99996C11.6665 9.5842 9.58408 11.6666 6.99984 11.6666C4.4156 11.6666 2.33317 9.5842 2.33317 6.99996C2.33317 4.41572 4.4156 2.33329 6.99984 2.33329ZM6.4165 4.08329V5.24996H7.58317V4.08329H6.4165ZM6.4165 6.41663V9.91663H7.58317V6.41663H6.4165Z\" fill=\"black\"/>\n                </svg>\n            </a>\n      </div>\n    </div>\n  </div>\n  <script type=\"text/x-template\">\n  <%= template %>\n</script>\n</div>", "css": ".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}\n\n.tns-controls button {\n  position: absolute;\n  display: block;\n  font-size: 0;\n  line-height: 1;\n  outline: none;\n  user-select: none;\n  padding: 0;\n  cursor: pointer;\n  border: 0;\n  background: none;\n  appearance: none;\n  /* website */\n  width: fit-content;\n  width: -moz-fit-content;\n  width: -webkit-fit-content;\n  height: 19px;\n  top: 15px;\n  z-index: 1;\n  transition: 0.3s ease-in-out;\n  outline: none !important;\n}\n\n.tns-controls > button::before{\n  font-family: 'Font Awesome 5 Free';\n  font-weight: 900;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: inline-block;\n  font-style: normal;\n  font-variant: normal;\n  text-rendering: auto;\n  line-height: 1;\n  font-size: 1.2rem;\n}\n\n.tns-controls > button[data-controls=\"prev\"] {\n  left: auto;\n  right: 40px;\n}\n\n.tns-controls > button[data-controls=\"prev\"]:hover {\n  right: 50px;\n  color: #ff6600;\n}\n\n.tns-controls > button[data-controls=\"next\"] {\n  left: auto;\n  right: 10px;\n}\n.tns-controls > button[data-controls=\"next\"]:hover {\n  right: 0;\n  color: #ff6600;\n}\n\n.tns-controls > button[data-controls=\"prev\"]::before {\n  content: \"\\f060\";\n}\n\n.tns-controls > button[data-controls=\"next\"]::before {\n  content: \"\\f061\";\n}\n\n.tns-controls > button[disabled] {\n  pointer-events: none;\n}\n\n.popmechanic-main {\n  position: relative;\n}\n\n/* website */\n\na {\n  color: #ff6600;\n  text-decoration: none;\n  background-color: transparent;\n}\n.container {\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.TovarSlider {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: 1920px;\n  margin: 0 auto;\n  overflow: hidden;\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n}\nh4, .h4 {\n  font-size: 1.5rem;\n}\n.zagH {\n  color: #fff;\n  margin-bottom: 0;\n  padding: 0.5rem 0;\n  padding-left: 15px;\n  position: relative;\n}\n.zagH.hdark {\n  color: #000;\n}\n.zagH:before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 12px;\n  height: 3px;\n  background-color: #ff6600;\n  top: 28px;\n  left: 0;\n}\n.zagH.h4:before {\n  top: 28px;\n}\n.TovarSlider .zagH {\n  margin-bottom: 1rem;\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width:540px;\n  }\n}\n\n@media (min-width: 768px) {\n  .container {\n    max-width: 720px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 960px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1140px;\n  }\n}\n@media (min-width: 1500px) {\n  .container {\n    max-width: 1450px;\n  }\n}\n\n#popmechanic-form .mb_i_info\n{\n    margin: 10px 0 0 0;\n    text-align: center;\n    font-size: 10pt;\n    color: #aaa;\n}\n\n#popmechanic-form .mb_i_info a\n{\n    text-decoration: none;\n    color: #aaa;\n}\n\n#popmechanic-form .mb_i_info a:hover\n{\n    text-decoration: underline;\n}\n\n#popmechanic-form .mb_i_info svg\n{\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n}\n\n<%= css %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 69622, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": "https://www.pharmacosmetica.ru/", "operator": "$exclude"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "6212", "externalId": "d8eaf42a-3eda-480c-bf54-43c0d0084b8c"}, "segmentation": {"id": "6158", "externalId": "d8eaf42a-3eda-480c-bf54-43c0d0084b8c"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": ".item {\n  position: relative;\n  background-color: #fff;\n  min-width: 250px;\n  padding: 1rem;\n  border-radius: 3px;\n}\n.item .wishlist {\n  position: absolute;\n  z-index: 2;\n  top: 1rem;\n  right: 1rem;\n}\n.item .wishlist i {\n  color: #000;\n  font-size: 1.6rem;\n}\n.item .wishlist a:hover i {\n  color: #dc3545;\n}\n.item .icons {\n  position: absolute;\n  display: flex;\n  z-index: 2;\n  pointer-events: none;\n}\n.item .icons .iconItem {\n  font-size: 0.8rem;\n  width: 40px;\n  height: 40px;\n  color: #fff;\n  background-color: #ff6600;\n  border-radius: 20px;\n  margin-left: 0.25rem;\n  margin-top: 0.25rem;\n  text-align: center;\n  line-height: 40px;\n}\n.item .icons .iconItem.iNew {\n  background-color: transparent;\n  background-image: url(\"../img/NewIco.jpg\");\n  background-size: 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.item .photo {\n  position: relative;\n  width: 100%;\n  height: 250px;\n  z-index: 1;\n  pointer-events: none;\n}\n.item .photo img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  background-color: #fff;\n}\n.item .price {\n  position: relative;\n  z-index: 2;\n  pointer-events: none;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  margin: 0.5rem 0;\n}\n.item .price .normalprice {\nwidth: 100%;\nfont-size: 1.5rem;\nline-height: 1.5rem;\nfont-weight: normal;\ncolor: #000;\n}\n.item .price .oldprice {\n  font-size: 0.9rem;\nfont-weight: normal;\ncolor: #bfbfbf;\ntext-decoration: line-through;\n}\n.item .btnbuy {\n  position: relative;\n  z-index: 2;\n  height: 61px;        \n}\nbutton, [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n.btn {\n  display: inline-block;\n  font-weight: 400;\n  color: #212529;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5;\n  border-radius: 3rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.btn-secondary {\n  color: #fff;\n  background-color: #000;\n  border-color: #000;\n}\n.btn-move-ico {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  padding-left: 1.25rem;\n}\n.item .btnbuy button {\n  width: 100%;\n}\n.btn:not(:disabled):not(.disabled) {\n  cursor: pointer;\n}\n.btn:hover {\n  color: #212529;\n  text-decoration: none;\n}\n.btn-secondary:hover {\n  color: #fff;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n.shadow-hover:hover {\n  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15) !important;\n}\n.btn-move-ico i {\n  padding-right: 10px;\n  transition: 0.3s ease-in-out;\n}\n.btn-move-ico:hover i {\n  padding-right: 0px;\n}\n.item .info {\n  width: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  padding: 0 1rem;\n  max-height: calc(365px + 3rem);\n  overflow: hidden;\n  background-color: #fff;\n  border-radius: 3px;\n}\n.item .info:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 275px;\n}\n.item .info .name {\n  text-decoration: none;\n}\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\nb, strong {\n  font-weight: bolder;\n}\n.item .info .name p {\n  display: block;\n  color: #000;\n  min-height: 2rem;\n}\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n/* media */\n@media (max-width: 992px) {\n  .item {\n    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);\n  }\n}\n@media (min-width: 576px) {\n  .item {\n    max-width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .item {\n    max-width: 300px;\n  }\n}", "header": "\u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442", "shopId": "SocSystem", "controls": "1", "enableGA": "0", "endpoint": "Socolor", "template": "{{ console.log(product) }}\n<div class=\"popmechanic-item-card\">\n    <div class=\"item\">\n\n        <div class=\"icons\">\n\n            {% if (parseInt(product.customFields.new)) { %}\n            <span class=\"iconItem iNew\"\n                  title=\"NEW\">NEW</span>\n            {% } %}\n        </div>\n\n\n        <div class=\"photo\">\n            <img src=\"{{ product.pictureUrl }}\"\n                 width=\"500\"\n                 title=\"{{ product.displayName }}\"\n                 class=\"itemphotosecond\"\n                 alt=\"{{ product.displayName }}\">\n        </div>\n        <div class=\"info\">\n            <a href=\"{{ product.url }}\"\n               class=\"name stretched-link\"\n               style=\"opacity:1\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a>\n            <!-- <div class=\"stars\">\n\n                <div class=\"starsprogress\">\n                    <img class=\"starssvg\"\n                         src=\"/templates/socolor/img/stars.svg\">\n                    <div class=\"progres-line\"\n                         style=\"width: 100%;\"></div>\n                </div>\n                <span class=\"colvote\">(5)</span>\n            </div> -->\n        </div>\n        <div><a href=\"{{ product.url }}\"\n               class=\"name stretched-link\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a></div>\n        <div class=\"price\"\n             style=\"display:none\">\n            <span class=\"normalprice\">{{ product.formattedPrice }}\u20bd</span>\n\n            {% if(product.discount) { %}\n            <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n            {% } %}\n        </div>\n\n        <form class=\"btnbuyform\"\n              name=\"order_{{ product.ids.socSystem }}\"\n              method=\"POST\"\n              action=\"/\">\n            <input type=\"hidden\"\n                   name=\"id\"\n                   value=\"{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\">\n            <input type=\"hidden\" name=\"codenumeric\" value=\"{{ product.ids.socSystem }}\">\n            <input id=\"good_{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\"\n                   type=\"hidden\"\n                   name=\"count\"\n                   value=\"1\">\n            <div class=\"btnbuy\">\n                <div class=\"price\">\n                    {% if(product.discount) { %}\n                    <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n                    {% } %}\n                    {% if (parseInt(product.discount)) { %}\n                    <span class=\"skid\">-{{ product.discount }}</span>\n                    {% } %}\n                    <span class=\"normalprice\">{{ product.formattedPrice }}<b>\u20bd</b></span>\n                </div>\n                <button type=\"button\"\n                        class=\"btn btn-secondary btn-move-ico shadow-hover\"\n                        onclick=\"addBasketBtn(this.form,'buy','CatalogPage')\">\n                    <span>\u041a\u0443\u043f\u0438\u0442\u044c</span>\n                    <i class=\"fas fa-shopping-cart\"></i>\n                </button>\n            </div>\n        </form>\n\n\n    </div>\n</div>\n{% try { $('[data-toggle=\"tooltip\"]').tooltip(); } catch (e) {} %}", "user_tns": "{\n  \"autoplay\": true,\n  \"autoplayButtonOutput\": false,\n  \"autoplayTimeout\": 2500,\n  \"responsive\": {\n    \"0\": {\n      \"items\": 1,\n      \"controls\": false\n    },\n    \"575\": {\n      \"items\": 2,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"992\": {\n      \"items\": 3,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1200\": {\n      \"items\": 4,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1500\": {\n      \"items\": 5,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n  }\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"RezinkiReko1\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "conditions_splits": [], "id": 69030, "behavior_settings": {"reco_data": {"shopId": "SocSystem", "endpoint": "Socolor", "operations": [{"id": "popmechanic-widget-69622-reco-1", "limit": 12, "disabled": false, "algorithm": "RezinkiReko1", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0430 (\u0423\u0445\u043e\u0434 \u0437\u0430 \u0432\u043e\u043b\u043e\u0441\u0430\u043c\u0438) - \u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 #69622", "active": true, "embed_selector": false, "selector": "", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-68751.png?ts=1726510830020&id=1f281f38-bded-4da4-bff4-02a98cbd90f0", "rendered_button_preview": null, "settings": {"css": ".item {\n  position: relative;\n  background-color: #fff;\n  min-width: 250px;\n  padding: 1rem;\n  border-radius: 3px;\n}\n.item .wishlist {\n  position: absolute;\n  z-index: 2;\n  top: 1rem;\n  right: 1rem;\n}\n.item .wishlist i {\n  color: #000;\n  font-size: 1.6rem;\n}\n.item .wishlist a:hover i {\n  color: #dc3545;\n}\n.item .icons {\n  position: absolute;\n  display: flex;\n  z-index: 2;\n  pointer-events: none;\n}\n.item .icons .iconItem {\n  font-size: 0.8rem;\n  width: 40px;\n  height: 40px;\n  color: #fff;\n  background-color: #ff6600;\n  border-radius: 20px;\n  margin-left: 0.25rem;\n  margin-top: 0.25rem;\n  text-align: center;\n  line-height: 40px;\n}\n.item .icons .iconItem.iNew {\n  background-color: transparent;\n  background-image: url(\"../img/NewIco.jpg\");\n  background-size: 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n.item .photo {\n  position: relative;\n  width: 100%;\n  height: 250px;\n  z-index: 1;\n  pointer-events: none;\n}\n.item .photo img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  background-color: #fff;\n}\n.item .price {\n  position: relative;\n  z-index: 2;\n  pointer-events: none;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  margin: 0.5rem 0;\n}\n.item .price .normalprice {\nwidth: 100%;\nfont-size: 1.5rem;\nline-height: 1.5rem;\nfont-weight: normal;\ncolor: #000;\n}\n.item .price .oldprice {\n  font-size: 0.9rem;\nfont-weight: normal;\ncolor: #bfbfbf;\ntext-decoration: line-through;\n}\n.item .btnbuy {\n  position: relative;\n  z-index: 2;\n  height: 61px;        \n}\nbutton, [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n.btn {\n  display: inline-block;\n  font-weight: 400;\n  color: #212529;\n  text-align: center;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5;\n  border-radius: 3rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.btn-secondary {\n  color: #fff;\n  background-color: #000;\n  border-color: #000;\n}\n.btn-move-ico {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  padding-left: 1.25rem;\n}\n.item .btnbuy button {\n  width: 100%;\n}\n.btn:not(:disabled):not(.disabled) {\n  cursor: pointer;\n}\n.btn:hover {\n  color: #212529;\n  text-decoration: none;\n}\n.btn-secondary:hover {\n  color: #fff;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n.shadow-hover:hover {\n  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15) !important;\n}\n.btn-move-ico i {\n  padding-right: 10px;\n  transition: 0.3s ease-in-out;\n}\n.btn-move-ico:hover i {\n  padding-right: 0px;\n}\n.item .info {\n  width: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0;\n  padding: 0 1rem;\n  max-height: calc(365px + 3rem);\n  overflow: hidden;\n  background-color: #fff;\n  border-radius: 3px;\n}\n.item .info:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 275px;\n}\n.item .info .name {\n  text-decoration: none;\n}\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\nb, strong {\n  font-weight: bolder;\n}\n.item .info .name p {\n  display: block;\n  color: #000;\n  min-height: 2rem;\n}\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n/* media */\n@media (max-width: 992px) {\n  .item {\n    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15);\n  }\n}\n@media (min-width: 576px) {\n  .item {\n    max-width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .item {\n    max-width: 300px;\n  }\n}", "header": "\u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442", "shopId": "SocSystem", "controls": "1", "enableGA": "0", "endpoint": "Socolor", "template": "{{ console.log(product) }}\n<div class=\"popmechanic-item-card\">\n    <div class=\"item\">\n\n        <div class=\"icons\">\n\n            {% if (parseInt(product.customFields.new)) { %}\n            <span class=\"iconItem iNew\"\n                  title=\"NEW\">NEW</span>\n            {% } %}\n        </div>\n\n\n        <div class=\"photo\">\n            <img src=\"{{ product.pictureUrl }}\"\n                 width=\"500\"\n                 title=\"{{ product.displayName }}\"\n                 class=\"itemphotosecond\"\n                 alt=\"{{ product.displayName }}\">\n        </div>\n        <div class=\"info\">\n            <a href=\"{{ product.url }}\"\n               class=\"name stretched-link\"\n               style=\"opacity:1\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a>\n            <!-- <div class=\"stars\">\n\n                <div class=\"starsprogress\">\n                    <img class=\"starssvg\"\n                         src=\"/templates/socolor/img/stars.svg\">\n                    <div class=\"progres-line\"\n                         style=\"width: 100%;\"></div>\n                </div>\n                <span class=\"colvote\">(5)</span>\n            </div> -->\n        </div>\n        <div><a href=\"{{ product.url }}\"\n               class=\"name stretched-link\">\n                <p><b>{{ product.manufacturer.name }}</b> {{ product.displayName }}</p>\n            </a></div>\n        <div class=\"price\"\n             style=\"display:none\">\n            <span class=\"normalprice\">{{ product.formattedPrice }}\u20bd</span>\n\n            {% if(product.discount) { %}\n            <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n            {% } %}\n        </div>\n\n        <form class=\"btnbuyform\"\n              name=\"order_{{ product.ids.socSystem }}\"\n              method=\"POST\"\n              action=\"/\">\n            <input type=\"hidden\"\n                   name=\"id\"\n                   value=\"{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\">\n            <input type=\"hidden\" name=\"codenumeric\" value=\"{{ product.ids.socSystem }}\">\n            <input id=\"good_{% try { print(product.url.match(/id_(\\d+)\\.html/)[1]); } catch (e) {} %}\"\n                   type=\"hidden\"\n                   name=\"count\"\n                   value=\"1\">\n            <div class=\"btnbuy\">\n                <div class=\"price\">\n                    {% if(product.discount) { %}\n                    <span class=\"oldprice\">{{ product.formattedOldPrice }}\u20bd</span>\n                    {% } %}\n                    {% if (parseInt(product.discount)) { %}\n                    <span class=\"skid\">-{{ product.discount }}</span>\n                    {% } %}\n                    <span class=\"normalprice\">{{ product.formattedPrice }}<b>\u20bd</b></span>\n                </div>\n                <button type=\"button\"\n                        class=\"btn btn-secondary btn-move-ico shadow-hover\"\n                        onclick=\"addBasketBtn(this.form,'buy','CatalogPage')\">\n                    <span>\u041a\u0443\u043f\u0438\u0442\u044c</span>\n                    <i class=\"fas fa-shopping-cart\"></i>\n                </button>\n            </div>\n        </form>\n\n\n    </div>\n</div>\n{% try { $('[data-toggle=\"tooltip\"]').tooltip(); } catch (e) {} %}", "user_tns": "{\n  \"autoplay\": true,\n  \"autoplayButtonOutput\": false,\n  \"autoplayTimeout\": 2500,\n  \"responsive\": {\n    \"0\": {\n      \"items\": 1,\n      \"controls\": false\n    },\n    \"575\": {\n      \"items\": 2,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"992\": {\n      \"items\": 3,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1200\": {\n      \"items\": 4,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n    \"1500\": {\n      \"items\": 5,\n      \"gutter\": 15,\n      \"controls\": true\n    },\n  }\n}\n", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"RezinkiReko1\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "0", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "12", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "0"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "SocSystem", "endpoint": "Socolor", "operations": [{"id": "popmechanic-widget-69622-reco-1", "limit": 12, "disabled": false, "algorithm": "RezinkiReko1", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": false}}, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\"\n     id=\"popmechanic-form\">\n  <div class=\"container\">\n    <div class=\"popmechanic-main TovarSlider\">\n      <h4 class=\"popmechanic-header zagH h4 hdark\">\n        <%= header %>\n      </h4>\n      <div class=\"popmechanic-items-wrapper\"></div>\n      <div class=\"mb_i_info\">\n            <a href=\"/pages/produktovye_rekomendacii_mindbox.html\" target=\"_blank\">\u041f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 MindBox \n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M6.99984 1.16663C3.78509 1.16663 1.1665 3.78521 1.1665 6.99996C1.1665 10.2147 3.78509 12.8333 6.99984 12.8333C10.2146 12.8333 12.8332 10.2147 12.8332 6.99996C12.8332 3.78521 10.2146 1.16663 6.99984 1.16663ZM6.99984 2.33329C9.58408 2.33329 11.6665 4.41572 11.6665 6.99996C11.6665 9.5842 9.58408 11.6666 6.99984 11.6666C4.4156 11.6666 2.33317 9.5842 2.33317 6.99996C2.33317 4.41572 4.4156 2.33329 6.99984 2.33329ZM6.4165 4.08329V5.24996H7.58317V4.08329H6.4165ZM6.4165 6.41663V9.91663H7.58317V6.41663H6.4165Z\" fill=\"black\"/>\n                </svg>\n            </a>\n      </div>\n    </div>\n  </div>\n  <script type=\"text/x-template\">\n  <%= template %>\n</script>\n</div>", "css": ".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}\n\n.tns-controls button {\n  position: absolute;\n  display: block;\n  font-size: 0;\n  line-height: 1;\n  outline: none;\n  user-select: none;\n  padding: 0;\n  cursor: pointer;\n  border: 0;\n  background: none;\n  appearance: none;\n  /* website */\n  width: fit-content;\n  width: -moz-fit-content;\n  width: -webkit-fit-content;\n  height: 19px;\n  top: 15px;\n  z-index: 1;\n  transition: 0.3s ease-in-out;\n  outline: none !important;\n}\n\n.tns-controls > button::before{\n  font-family: 'Font Awesome 5 Free';\n  font-weight: 900;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: inline-block;\n  font-style: normal;\n  font-variant: normal;\n  text-rendering: auto;\n  line-height: 1;\n  font-size: 1.2rem;\n}\n\n.tns-controls > button[data-controls=\"prev\"] {\n  left: auto;\n  right: 40px;\n}\n\n.tns-controls > button[data-controls=\"prev\"]:hover {\n  right: 50px;\n  color: #ff6600;\n}\n\n.tns-controls > button[data-controls=\"next\"] {\n  left: auto;\n  right: 10px;\n}\n.tns-controls > button[data-controls=\"next\"]:hover {\n  right: 0;\n  color: #ff6600;\n}\n\n.tns-controls > button[data-controls=\"prev\"]::before {\n  content: \"\\f060\";\n}\n\n.tns-controls > button[data-controls=\"next\"]::before {\n  content: \"\\f061\";\n}\n\n.tns-controls > button[disabled] {\n  pointer-events: none;\n}\n\n.popmechanic-main {\n  position: relative;\n}\n\n/* website */\n\na {\n  color: #ff6600;\n  text-decoration: none;\n  background-color: transparent;\n}\n.container {\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.TovarSlider {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: 1920px;\n  margin: 0 auto;\n  overflow: hidden;\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n}\nh4, .h4 {\n  font-size: 1.5rem;\n}\n.zagH {\n  color: #fff;\n  margin-bottom: 0;\n  padding: 0.5rem 0;\n  padding-left: 15px;\n  position: relative;\n}\n.zagH.hdark {\n  color: #000;\n}\n.zagH:before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 12px;\n  height: 3px;\n  background-color: #ff6600;\n  top: 28px;\n  left: 0;\n}\n.zagH.h4:before {\n  top: 28px;\n}\n.TovarSlider .zagH {\n  margin-bottom: 1rem;\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width:540px;\n  }\n}\n\n@media (min-width: 768px) {\n  .container {\n    max-width: 720px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 960px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1140px;\n  }\n}\n@media (min-width: 1500px) {\n  .container {\n    max-width: 1450px;\n  }\n}\n\n#popmechanic-form .mb_i_info\n{\n    margin: 10px 0 0 0;\n    text-align: center;\n    font-size: 10pt;\n    color: #aaa;\n}\n\n#popmechanic-form .mb_i_info a\n{\n    text-decoration: none;\n    color: #aaa;\n}\n\n#popmechanic-form .mb_i_info a:hover\n{\n    text-decoration: underline;\n}\n\n#popmechanic-form .mb_i_info svg\n{\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n}\n\n<%= css %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1400, "html": "<div class=\"popmechanic-reset popmechanic-widget-reco\" id=\"popmechanic-form\">\r\n  <div class=\"popmechanic-main\">\r\n    <div class=\"popmechanic-header\">\r\n      <%=header%>\r\n    </div>\r\n    <div class=\"popmechanic-throbber\">\r\n      <b></b>\r\n      <b></b>\r\n      <b></b>\r\n    </div>\r\n    <div class=\"popmechanic-items-wrapper\">\r\n    </div>\r\n  </div>\r\n<script type=\"text/x-template\">\r\n  <%=template%>\r\n</script>\r\n</div>", "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('<div class=\"popmechanic-items\"></div>');\r\n        var $carousel = $container.find('.popmechanic-items');\r\n        $carousel.empty();\r\n        var slideAccumulator = [];\r\n        var $slideContainer = PopMechanic.$('<div class=\"popmechanic-slide-container\"/>');\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.$('<div class=\"popmechanic-slide-container\"/>');\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": ""}], "button_templates": [], "integrations": [{"id": 72812, "form": 69622, "filter": null, "filter_type": null, "account": 5719, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-69622-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-69622-targeting"}, {"id": 72813, "form": 69623, "filter": null, "filter_type": null, "account": 5719, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-69623-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-69623-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}