{"forms": [{"id": 88680, "template": 886, "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": ["utm_source=mindbox&utm_medium=email&utm_campaign=Doi"], "operator": "$in_endsWith"}, {"id": "4", "field": "page", "value": ["utm_source=mindbox&utm_medium=email&utm_campaign=Doi"], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://mindbox.ru", "image": "https://personalization-web-stable.mindbox.ru/user-media/30979/e71f38e63cb9c7cf08f4ee94728fa0ecb44ab8c3e845ea95f6ebedfd20452416.jpg", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "5.00", "showurl": "0", "width_mobile": "310", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "5.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 199183}], "id": 88088, "behavior_settings": {"button": {"on": false, "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": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "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-88958.png?ts=1716378474889", "rendered_button_preview": null, "settings": {"url": "https://mindbox.ru", "image": "https://personalization-web-stable.mindbox.ru/user-media/30979/e71f38e63cb9c7cf08f4ee94728fa0ecb44ab8c3e845ea95f6ebedfd20452416.jpg", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "5.00", "showurl": "0", "width_mobile": "310", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "5.00", "form_border_width2": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "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": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 87629, "template": 3299, "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": ["stoolgroup.ru"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "horeca", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "blog", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "profile", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "profiles-add", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "interior-products", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "reviews", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "job", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "career", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "for-designres", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "delivery", "operator": "$exclude"}], "operator": "$and"}, {"id": "15", "field": "form_completed", "value": {"forms": [87629], "interval": 7}, "operator": "$never"}, {"id": "16", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 137, "externalId": "113c1787-b90b-44ff-9b5a-967b025dd76d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "17", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 145, "externalId": "85b9ae2d-4c3d-4035-9201-67bb51703669"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "15"}, "combinator": "and", "id": 198482}], "id": 87037, "behavior_settings": {"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": "\u041f\u043e\u043f-\u0430\u043f \u0441 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u043e\u0439 #87629", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 432000}, "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": [{"name": "for", "machine_name": "for", "default_value": ""}, {"name": "city", "machine_name": "city", "default_value": ""}], "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-87857.png?ts=1720810072732", "rendered_button_preview": null, "settings": {}, "button_settings": {}, "behavior_settings": {"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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n  <div class=\"discount-popup__close\" data-popmechanic-close>\n    <svg\n      width=\"36\"\n      height=\"36\"\n      viewBox=\"0 0 36 36\"\n      fill=\"#202020\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <rect\n        width=\"0.746829\"\n        height=\"41.0756\"\n        transform=\"matrix(0.714375 -0.699763 0.714375 0.699763 3.96387 3.74707)\"\n        fill=\"#202020\"\n      />\n      <rect\n        width=\"0.746829\"\n        height=\"41.0756\"\n        transform=\"matrix(0.714375 0.699763 -0.714375 0.699763 32.3433 3)\"\n        fill=\"#202020\"\n      />\n    </svg>\n  </div>\n  <div class=\"popmechanic-screen first-screen\" id=\"popmechanic-first-screen\">\n    <div class=\"popmechanic-content\">\n      <div class=\"discount-popup__inner-wrapper\">\n        <div class=\"discount-popup__content\">\n          <div class=\"discount-popup__header font-36\">\n            \u041e\u0439, \u0432\u0430\u0448\u0430 \u0441\u043a\u0438\u0434\u043a\u0430 \u0441\u043f\u0440\u044f\u0442\u0430\u043b\u0430\u0441\u044c!\n          </div>\n          <div class=\"discount-popup__text font-14\">\n            \u0423\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0443\u043b\u044c\u044f, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u0431\u0440\u0430\u0442\u044c \u0435\u0451\n          </div>\n          <button\n            type=\"button\"\n            name=\"button\"\n            id=\"popmechanic-button-first\"\n            data-popmechanic-submit\n          >\n            \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443\n          </button>\n          <div class=\"discount-popup__discount_value\">\n            <svg\n              width=\"192\"\n              height=\"167\"\n              viewBox=\"0 0 192 167\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M14.8239 127.572C-10.0665 88.0735 -2.00744 33.4188 38.6186 10.4146C54.4461 1.4524 65.942 -0.596791 84.1037 0.396253C111.296 1.8831 124.033 16.2271 146.35 31.8341C163.841 44.0654 178.95 48.3357 187.371 67.9473C203.609 105.765 168.159 139.872 130.624 156.753C88.091 175.881 39.6874 167.028 14.8239 127.572Z\"\n                fill=\"#EDEBE9\"\n              />\n            </svg>\n            <div class=\"text\">10%</div>\n            <div id=\"discount-val\"></div>\n          </div>\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool1\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool1.png\"\n          />\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool2\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool2.png\"\n          />\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool3\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool3.png\"\n          />\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool4\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool4.png\"\n          />\n          <div class=\"prev-next\" style=\"display: none\">\n            <span data-target=\"screen\" href=\"#popmechanic-second-screen\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"popmechanic-screen second-screen\" id=\"popmechanic-second-screen\">\n    <div class=\"popmechanic-content\">\n      <div class=\"discount-popup__inner-wrapper\">\n        <div class=\"discount-popup__content\">\n          <div class=\"discount-popup__discount_value\">\n            <div class=\"text\">10%</div>\n          </div>\n          <div class=\"discount-popup__header font-36\">\u0423 \u0432\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c!</div>\n          <div\n            class=\"discount-popup__text font-14 bold\"\n            style=\"margin-top: 8px\"\n          >\n            \u0412\u044b\u00a0\u0438\u0449\u0435\u0442\u0435 \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0438\u043b\u0438 \u043f\u043e \u0440\u0430\u0431\u043e\u0442\u0435?\n          </div>\n          <div class=\"for\">\n            <label>\n              <input\n                class=\"radio-v\"\n                type=\"radio\"\n                name=\"for\"\n                data-popmechanic-input=\"customs.for\"\n                required\n                value=\"\u041f\u043e \u0440\u0430\u0431\u043e\u0442\u0435\"\n              />\n              <span class=\"default\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                </svg>\n              </span>\n              <span class=\"focus\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    fill=\"#222222\"\n                    fill-opacity=\"0.16\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              <span class=\"checked\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              \u041f\u043e \u0440\u0430\u0431\u043e\u0442\u0435, \u044f \u2014 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\n            </label>\n            <label>\n              <input\n                class=\"radio-v\"\n                type=\"radio\"\n                name=\"for\"\n                data-popmechanic-input=\"customs.for\"\n                required\n                value=\"\u0414\u043b\u044f \u0441\u0435\u0431\u044f\"\n              />\n              <span class=\"default\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                </svg>\n              </span>\n              <span class=\"focus\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    fill=\"#222222\"\n                    fill-opacity=\"0.16\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              <span class=\"checked\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              \u0414\u043b\u044f \u0441\u0435\u0431\u044f\n            </label>\n          </div>\n          <div\n            class=\"discount-popup__text font-14 bold\"\n            style=\"margin-top: 8px\"\n          >\n            \u0412 \u043a\u0430\u043a\u043e\u043c \u0433\u043e\u0440\u043e\u0434\u0435 \u0432\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435\u0441\u044c?\n          </div>\n          <div class=\"for\">\n            <label>\n              <input\n                class=\"radio-v\"\n                type=\"radio\"\n                name=\"for2\"\n                data-popmechanic-input=\"customs.for2\"\n                required\n                value=\"\u041c\u043e\u0441\u043a\u0432\u0430 \u0438 \u041c\u041e\"\n              />\n              <span class=\"default\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                </svg>\n              </span>\n              <span class=\"focus\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    fill=\"#222222\"\n                    fill-opacity=\"0.16\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              <span class=\"checked\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              \u041c\u043e\u0441\u043a\u0432\u0430 \u0438 \u041c\u041e\n            </label>\n            <label>\n              <input\n                class=\"radio-v\"\n                type=\"radio\"\n                name=\"for2\"\n                data-popmechanic-input=\"customs.for2\"\n                required\n                value=\"\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433\"\n              />\n              <span class=\"default\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                </svg>\n              </span>\n              <span class=\"focus\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    fill=\"#222222\"\n                    fill-opacity=\"0.16\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              <span class=\"checked\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              \u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433\n            </label>\n            <label>\n              <input\n                class=\"radio-v\"\n                type=\"radio\"\n                name=\"for2\"\n                data-popmechanic-input=\"customs.for2\"\n                required\n                value=\"\u0414\u0440\u0443\u0433\u043e\u0439 \u0440\u0435\u0433\u0438\u043e\u043d\"\n              />\n              <span class=\"default\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                </svg>\n              </span>\n              <span class=\"focus\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    fill=\"#222222\"\n                    fill-opacity=\"0.16\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              <span class=\"checked\">\n                <svg\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 16 16\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <rect\n                    x=\"0.35\"\n                    y=\"0.35\"\n                    width=\"15.3\"\n                    height=\"15.3\"\n                    rx=\"3.65\"\n                    stroke=\"#202020\"\n                    stroke-width=\"0.7\"\n                  />\n                  <path\n                    d=\"M4.5 8.6L6.9 11L12.3 5\"\n                    stroke=\"#222222\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </span>\n              \u0414\u0440\u0443\u0433\u043e\u0439 \u0440\u0435\u0433\u0438\u043e\u043d\n            </label>\n          </div>\n          <button\n            type=\"button\"\n            name=\"button\"\n            class=\"popmechanic-button-2\"\n            data-popmechanic-submit\n          >\n            \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443\n          </button>\n          <input type=\"text\" name=\"city\" required value=\"\" />\n          <div class=\"prev-next\">\n            <span data-target=\"screen\" href=\"#popmechanic-first-screen\">\n              <svg\n                width=\"47\"\n                height=\"11\"\n                viewBox=\"0 0 47 11\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M0.176777 4.94975L0 5.12653L0.176777 5.3033L5.12652 10.253L5.48008 9.8995L1.0074 5.42682H46.3535V4.92682H0.906814L5.48008 0.353555L5.12652 0L0.176777 4.94975Z\"\n                  fill=\"#222222\"\n                />\n              </svg>\n            </span>\n            <span data-target=\"screen\" href=\"#popmechanic-third-screen\">\n              <svg\n                width=\"47\"\n                height=\"11\"\n                viewBox=\"0 0 47 11\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M46.5303 5.3033L46.707 5.12653L46.5303 4.94975L41.5805 1.90735e-06L41.227 0.353555L45.6996 4.82623L0.353485 4.82623V5.32623L45.8002 5.32623L41.227 9.8995L41.5805 10.2531L46.5303 5.3033Z\"\n                  fill=\"#222222\"\n                />\n              </svg>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"popmechanic-screen third-screen\" id=\"popmechanic-third-screen\">\n    <div class=\"popmechanic-content\">\n      <div class=\"discount-popup__inner-wrapper\">\n        <div class=\"discount-popup__content\">\n          <div class=\"discount-popup__discount_value\">\n            <div class=\"text\">10%</div>\n          </div>\n          <div class=\"discount-popup__header font-32\">\u0421\u043a\u0438\u0434\u043a\u0430 10% \u2014 \u0432\u0430\u0448\u0430</div>\n          <div class=\"discount-popup__text\">\n            \u041f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0441\u0432\u043e\u0438\u043c\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c\u0438, \u043c\u044b \u0432\u044b\u0448\u043b\u0435\u043c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443\n          </div>\n          <div class=\"field name\">\n            <input\n              class=\"input-v\"\n              type=\"text\"\n              name=\"name\"\n              placeholder=\"\u041a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442?\"\n              value=\"\"\n              data-popmechanic-input=\"name\"\n              required=\"required\"\n            />\n          </div>\n          <div class=\"field email\">\n            <input\n              class=\"input-v email-v\"\n              type=\"email\"\n              name=\"email\"\n              placeholder=\"\u0412\u0430\u0448 email\"\n              value=\"\"\n              data-popmechanic-input=\"email\"\n              required=\"required\"\n            />\n          </div>\n          <div class=\"field phone\">\n            <input\n              class=\"input-v\"\n              type=\"text\"\n              class=\"font-14\"\n              name=\"phone\"\n              placeholder=\"\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\"\n              value=\"\"\n              data-popmechanic-input=\"phone\"\n              required=\"required\"\n              data-popmechanic-mask=\"###########\"\n            />\n          </div>\n          <button type=\"button\" name=\"button\" class=\"popmechanic-button-3\">\n            \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\n          </button>\n          <p class=\"agree\">\n            \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\", \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443\n            \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0439 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438.\n          </p>\n          <div class=\"prev-next\">\n            <span data-target=\"screen\" href=\"#popmechanic-second-screen\">\n              <svg\n                width=\"47\"\n                height=\"11\"\n                viewBox=\"0 0 47 11\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M0.176777 4.94975L0 5.12653L0.176777 5.3033L5.12652 10.253L5.48008 9.8995L1.0074 5.42682H46.3535V4.92682H0.906814L5.48008 0.353555L5.12652 0L0.176777 4.94975Z\"\n                  fill=\"#222222\"\n                />\n              </svg>\n            </span>\n            <span data-target=\"screen\" href=\"#popmechanic-fourth-screen\">\n              <svg\n                width=\"47\"\n                height=\"11\"\n                viewBox=\"0 0 47 11\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M46.5303 5.3033L46.707 5.12653L46.5303 4.94975L41.5805 1.90735e-06L41.227 0.353555L45.6996 4.82623L0.353485 4.82623V5.32623L45.8002 5.32623L41.227 9.8995L41.5805 10.2531L46.5303 5.3033Z\"\n                  fill=\"#222222\"\n                />\n              </svg>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"popmechanic-screen fourth-screen\" id=\"popmechanic-fourth-screen\">\n    <div class=\"popmechanic-content\">\n      <div class=\"discount-popup__inner-wrapper\">\n        <div class=\"discount-popup__content\">\n          <div class=\"discount-popup__discount_value\">\n            <div class=\"text\">10%</div>\n          </div>\n          <div class=\"discount-popup__header font-32\">\n            \u0421\u043a\u0438\u0434\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0436\u0434\u0430\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0435\n          </div>\n          <div class=\"discount-popup__text\">\n            \u041d\u0430\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0432\u0430\u043c\u00a0\u043f\u0438\u0441\u044c\u043c\u043e\u00a0\u2014 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441,\n            \u0447\u0442\u043e\u0431\u044b\u00a0\u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043f\u0440\u0438\u0448\u0451\u043b \u043a\u00a0\u0432\u0430\u043c\n          </div>\n\n          <div class=\"discount-popup__discount_value\">\n            <svg\n              width=\"192\"\n              height=\"167\"\n              viewBox=\"0 0 192 167\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M14.8239 127.572C-10.0665 88.0735 -2.00744 33.4188 38.6186 10.4146C54.4461 1.4524 65.942 -0.596791 84.1037 0.396253C111.296 1.8831 124.033 16.2271 146.35 31.8341C163.841 44.0654 178.95 48.3357 187.371 67.9473C203.609 105.765 168.159 139.872 130.624 156.753C88.091 175.881 39.6874 167.028 14.8239 127.572Z\"\n                fill=\"#EDEBE9\"\n              />\n            </svg>\n            <div class=\"text\">10%</div>\n            <div id=\"discount-val\"></div>\n          </div>\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool1\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool1.png\"\n          />\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool2\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool2.png\"\n          />\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool3\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool3.png\"\n          />\n          <img\n            class=\"discount-popup__discount_stool draggable\"\n            id=\"stool4\"\n            src=\"https://host.mailfit.com/stoolgroup/2024-05-07/stool4.png\"\n          />\n\n          <button type=\"button\" name=\"button\" class=\"popmechanic-button\">\n            <a href=\"https://stoolgroup.ru/stulya\">\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438</a>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<script type=\"text/javascript\">\n  function isVisible(element) {\n    return !isBehindOtherElement(element);\n  }\n\n  function isBehindOtherElement(element) {\n    const boundingRect = element.getBoundingClientRect();\n    // Adjust coordinates to get more accurate results\n    const left = boundingRect.left + 1;\n    const right = boundingRect.right - 1;\n    const top = boundingRect.top + 1;\n    const bottom = boundingRect.bottom - 1;\n\n    if (!element.contains(document.elementFromPoint(left, top))) return true;\n    if (!element.contains(document.elementFromPoint(right, top))) return true;\n    if (!element.contains(document.elementFromPoint(left, bottom))) return true;\n    if (!element.contains(document.elementFromPoint(right, bottom)))\n      return true;\n\n    return false;\n  }\n\n  let zIndex = 2;\n  let drag = false;\n  let offsetX, offsetY, coordX, coordY;\n\n  function startDrag(e) {\n    if (!e) e = window.event;\n\n    // Ensure the target is draggable\n    const targ = e.target ? e.target : e.srcElement;\n    if (!targ.classList.contains(\"draggable\")) return;\n\n    // Calculate event X, Y coordinates\n    if (e.type === \"touchstart\") {\n      offsetX = e.touches[0].clientX;\n      offsetY = e.touches[0].clientY;\n    } else {\n      offsetX = e.clientX;\n      offsetY = e.clientY;\n    }\n\n    // Assign default values for top and left properties\n    const style = getComputedStyle(targ);\n    if (!targ.style.left) targ.style.left = style.left;\n    if (!targ.style.top) targ.style.top = style.top;\n\n    // Calculate integer values for top and left properties\n    coordX = parseInt(targ.style.left);\n    coordY = parseInt(targ.style.top);\n    drag = true;\n\n    // Prevent default action\n    e.preventDefault();\n\n    // Move div element\n    document.onmousemove = dragDiv;\n    document.ontouchmove = dragDiv;\n  }\n\n  function dragDiv(e) {\n    if (!drag) return;\n\n    if (!e) e = window.event;\n    const targ = e.target ? e.target : e.srcElement;\n    if (!targ.classList.contains(\"draggable\")) return;\n\n    // Move div element\n    let posX, posY;\n    if (e.type === \"touchmove\") {\n      posX = e.touches[0].clientX;\n      posY = e.touches[0].clientY;\n    } else {\n      posX = e.clientX;\n      posY = e.clientY;\n    }\n\n    targ.style.left = coordX + posX - offsetX + \"px\";\n    targ.style.top = coordY + posY - offsetY + \"px\";\n    targ.style.zIndex = zIndex;\n    return false;\n  }\n\n  function stopDrag() {\n    drag = false;\n    zIndex++;\n  }\n\n  function sleep(ms) {\n    return new Promise((resolve) => setTimeout(resolve, ms));\n  }\n\n  async function goToSecondScreen(withDelay) {\n    if (withDelay) await sleep(1000);\n    $(\"#popmechanic-first-screen\")\n      .find($('.prev-next [data-target=\"screen\"]'))\n      .trigger(\"click\");\n  }\n\n  (function ($) {\n    $(document).ready(function () {\n      $(document).on(\n        \"mousedown touchstart\",\n        \"#popmechanic-first-screen\",\n        startDrag\n      );\n      $(document).on(\n        \"mousedown touchend\",\n        \"#popmechanic-first-screen\",\n        function (e) {\n          if (\n            e.target.contains(\n              document.querySelector(\"#popmechanic-button-first\")\n            )\n          )\n            return;\n          stopDrag(e);\n          goToSecondScreen(true);\n        }\n      );\n\n      $(document).on(\"click\", \"#popmechanic-button-first\", () =>\n        goToSecondScreen(false)\n      );\n\n      $(\".select-city\").click(function () {\n        $(\".select-city .caret-down\").css(\"transform\", \"rotate(180deg)\");\n        $(\".cities\").css(\"display\", \"flex\");\n      });\n\n      $(\".city\").click(function () {\n        const city = $(this).data(\"city\");\n        $(\".city\").attr(\"data-selected\", false);\n        $(this).attr(\"data-selected\", true);\n        $(\".cities\").css(\"display\", \"none\");\n        $(\".select-city .caret-down\").css(\"transform\", \"rotate(0deg)\");\n        $(\".select-city .text\").text(city);\n        $('input[name=\"city\"]').val(city);\n      });\n    });\n  })(jQuery);\n\n  const radios = document.querySelectorAll('input[name=\"for\"]');\n  const radios2 = document.querySelectorAll('input[name=\"for2\"]');\n  let _for = false;\n  let _for2 = false;\n  let names = \"\",\n    phone = \"\",\n    email = \"\",\n    _forValue = \"\",\n    _for2Value = \"\";\n\n  radios.forEach((a) => {\n    a.addEventListener(\"change\", () => {\n      _for = true;\n      _forValue = a.value;\n      radios.forEach((f) => f.classList.remove(\"invalid-r\"));\n    });\n  });\n\n  radios2.forEach((b) => {\n    b.addEventListener(\"change\", () => {\n      _for2 = true;\n      _for2Value = b.value;\n      radios2.forEach((f) => f.classList.remove(\"invalid-r\"));\n    });\n  });\n\n  document\n    .querySelector(\".popmechanic-button-2\")\n    .addEventListener(\"click\", () => {\n      radios.forEach((r) => {\n        if (!r.checked) r.classList.add(\"invalid-r\");\n        else {\n          r.classList.remove(\"invalid-r\");\n          _for = true;\n        }\n      });\n\n      radios2.forEach((r) => {\n        if (!r.checked) r.classList.add(\"invalid-r\");\n        else {\n          r.classList.remove(\"invalid-r\");\n          _for2 = true;\n        }\n      });\n\n      if (_for && _for2) {\n        document\n          .querySelector('.prev-next [href=\"#popmechanic-third-screen\"]')\n          .click();\n      }\n    });\n\n  const inputs = document.querySelectorAll(\".input-v\");\n\n  inputs.forEach((i) => {\n    i.addEventListener(\"input\", () => {\n      if (i.type === \"email\") {\n        if (i.value.match(/\\w+@\\w+\\.\\w+/)) i.classList.remove(\"invalid\");\n        else i.classList.add(\"invalid\");\n        return;\n      } else if (i.value === \"\") {\n        i.classList.add(\"invalid\");\n      } else {\n        i.classList.remove(\"invalid\");\n      }\n    });\n  });\n\n  document\n    .querySelector(\".popmechanic-button-3\")\n    .addEventListener(\"click\", (e) => {\n      e.preventDefault();\n      inputs.forEach((i) => {\n        if (i.value === \"\") i.classList.add(\"invalid\");\n        else i.classList.remove(\"invalid\");\n      });\n\n      names = document.querySelector(\"[name='name']\").value;\n      phone = document.querySelector(\"[name='phone']\").value;\n      email = document.querySelector(\"[name='email']\").value;\n\n      console.log({\n        name: names,\n        phone: phone,\n        email: email,\n        for1: _forValue,\n        for2: _for2Value,\n      });\n\n      mindbox(\"async\", {\n        operation: \"10popup\",\n        data: {\n          customer: {\n            email: email,\n            firstName: names,\n            mobilePhone: phone,\n            customFields: {\n              customerCategory: _forValue,\n              city: _for2Value,\n            },\n            subscriptions: [\n              {\n                brand: \"stoolgroup\",\n                pointOfContact: \"Email\",\n              },\n            ],\n          },\n        },\n        onSuccess: () => {\n          document\n            .querySelector('.prev-next [href=\"#popmechanic-fourth-screen\"]')\n            .click();\n        },\n        onError: (error) => {\n          console.log(error);\n        },\n      });\n    });\n</script>\n", "css": "#popmechanic-form,\n#popmechanic-form * {\n  box-sizing: border-box;\n}\n\n.prev-next {\n  opacity: 0;\n}\n\n.invalid-r + span {\n  svg {\n    rect {\n      stroke: #ff4b52;\n    }\n  }\n}\n\n#popmechanic-form .second-screen,\n#popmechanic-form .third-screen,\n#popmechanic-form .fourth-screen {\n  display: none;\n}\n\n#popmechanic-form {\n  margin: 0;\n  padding: 0;\n  color: #202020;\n  width: 823px;\n  max-width: 100%;\n  height: 402px;\n  background-color: #d9cdc5;\n  font-weight: 400;\n  font-family: Gilroy-Regular, sans-serif;\n  font-size: 14px;\n  line-height: 20px;\n  position: relative;\n}\n\n#popmechanic-form .font-14 {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n#popmechanic-form .font-36 {\n  font-size: 36px;\n  line-height: 36px;\n}\n\n#popmechanic-form .font-32 {\n  font-size: 32px;\n  line-height: 36px;\n}\n\n#popmechanic-form .bold {\n  font-family: Gilroy-Bold, sans-serif !important;\n}\n\n#popmechanic-form .discount-popup__inner-wrapper {\n  position: relative;\n  width: 823px;\n  max-width: 100%;\n  height: 402px;\n  background-size: cover;\n  padding: 32px;\n}\n\n#popmechanic-form .discount-popup__close {\n  position: absolute;\n  cursor: pointer;\n  right: -40px;\n  top: 0;\n}\n\n#popmechanic-form .discount-popup__content {\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  height: 100%;\n  gap: 8px;\n  width: 318px;\n}\n\n#popmechanic-form #popmechanic-first-screen,\n#popmechanic-fourth-screen {\n  overflow: hidden;\n}\n\n#popmechanic-form\n  #popmechanic-first-screen\n  .discount-popup__content\n  .discount-popup__discount_value\n  .text {\n  top: 55px;\n  right: 31px;\n}\n\n#popmechanic-form .discount-popup__content .discount-popup__discount_value {\n  position: absolute;\n  top: 49px;\n  right: 76px;\n}\n\n#popmechanic-form .discount-popup__content .discount-popup__discount_value svg {\n  width: 100%;\n}\n\n#popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_value\n  .text {\n  position: absolute;\n  top: 80px;\n  right: 60px;\n  font-size: 64px;\n  line-height: 64px;\n  transform: rotate(25deg);\n}\n\n#popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_value\n  #discount-val {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 50%;\n  left: 50%;\n}\n\n#popmechanic-form .discount-popup__content .discount-popup__discount_stool {\n  cursor: pointer;\n  position: absolute;\n}\n\n#popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool1 {\n  top: -61px;\n  left: 400px;\n  width: 200px;\n  transform: rotate(13deg);\n}\n\n#popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool2 {\n  top: 100px;\n  left: 250px;\n  width: 250px;\n  transform: rotate(-25deg);\n}\n\n#popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool3 {\n  top: 80px;\n  left: 450px;\n  width: 270px;\n  transform: rotate(25deg);\n}\n\n#popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool4 {\n  top: 0;\n  left: 710px;\n  width: 230px;\n  transform: rotate(-26deg);\n}\n\n#popmechanic-form #popmechanic-second-screen,\n#popmechanic-form #popmechanic-third-screen {\n  background-image: url(https://host.mailfit.com/stoolgroup/2024-05-07/bg.png);\n  background-size: contain;\n  background-position: right;\n  background-repeat: no-repeat;\n}\n\n#popmechanic-form #popmechanic-second-screen .for {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#popmechanic-form #popmechanic-second-screen .for label {\n  display: flex;\n  gap: 12px;\n}\n\n#popmechanic-form #popmechanic-second-screen .for label > span {\n  display: flex;\n  align-items: center;\n}\n\n#popmechanic-form #popmechanic-second-screen input[type=\"radio\"] {\n  display: none;\n}\n\n#popmechanic-form #popmechanic-second-screen input[type=\"radio\"] ~ .focus,\n#popmechanic-form #popmechanic-second-screen input[type=\"radio\"] ~ .checked {\n  display: none;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  input[type=\"radio\"]:active\n  ~ .default,\n#popmechanic-form\n  #popmechanic-second-screen\n  input[type=\"radio\"]:active\n  ~ .checked {\n  display: none;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  input[type=\"radio\"]:active\n  ~ .focus {\n  display: flex;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  input[type=\"radio\"]:checked\n  ~ .default,\n#popmechanic-form\n  #popmechanic-second-screen\n  input[type=\"radio\"]:checked\n  ~ .focus {\n  display: none;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  input[type=\"radio\"]:checked\n  ~ .checked {\n  display: flex;\n}\n\n#popmechanic-form #popmechanic-second-screen .select-city {\n  padding: 12px 24px;\n  border-radius: 30px;\n  background: #202020;\n  display: flex;\n  gap: 8px;\n  color: #ffffff;\n  width: 200px;\n  cursor: pointer;\n  position: relative;\n  align-items: center;\n}\n\n#popmechanic-form #popmechanic-second-screen .select-city:hover {\n  opacity: 0.82;\n}\n\n#popmechanic-form #popmechanic-second-screen .cities-wrapper {\n  position: relative;\n  width: 200px;\n}\n\n#popmechanic-form #popmechanic-second-screen .cities {\n  display: none;\n  position: absolute;\n  flex-direction: column;\n  top: 100%;\n  background-color: #ffffff;\n  border-radius: 30px;\n  padding: 7px 10px;\n  color: #222222;\n  gap: 0;\n  left: 0;\n  right: 0;\n}\n\n#popmechanic-form #popmechanic-second-screen .cities .city {\n  padding: 7px 12px;\n  border-radius: 15px;\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  gap: 5px;\n  cursor: pointer;\n}\n\n#popmechanic-form #popmechanic-second-screen .cities .city:hover {\n  background-color: #f5f4f4;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  .cities\n  .city[data-selected=\"true\"] {\n  position: relative;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  .cities\n  .city[data-selected=\"false\"]\n  .selected {\n  display: none;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  .cities\n  .city[data-selected=\"true\"]\n  .selected {\n  display: flex;\n}\n\n#popmechanic-form\n  #popmechanic-second-screen\n  .cities\n  .city[data-selected=\"true\"]\n  .default {\n  display: none;\n}\n\n#popmechanic-form #popmechanic-second-screen input[name=\"city\"] {\n  height: 1px;\n  opacity: 0;\n}\n\n#popmechanic-form #popmechanic-second-screen .prev-next {\n  display: flex;\n  gap: 20px;\n  margin-top: 0;\n}\n\n#popmechanic-form #popmechanic-second-screen .prev-next > span {\n  cursor: pointer;\n}\n\n#popmechanic-form #popmechanic-third-screen input {\n  background-color: transparent;\n  border-bottom: 1px solid #20202064;\n  padding: 8px 8px 4px 0;\n  width: 100%;\n  border-radius: 0;\n  padding-left: 10px;\n}\n\n.invalid {\n  color: #ff4b52;\n  border-color: #ff4b52;\n  border-bottom-color: #ff4b52 !important;\n}\n\n.invalid::placeholder {\n  color: #ff4b52;\n}\n\n#popmechanic-form #popmechanic-third-screen input:focus {\n  outline: none;\n  border-bottom: 1px solid #202020;\n}\n\n#popmechanic-form button {\n  background-color: #202020;\n  color: #ffffff;\n  border-radius: 30px;\n  padding: 12px 24px;\n  margin-top: 20px;\n  width: fit-content;\n}\n\n#popmechanic-form #popmechanic-third-screen .agree {\n  font-size: 10px;\n  line-height: 12px;\n  color: #202020a3;\n}\n\n#popmechanic-form #popmechanic-third-screen .prev-next {\n  display: flex;\n  gap: 20px;\n  margin-top: 20px;\n}\n\n#popmechanic-form #popmechanic-third-screen .prev-next > span {\n  cursor: pointer;\n}\n\n.fourth-screen .text {\n  top: 50px !important;\n  left: 30px !important;\n}\n\n.fourth-screen .discount-popup__content .discount-popup__discount_stool#stool1 {\n  top: -10px !important;\n  left: 400px;\n  width: 200px;\n  transform: rotate(13deg);\n  position: absolute;\n}\n\n.fourth-screen .discount-popup__content .discount-popup__discount_stool#stool2 {\n  top: 130px !important;\n  left: 300px !important;\n  width: 250px;\n  transform: rotate(-25deg);\n}\n\n.fourth-screen .discount-popup__content .discount-popup__discount_stool#stool3 {\n  top: 170px !important;\n  left: 480px !important;\n  width: 270px;\n  transform: rotate(25deg);\n}\n\n.fourth-screen .discount-popup__content .discount-popup__discount_stool#stool4 {\n  top: 0;\n  left: 710px;\n  width: 230px;\n  transform: rotate(-26deg);\n}\n\n/* Mobile Styles */\n.popmechanic-mobile #popmechanic-form,\n.popmechanic-mobile #popmechanic-form .discount-popup__inner-wrapper {\n  width: 295px;\n  height: 650px;\n}\n\n.popmechanic-mobile #popmechanic-form .font-36 {\n  font-size: 28px;\n  line-height: 28px;\n}\n\n.popmechanic-mobile #popmechanic-form .discount-popup__close {\n  width: 26px;\n  height: 26px;\n  right: -30px;\n}\n.popmechanic-mobile #popmechanic-form .discount-popup__close svg {\n  width: 100%;\n}\n\n.popmechanic-mobile #popmechanic-form .discount-popup__content {\n  width: 100%;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  #popmechanic-first-screen\n  .discount-popup__content\n  .discount-popup__discount_value {\n  top: 306px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_value {\n  width: 122px;\n  top: 460px;\n  right: 63px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_value\n  .text {\n  font-size: 40px;\n  line-height: 40px;\n  top: 15px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  #popmechanic-first-screen\n  .discount-popup__content\n  .discount-popup__discount_value\n  .text {\n  top: 65px;\n  right: 20px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool1 {\n  top: 240px !important;\n  left: -60px !important;\n  width: 160px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool2 {\n  top: 144px;\n  left: 82px;\n  width: 180px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool3 {\n  top: 352px;\n  left: 42px;\n  width: 180px;\n}\n\n.popmechanic-mobile\n  #popmechanic-form\n  .discount-popup__content\n  .discount-popup__discount_stool#stool4 {\n  top: 300px;\n  left: 190px;\n  width: 180px;\n}\n\n.popmechanic-mobile #popmechanic-form #popmechanic-second-screen,\n.popmechanic-mobile #popmechanic-form #popmechanic-third-screen {\n  background-position: bottom center;\n  background-image: url(\"https://host.mailfit.com/stoolgroup/2024-05-07/bg-mobile.png\");\n}\n\n.popmechanic-mobile\n  .fourth-screen\n  .discount-popup__content\n  .discount-popup__discount_value {\n  width: 122px;\n  top: 300px !important;\n  right: 70px !important;\n}\n\n.popmechanic-mobile .fourth-screen .text {\n  top: 55px !important;\n  left: 22px !important;\n}\n\n.popmechanic-mobile\n  .fourth-screen\n  .discount-popup__content\n  .discount-popup__discount_stool#stool1 {\n  top: 140px !important;\n  left: -60px !important;\n  width: 160px;\n}\n\n.popmechanic-mobile\n  .fourth-screen\n  .discount-popup__content\n  .discount-popup__discount_stool#stool2 {\n  top: 184px !important;\n  left: 172px !important;\n  width: 180px;\n}\n\n.popmechanic-mobile\n  .fourth-screen\n  .discount-popup__content\n  .discount-popup__discount_stool#stool3 {\n  top: 452px !important;\n  left: 42px !important;\n  width: 180px;\n}\n\n.popmechanic-mobile\n  .fourth-screen\n  .discount-popup__content\n  .discount-popup__discount_stool#stool4 {\n  top: 380px !important;\n  left: 190px;\n  width: 180px;\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 86591, "template": 3008, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\taspect-ratio: <%= card_img_aspect_ratio %>;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: <%= card_labels_space %>px;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\twidth: <%= btn_fav_width %>px;\r\n\theight: <%= btn_fav_height %>px;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-image: url(<%= btn_fav_img_empty %>);\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\t<% if (btn_fav_position === \"lefttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"righttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\tbackground-image: url(<%= btn_fav_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-inner {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n    cursor:pointer;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\r\n\t\t<% if (parseInt(card_hov_shadow)) { %>\r\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-button:hover {\r\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\r\n\t\tcolor: <%= btn_cart_color_hov %>;\r\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\r\n\t}\r\n}", "header": "\u041c\u043e\u0436\u0435\u0442, \u043a\u043e\u0435-\u0447\u0442\u043e \u0435\u0449\u0435?", "shopId": "stoolgroup", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "<div class=\"popmechanic-item-card\"\r\n\t\t data-mb-product-id={{ product.ids.mindboxId }}>\r\n\t<div class=\"popmechanic-item-wrapper\">\r\n\r\n\t\t<div class=\"popmechanic-picture-wrapper\">\r\n\t\t\t<div class=\"popmechanic-labels\">\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-discount\">-{{ product.discount }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-new\">{{ card_label_new_text }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t<span class=\"popmechanic-favorite\"></span>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t<a target=\"_blank\" href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"popmechanic-picture\">\r\n\t\t\t\t<img src=\"{{ product.pictureUrl }}\"\r\n\t\t\t\t\t\t class=\"popmechanic-img\"\r\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" />\r\n\t\t\t</a>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"popmechanic-inner\">\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t<a href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"\r\n\t\t\t\t popmechanic-name\r\n\t\t\t\t {{ ((card_name_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\t \">{{ product.displayName }}</a>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_vendor_show) && product.manufacturer) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-vendor\r\n\t\t\t{{ ((card_vendor_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">{{ product.manufacturer.name }}</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-rating\r\n\t\t\t{{ ((card_rating_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n\t\t\t\t{% function toTheStars(num) { return (num * 100) / 5 } %}\r\n\r\n\t\t\t\t<div class=\"popmechanic-rating-not-active\"></div>\r\n\t\t\t\t<div class=\"popmechanic-rating-active\"\r\n\t\t\t\t\t\t style='width: {{ toTheStars(product.customFields[card_rating_customfield]) }}%;'>\r\n\t\t\t\t</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-old\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedOldPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-new\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t<span class=\"popmechanic-price\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t<a class=\"\r\n\t\t\t\t\t\t\tpopmechanic-button\r\n\t\t\t\t\t\t\tpopmechanic-button-cart\r\n\t\t\t\t\t\t\t{{ (parseInt(btn_cart_icon_show)) ? 'popmechanic-button-cart-icon' : '' }}\r\n\t\t\t\t\t\t\t{{ ((card_name_ordering !== btn_cart_ordering) && (card_vendor_ordering !== btn_cart_ordering) && (card_rating_ordering !== btn_cart_ordering) && (card_prices_ordering !== btn_cart_ordering)) ? 'popmechanic-inner-item' : '' }}\r\n\t\t\t\t\t\t\t\">{{ btn_cart_text }}</a>\r\n\t\t\t{% } %}\r\n\t\t</div>\r\n\r\n\t</div>\r\n</div>\r\n\r\n{%\r\n\ttry {\r\n\t\tsetTimeout(function() {\r\n\r\n\t\t\tvar addToFavoritesWrapped = new Function('product', btn_fav_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-favorite\");\r\n\t\t\t\t\taddToFavoritesWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"RuchnoeSootvetstvie\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"SoputstvuyushhieTovaryKSpisku\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"PopulyarnyeTovary\", \"recoTarget\": \"Customer\"}", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,5,1;480,2,5,1;768,4,10,1;1280,4,10,1", "btn_cart_bg": "#f3e9e3", "btn_cart_fw": "700", "fieldsToGet": "[]", "font_custom": "Gilroy,sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#202020", "btn_cart_func": "fn_sw_stool_addToCart(product.ids.stoolgroup,1)", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0443\u043f\u0438\u0442\u044c", "btn_fav_width": "15", "enable_reco_2": "1", "enable_reco_3": "1", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#202020", "btn_cart_width": "120", "btn_fav_height": "15", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#ebc8af", "btn_cart_fs_mob": "16", "btn_cart_height": "40", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#20202", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "leftbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#ebc8af", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "4", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#6a99a3", "card_labels_space": "5", "card_name_fs_desk": "14", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#202020", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#202020", "btn_cart_icon_show": "0", "btn_cart_icon_size": "16", "card_border_radius": "4", "card_labels_fz_mob": "12", "card_name_ordering": "2", "card_prices_fs_mob": "15", "card_prices_symbol": "\u20bd", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "20", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#202020", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "40", "btn_cart_padding_hor": "5", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "4", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "righttop", "card_prices_ordering": "3", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "1", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "2", "recommendationLimit3": "4", "slider_button_height": "40.00", "btn_cart_border_color": "#ffffff", "btn_cart_padding_vert": "5", "card_img_aspect_ratio": "2 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#6a99a3", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "50", "btn_cart_margin_bottom": "10", "card_img_border_radius": "4", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f3e9e3", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#202020", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#ffffff", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#ffffff", "card_label_discount_color": "#000000", "card_labels_border_radius": "10.00", "card_labels_position_vert": "0", "card_price_discount_color": "#202020", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#f3e9e3", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "1.00", "card_price_discount_fs_desk": "16", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "conditions_splits": [], "id": 85999, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "stoolgroup", "operations": [{"id": "popmechanic-widget-86591-reco-1", "limit": "6", "disabled": false, "algorithm": "RuchnoeSootvetstvie", "recoTarget": "Offer"}, {"id": "popmechanic-widget-86591-reco-2", "limit": "2", "disabled": false, "algorithm": "SoputstvuyushhieTovaryKSpisku", "recoTarget": "Customer"}, {"id": "popmechanic-widget-86591-reco-3", "limit": "4", "disabled": false, "algorithm": "PopulyarnyeTovary", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u0421\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043a\u043e\u0440\u0437\u0438\u043d\u0430", "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-86778.png?ts=1725466907838&id=ed6b26fb-3916-4247-a879-72589af21e40", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\taspect-ratio: <%= card_img_aspect_ratio %>;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: <%= card_labels_space %>px;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\twidth: <%= btn_fav_width %>px;\r\n\theight: <%= btn_fav_height %>px;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-image: url(<%= btn_fav_img_empty %>);\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\t<% if (btn_fav_position === \"lefttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"righttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\tbackground-image: url(<%= btn_fav_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-inner {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n    cursor:pointer;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\r\n\t\t<% if (parseInt(card_hov_shadow)) { %>\r\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-button:hover {\r\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\r\n\t\tcolor: <%= btn_cart_color_hov %>;\r\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\r\n\t}\r\n}", "header": "\u041c\u043e\u0436\u0435\u0442, \u043a\u043e\u0435-\u0447\u0442\u043e \u0435\u0449\u0435?", "shopId": "stoolgroup", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "<div class=\"popmechanic-item-card\"\r\n\t\t data-mb-product-id={{ product.ids.mindboxId }}>\r\n\t<div class=\"popmechanic-item-wrapper\">\r\n\r\n\t\t<div class=\"popmechanic-picture-wrapper\">\r\n\t\t\t<div class=\"popmechanic-labels\">\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-discount\">-{{ product.discount }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-new\">{{ card_label_new_text }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t<span class=\"popmechanic-favorite\"></span>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t<a target=\"_blank\" href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"popmechanic-picture\">\r\n\t\t\t\t<img src=\"{{ product.pictureUrl }}\"\r\n\t\t\t\t\t\t class=\"popmechanic-img\"\r\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" />\r\n\t\t\t</a>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"popmechanic-inner\">\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t<a href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"\r\n\t\t\t\t popmechanic-name\r\n\t\t\t\t {{ ((card_name_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\t \">{{ product.displayName }}</a>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_vendor_show) && product.manufacturer) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-vendor\r\n\t\t\t{{ ((card_vendor_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">{{ product.manufacturer.name }}</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-rating\r\n\t\t\t{{ ((card_rating_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n\t\t\t\t{% function toTheStars(num) { return (num * 100) / 5 } %}\r\n\r\n\t\t\t\t<div class=\"popmechanic-rating-not-active\"></div>\r\n\t\t\t\t<div class=\"popmechanic-rating-active\"\r\n\t\t\t\t\t\t style='width: {{ toTheStars(product.customFields[card_rating_customfield]) }}%;'>\r\n\t\t\t\t</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-old\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedOldPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-new\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t<span class=\"popmechanic-price\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t<a class=\"\r\n\t\t\t\t\t\t\tpopmechanic-button\r\n\t\t\t\t\t\t\tpopmechanic-button-cart\r\n\t\t\t\t\t\t\t{{ (parseInt(btn_cart_icon_show)) ? 'popmechanic-button-cart-icon' : '' }}\r\n\t\t\t\t\t\t\t{{ ((card_name_ordering !== btn_cart_ordering) && (card_vendor_ordering !== btn_cart_ordering) && (card_rating_ordering !== btn_cart_ordering) && (card_prices_ordering !== btn_cart_ordering)) ? 'popmechanic-inner-item' : '' }}\r\n\t\t\t\t\t\t\t\">{{ btn_cart_text }}</a>\r\n\t\t\t{% } %}\r\n\t\t</div>\r\n\r\n\t</div>\r\n</div>\r\n\r\n{%\r\n\ttry {\r\n\t\tsetTimeout(function() {\r\n\r\n\t\t\tvar addToFavoritesWrapped = new Function('product', btn_fav_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-favorite\");\r\n\t\t\t\t\taddToFavoritesWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"RuchnoeSootvetstvie\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"SoputstvuyushhieTovaryKSpisku\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"PopulyarnyeTovary\", \"recoTarget\": \"Customer\"}", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,5,1;480,2,5,1;768,4,10,1;1280,4,10,1", "btn_cart_bg": "#f3e9e3", "btn_cart_fw": "700", "fieldsToGet": "[]", "font_custom": "Gilroy,sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#202020", "btn_cart_func": "fn_sw_stool_addToCart(product.ids.stoolgroup,1)", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0443\u043f\u0438\u0442\u044c", "btn_fav_width": "15", "enable_reco_2": "1", "enable_reco_3": "1", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#202020", "btn_cart_width": "120", "btn_fav_height": "15", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#ebc8af", "btn_cart_fs_mob": "16", "btn_cart_height": "40", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#20202", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "leftbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#ebc8af", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "4", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#6a99a3", "card_labels_space": "5", "card_name_fs_desk": "14", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#202020", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#202020", "btn_cart_icon_show": "0", "btn_cart_icon_size": "16", "card_border_radius": "4", "card_labels_fz_mob": "12", "card_name_ordering": "2", "card_prices_fs_mob": "15", "card_prices_symbol": "\u20bd", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "20", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#202020", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "40", "btn_cart_padding_hor": "5", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "4", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "righttop", "card_prices_ordering": "3", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "1", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "2", "recommendationLimit3": "4", "slider_button_height": "40.00", "btn_cart_border_color": "#ffffff", "btn_cart_padding_vert": "5", "card_img_aspect_ratio": "2 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#6a99a3", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "50", "btn_cart_margin_bottom": "10", "card_img_border_radius": "4", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f3e9e3", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#202020", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#ffffff", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#ffffff", "card_label_discount_color": "#000000", "card_labels_border_radius": "10.00", "card_labels_position_vert": "0", "card_price_discount_color": "#202020", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#f3e9e3", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "1.00", "card_price_discount_fs_desk": "16", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "stoolgroup", "operations": [{"id": "popmechanic-widget-86591-reco-1", "limit": "6", "disabled": false, "algorithm": "RuchnoeSootvetstvie", "recoTarget": "Offer"}, {"id": "popmechanic-widget-86591-reco-2", "limit": "2", "disabled": false, "algorithm": "SoputstvuyushhieTovaryKSpisku", "recoTarget": "Customer"}, {"id": "popmechanic-widget-86591-reco-3", "limit": "4", "disabled": false, "algorithm": "PopulyarnyeTovary", "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}, {"id": 82809, "template": 3008, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\taspect-ratio: <%= card_img_aspect_ratio %>;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: <%= card_labels_space %>px;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\twidth: <%= btn_fav_width %>px;\r\n\theight: <%= btn_fav_height %>px;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-image: url(<%= btn_fav_img_empty %>);\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\t<% if (btn_fav_position === \"lefttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"righttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\tbackground-image: url(<%= btn_fav_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-inner {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\r\n\t\t<% if (parseInt(card_hov_shadow)) { %>\r\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-button:hover {\r\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\r\n\t\tcolor: <%= btn_cart_color_hov %>;\r\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\r\n\t}\r\n}", "header": "\u041c\u043e\u0436\u0435\u0442, \u043a\u043e\u0435-\u0447\u0442\u043e \u0435\u0449\u0435?", "shopId": "stoolgroup", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "<div class=\"popmechanic-item-card\"\r\n\t\t data-mb-product-id={{ product.ids.mindboxId }}>\r\n\t<div class=\"popmechanic-item-wrapper\">\r\n\r\n\t\t<div class=\"popmechanic-picture-wrapper\">\r\n\t\t\t<div class=\"popmechanic-labels\">\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-discount\">-{{ product.discount }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-new\">{{ card_label_new_text }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t<button class=\"popmechanic-favorite\"></button>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t<a href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"popmechanic-picture\">\r\n\t\t\t\t<img src=\"{{ product.pictureUrl }}\"\r\n\t\t\t\t\t\t class=\"popmechanic-img\"\r\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" />\r\n\t\t\t</a>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"popmechanic-inner\">\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t<a href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"\r\n\t\t\t\t popmechanic-name\r\n\t\t\t\t {{ ((card_name_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\t \">{{ product.displayName }}</a>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_vendor_show) && product.manufacturer) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-vendor\r\n\t\t\t{{ ((card_vendor_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">{{ product.manufacturer.name }}</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-rating\r\n\t\t\t{{ ((card_rating_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n\t\t\t\t{% function toTheStars(num) { return (num * 100) / 5 } %}\r\n\r\n\t\t\t\t<div class=\"popmechanic-rating-not-active\"></div>\r\n\t\t\t\t<div class=\"popmechanic-rating-active\"\r\n\t\t\t\t\t\t style='width: {{ toTheStars(product.customFields[card_rating_customfield]) }}%;'>\r\n\t\t\t\t</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-old\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedOldPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-new\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t<span class=\"popmechanic-price\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t<button class=\"\r\n\t\t\t\t\t\t\tpopmechanic-button\r\n\t\t\t\t\t\t\tpopmechanic-button-cart\r\n\t\t\t\t\t\t\t{{ (parseInt(btn_cart_icon_show)) ? 'popmechanic-button-cart-icon' : '' }}\r\n\t\t\t\t\t\t\t{{ ((card_name_ordering !== btn_cart_ordering) && (card_vendor_ordering !== btn_cart_ordering) && (card_rating_ordering !== btn_cart_ordering) && (card_prices_ordering !== btn_cart_ordering)) ? 'popmechanic-inner-item' : '' }}\r\n\t\t\t\t\t\t\t\">{{ btn_cart_text }}</button>\r\n\t\t\t{% } %}\r\n\t\t</div>\r\n\r\n\t</div>\r\n</div>\r\n\r\n{%\r\n\ttry {\r\n\t\tsetTimeout(function() {\r\n\r\n\t\t\tvar addToFavoritesWrapped = new Function('product', btn_fav_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-favorite\");\r\n\t\t\t\t\taddToFavoritesWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"RuchnoeSootvetstvie\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"PopulyarnyeTovary\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SoputstvuyushhieTovaryKSpisku\", \"recoTarget\": \"Customer\"}", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,5,1;480,1,5,1;768,2,5,1;1280,2,10,1", "btn_cart_bg": "#f3e9e3", "btn_cart_fw": "700", "fieldsToGet": "[]", "font_custom": "Gilroy,sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#202020", "btn_cart_func": "fn_sw_stool_addToCart(product.ids.stoolgroup,1)", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0443\u043f\u0438\u0442\u044c", "btn_fav_width": "15", "enable_reco_2": "1", "enable_reco_3": "1", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#202020", "btn_cart_width": "120", "btn_fav_height": "15", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#ebc8af", "btn_cart_fs_mob": "16", "btn_cart_height": "40", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#20202", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "leftbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#ebc8af", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "4", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#6a99a3", "card_labels_space": "5", "card_name_fs_desk": "14", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#202020", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#202020", "btn_cart_icon_show": "0", "btn_cart_icon_size": "16", "card_border_radius": "4", "card_labels_fz_mob": "12", "card_name_ordering": "2", "card_prices_fs_mob": "15", "card_prices_symbol": "\u20bd", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "20", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#202020", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "50", "btn_cart_padding_hor": "5", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "4", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "righttop", "card_prices_ordering": "3", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "1", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "4", "recommendationLimit3": "2", "slider_button_height": "50", "btn_cart_border_color": "#ffffff", "btn_cart_padding_vert": "5", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#6a99a3", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "50", "btn_cart_margin_bottom": "10", "card_img_border_radius": "4", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f3e9e3", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#202020", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#ffffff", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#ffffff", "card_label_discount_color": "#202020", "card_labels_border_radius": "10.00", "card_labels_position_vert": "0", "card_price_discount_color": "#202020", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#fff", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "1", "card_price_discount_fs_desk": "14.00", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "conditions_splits": [], "id": 82217, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "stoolgroup", "operations": [{"id": "popmechanic-widget-82809-reco-1", "limit": "6", "disabled": false, "algorithm": "RuchnoeSootvetstvie", "recoTarget": "Offer"}, {"id": "popmechanic-widget-82809-reco-2", "limit": "4", "disabled": false, "algorithm": "PopulyarnyeTovary", "recoTarget": "Customer"}, {"id": "popmechanic-widget-82809-reco-3", "limit": "2", "disabled": false, "algorithm": "SoputstvuyushhieTovaryKSpisku", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u0421\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u043c\u0438\u043d\u0438 \u043a\u043e\u0440\u0437\u0438\u043d\u0430", "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-82774.png?ts=1721211830016", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\taspect-ratio: <%= card_img_aspect_ratio %>;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: <%= card_labels_space %>px;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\twidth: <%= btn_fav_width %>px;\r\n\theight: <%= btn_fav_height %>px;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-image: url(<%= btn_fav_img_empty %>);\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\t<% if (btn_fav_position === \"lefttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"righttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\tbackground-image: url(<%= btn_fav_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-inner {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\r\n\t\t<% if (parseInt(card_hov_shadow)) { %>\r\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-button:hover {\r\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\r\n\t\tcolor: <%= btn_cart_color_hov %>;\r\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\r\n\t}\r\n}", "header": "\u041c\u043e\u0436\u0435\u0442, \u043a\u043e\u0435-\u0447\u0442\u043e \u0435\u0449\u0435?", "shopId": "stoolgroup", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "<div class=\"popmechanic-item-card\"\r\n\t\t data-mb-product-id={{ product.ids.mindboxId }}>\r\n\t<div class=\"popmechanic-item-wrapper\">\r\n\r\n\t\t<div class=\"popmechanic-picture-wrapper\">\r\n\t\t\t<div class=\"popmechanic-labels\">\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-discount\">-{{ product.discount }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t<div class=\"popmechanic-label popmechanic-label-new\">{{ card_label_new_text }}</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t<button class=\"popmechanic-favorite\"></button>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t<a href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"popmechanic-picture\">\r\n\t\t\t\t<img src=\"{{ product.pictureUrl }}\"\r\n\t\t\t\t\t\t class=\"popmechanic-img\"\r\n\t\t\t\t\t\t alt=\"{{ product.displayName }}\" />\r\n\t\t\t</a>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"popmechanic-inner\">\r\n\t\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t<a href=\"{{ product.url }}\"\r\n\t\t\t\t class=\"\r\n\t\t\t\t popmechanic-name\r\n\t\t\t\t {{ ((card_name_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\t \">{{ product.displayName }}</a>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_vendor_show) && product.manufacturer) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-vendor\r\n\t\t\t{{ ((card_vendor_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">{{ product.manufacturer.name }}</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-rating\r\n\t\t\t{{ ((card_rating_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (product.customFields[card_rating_customfield]) { %}\r\n\t\t\t\t{% function toTheStars(num) { return (num * 100) / 5 } %}\r\n\r\n\t\t\t\t<div class=\"popmechanic-rating-not-active\"></div>\r\n\t\t\t\t<div class=\"popmechanic-rating-active\"\r\n\t\t\t\t\t\t style='width: {{ toTheStars(product.customFields[card_rating_customfield]) }}%;'>\r\n\t\t\t\t</div>\r\n\t\t\t\t{% } %}\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\t\t\t\t{% if (parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-old\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedOldPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"popmechanic-price popmechanic-price-new\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t<span class=\"popmechanic-price\">\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice }}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t</div>\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t<button class=\"\r\n\t\t\t\t\t\t\tpopmechanic-button\r\n\t\t\t\t\t\t\tpopmechanic-button-cart\r\n\t\t\t\t\t\t\t{{ (parseInt(btn_cart_icon_show)) ? 'popmechanic-button-cart-icon' : '' }}\r\n\t\t\t\t\t\t\t{{ ((card_name_ordering !== btn_cart_ordering) && (card_vendor_ordering !== btn_cart_ordering) && (card_rating_ordering !== btn_cart_ordering) && (card_prices_ordering !== btn_cart_ordering)) ? 'popmechanic-inner-item' : '' }}\r\n\t\t\t\t\t\t\t\">{{ btn_cart_text }}</button>\r\n\t\t\t{% } %}\r\n\t\t</div>\r\n\r\n\t</div>\r\n</div>\r\n\r\n{%\r\n\ttry {\r\n\t\tsetTimeout(function() {\r\n\r\n\t\t\tvar addToFavoritesWrapped = new Function('product', btn_fav_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-favorite\");\r\n\t\t\t\t\taddToFavoritesWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (err) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"RuchnoeSootvetstvie\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"PopulyarnyeTovary\", \"recoTarget\": \"Customer\"}", "algorithm3": "{\"systemName\": \"SoputstvuyushhieTovaryKSpisku\", \"recoTarget\": \"Customer\"}", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,5,1;480,1,5,1;768,2,5,1;1280,2,10,1", "btn_cart_bg": "#f3e9e3", "btn_cart_fw": "700", "fieldsToGet": "[]", "font_custom": "Gilroy,sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#202020", "btn_cart_func": "fn_sw_stool_addToCart(product.ids.stoolgroup,1)", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0443\u043f\u0438\u0442\u044c", "btn_fav_width": "15", "enable_reco_2": "1", "enable_reco_3": "1", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#202020", "btn_cart_width": "120", "btn_fav_height": "15", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#ebc8af", "btn_cart_fs_mob": "16", "btn_cart_height": "40", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#20202", "card_prices_col": "0", "gaMeasurementId": "", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "leftbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "1", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#ebc8af", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "4", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#6a99a3", "card_labels_space": "5", "card_name_fs_desk": "14", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#202020", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#202020", "btn_cart_icon_show": "0", "btn_cart_icon_size": "16", "card_border_radius": "4", "card_labels_fz_mob": "12", "card_name_ordering": "2", "card_prices_fs_mob": "15", "card_prices_symbol": "\u20bd", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "20", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#202020", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "50", "btn_cart_padding_hor": "5", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "4", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "righttop", "card_prices_ordering": "3", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "1", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "4", "recommendationLimit3": "2", "slider_button_height": "50", "btn_cart_border_color": "#ffffff", "btn_cart_padding_vert": "5", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#6a99a3", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "50", "btn_cart_margin_bottom": "10", "card_img_border_radius": "4", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f3e9e3", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#202020", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#ffffff", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#ffffff", "card_label_discount_color": "#202020", "card_labels_border_radius": "10.00", "card_labels_position_vert": "0", "card_price_discount_color": "#202020", "card_price_discount_cross": "1", "card_price_discount_first": "0", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#fff", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "1", "card_price_discount_fs_desk": "14.00", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "stoolgroup", "operations": [{"id": "popmechanic-widget-82809-reco-1", "limit": "6", "disabled": false, "algorithm": "RuchnoeSootvetstvie", "recoTarget": "Offer"}, {"id": "popmechanic-widget-82809-reco-2", "limit": "4", "disabled": false, "algorithm": "PopulyarnyeTovary", "recoTarget": "Customer"}, {"id": "popmechanic-widget-82809-reco-3", "limit": "2", "disabled": false, "algorithm": "SoputstvuyushhieTovaryKSpisku", "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}, {"id": 75834, "template": 3172, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [], "id": 75242, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 email \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u041e\u0442\u0442 #75834", "active": true, "embed_selector": false, "selector": ".footer__title", "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-75370.png?ts=1702047447633", "rendered_button_preview": null, "settings": {}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "    <div class=\"popmechanic-reset \" id=\"popmechanic-form\">\r\n        <div class=\"popmechanic-main\">\r\n            <div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"footer__subscribe-title popmechanic-title\">\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430</div>\r\n\t\t\t\t<div class=\"footer__subscribe-info popmechanic-sub-title\">\u0427\u0442\u043e\u0431\u044b \u0431\u044b\u0442\u044c \u0432 \u043a\u0443\u0440\u0441\u0435 \u0432\u0441\u0435\u0445 \u0430\u043a\u0446\u0438\u0439 \u0438 \u043d\u043e\u0432\u0438\u043d\u043e\u043a, \u043f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443</div>\t\t\t\r\n                <div class=\"subscribe popmechanic-inputs\">\r\n                    <input type=\"email\" class=\"subscribe__input popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"\u0412\u0430\u0448 e-mail\" required>\r\n                    <button type=\"button\" name=\"button\" class=\"subscribe__button popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou\">\r\n            <div class=\"footer__subscribe-title popmechanic-title\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e!</div>\r\n            <div class=\"footer__subscribe-info popmechanic-sub-title\">\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0432\u0430\u043c \u043f\u0438\u0441\u044c\u043c\u043e</div>\r\n        </div>\r\n    </div>", "css": ".popmechanic-main {\n    display: flex;\n    width: 100%;\n}\n\n.popmechanic-content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n}\n\n.popmechanic-inputs {\n    display: flex;\n    width: 100%;\n}\n\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": true}, {"id": 60931, "template": 1305, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 106, "externalId": "5c2c02da-4b73-426e-8e31-c181ef7a01c1"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 137, "externalId": "113c1787-b90b-44ff-9b5a-967b025dd76d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": "horeca", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "profile", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "blog", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "reviews", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "career", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "for-designres", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "delivery", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "job", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "interior-products", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"font": "Roboto, sans-serif", "link": "https://stoolgroup.ru/profiles-add/", "text": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 \u043b\u043e\u044f\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 1000 \u0431\u0430\u043b\u043b\u043e\u0432 \u043d\u0430 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0439 \u0441\u0447\u0435\u0442", "title": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 1000 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "width": "820.00", "bg_img": "https://personalization-web-stable.mindbox.ru/user-media/30979/c96a92360aa2d34391a6d85db5e29bbbe5c5224d6ed3003d957349b8695ee6ce.png", "button": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f", "width_m": "270.00", "bg_color": "#ffffff", "bg_img_m": "https://personalization-web-stable.mindbox.ru/user-media/30979/fe8456dd73982a44970acf36837561fcc4a9d045b16e2bda2ef3d4bb9ac8db6a.jpg", "button_bg": "#555555", "text_size": "24.00", "cross_size": "27", "text_color": "#55555", "title_size": "40", "button_size": "20", "cross_color": "#000", "custom_font": "\u0421\u0442\u0443\u043b \u041e\u0434\u0434\u0438 \u0432\u0435\u043b\u044e\u0440 \u0442\u0451\u043c\u043d\u043e-\u0441\u0435\u0440\u044b\u0439", "padding_top": "66.00", "text_enable": "1", "text_italic": "0", "text_size_m": "16.00", "text_weight": "700.00", "title_color": "#55555", "border_color": "#000", "border_width": "1", "button_blank": "1", "cross_size_m": "24.00", "padding_left": "71.00", "text_padding": "45", "title_enable": "1", "title_italic": "0", "title_size_m": "24.00", "title_weight": "900", "bg_img_enable": "1", "bg_img_m_show": "1", "border_radius": "4.00", "button_action": "link", "button_enable": "1", "button_italic": "0", "button_radius": "50.00", "button_size_m": "11.00", "button_weight": "700", "cross_color_m": "#000", "padding_right": "40", "padding_top_m": "114.00", "shadow_enable": "1", "text_enable_m": "1", "text_weight_m": "700.00", "title_padding": "35", "border_width_m": "1.00", "padding_bottom": "44.00", "padding_left_m": "5.00", "text_padding_m": "33.00", "title_enable_m": "1", "title_weight_m": "600.00", "border_radius_m": "3.00", "button_enable_m": "1", "button_weight_m": "700.00", "padding_right_m": "5.00", "shadow_enable_m": "1", "title_padding_m": "22.00", "bg_color_overlay": "#ffffff", "button_bg_active": "#f2e0da", "button_padding_h": "18.00", "button_padding_v": "15.00", "padding_bottom_m": "112.00", "text_line_height": "1.2000000000000002", "button_text_color": "#ffffff", "title_line_height": "1.2000000000000002", "button_padding_h_m": "16.00", "button_padding_v_m": "20.00", "cross_color_active": "#000", "custom_font_enable": "1", "button_border_color": "#c6c6c6", "button_border_width": "3.00", "cross_color_active_m": "#000", "button_border_width_m": "3.00", "bg_color_overlay_opacity": "0", "button_text_color_active": "#555555", "button_border_color_active": "#ffffff"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "300"}, "combinator": "and", "id": 181259}], "id": 60339, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "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.25"}}}], "pinned": false, "name": "SG \u041f\u043e\u043f\u0430\u043f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0432 \u041f\u041b", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": 172800}, "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-59628.png?ts=1716879442444", "rendered_button_preview": null, "settings": {"font": "Roboto, sans-serif", "link": "https://stoolgroup.ru/profiles-add/", "text": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 \u043b\u043e\u044f\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 1000 \u0431\u0430\u043b\u043b\u043e\u0432 \u043d\u0430 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0439 \u0441\u0447\u0435\u0442", "title": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 1000 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "width": "820.00", "bg_img": "https://personalization-web-stable.mindbox.ru/user-media/30979/c96a92360aa2d34391a6d85db5e29bbbe5c5224d6ed3003d957349b8695ee6ce.png", "button": "\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f", "width_m": "270.00", "bg_color": "#ffffff", "bg_img_m": "https://personalization-web-stable.mindbox.ru/user-media/30979/fe8456dd73982a44970acf36837561fcc4a9d045b16e2bda2ef3d4bb9ac8db6a.jpg", "button_bg": "#555555", "text_size": "24.00", "cross_size": "27", "text_color": "#55555", "title_size": "40", "button_size": "20", "cross_color": "#000", "custom_font": "\u0421\u0442\u0443\u043b \u041e\u0434\u0434\u0438 \u0432\u0435\u043b\u044e\u0440 \u0442\u0451\u043c\u043d\u043e-\u0441\u0435\u0440\u044b\u0439", "padding_top": "66.00", "text_enable": "1", "text_italic": "0", "text_size_m": "16.00", "text_weight": "700.00", "title_color": "#55555", "border_color": "#000", "border_width": "1", "button_blank": "1", "cross_size_m": "24.00", "padding_left": "71.00", "text_padding": "45", "title_enable": "1", "title_italic": "0", "title_size_m": "24.00", "title_weight": "900", "bg_img_enable": "1", "bg_img_m_show": "1", "border_radius": "4.00", "button_action": "link", "button_enable": "1", "button_italic": "0", "button_radius": "50.00", "button_size_m": "11.00", "button_weight": "700", "cross_color_m": "#000", "padding_right": "40", "padding_top_m": "114.00", "shadow_enable": "1", "text_enable_m": "1", "text_weight_m": "700.00", "title_padding": "35", "border_width_m": "1.00", "padding_bottom": "44.00", "padding_left_m": "5.00", "text_padding_m": "33.00", "title_enable_m": "1", "title_weight_m": "600.00", "border_radius_m": "3.00", "button_enable_m": "1", "button_weight_m": "700.00", "padding_right_m": "5.00", "shadow_enable_m": "1", "title_padding_m": "22.00", "bg_color_overlay": "#ffffff", "button_bg_active": "#f2e0da", "button_padding_h": "18.00", "button_padding_v": "15.00", "padding_bottom_m": "112.00", "text_line_height": "1.2000000000000002", "button_text_color": "#ffffff", "title_line_height": "1.2000000000000002", "button_padding_h_m": "16.00", "button_padding_v_m": "20.00", "cross_color_active": "#000", "custom_font_enable": "1", "button_border_color": "#c6c6c6", "button_border_width": "3.00", "cross_color_active_m": "#000", "button_border_width_m": "3.00", "bg_color_overlay_opacity": "0", "button_text_color_active": "#555555", "button_border_color_active": "#ffffff"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "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.25"}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 59246, "template": 2723, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "stoolgroup", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "\r\n<div class=\"popmechanic-item-card\"\r\n\t\t data-mb-product-id={{ product.ids.mindboxId }}>\r\n</div>", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"PohozhieproduktiSG\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovarivstile\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,10,1;480,2,10,1;768,3,10,1;1280,4,10,1", "btn_cart_bg": "#f2d4bf", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Gilroy,sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#202020", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0443\u043f\u0438\u0442\u044c", "btn_fav_width": "20", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#202020", "btn_cart_width": "133", "btn_fav_height": "20", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "40", "productIdsCode": "0", "btn_cart_bg_hov": "#ebc8af", "btn_cart_fs_mob": "16", "btn_cart_height": "46", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#202020", "card_prices_col": "0", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "lefttop", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "1", "grouping_br_desk": "4", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#f2d4bf", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "20", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#202020", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "10.00", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "\u0440\u0443\u0431", "card_vendor_fs_mob": "16", "slider_bullit_size": "16.00", "slider_show_bullit": "1", "btn_cart_text_after": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "20", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#202020", "map_recommendations": "return recommendations;", "recommendationLimit": "8", "slider_button_width": "32", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "righttop", "card_prices_ordering": "4", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#202020", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "1", "recommendationLimit3": "12", "slider_button_height": "32", "btn_cart_border_color": "#ffffff", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#37b24d", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0.00", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "60", "btn_cart_margin_bottom": "10", "card_img_border_radius": "8", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#202020", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#202020", "btn_cart_border_color_hov": "#fff", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#202020", "card_price_discount_cross": "1", "card_price_discount_first": "1", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#f03e3e", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#202020", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "14", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "conditions_splits": [], "id": 58654, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "stoolgroup", "operations": [{"id": "popmechanic-widget-59246-reco-1", "limit": 8, "disabled": false, "algorithm": "PohozhieproduktiSG", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "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-57860.png?ts=1697013369217", "rendered_button_preview": null, "settings": {"css": "", "header": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "stoolgroup", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "\r\n<div class=\"popmechanic-item-card\"\r\n\t\t data-mb-product-id={{ product.ids.mindboxId }}>\r\n</div>", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"PohozhieproduktiSG\", \"recoTarget\": \"Offer\"}", "algorithm2": "{\"systemName\": \"Populyarnietovarivstile\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "0", "responsive": "1,10,1;480,2,10,1;768,3,10,1;1280,4,10,1", "btn_cart_bg": "#f2d4bf", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Gilroy,sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#202020", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0443\u043f\u0438\u0442\u044c", "btn_fav_width": "20", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#202020", "btn_cart_width": "133", "btn_fav_height": "20", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "40", "productIdsCode": "0", "btn_cart_bg_hov": "#ebc8af", "btn_cart_fs_mob": "16", "btn_cart_height": "46", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#202020", "card_prices_col": "0", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "lefttop", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "1", "grouping_br_desk": "4", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#f2d4bf", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "20", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#202020", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "10.00", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "\u0440\u0443\u0431", "card_vendor_fs_mob": "16", "slider_bullit_size": "16.00", "slider_show_bullit": "1", "btn_cart_text_after": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "20", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#202020", "map_recommendations": "return recommendations;", "recommendationLimit": "8", "slider_button_width": "32", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "righttop", "card_prices_ordering": "4", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#202020", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "1", "recommendationLimit3": "12", "slider_button_height": "32", "btn_cart_border_color": "#ffffff", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#37b24d", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0.00", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "60", "btn_cart_margin_bottom": "10", "card_img_border_radius": "8", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#202020", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#202020", "btn_cart_border_color_hov": "#fff", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#202020", "card_price_discount_cross": "1", "card_price_discount_first": "1", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#f03e3e", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#202020", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "14", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "stoolgroup", "operations": [{"id": "popmechanic-widget-59246-reco-1", "limit": 8, "disabled": false, "algorithm": "PohozhieproduktiSG", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn `<button class=\"popmechanic-tab\" data-popmechanic-tab=\"${val}\">\r\n\t\t\t\t<span class=\"popmechanic-tab-text\">${txt}</span>\r\n\t\t\t\t${parseInt(grouping_counter_show) ? `<span class=\"popmechanic-tab-numb\">${numb}</span>` : ''}\r\n\t\t\t</button>`;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n<div class=\"popmechanic-reset popmechanic-widget-reco mboxsthide\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<% if (header) { %>\r\n\t\t<div class=\"popmechanic-header\"><%= header %></div>\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t<div class=\"popmechanic-tabs\">\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t<% } %>\r\n\t\t<div class=\"popmechanic-slider\">\r\n\t\t    <div class=\"popmechanic-controls\">\r\n\t\t        <button class=\"popmechanic-controls-btn popmechanic-controls-btn-prev\"></button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\"></button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"popmechanic-items-wrapper\"></div>\r\n\t\t</div>\r\n\t</div>\r\n\t<script type=\"text/x-template\">\r\n\t\t<%\r\n\t\t\ttry {\r\n\t\t\t\tprint(PopMechanic._.template(template)(arguments[0]));\r\n\t\t\t} catch (err) {}\r\n\t\t%>\r\n\t</script>\r\n</div>", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 886, "html": "<div id=\"popmechanic-form\">\r\n    <% if (parseInt(showurl)) { %>\r\n    <a class=\"popmechanic-link\" href=\"<%=url%>\" target=\"_blank\" data-popmechanic-submit>\r\n    <% } %>\r\n        <img src=\"<%=image%>\"/>\r\n    <% if (parseInt(showurl)) { %> </a> <% } %>\r\n    \r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "#popmechanic-form {\r\n    width: <%=width%>px;\r\n    \r\n}\r\n<% if (parseInt(showtransform)) { %>\r\n\r\n#popmechanic-form:hover {\r\n      -webkit-transform: scale(1.03);\r\n  -ms-transform: scale(1.03);\r\n  transform: scale(1.03);\r\n}\r\n                        <% } %>\r\n\r\n#popmechanic-form .popmechanic-link {\r\n    display: block;\r\n}\r\n#popmechanic-form img {\r\n    display: block;\r\n    width: <%=width%>px;\r\n    height: auto;\r\n    border: <%=form_border_width%>px solid <%=form_border_color%>;\r\n    border-radius: <%=form_border_radius%>px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-close {\r\n    font-size: <%=cl_size%>px;\r\n    line-height: 20px;\r\n    position: absolute;\r\n     cursor: pointer;\r\n    outline: none;\r\n    top: <%=otstup1%>px;\r\n    right: <%=otstup2%>px;\r\n    color: <%=cl_col%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    width: <%=width_mobile%>px;\r\n    \r\n}\r\n.popmechanic-mobile #popmechanic-form img {\r\n    width: <%=width_mobile%>px;\r\n    border: <%=form_border_width2%>px solid <%=form_border_color%>;\r\n    box-sizing: border-box;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info", "partscreen"], "template_type": "popup-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1305, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-wrapper\">\r\n\t\t<div class=\"popmechanic-main\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-title\"><%=title%></div>\r\n\t\t\t\t<div class=\"popmechanic-text\"><%=text%></div>\r\n\t\t\t\t<%if(button_action==\"link\"){%>\r\n\t\t\t\t\t<a href=\"<%=link%>\" class=\"popmechanic-button\" data-popmechanic-link <%if(parseInt(button_blank)){%>target=\"_blank\"<%}%>><%=button%></a>\r\n\t\t\t\t<%}else{%>\r\n\t\t\t\t\t<button  data-popmechanic-close class=\"popmechanic-button\"><%=button%></button>\r\n\t\t\t\t<%}%>\r\n\t\t\t</div>\r\n\t\t</div>\t\r\n\t</div>\r\n\t<div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic');\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  margin: 0;\r\n  padding: 0; }\r\n  #popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    z-index: 99;\r\n    top: 10px;\r\n    right: 10px;\r\n    width: <%=cross_size%>px;\r\n    height:<%=cross_size%>px;\r\n    font-size: 0;\r\n    color: transparent;\r\n    background-color: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transform: rotate(45deg);\r\n    transition: all .15s; }\r\n    #popmechanic-form .popmechanic-close:hover {\r\n      transform: rotate(45deg) scale(1.1); }\r\n      #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n        background-color: <%=cross_color_active%>; }\r\n    #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: <%=(cross_size-1)/2%>px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 3px;\r\n      background-color: <%=cross_color%>; }\r\n    #popmechanic-form .popmechanic-close:after {\r\n      transform: rotate(90deg); }\r\n  #popmechanic-form .popmechanic-wrapper {\r\n\t  <%if(parseInt(bg_img_enable)){%>background-image:url(\"<%=bg_img%>\");<%}%>\r\n\t  background-size:cover;\r\n\t  background-position:50% 50%;\r\n\t  background-color: <%=bg_color%>;  \r\n\t  border-radius: <%=border_radius%>px;\r\n\t  border:<%=border_width%>px solid <%=border_color%>;\r\n\t  overflow: hidden;\r\n\t  position:relative;\r\n\t <%if(parseInt(shadow_enable)){%>box-shadow:4px 4px 4px rgba(0, 0, 0, 0.25);<%}%>\r\n  }\r\n  #popmechanic-form .popmechanic-wrapper:before{\r\n\t  content:'';\r\n\t  position:absolute;top:0;left:0;\r\n\t  width:100%;height:100%;\r\n\t  background-color:<%=bg_color_overlay%>;\r\n\t  opacity:<%=bg_color_overlay_opacity/100%>;\t  \r\n  }\r\n  #popmechanic-form .popmechanic-main {\r\n    width: <%=width%>px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    align-content: stretch;\r\n    align-items: stretch;\r\n\tposition:relative;z-index:2;\r\n\tjustify-content: center;\r\n      text-align: center;\r\n     }\r\n    #popmechanic-form .popmechanic-main .popmechanic-content {\r\n      flex: 0 1 100%;\r\n      padding: <%=padding_top%>px <%=padding_right%>px <%=padding_bottom%>px <%=padding_left%>px; }\r\n  #popmechanic-form .popmechanic-title {\r\n    <%if(!parseInt(title_enable)){%>display:none;<%}%>\r\n\tfont-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font%><%}%>;\r\n\t<%if(parseInt(title_italic)){%>font-style:italic;<%}%>\r\n    font-size: <%=title_size%>px;\r\n    font-weight: <%=title_weight%>;\r\n    line-height:<%=title_line_height%>;\r\n    color: <%=title_color%>;\r\n    margin-bottom: <%=title_padding%>px; }\r\n  #popmechanic-form .popmechanic-text {\r\n    <%if(!parseInt(text_enable)){%>display:none;<%}%>\r\n\tfont-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font%><%}%>;\r\n\t<%if(parseInt(text_italic)){%>font-style:italic;<%}%>\r\n    font-size: <%=text_size%>px;\r\n    font-weight: <%=text_weight%>;\r\n    line-height:<%=text_line_height%>;\r\n    color: <%=text_color%>;\r\n    margin-bottom: <%=text_padding%>px; }\r\n  #popmechanic-form .popmechanic-button {\r\n\t  <%if(!parseInt(button_enable)){%>display:none;<%}else{%>display: inline-block;<%}%>\r\n    font-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font%><%}%>;\r\n\t<%if(parseInt(button_italic)){%>font-style:italic;<%}%>\r\n    font-size: <%=button_size%>px;\r\n    font-weight: <%=button_weight%>;\r\n    line-height: 1;\r\n    text-decoration: none;\r\n    color: <%=button_text_color%>;    \r\n    background-color: <%=button_bg%>;\r\n    border-radius: <%=button_radius%>px;\r\n    border: <%=button_border_width%>px solid <%=button_border_color%>;\r\n    padding: <%=button_padding_v%>px <%=button_padding_h%>px;\r\n    transition: all .15s; }\r\n    #popmechanic-form .popmechanic-button:hover {\r\n\t\tcolor: <%=button_text_color_active%>;   \r\nborder-color:<%=button_border_color_active%>;\t\t\r\n     background-color: <%=button_bg_active%>; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close{\r\n\twidth: <%=cross_size_m%>px;\r\n    height:<%=cross_size_m%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:before, .popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n\tbackground-color:<%=cross_color_m%>;\r\n\ttop: <%=(cross_size_m-1)/2%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n\tbackground-color:<%=cross_color_active_m%>;\t\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-wrapper {\r\n\t<%if(parseInt(bg_img_m_show)){%>background-image:url(\"<%=bg_img_m%>\");<%}%>\r\n\tborder-radius: <%=border_radius_m%>px;\r\n\tborder:<%=border_width_m%>px solid <%=border_color%>; \r\n\t<%if(parseInt(shadow_enable_m)){%>box-shadow:0 5px 5px 0 rgba(0,0,0,.2);<%}%>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  width: <%=width_m%>px;\r\n  max-width: 100vw;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-wrap: nowrap;\r\n  justify-content: flex-start;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  text-align: center;\r\n\t }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content {\r\n    padding: <%=padding_top_m%>px <%=padding_right_m%>px <%=padding_bottom_m%>px <%=padding_left_m%>px;\r\n\tflex: 0 1 auto;\r\n    }\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-title{\r\n\t\t<%if(!parseInt(title_enable_m)){%>display:none;<%}%>\r\n\t\tpadding-bottom:<%title_padding_m%>px;\r\n\t\tfont-size:<%=title_size_m%>px;\r\n\t\tfont-weight:<%=title_weight_m%>;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-text{\r\n\t\t<%if(!parseInt(text_enable_m)){%>display:none;<%}%>\r\n\t\tpadding-bottom:<%text_padding_m%>px;\r\n\t\tfont-size:<%=text_size_m%>px;\r\n\t\tfont-weight:<%=text_weight_m%>;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-button{\r\n\t\tborder: <%=button_border_width_m%>px solid <%=button_border_color%>;\r\n\t\t<%if(!parseInt(button_enable_m)){%>display:none;<%}else{%>display: inline-block;<%}%>\r\n\t\tfont-size:<%=button_size_m%>px;\r\n\t\tfont-weight:<%=button_weight_m%>;\r\n\t\tpadding: <%=button_padding_v_m%>px <%=button_padding_h_m%>px;\r\n\t}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2723, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn `<button class=\"popmechanic-tab\" data-popmechanic-tab=\"${val}\">\r\n\t\t\t\t<span class=\"popmechanic-tab-text\">${txt}</span>\r\n\t\t\t\t${parseInt(grouping_counter_show) ? `<span class=\"popmechanic-tab-numb\">${numb}</span>` : ''}\r\n\t\t\t</button>`;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n<div class=\"popmechanic-reset popmechanic-widget-reco\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<% if (header) { %>\r\n\t\t<div class=\"popmechanic-header\"><%= header %></div>\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t<div class=\"popmechanic-tabs\">\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t<% } %>\r\n\t\t<div class=\"popmechanic-slider\">\r\n\t\t\t<div class=\"popmechanic-controls\">\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-prev\"></button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\"></button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"popmechanic-items-wrapper\"></div>\r\n\t\t</div>\r\n\t</div>\r\n\t<script type=\"text/x-template\">\r\n\t\t<%\r\n\t\t\ttry {\r\n\t\t\t\tprint(PopMechanic._.template(template)(arguments[0]));\r\n\t\t\t} catch (err) {}\r\n\t\t%>\r\n\t</script>\r\n</div>", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n\t<% if (parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: 0;\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: 0;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\t<% if (slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: <%= main_padding_vert %>px;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px;\r\n}\r\n\r\n<% if (grouping_attr) { %>\r\n/* TABS */\r\n#popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: center;\r\n\t--grouping_mb: 10px;\r\n\t--grouping_gap: 16px;\r\n\t--grouping_height: 32px;\r\n\t--grouping_padding_x: 10px;\r\n\t--grouping_br: 8px;\r\n\t--grouping_fs_text: 16px;\r\n\t--grouping_fs_count: 16px;\r\n\tdisplay: flex;\r\n\tjustify-content: var(--grouping_position);\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--grouping_gap);\r\n\tmargin-bottom: var(--grouping_mb);\r\n}\r\n#popmechanic-form .popmechanic-tab {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1ch;\r\n\theight: var(--grouping_height);\r\n\tborder: <%= grouping_border_width %>px solid <%= grouping_border_color %>;\r\n\tpadding: 0 var(--grouping_padding_x);\r\n\tborder-radius: var(--grouping_br);\r\n\tbackground-color: <%= grouping_bg_color %>;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tfont-weight: <%= grouping_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus {\r\n\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\tborder-color: <%= grouping_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-text,\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\ttransition: inherit;\r\n}\r\n#popmechanic-form .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color %>;\r\n\tfont-size: var(--grouping_fs_text);\r\n\ttext-transform: capitalize;\r\n}\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color %>;\r\n\tfont-size: var(--grouping_fs_count);\r\n}\r\n#popmechanic-form .popmechanic-tab-active {\r\n\tbackground-color: <%= grouping_bg_color_active %>;\r\n\tborder-color: <%= grouping_border_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_active %>;\r\n}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_desk %>px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_desk %>;\r\n\t--grouping_mb: <%= grouping_mb_desk %>px;\r\n\t--grouping_gap: <%= grouping_gap_desk %>px;\r\n\t--grouping_height: <%= grouping_height_desk %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_desk %>px;\r\n\t--grouping_br: <%= grouping_br_desk %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_desk %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_desk %>px;\r\n}\r\n<% } %>\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_mob %>px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-tabs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_mob %>;\r\n\t--grouping_mb: <%= grouping_mb_mob %>px;\r\n\t--grouping_gap: <%= grouping_gap_mob %>px;\r\n\t--grouping_height: <%= grouping_height_mob %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_mob %>px;\r\n\t--grouping_br: <%= grouping_br_mob %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_mob %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_mob %>px;\r\n}\r\n<% } %>\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover {\r\n\t\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\t\tborder-color: <%= grouping_border_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-text {\r\n\t\tcolor: <%= grouping_text_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-numb {\r\n\t\tcolor: <%= grouping_count_color_hov %>;\r\n\t}\r\n}\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button": "", "on_show": "\"use strict\";\r\n\r\ntry {\r\n    form.reportSlaSuccess();\r\n} catch (e) {}\r\n\r\nif (location.href.indexOf('pm-debug') > -1) {\r\n    debugger;\r\n}\r\n\r\nvar impressionMap = {};\r\nvar formId = form.id;\r\nvar $removal\u0421ontainersEmbed = PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]');\r\nvar $removal\u0421ontainers = PopMechanic.$('#popmechanic-container-' + formId);\r\nvar recommendations = settings.recommendations || [];\r\n\r\nif (settings.map_recommendations) {\r\n        try {\r\n                recommendations = new Function('recommendations', settings.map_recommendations)(settings.recommendations) || settings.recommendations;\r\n        } catch (err) {}\r\n}\r\n\r\nvar form = arguments[0] || {};\r\n\r\ntry {\r\n        var lessCount;\r\n        try {\r\n                lessCount = parseInt('<% try { print(lessCount); } catch (e) { print(0); } %>') || 0;\r\n        } catch (e) {\r\n                lessCount = 0;\r\n        };\r\n        var enableTns = true;\r\n        try {\r\n                enableTns = !!(parseInt('<% try { print(enableTns); } catch (e) { print(0); } %>') || 1);\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: params[1],\r\n                        gutter: params[2] || 0,\r\n                        slideBy: params[3] || 1\r\n                };\r\n        }\r\n\r\n        var tnsParams = {\r\n                nav: parseInt('<%= slider_show_bullit %>'),\r\n                navPosition: '<%= slider_bullit_position %>',\r\n                controlsContainer: '#popmechanic-form-' + formId + ' .popmechanic-controls',\r\n                items: firstPoint[0],\r\n                mouseDrag: true,\r\n                gutter: firstPoint[1] || 0,\r\n                slideBy: firstPoint[2] || 1,\r\n                responsive: responsive,\r\n                loop: parseInt('<%= loopSlider %>'),\r\n                controls: !!<%= controls %>\r\n        };\r\n\r\n        var userParams = <% try { print(user_tns); } catch (e) { print('{}'); } %>;\r\n\r\n        tnsParams = PopMechanic.$.extend(true, tnsParams, userParams);\r\n\r\n        var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"]');\r\n\r\n        if (!$container.length) {\r\n                $container = PopMechanic.$('#popmechanic-container-' + formId);\r\n        }\r\n        if (!$container.length) {\r\n                return;\r\n        }\r\n\r\n        var cardTemplate = PopMechanic._.template(\r\n                $container.find('script[type=\"text\\/x-template\"]')\r\n                        .html()\r\n                        .replace(/\\s+/g, ' '),\r\n                {\r\n                        interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n                        evaluate: /\\{\\%(.+?)\\%\\}/g\r\n                }\r\n        );\r\n\r\n        var templateSettings = {\r\n            card_label_discount_show: '<%= card_label_discount_show %>',\r\n            card_label_new_show: '<%= card_label_new_show %>',\r\n            card_label_new_text: '<%= card_label_new_text %>',\r\n            card_name_show: '<%= card_name_show %>',\r\n            card_rating_show: '<%= card_rating_show %>',\r\n            card_prices_show: '<%= card_prices_show %>',\r\n            card_prices_symbol: '<%= card_prices_symbol %>',\r\n            card_price_discount_show: '<%= card_price_discount_show %>',\r\n            btn_cart_show: '<%= btn_cart_show %>',\r\n            btn_cart_text: '<%= btn_cart_text %>',\r\n            btn_cart_text_after: '<%= btn_cart_text_after %>',\r\n            btn_cart_func: '<%= btn_cart_func %>',\r\n            btn_fav_show: '<%= btn_fav_show %>',\r\n            btn_fav_func: '<%= btn_fav_func %>',\r\n            card_vendor_show: '<%= card_vendor_show %>',\r\n            card_label_new_customfield: '<%= card_label_new_customfield %>',\r\n            card_rating_customfield: '<%= card_rating_customfield %>',\r\n            btn_cart_icon_show: '<%= btn_cart_icon_show %>',\r\n            card_name_ordering: '<%= card_name_ordering %>',\r\n            card_vendor_ordering: '<%= card_vendor_ordering %>',\r\n            card_rating_ordering: '<%= card_rating_ordering %>',\r\n            card_prices_ordering: '<%= card_prices_ordering %>',\r\n            btn_cart_ordering: '<%= btn_cart_ordering %>',\r\n            grouping_attr: '<%= grouping_attr %>',\r\n            recommendations: recommendations,\r\n        };\r\n\r\n        function renderProductList() {\r\n                function onInit() {\r\n                        try {\r\n                                var container = $container.find('.popmechanic-items')[0];\r\n                                if (!container) {\r\n                                        return;\r\n                                }\r\n\r\n                                if (!$container.find('.popmechanic-item-card').length) {\r\n                                        $removal\u0421ontainersEmbed.remove();\r\n                                        $removal\u0421ontainers.remove();\r\n                                        return;\r\n                                }\r\n                                window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\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 = null;\r\n                                                if ($container.is('.popmechanic-widget-reco')) {\r\n                                                        reco = $container;\r\n                                                } else {\r\n                                                        reco = $container.find('.popmechanic-widget-reco');\r\n                                                }\r\n                                                reco.addClass('popmechanic-loaded');\r\n                                                var debouncedStopDrag = PopMechanic._.debounce(function() {\r\n                                                        PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n                                                }, 200)\r\n                                                PopMechanicSlider[formId].events.on('dragMove', function() {\r\n                                                        PopMechanic.$(\"#popmechanic-form-\" + formId).addClass('popmechanic-dragged');\r\n                                                        debouncedStopDrag();\r\n                                                });\r\n                                                PopMechanicSlider[formId].events.on('dragEnd', function() {\r\n                                                        PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n                                                });\r\n\r\n                                                // GROUPING\r\n                                                function resolveAttr(obj, attr) {\r\n                                                    var result = attr.split('.').reduce((acc, val) => acc && acc[val], obj);\r\n                                                    if (result) {\r\n                                                        return result.toString(10).toLowerCase();\r\n                                                    }\r\n                                                }\r\n\r\n                                                PopMechanic.$('.popmechanic-tab').on('click', function(e) {\r\n                                                    var $this = PopMechanic.$(this);\r\n\r\n                                                    // UPDATE TABS\r\n                                                    e.preventDefault();\r\n                                                    $this.toggleClass('popmechanic-tab-active');\r\n                                                    $this.siblings().removeClass('popmechanic-tab-active');\r\n\r\n                                                    // UPDATE SLIDES\r\n                                                    var tabName = $this.data('popmechanic-tab').toString(10).split(',').map(el => el.trim().toLowerCase());\r\n\r\n                                                    PopMechanicSlider[formId].destroy();\r\n                                                    $container.find('.popmechanic-items').empty();\r\n\r\n                                                    if ($this.hasClass('popmechanic-tab-active')) {\r\n                                                        recommendations.map(function(product, i) {\r\n                                                            if (tabName.includes(resolveAttr(product, '<%= grouping_attr %>'))) {\r\n                                                                var $item = PopMechanic.$(\r\n                                                                    cardTemplate(PopMechanic.$.extend(true, templateSettings, {\r\n                                                                        product: product,\r\n                                                                        index: i,\r\n                                                                    })));\r\n                                                                $container.find('.popmechanic-items').append($item);\r\n                                                            }\r\n                                                        });\r\n                                                    } else {\r\n                                                        recommendations.map(function(product, i) {\r\n                                                            var $item = PopMechanic.$(\r\n                                                                cardTemplate(PopMechanic.$.extend(true, templateSettings, {\r\n                                                                    product: product,\r\n                                                                    index: i,\r\n                                                                })));\r\n                                                            $container.find('.popmechanic-items').append($item);\r\n                                                        });\r\n                                                    }\r\n                                                    window.PopMechanicSlider[formId] = PopMechanicSlider[formId].rebuild();\r\n                                                });\r\n\r\n                                                PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n                                                                reco.find('.tns-slide-active').each(function(i, el) {\r\n                                                                        impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n                                                                });\r\n                                                        });\r\n                                                        reco.find('.tns-slide-active').each(function(i, el) {\r\n                                                                impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n                                                        });\r\n                                        });\r\n                                } else {\r\n                                        $container.find('.popmechanic-widget-reco').addClass('popmechanic-loaded');\r\n                                        $container.find('.popmechanic-item-card').each(function(i, el) {\r\n                                                impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n                                        });\r\n                                        form.reportSlaSuccess();\r\n                                }\r\n                        } catch (e) {\r\n                                $removal\u0421ontainersEmbed.remove();\r\n                                $removal\u0421ontainers.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\r\n                        try {\r\n                                var $item = PopMechanic.$(\r\n                                    cardTemplate(PopMechanic.$.extend(true, templateSettings, {\r\n                                        product: product,\r\n                                        index: i,\r\n                                    })));\r\n                        } catch (e) { continue; }\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-form-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function() {\r\n                                        event.stopPropagation();  \r\n                                        if (mindbox) {\r\n                                                mindbox(\"async\", {\r\n                                                        operation: \"popmechanic-widget-click-\" + formId,\r\n                                                        data: {\r\n                                                                clicked: {\r\n                                                                        product: {\r\n                                                                                ids: product.ids,\r\n                                                                        }\r\n                                                                }\r\n                                                        },\r\n                                                        onSuccess: function() {\r\n                                                                // console.log('successful click');\r\n                                                        },\r\n                                                        onError: function(error) {\r\n                                                                console.log(error);\r\n                                                        }\r\n                                                });\r\n                                        }\r\n\r\n                                        settings.gaTracker.selectItem(product, i);\r\n                                        return true;\r\n                                });\r\n                        }(i, product));\r\n                }\r\n\r\n         \r\n                                recommendations.map(function(product, i) {\r\n                                        impressionMap[i] = function() {\r\n                                                settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n                                        };\r\n                                });\r\n\r\n                onInit();\r\n        }\r\n\r\n        var recommendationsLimit = recommendations.length;\r\n\r\n        if (recommendationsLimit) {\r\n                if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n                        renderProductList();\r\n                } else {\r\n                        $removal\u0421ontainersEmbed.remove();\r\n                        $removal\u0421ontainers.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        $removal\u0421ontainersEmbed.remove();\r\n        $removal\u0421ontainers.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": 3008, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn `<button class=\"popmechanic-tab\" data-popmechanic-tab=\"${val}\">\r\n\t\t\t\t<span class=\"popmechanic-tab-text\">${txt}</span>\r\n\t\t\t\t${parseInt(grouping_counter_show) ? `<span class=\"popmechanic-tab-numb\">${numb}</span>` : ''}\r\n\t\t\t</button>`;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n<div class=\"popmechanic-reset popmechanic-widget-reco\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<% if (header) { %>\r\n\t\t<div class=\"popmechanic-header\"><%= header %></div>\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t<div class=\"popmechanic-tabs\">\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t<% } %>\r\n\t\t<div class=\"popmechanic-slider\">\r\n\t\t\t<div class=\"popmechanic-controls\">\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-prev\"></button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\"></button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"popmechanic-items-wrapper\"></div>\r\n\t\t</div>\r\n\t</div>\r\n\t<script type=\"text/x-template\">\r\n\t\t<%\r\n\t\t\ttry {\r\n\t\t\t\tprint(PopMechanic._.template(template)(arguments[0]));\r\n\t\t\t} catch (err) {}\r\n\t\t%>\r\n\t</script>\r\n</div>", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n\t<% if (parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: 0;\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: 0;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\t<% if (slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: <%= main_padding_vert %>px;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px;\r\n}\r\n\r\n<% if (grouping_attr) { %>\r\n/* TABS */\r\n#popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: center;\r\n\t--grouping_mb: 10px;\r\n\t--grouping_gap: 16px;\r\n\t--grouping_height: 32px;\r\n\t--grouping_padding_x: 10px;\r\n\t--grouping_br: 8px;\r\n\t--grouping_fs_text: 16px;\r\n\t--grouping_fs_count: 16px;\r\n\tdisplay: flex;\r\n\tjustify-content: var(--grouping_position);\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--grouping_gap);\r\n\tmargin-bottom: var(--grouping_mb);\r\n}\r\n#popmechanic-form .popmechanic-tab {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1ch;\r\n\theight: var(--grouping_height);\r\n\tborder: <%= grouping_border_width %>px solid <%= grouping_border_color %>;\r\n\tpadding: 0 var(--grouping_padding_x);\r\n\tborder-radius: var(--grouping_br);\r\n\tbackground-color: <%= grouping_bg_color %>;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tfont-weight: <%= grouping_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus {\r\n\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\tborder-color: <%= grouping_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-text,\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\ttransition: inherit;\r\n}\r\n#popmechanic-form .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color %>;\r\n\tfont-size: var(--grouping_fs_text);\r\n\ttext-transform: capitalize;\r\n}\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color %>;\r\n\tfont-size: var(--grouping_fs_count);\r\n}\r\n#popmechanic-form .popmechanic-tab-active {\r\n\tbackground-color: <%= grouping_bg_color_active %>;\r\n\tborder-color: <%= grouping_border_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_active %>;\r\n}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_desk %>px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_desk %>;\r\n\t--grouping_mb: <%= grouping_mb_desk %>px;\r\n\t--grouping_gap: <%= grouping_gap_desk %>px;\r\n\t--grouping_height: <%= grouping_height_desk %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_desk %>px;\r\n\t--grouping_br: <%= grouping_br_desk %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_desk %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_desk %>px;\r\n}\r\n<% } %>\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_mob %>px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-tabs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_mob %>;\r\n\t--grouping_mb: <%= grouping_mb_mob %>px;\r\n\t--grouping_gap: <%= grouping_gap_mob %>px;\r\n\t--grouping_height: <%= grouping_height_mob %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_mob %>px;\r\n\t--grouping_br: <%= grouping_br_mob %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_mob %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_mob %>px;\r\n}\r\n<% } %>\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover {\r\n\t\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\t\tborder-color: <%= grouping_border_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-text {\r\n\t\tcolor: <%= grouping_text_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-numb {\r\n\t\tcolor: <%= grouping_count_color_hov %>;\r\n\t}\r\n}\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button": "", "on_show": "\"use strict\";\r\n\r\ntry {\r\n    form.reportSlaSuccess();\r\n} catch (e) {}\r\n\r\nif (location.href.indexOf('pm-debug') > -1) {\r\n    debugger;\r\n}\r\n\r\nvar impressionMap = {};\r\nvar formId = form.id;\r\nvar $removal\u0421ontainersEmbed = PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]');\r\nvar recommendations = settings.recommendations || [];\r\n\r\nif (settings.map_recommendations) {\r\n        try {\r\n                recommendations = new Function('recommendations', settings.map_recommendations)(settings.recommendations) || settings.recommendations;\r\n        } catch (err) {}\r\n}\r\n\r\nvar form = arguments[0] || {};\r\n\r\ntry {\r\n        var lessCount;\r\n        try {\r\n                lessCount = parseInt('<% try { print(lessCount); } catch (e) { print(0); } %>') || 0;\r\n        } catch (e) {\r\n                lessCount = 0;\r\n        };\r\n        var enableTns = true;\r\n        try {\r\n                enableTns = !!(parseInt('<% try { print(enableTns); } catch (e) { print(0); } %>') || 0);\r\n        } catch (e) {\r\n                enableTns = true;\r\n        };\r\n  \t\tvar controls = false;\r\n        try {\r\n                controls = !!(parseInt(\"<% try { print(controls); } catch (e) { print(0); } %>\") || 0);\r\n        } catch (e) {\r\n                controls = false;\r\n        };\r\n        var groupSlidesBy = parseInt('<%= groupSlidesBy %>');\r\n\r\n        var responsiveArray = '<%= responsive %>'.split(';');\r\n        var firstPoint = responsiveArray[0].split(',');\r\n        var responsive = {};\r\n        for (var i = 1; i < responsiveArray.length; i++) {\r\n                var params = responsiveArray[i].split(',');\r\n                responsive[params[0]] = {\r\n                        items: params[1],\r\n                        gutter: params[2] || 0,\r\n                        slideBy: params[3] || 1\r\n                };\r\n        }\r\n\r\n        var tnsParams = {\r\n                nav: parseInt('<%= slider_show_bullit %>'),\r\n                navPosition: '<%= slider_bullit_position %>',\r\n                controlsContainer: '#popmechanic-form-' + formId + ' .popmechanic-controls',\r\n                items: firstPoint[0],\r\n                mouseDrag: true,\r\n                gutter: firstPoint[1] || 0,\r\n                slideBy: firstPoint[2] || 1,\r\n                responsive: responsive,\r\n                loop: parseInt('<%= loopSlider %>'),\r\n                controls: controls,\r\n        };\r\n\r\n        var userParams = <% try { print(user_tns); } catch (e) { print('{}'); } %>;\r\n\r\n        tnsParams = PopMechanic.$.extend(true, tnsParams, userParams);\r\n\r\n        var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"]');\r\n\r\n        if (!$container.length) {\r\n                $container = PopMechanic.$('#popmechanic-container-' + formId);\r\n        }\r\n        if (!$container.length) {\r\n                return;\r\n        }\r\n\r\n        var cardTemplate = PopMechanic._.template(\r\n                $container.find('script[type=\"text\\/x-template\"]')\r\n                        .html()\r\n                        .replace(/\\s+/g, ' '),\r\n                {\r\n                        interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n                        evaluate: /\\{\\%(.+?)\\%\\}/g\r\n                }\r\n        );\r\n\r\n        var templateSettings = {\r\n            card_label_discount_show: '<%= card_label_discount_show %>',\r\n            card_label_new_show: '<%= card_label_new_show %>',\r\n            card_label_new_text: '<%= card_label_new_text %>',\r\n            card_name_show: '<%= card_name_show %>',\r\n            card_rating_show: '<%= card_rating_show %>',\r\n            card_prices_show: '<%= card_prices_show %>',\r\n            card_prices_symbol: '<%= card_prices_symbol %>',\r\n            card_price_discount_show: '<%= card_price_discount_show %>',\r\n            btn_cart_show: '<%= btn_cart_show %>',\r\n            btn_cart_text: '<%= btn_cart_text %>',\r\n            btn_cart_text_after: '<%= btn_cart_text_after %>',\r\n            btn_cart_func: '<%= btn_cart_func %>',\r\n            btn_fav_show: '<%= btn_fav_show %>',\r\n            btn_fav_func: '<%= btn_fav_func %>',\r\n            card_vendor_show: '<%= card_vendor_show %>',\r\n            card_label_new_customfield: '<%= card_label_new_customfield %>',\r\n            card_rating_customfield: '<%= card_rating_customfield %>',\r\n            btn_cart_icon_show: '<%= btn_cart_icon_show %>',\r\n            card_name_ordering: '<%= card_name_ordering %>',\r\n            card_vendor_ordering: '<%= card_vendor_ordering %>',\r\n            card_rating_ordering: '<%= card_rating_ordering %>',\r\n            card_prices_ordering: '<%= card_prices_ordering %>',\r\n            btn_cart_ordering: '<%= btn_cart_ordering %>',\r\n            grouping_attr: '<%= grouping_attr %>',\r\n            recommendations: recommendations,\r\n        };\r\n\r\n        function renderProductList() {\r\n                function onInit() {\r\n                        try {\r\n                                var container = $container.find('.popmechanic-items')[0];\r\n                                if (!container) {\r\n                                        return;\r\n                                }\r\n\r\n                                if (!$container.find('.popmechanic-item-card').length) {\r\n                                        $removal\u0421ontainersEmbed.remove();\r\n                                        \r\n                                        return;\r\n                                }\r\n                                window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n                                if (enableTns) {\r\n                                  \t\tif (controls) {\r\n                                          PopMechanic.$(\".popmechanic-controls\").show();\r\n                                        } else {\r\n                                          PopMechanic.$(\".popmechanic-controls\").hide();\r\n                                        }\r\n                                        window.PopMechanicTnsQ.push(function () {\r\n                                                form.reportSlaSuccess();\r\n                                                window.PopMechanicSlider = window.PopMechanicSlider || {};\r\n                                                window.PopMechanicSlider[formId] = PopMechanicTns(PopMechanic.$.extend({ container: container }, tnsParams));\r\n\r\n                                                var reco = null;\r\n                                                if ($container.is('.popmechanic-widget-reco')) {\r\n                                                        reco = $container;\r\n                                                } else {\r\n                                                        reco = $container.find('.popmechanic-widget-reco');\r\n                                                }\r\n                                                reco.addClass('popmechanic-loaded');\r\n                                                var debouncedStopDrag = PopMechanic._.debounce(function() {\r\n                                                        PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n                                                }, 200)\r\n                                                PopMechanicSlider[formId].events.on('dragMove', function() {\r\n                                                        PopMechanic.$(\"#popmechanic-form-\" + formId).addClass('popmechanic-dragged');\r\n                                                        debouncedStopDrag();\r\n                                                });\r\n                                                PopMechanicSlider[formId].events.on('dragEnd', function() {\r\n                                                        PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n                                                });\r\n\r\n                                                // GROUPING\r\n                                                function resolveAttr(obj, attr) {\r\n                                                    var result = attr.split('.').reduce((acc, val) => acc && acc[val], obj);\r\n                                                    if (result) {\r\n                                                        return result.toString(10).toLowerCase();\r\n                                                    }\r\n                                                }\r\n\r\n                                                PopMechanic.$('.popmechanic-tab').on('click', function(e) {\r\n                                                    var $this = PopMechanic.$(this);\r\n\r\n                                                    // UPDATE TABS\r\n                                                    e.preventDefault();\r\n                                                    $this.toggleClass('popmechanic-tab-active');\r\n                                                    $this.siblings().removeClass('popmechanic-tab-active');\r\n\r\n                                                    // UPDATE SLIDES\r\n                                                    var tabName = $this.data('popmechanic-tab').toString(10).split(',').map(el => el.trim().toLowerCase());\r\n\r\n                                                    PopMechanicSlider[formId].destroy();\r\n                                                    $container.find('.popmechanic-items').empty();\r\n\r\n                                                    if ($this.hasClass('popmechanic-tab-active')) {\r\n                                                        recommendations.map(function(product, i) {\r\n                                                            if (tabName.includes(resolveAttr(product, '<%= grouping_attr %>'))) {\r\n                                                                var $item = PopMechanic.$(\r\n                                                                    cardTemplate(Object.assign({}, templateSettings, {\r\n                                                                        product: product,\r\n                                                                        index: i,\r\n                                                                    })));\r\n                                                                $container.find('.popmechanic-items').append($item);\r\n                                                            }\r\n                                                        });\r\n                                                    } else {\r\n                                                        recommendations.map(function(product, i) {\r\n                                                            var $item = PopMechanic.$(\r\n                                                                cardTemplate(Object.assign({}, templateSettings, {\r\n                                                                    product: product,\r\n                                                                    index: i,\r\n                                                                })));\r\n                                                            $container.find('.popmechanic-items').append($item);\r\n                                                        });\r\n                                                    }\r\n                                                    window.PopMechanicSlider[formId] = PopMechanicSlider[formId].rebuild();\r\n                                                });\r\n\r\n                                                        PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n                                                                reco.find('.tns-slide-active').each(function(i, el) {\r\n                                                                        impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n                                                                });\r\n                                                        });\r\n                                                        reco.find('.tns-slide-active').each(function(i, el) {\r\n                                                                impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n                                                        });\r\n                                        });\r\n                                } else {\r\n                                  \t\tPopMechanic.$(\".popmechanic-controls\").hide();\r\n                                        $container.find('.popmechanic-widget-reco').addClass('popmechanic-loaded');\r\n                                  \t\t\r\n                                          $container.find('.popmechanic-item-card').each(function(i, el) {\r\n                                            impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n                                          });\r\n                                \r\n                                        form.reportSlaSuccess();\r\n                                }\r\n                        } catch (e) {\r\n                                $removal\u0421ontainersEmbed.remove();\r\n                              \r\n                                console.error('PopMechanic widget ' + formId, e.message);\r\n                                form.reportSlaFailure('script-error', e);\r\n                        }\r\n                }\r\n\r\n                $container.find(\".popmechanic-items\").empty();\r\n                $container.find('.popmechanic-items-wrapper').html('<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\r\n                        try {\r\n                                var $item = PopMechanic.$(\r\n                                    cardTemplate(Object.assign({}, templateSettings, {\r\n                                        product: product,\r\n                                        index: i,\r\n                                    })));\r\n                        } catch (e) { continue; }\r\n                  \r\n                        if (groupSlidesBy === 1) {\r\n                                $carousel.append($item);\r\n                        } else {\r\n                                slideAccumulator.push($item);\r\n                                $slideContainer.append($item);\r\n                                if (slideAccumulator.length == groupSlidesBy) {\r\n                                        slideAccumulator = [];\r\n                                        $carousel.append($slideContainer);\r\n                                        $slideContainer = PopMechanic.$('<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-form-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n                                  event.stopPropagation();    \r\n                                  if (mindbox) {\r\n                                                mindbox(\"async\", {\r\n                                                        operation: \"popmechanic-widget-click-\" + formId,\r\n                                                        data: {\r\n                                                                clicked: {\r\n                                                                        product: {\r\n                                                                                ids: product.ids,\r\n                                                                        }\r\n                                                                }\r\n                                                        },\r\n                                                        onSuccess: function() {\r\n                                                                // console.log('successful click');\r\n                                                        },\r\n                                                        onError: function(error) {\r\n                                                                console.log(error);\r\n                                                        }\r\n                                                });\r\n                                        }\r\n\r\n\r\n                                        settings.gaTracker.selectItem(product, i);\r\n                                  return true;\r\n                                });\r\n                        }(i, product));\r\n                }\r\n\r\n         \r\n                                recommendations.map(function(product, i) {\r\n                                        impressionMap[i] = function() {\r\n                                                settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n                                        };\r\n                                });\r\n\r\n                onInit();\r\n        }\r\n\r\n        var recommendationsLimit = recommendations.length;\r\n\r\n        if (recommendationsLimit) {\r\n                if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n                        renderProductList();\r\n                } else {\r\n                        $removal\u0421ontainersEmbed.remove();\r\n                        \r\n                        console.log('PopMechanic widget ' + formId + ': empty response');\r\n                        form.reportSlaSuccess();\r\n                }\r\n        } else {\r\n                form.reportSlaSuccess();\r\n                throw new Error('no data from mindbox');\r\n        }\r\n} catch (e) {\r\n        $removal\u0421ontainersEmbed.remove();\r\n       \r\n        console.error('PopMechanic widget ' + formId, e.message);\r\n        form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 3172, "html": "<div class=\"footer__subscribe \">\r\n    <div class=\"footer__subscribe-title\">\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430</div>\r\n    <div class=\"footer__subscribe-info\">\u0427\u0442\u043e\u0431\u044b \u0431\u044b\u0442\u044c \u0432 \u043a\u0443\u0440\u0441\u0435 \u0432\u0441\u0435\u0445 \u0430\u043a\u0446\u0438\u0439 \u0438 \u043d\u043e\u0432\u0438\u043d\u043e\u043a, \u043f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443</div>\r\n    \r\n    <div class=\"popmechanic-reset subscribe\" id=\"popmechanic-form\">\r\n        <div class=\"popmechanic-main\">\r\n            <div class=\"popmechanic-content\">\r\n                <div class=\"popmechanic-inputs\">\r\n                    <input type=\"email\" class=\"popmechanic-input subscribe__input\" data-popmechanic-input=\"email\" placeholder=\"\u0412\u0430\u0448 e-mail\" required>\r\n                    <button type=\"button\" name=\"button\" class=\"popmechanic-button subscribe__button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou\">\r\n            <div class=\"popmechanic-title\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e!</div>\r\n            <div class=\"popmechanic-sub-title\">\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0432\u0430\u043c \u043f\u0438\u0441\u044c\u043c\u043e</div>\r\n            <div class=\"popmechanic-close\" data-popmechanic-close>\u00d7</div>\r\n        </div>\r\n    </div>\r\n</div>", "css": ".popmechanic-main {\n    display: flex;\n    width: 100%;\n}\n\n.popmechanic-content {\n    display: flex;\n    width: 100%;\n}\n\n.popmechanic-inputs {\n    display: flex;\n    width: 100%;\n}", "button": null, "on_show": "", "on_close": "", "embed_code": null, "behaviors": ["post-text", "lead"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": null, "on_child_ready": null}, {"id": 3299, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n    <div class=\"popmechanic-screen first-screen\" id=\"popmechanic-first-screen\">\n        <div class=\"popmechanic-content\">\n            <div class=\"discount-popup__inner-wrapper\">\n                <div class=\"discount-popup__close\" data-popmechanic-close>\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"#202020\"\n                         xmlns=\"http://www.w3.org/2000/svg\">\n                        <rect width=\"0.746829\" height=\"41.0756\"\n                              transform=\"matrix(0.714375 -0.699763 0.714375 0.699763 3.96387 3.74707)\"\n                              fill=\"#202020\"/>\n                        <rect width=\"0.746829\" height=\"41.0756\"\n                              transform=\"matrix(0.714375 0.699763 -0.714375 0.699763 32.3433 3)\" fill=\"#202020\"/>\n                    </svg>\n                </div>\n                <div class=\"discount-popup__content\">\n                    <div class=\"discount-popup__header font-36\">\n                        \u041e\u0439, \u0432\u0430\u0448\u0430 \u0441\u043a\u0438\u0434\u043a\u0430 \u0441\u043f\u0440\u044f\u0442\u0430\u043b\u0430\u0441\u044c!\n                    </div>\n                    <div class=\"discount-popup__text font-14\">\n                        \u0423\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0442\u0443\u043b\u044c\u044f, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u0431\u0440\u0430\u0442\u044c \u0435\u0451\n                    </div>\n                    <div class=\"discount-popup__discount_value\">\n                        <svg width=\"192\" height=\"167\" viewBox=\"0 0 192 167\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M14.8239 127.572C-10.0665 88.0735 -2.00744 33.4188 38.6186 10.4146C54.4461 1.4524 65.942 -0.596791 84.1037 0.396253C111.296 1.8831 124.033 16.2271 146.35 31.8341C163.841 44.0654 178.95 48.3357 187.371 67.9473C203.609 105.765 168.159 139.872 130.624 156.753C88.091 175.881 39.6874 167.028 14.8239 127.572Z\" fill=\"#EDEBE9\"/>\n                        </svg>\n                        <div class=\"text\">\u0425\u0425%</div>\n                        <div id=\"discount-val\"></div>\n                    </div>\n                    <img class=\"discount-popup__discount_stool draggable\" id=\"stool1\" src=\"img/stool1.png\" style=\"left: 360px; top: -61px\">\n                    <img class=\"discount-popup__discount_stool draggable\" id=\"stool2\" src=\"img/stool2.png\" style=\"left: 150px; top: 100px\">\n                    <img class=\"discount-popup__discount_stool draggable\" id=\"stool3\" src=\"img/stool3.png\" style=\"left: 417px; top: 87px\">\n                    <img class=\"discount-popup__discount_stool draggable\" id=\"stool4\" src=\"img/stool4.png\" style=\"left: 655px; top: -6px\">\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <script type=\"text/javascript\">\n        function isVisible(element) {\n            // if(!isVisibleByStyles(element)) return false\n            if(isBehindOtherElement(element)) return false\n            return true\n        }\n\n        function isBehindOtherElement(element) {\n            const boundingRect = element.getBoundingClientRect()\n            // adjust coordinates to get more accurate results\n            const left = boundingRect.left + 1\n            const right = boundingRect.right - 1\n            const top = boundingRect.top + 1\n            const bottom = boundingRect.bottom - 1\n\n            if(!element.contains(document.elementFromPoint(left, top))) return true\n            if(!element.contains(document.elementFromPoint(right, top))) return true\n            if(!element.contains(document.elementFromPoint(left, bottom))) return true\n            if(!element.contains(document.elementFromPoint(right, bottom))) return true\n\n            return false\n        }\n    </script>\n\n    <script type=\"text/javascript\">\n        var zIndex = 2;\n        function startDrag(e) {\n            // determine event object\n            if (!e) {\n                var e = window.event;\n            }\n            // IE uses srcElement, others use target\n            var targ = e.target ? e.target : e.srcElement;\n\n            if (!targ.classList.contains('draggable')) {return};\n            console.log(targ)\n            // calculate event X, Y coordinates\n            offsetX = e.clientX;\n            offsetY = e.clientY;\n\n            // assign default values for top and left properties\n            if(!targ.style.left) { targ.style.left='0px'};\n            if (!targ.style.top) { targ.style.top='0px'};\n\n            // calculate integer values for top and left\n            // properties\n            coordX = parseInt(targ.style.left);\n            coordY = parseInt(targ.style.top);\n            drag = true;\n\n            // move div element\n            document.onmousemove=dragDiv;\n\n        }\n        function dragDiv(e) {\n            var targ=e.target?e.target:e.srcElement;\n            if (!targ.classList.contains('draggable')) {return};\n            if (!drag) { return};\n            if (!e) { var e= window.event};\n\n            // move div element\n            targ.style.left=coordX+e.clientX-offsetX+'px';\n            targ.style.top=coordY+e.clientY-offsetY+'px';\n            targ.style.zIndex = zIndex;\n            return false;\n        }\n        function stopDrag() {\n            // console.log()\n\n            if (isVisible(document.getElementById('discount-val'))) {\n                // console.log(document.getElementById('popmechanic-first-screen'))\n\n                document.getElementById('popmechanic-first-screen').style.display = 'none';\n                document.getElementById('popmechanic-first-screen').style.opacity = 0;\n                document.getElementById('popmechanic-second-screen').style.display = 'block';\n                document.getElementById('popmechanic-second-screen').style.opacity = 1;\n            }\n\n            drag=false;\n            zIndex++;\n        }\n        window.onload = function() {\n            document.onmousedown = startDrag;\n            document.onmouseup = stopDrag;\n        }\n    </script>\n\n\n    <div class=\"popmechanic-screen second-screen\" id=\"popmechanic-second-screen\">\n        <div class=\"popmechanic-content\">\n            <div class=\"discount-popup__inner-wrapper\">\n                <div class=\"discount-popup__close\" data-popmechanic-close>\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <rect width=\"0.746829\" height=\"41.0756\" transform=\"matrix(0.714375 -0.699763 0.714375 0.699763 3.96375 3.74683)\" fill=\"#202020\"/>\n                        <rect width=\"0.746829\" height=\"41.0756\" transform=\"matrix(0.714375 0.699763 -0.714375 0.699763 32.3433 3)\" fill=\"#202020\"/>\n                    </svg>\n                </div>\n                <div class=\"discount-popup__content\">\n                    <div class=\"discount-popup__header font-36\">\n                        \u0423 \u0432\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c!\n                    </div>\n                    <div class=\"discount-popup__text font-14\">\n                        \u0427\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0430\u043c \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0442\u0432\u0435\u0442\u044c\u0442\u0435 \u043d\u0430 \u043f\u0430\u0440\u0443 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432\n                    </div>\n                    <div class=\"discount-popup__text font-14\">\n                        \u0412\u044b\u00a0\u0438\u0449\u0435\u0442\u0435 \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f\u00a0\u0441\u0432\u043e\u0435\u0433\u043e \u0434\u043e\u043c\u0430 \u0438\u043b\u0438\u00a0\u0434\u043b\u044f\u00a0\u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f?\n                    </div>\n                    <div class=\"\">\n                        <label>\n                            <input type=\"checkbox\" data-popmechanic-input=\"customs.for\" value=\"\u041f\u043e \u0440\u0430\u0431\u043e\u0442\u0435\">\n                            \u041f\u043e \u0440\u0430\u0431\u043e\u0442\u0435, \u044f \u2014 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\n                        </label>\n                        <label>\n                            <input type=\"checkbox\" data-popmechanic-input=\"customs.for\" value=\"\u0414\u043b\u044f \u0441\u0435\u0431\u044f\">\n                            \u0414\u043b\u044f \u0441\u0435\u0431\u044f\n                        </label>\n                    </div>\n                    <div class=\"\">\n                        \u0412 \u043a\u0430\u043a\u043e\u043c \u0433\u043e\u0440\u043e\u0434\u0435 \u0432\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0435\u0441\u044c?\n                    </div>\n                    <label>\n                        <select>\n                            <option>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434</option>\n                            <option>\u041c\u043e\u0441\u043a\u0432\u0430</option>\n                            <option>\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433</option>\n                            <option>\u041d\u043e\u0432\u043e\u0441\u0438\u0431\u0438\u0440\u0441\u043a</option>\n                            <option>\u0415\u043a\u0430\u0442\u0435\u0440\u0438\u043d\u0431\u0443\u0440\u0433</option>\n                        </select>\n                    </label>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"popmechanic-screen third-screen\" id=\"popmechanic-third-screen\">\n        <div class=\"popmechanic-content\">\n            <div class=\"discount-popup__inner-wrapper\">\n                <div class=\"discount-popup__close\" data-popmechanic-close>\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\n                         xmlns=\"http://www.w3.org/2000/svg\">\n                        <rect width=\"0.746829\" height=\"41.0756\"\n                              transform=\"matrix(0.714375 -0.699763 0.714375 0.699763 3.96387 3.74707)\"\n                              fill=\"white\"/>\n                        <rect width=\"0.746829\" height=\"41.0756\"\n                              transform=\"matrix(0.714375 0.699763 -0.714375 0.699763 32.3433 3)\" fill=\"white\"/>\n                    </svg>\n                </div>\n                <div class=\"discount-popup__content\">\n                    <button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", "css": "#popmechanic-form {\n        margin: 0;\n        padding: 0;\n    }\n    #popmechanic-form, #popmechanic-form * {\n        box-sizing: border-box;\n    }\n\n    #popmechanic-form .second-screen,\n    #popmechanic-form .third-screen,\n    #popmechanic-form .popmechanic-thankyou {\n        display: none;\n    }\n\n    #popmechanic-form {\n        color: #202020;\n        width: 823px;\n        max-width: 100%;\n        height: 402px;\n        background-color: #D9CDC5;\n        font-weight: 400;\n        overflow: hidden;\n    }\n\n    #popmechanic-form button,\n    #popmechanic-form a.catalogue,\n    #popmechanic-form input[type=\"submit\"],\n    #popmechanic-form input[type=\"reset\"] {\n        background: none;\n        color: inherit;\n        border: none;\n        padding: 0;\n        font: inherit;\n        cursor: pointer;\n        outline: inherit;\n    }\n\n    #popmechanic-form .font-14 {\n        font-size: 14px;\n        line-height: 20px;\n    }\n\n    #popmechanic-form .font-36 {\n        font-size: 36px;\n        line-height: 36px;\n    }\n\n\n\n    #popmechanic-form .discount-popup__inner-wrapper {\n        position: relative;\n        width: 823px;\n        max-width: 100%;\n        height: 402px;\n        background-size: cover;\n        padding: 32px;\n\n    }\n\n    #popmechanic-form .discount-popup__close {\n        position: absolute;\n        cursor: pointer;\n        right: -40px;\n        top: 0;\n    }\n\n    #popmechanic-form .discount-popup__content {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        height: 100%;\n        gap: 5px;\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_value {\n        position: absolute;\n        top: 49px;\n        right: 76px;\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_value .text {\n        position: absolute;\n        top: 49px;\n        right: 24px;\n        font-size: 64px;\n        line-height: 64px;\n        transform: rotate(25deg);\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_value #discount-val {\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        top: 50%;\n        left: 50%;\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_stool {\n        cursor: move;\n        position: absolute;\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_stool#stool1 {\n        top: -61px;\n        left: 360px;\n        width: 248px;\n        transform: rotate(13deg);\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_stool#stool2 {\n        top: 100px;\n        left: 150px;\n        width: 300px;\n        transform: rotate(-25deg);\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_stool#stool3 {\n        top: 87px;\n        left: 417px;\n        width: 270px;\n        transform: rotate(25deg);\n    }\n\n    #popmechanic-form .discount-popup__content .discount-popup__discount_stool#stool4 {\n        top: -66px;\n        left: 555px;\n        width: 230px;\n        transform: rotate(-36deg);\n    }\n\n    #popmechanic-form .draggable {\n        position: relative;\n    }\n\n    #popmechanic-form .discount-popup__body {\n        display: flex;\n        flex-direction: column;\n        justify-content: end;\n        position: relative;\n    }\n\n    #popmechanic-form .discount-popup__body #scratch-layer {\n        width: 100%;\n        max-height: calc(100% - 29px);\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 29px;\n        height: 176px;\n    }\n\n    #popmechanic-form .discount {\n        width: 220px;\n        max-width: 100%;\n        display: flex;\n        flex-direction: column;\n        margin: 25px auto 50px;\n        align-items: center;\n        text-align: center;\n    }\n\n    #popmechanic-form .discount .next {\n        margin-top: 16px;\n    }\n\n    #popmechanic-form button.next,\n    #popmechanic-form button.close,\n    #popmechanic-form a.catalogue {\n        color: #7E000F;\n        background-color: #ffffff;\n        padding: 10px 34px;\n        max-width: 100%;\n        text-decoration: none;\n        text-align: center;\n    }\n\n    #popmechanic-form button.next:active,\n    #popmechanic-form button.close:active,\n    #popmechanic-form a.catalogue:active,\n    #popmechanic-form .sizes .btns .btn:active {\n        box-shadow: 4px 4px 8px 0 #E9C1C6 inset;\n    }\n\n    #popmechanic-form input {\n        background-color: transparent;\n        border: 0;\n        border-bottom: 0.4px solid #FFFFFFCC;\n        color: #ffffff;\n        outline: none;\n        padding: 14px 0 4px 0;\n        width: 100%;\n    }\n\n    #popmechanic-form input::placeholder {\n        color: #FFFFFFCC;\n    }\n\n    #popmechanic-form .form-row {\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n    }\n\n    #popmechanic-form .field {\n        margin-bottom: 12px;\n    }\n\n    #popmechanic-form .field.name {\n        width: 100%;\n    }\n\n    #popmechanic-form .field.email,\n    #popmechanic-form .field.phone {\n        width: calc(50% - 18px);\n    }\n\n    #popmechanic-form .field.error {\n        position: relative;\n    }\n\n    #popmechanic-form .field.error:after {\n        content: '';\n        width: 22px;\n        height: 20px;\n        background: url(\"https://host.mailfit.com/hoegl/2024-02-22/1/assets/images/error.svg\") no-repeat;\n        position: absolute;\n        right: 0;\n        bottom: 5px;\n    }\n\n    #popmechanic-form .field.agree.error:after {\n        right: auto;\n        left: -5px;\n        bottom: -12px;\n    }\n\n    #popmechanic-form .second-screen button.next {\n        margin-top: 16px;\n    }\n\n    #popmechanic-form .agree {\n        margin-top: 8px;\n    }\n\n    #popmechanic-form .agree label {\n        display: flex;\n        flex-direction: row;\n    }\n\n    #popmechanic-form .agree input[type=\"checkbox\"] {\n        border: 0.5px solid #FFFFFFCC;\n        outline: none;\n        background: transparent;\n        appearance: none;\n        width: 16px;\n        height: 14px;\n        margin: 0 10px 0 0;\n        padding: 0;\n    }\n\n    #popmechanic-form .agree input[type=\"checkbox\"]:checked {\n        background: #ffffff;\n    }\n\n    #popmechanic-form .agree span {\n        display: flex;\n    }\n\n    #popmechanic-form .third-screen .discount-popup__content {\n        justify-content: start;\n    }\n\n    #popmechanic-form .sizes {\n        display: flex;\n        flex-direction: row;\n        gap: 35px;\n        margin-top: 20px;\n    }\n\n    #popmechanic-form .sizes > div {\n        display: flex;\n        gap: 12px;\n        flex-direction: column;\n    }\n\n    #popmechanic-form .sizes .shoes {\n        width: 66%;\n    }\n\n    #popmechanic-form .sizes .clothes {\n        width: 33%;\n    }\n\n    #popmechanic-form .sizes .btns {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n\n    #popmechanic-form .sizes input[type=\"radio\"] {\n        display: none;\n    }\n\n    #popmechanic-form .sizes .btns .btn {\n        background-color: #ffffff;\n        color: #7E000F;\n        width: 45px;\n        height: 26px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        cursor: pointer;\n        min-width: auto;\n    }\n\n    #popmechanic-form .sizes input[type=\"radio\"]:checked + .btn {\n        background: #9D0117;\n        border: 1px solid #FFFFFF;\n        color: #FFFFFF;\n    }\n\n    #popmechanic-form .third-screen button.next {\n        margin-top: 36px;\n    }\n\n    #popmechanic-form .popmechanic-thankyou .discount-popup__content {\n        justify-content: start;\n    }\n\n    #popmechanic-form .popmechanic-thankyou img {\n        margin-top: 15px;\n    }\n\n    #popmechanic-form .popmechanic-thankyou a.catalogue {\n        margin-top: 28px;\n        display: block;\n    }\n\n    #popmechanic-form input.popmechanic-invalid {\n        background-image: url('https://host.mailfit.com/hoegl/2024-02-22/1/assets/images/error.svg');\n        background-position: right center;\n        background-repeat: no-repeat;\n\n    }\n\n    #popmechanic-form .agree-error {\n        display: none;\n    }\n\n    #popmechanic-form input.popmechanic-invalid + .agree-error {\n        width: 22px;\n        height: 20px;\n        background: url(\"https://host.mailfit.com/hoegl/2024-02-22/1/assets/images/error.svg\") no-repeat;\n        position: absolute;\n        left: -5px;\n        bottom: 0px;\n        display: block;\n    }\n\n    /* Mobile Styles */\n    .popmechanic-mobile #popmechanic-form {\n        width: 300px;\n        height: 481px;\n    }\n\n    .popmechanic-mobile #popmechanic-form popmechanic-content {\n        height: 100%;\n    }\n\n    .popmechanic-mobile #popmechanic-form .discount-popup__inner-wrapper {\n        background-image: none;\n        padding: 40px 35px;\n        height: 100%;\n    }\n\n    .popmechanic-mobile #popmechanic-form .discount-popup__inner-wrapper:before {\n        content: \"\";\n        position: absolute;\n        width: 481px;\n        height: 300px;\n        top: 93px;\n        left: -93px;\n        z-index: 0;\n        background: url(https://host.mailfit.com/hoegl/2024-02-22/1/assets/images/modal_bg.png) no-repeat center center;\n        transform: rotate(90deg);\n        background-size: 103%;\n    }\n\n    .popmechanic-mobile #popmechanic-form .discount-popup__close {\n        width: 20px;\n        height: 20px;\n        right: -20px;\n    }\n\n    .popmechanic-mobile #popmechanic-form .discount-popup__close svg {\n        width: 20px;\n        height: 20px;\n    }\n\n    .popmechanic-mobile #popmechanic-form #scratch-layer {\n        width: 226px;\n        height: 314px;\n        max-height: none;\n    }\n\n    .popmechanic-mobile #popmechanic-form .discount {\n        width: 226px;\n        height: 230px;\n        margin: 100px auto 0;\n    }\n\n    .popmechanic-mobile #popmechanic-form .second-screen .discount-popup__header {\n        font-size: 18px;\n        line-height: 23px;\n    }\n\n    .popmechanic-mobile #popmechanic-form .form-row {\n        flex-direction: column;\n    }\n\n    .popmechanic-mobile #popmechanic-form .field.email,\n    .popmechanic-mobile #popmechanic-form .field.phone {\n        width: 100%;\n    }\n\n    .popmechanic-mobile #popmechanic-form .agree input[type=\"checkbox\"] {\n        width: 35px;\n    }\n\n    .popmechanic-mobile #popmechanic-form .sizes {\n        flex-direction: column;\n    }\n\n    .popmechanic-mobile #popmechanic-form .sizes .shoes,\n    .popmechanic-mobile #popmechanic-form .sizes .clothes {\n        width: 100%;\n    }\n\n    .popmechanic-mobile #popmechanic-form .sizes .btns .btn {\n        width: 38px;\n        height: 23px;\n        font-size: 12px;\n    }\n\n    .popmechanic-mobile #popmechanic-form .popmechanic-thankyou .discount-popup__body {\n        overflow: hidden;\n    }\n\n    .popmechanic-mobile #popmechanic-form .popmechanic-thankyou img {\n        width: 310%;\n        max-width: none;\n        margin-top: 30px;\n        margin-left: -106%;\n    }", "button": null, "on_show": "", "on_close": "", "embed_code": null, "behaviors": ["multiscreen", "partscreen", "lead"], "template_type": "lead", "need_reset": true, "parameters": [], "on_targeting_ready": null, "on_child_ready": null}], "button_templates": [], "integrations": [{"id": 100247, "form": 87629, "filter": null, "filter_type": null, "account": 30979, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "mindbox(\"async\", {\n  operation: \"10popup\",\n  data: {\n  customer: {\n    email: \"%email%\",\n    firstName: \"%name%\",\n    mobilePhone: \"%phone%\",\n    customFields: {\n      customerCategory: \"%customs.for%\",\n      city: \"%customs.city%\"\n    },\n    subscriptions: [\n      {\n        brand: \"stoolgroup\",\n        pointOfContact: \"Email\"\n      }\n    ]\n  }\n},\n  onSuccess: function() { },\n  onError: function(error) { }\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 81831, "form": 75834, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-75834", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 57201, "form": 59246, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-59246-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-59246-targeting"}, {"id": 59768, "form": 60931, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-60931-show", "click_operation": "popmechanic-popup-60931-click", "targeting_operation": "popmechanic-popup-60931-targeting"}, {"id": 81830, "form": 75834, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-75834-show", "click_operation": "popmechanic-block-75834-click", "targeting_operation": "popmechanic-block-75834-targeting"}, {"id": 92882, "form": 82809, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-82809-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-82809-targeting"}, {"id": 98609, "form": 86591, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86591-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86591-targeting"}, {"id": 100182, "form": 87629, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-87629-show", "click_operation": "popmechanic-popup-87629-click", "targeting_operation": "popmechanic-popup-87629-targeting"}, {"id": 101717, "form": 88680, "filter": null, "filter_type": null, "account": 30979, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88680-show", "click_operation": "popmechanic-popup-88680-click", "targeting_operation": "popmechanic-popup-88680-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": 600, "session": null, "day": 2, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}