{"forms": [{"id": 92881, "template": 3008, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindboxCart", "filter": {"nodes": [], "operator": "$and"}, "aggregator": "$noneOf"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["winelab.ru/checkout/orderConfirmation/"], "operator": "$in_startsWith"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0425\u0438\u0442\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"PersonalRecomendations\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Hits\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "7", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": 92289, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-92881-reco-1", "limit": "6", "disabled": false, "algorithm": "PersonalRecomendations", "recoTarget": "Customer"}, {"id": "popmechanic-widget-92881-reco-2", "limit": "7", "disabled": false, "algorithm": "Hits", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 / \u0427\u0435\u043a\u0430\u0443\u0442  (\u0442\u0435\u0441\u0442 \u043e\u0442 16.07) (\u043a\u043e\u043f\u0438\u044f) #92881", "active": true, "embed_selector": true, "selector": "body > main > div > div > div:nth-child(2) > div.yCmsContentSlot", "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": "58D1880F-FB83-495B-8F0A-CA979227993C", "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": "964472cc-d3dc-408c-9d5b-94b78bfa0054", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-93330.png?ts=1721114150013", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0425\u0438\u0442\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"PersonalRecomendations\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Hits\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "7", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": "website", "operations": [{"id": "popmechanic-widget-92881-reco-1", "limit": "6", "disabled": false, "algorithm": "PersonalRecomendations", "recoTarget": "Customer"}, {"id": "popmechanic-widget-92881-reco-2", "limit": "7", "disabled": false, "algorithm": "Hits", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "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\"\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\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M7 1L1 7L7 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M0.999999 1L7 7L1 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</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    position: absolute;\r\n    height: 48px;\r\n    width: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1019607843);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    background-color: #ffffff;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-icon {\r\n    height: 14px;\r\n    width: 8px;\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\ttop: calc(50% - 65px);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tleft: 94%;\r\n    top: calc(50% - 65px);\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_html": "", "button_css": ""}, "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50}, {"is_winner": false, "ab_test_variant_internal_id": "347ebd9c-9f7c-46db-93f1-f723e90a5859", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-93330.png?ts=1721114150013", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0425\u0438\u0442\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"PersonalRecomendations\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Hits\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "7", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": "website", "operations": [{"id": "popmechanic-widget-92881-reco-1", "limit": "6", "disabled": false, "algorithm": "PersonalRecomendations", "recoTarget": "Customer"}, {"id": "popmechanic-widget-92881-reco-2", "limit": "7", "disabled": false, "algorithm": "Hits", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "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\"\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\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M7 1L1 7L7 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M0.999999 1L7 7L1 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</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    position: absolute;\r\n    height: 48px;\r\n    width: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1019607843);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    background-color: #ffffff;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-icon {\r\n    height: 14px;\r\n    width: 8px;\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\ttop: calc(50% - 65px);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tleft: 94%;\r\n    top: calc(50% - 65px);\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_html": "", "button_css": ""}, "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100}], "is_transactional": false}, {"id": 88496, "template": 3294, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.winelab.ru/catalog/pivo"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "180", "externalId": "205f0394-c19e-4e32-aa68-09cf2db796d8"}, "segmentation": {"id": "175", "externalId": "205f0394-c19e-4e32-aa68-09cf2db796d8"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "17", "externalId": "pivo", "externalSystemName": "website"}, {"id": "34", "externalId": "svetloe-pivo", "externalSystemName": "website"}, {"id": "50", "externalId": "nefiltrovannoe-pivo", "externalSystemName": "website"}, {"id": "53", "externalId": "temnoe-pivo", "externalSystemName": "website"}, {"id": "67", "externalId": "bezalkogolnoe-pivo", "externalSystemName": "website"}, {"id": "104", "externalId": "importnoe-pivo-nefiltrovannoe-pivo", "externalSystemName": "website"}, {"id": "105", "externalId": "importnoe-pivo-svetloe-pivo", "externalSystemName": "website"}, {"id": "185", "externalId": "rossiya-temnoe-pivo", "externalSystemName": "website"}, {"id": "258", "externalId": "importnoe-pivo-temnoe-pivo", "externalSystemName": "website"}, {"id": "276", "externalId": "rossiya-nefiltrovannoe-pivo", "externalSystemName": "website"}, {"id": "303", "externalId": "rossiya-svetloe-pivo", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199069}], "id": 87904, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u043f\u0438\u0432\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88765.png?ts=1716275529107", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u043f\u0438\u0432\u0430\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/c13faee0-5edc-470c-b59b-2c77a1aa6bfe.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88495, "template": 3294, "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": ["winelab.ru/catalog/krepkiy-alkogol-vodka"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "179", "externalId": "ea0d48cd-b4f4-4973-97c9-9e89d8628f1d"}, "segmentation": {"id": "174", "externalId": "ea0d48cd-b4f4-4973-97c9-9e89d8628f1d"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "9", "externalId": "krepkiy-alkogol-vodka", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199068}], "id": 87903, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0432\u043e\u0434\u043a\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88764.png?ts=1716275535951", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0432\u043e\u0434\u043a\u0438\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/4531a841-45db-423a-96df-ddcc99aaa208.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88494, "template": 3294, "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": ["winelab.ru/catalog/krepkiy-alkogol-rom"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "178", "externalId": "495b7ae1-2cf9-458e-8565-bdb0297ed520"}, "segmentation": {"id": "173", "externalId": "495b7ae1-2cf9-458e-8565-bdb0297ed520"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "70", "externalId": "krepkiy-alkogol-rom", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199067}], "id": 87902, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0440\u043e\u043c\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88763.png?ts=1716275550048", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0440\u043e\u043c\u0430\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/31608728-e272-4347-b8ec-9ce58eaddef1.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88493, "template": 3294, "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": ["winelab.ru/catalog/krepkiy-alkogol-konyak-i-brendi"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "177", "externalId": "44c3634c-5de1-464a-b0fc-2e48565f21bd"}, "segmentation": {"id": "172", "externalId": "44c3634c-5de1-464a-b0fc-2e48565f21bd"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "11", "externalId": "krepkiy-alkogol-konyak-i-brendi", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199066}], "id": 87901, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0431\u0440\u0435\u043d\u0434\u0438 \u0438 \u043a\u043e\u043d\u044c\u044f\u043a\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88762.png?ts=1716275542444", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0431\u0440\u0435\u043d\u0434\u0438 \u0438 \u043a\u043e\u043d\u044c\u044f\u043a\u0430\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/26d5e405-98f4-416b-bfc4-6d31222b018a.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88492, "template": 3294, "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": ["winelab.ru/catalog/krepkiy-alkogol-dzhin"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "176", "externalId": "dc35490e-018b-424e-a436-a11a83571f1d"}, "segmentation": {"id": "171", "externalId": "dc35490e-018b-424e-a436-a11a83571f1d"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "44", "externalId": "krepkiy-alkogol-dzhin", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199065}], "id": 87900, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0434\u0436\u0438\u043d\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88761.png?ts=1716237782310", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0434\u0436\u0438\u043d\u0430\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/59247c82-5f3a-46af-90e9-2fa3d1f93fdc/df3e7bfa-79db-477c-abd9-1e82d0192a73.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88491, "template": 3294, "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": ["winelab.ru/catalog/shampanskie-i-igristye-vina"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "175", "externalId": "a2407ad4-a21a-486d-ba65-7e64b4b7d4d0"}, "segmentation": {"id": "170", "externalId": "a2407ad4-a21a-486d-ba65-7e64b4b7d4d0"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "27", "externalId": "shampanskie-i-igristye-vina", "externalSystemName": "website"}, {"id": "45", "externalId": "shampanskie-i-igristye-vina-ispaniya", "externalSystemName": "website"}, {"id": "48", "externalId": "shampanskie-i-igristye-vina-germaniya", "externalSystemName": "website"}, {"id": "54", "externalId": "shampanskie-i-igristye-vina-italiya", "externalSystemName": "website"}, {"id": "72", "externalId": "shampanskie-i-igristye-vina-gruziya", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199064}], "id": 87899, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0438\u0433\u0440\u0438\u0441\u0442\u043e\u0433\u043e", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88760.png?ts=1716237512265", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0438\u0433\u0440\u0438\u0441\u0442\u043e\u0433\u043e\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/e6857f6a-616a-487a-b230-05f2c3db6820.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88490, "template": 3294, "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": ["winelab.ru/catalog/vino"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "174", "externalId": "2496b97f-daa8-4020-b4cc-96c12933d25d"}, "segmentation": {"id": "169", "externalId": "2496b97f-daa8-4020-b4cc-96c12933d25d"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "5", "externalId": "vino", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 199063}], "id": 87898, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0432\u0438\u043d\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88759.png?ts=1716237348518", "rendered_button_preview": null, "settings": {}, "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": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0432\u0438\u043d\u0430\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/b7804d46-4731-442e-8e1e-055284f04671.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88102, "template": 3294, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.winelab.ru/catalog/krepkiy-alkogol-viski"], "operator": "$in_contains"}, {"id": "4", "field": "mindboxProduct", "filter": {"nodes": [{"id": "5", "field": "mindboxProductSegment", "value": {"segment": {"id": "162", "externalId": "5346787c-47c1-4121-bb91-3b0eba5c6094"}, "segmentation": {"id": "157", "externalId": "5346787c-47c1-4121-bb91-3b0eba5c6094"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "6", "field": "mindboxCategory", "filter": {"nodes": [{"id": "7", "field": "mindboxCategoryId", "value": [{"id": "19", "externalId": "krepkiy-alkogol-viski", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 159, "externalId": "2c8987c9-e730-4242-ba55-464c2010de62"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "form_seen", "value": {"forms": [88102, 88490, 88491, 88492, 88493, 88494, 88495, 88496], "interval": 1209600}, "operator": "$after"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20"}, "combinator": "and", "id": 198800}], "id": 87510, "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": "\u0421\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0432\u0438\u0441\u043a\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88352.png?ts=1715785337360", "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": "", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(https://email-images.mindbox.ru/winelab/678/2881d6cb-3bc1-4f1a-a135-6a3f89fdfabf.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #864696;\n\tcolor: #ffffff;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #864696;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #763e84;\n\tborder-color: #763e84;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 86293, "template": 3008, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindboxCart", "filter": {"nodes": [], "operator": "$and"}, "aggregator": "$anyOf"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["cart"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0421\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"SoputsvuushieCart\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "7", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "5", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": 85701, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-86293-reco-1", "limit": "7", "disabled": false, "algorithm": "SoputsvuushieCart", "recoTarget": "Customer"}, {"id": "popmechanic-widget-86293-reco-2", "limit": "5", "disabled": false, "algorithm": "Populyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0421\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b / \u041a\u043e\u0440\u0437\u0438\u043d\u0430 (\u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430)  (\u0442\u0435\u0441\u0442 \u043e\u0442 16.04) (\u043a\u043e\u043f\u0438\u044f) #86293", "active": true, "embed_selector": true, "selector": "body > main > div > div > div:nth-child(2) > div.yCmsContentSlot", "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": "1A2158E7-0A33-4030-9DFC-8B95C02FA25F", "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": "666c7da5-edf7-4c60-9590-92e38f8a5856", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86455.png?ts=1713447639027", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0421\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"SoputsvuushieCart\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "7", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "5", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": "website", "operations": [{"id": "popmechanic-widget-85978-reco-1", "limit": "7", "disabled": false, "algorithm": "SoputsvuushieCart", "recoTarget": "Customer"}, {"id": "popmechanic-widget-85978-reco-2", "limit": "5", "disabled": false, "algorithm": "Populyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "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\"\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\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M7 1L1 7L7 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M0.999999 1L7 7L1 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</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    position: absolute;\r\n    height: 48px;\r\n    width: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1019607843);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    background-color: #ffffff;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-icon {\r\n    height: 14px;\r\n    width: 8px;\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\ttop: calc(50% - 65px);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tleft: 94%;\r\n    top: calc(50% - 65px);\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_html": "", "button_css": ""}, "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50}, {"is_winner": false, "ab_test_variant_internal_id": "0e596051-d10e-4849-8f98-fd00cced9054", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86455.png?ts=1713447639027", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0421\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"SoputsvuushieCart\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Populyarnieprodukti\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "7", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "5", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": "website", "operations": [{"id": "popmechanic-widget-85978-reco-1", "limit": "7", "disabled": false, "algorithm": "SoputsvuushieCart", "recoTarget": "Customer"}, {"id": "popmechanic-widget-85978-reco-2", "limit": "5", "disabled": false, "algorithm": "Populyarnieprodukti", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "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\"\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\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M7 1L1 7L7 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M0.999999 1L7 7L1 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</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    position: absolute;\r\n    height: 48px;\r\n    width: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1019607843);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    background-color: #ffffff;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-icon {\r\n    height: 14px;\r\n    width: 8px;\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\ttop: calc(50% - 65px);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tleft: 94%;\r\n    top: calc(50% - 65px);\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_html": "", "button_css": ""}, "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100}], "is_transactional": false}, {"id": 86258, "template": 3008, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindboxCart", "filter": {"nodes": [], "operator": "$and"}, "aggregator": "$noneOf"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["winelab.ru/cart"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0425\u0438\u0442\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"PersonalRecomendations\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Hits\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "7", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": 85666, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "website", "operations": [{"id": "popmechanic-widget-86258-reco-1", "limit": "6", "disabled": false, "algorithm": "PersonalRecomendations", "recoTarget": "Customer"}, {"id": "popmechanic-widget-86258-reco-2", "limit": "7", "disabled": false, "algorithm": "Hits", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 / \u041f\u0443\u0441\u0442\u0430\u044f \u043a\u043e\u0440\u0437\u0438\u043d\u0430 (\u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430)  (\u0442\u0435\u0441\u0442 \u043e\u0442 17.04) (\u043a\u043e\u043f\u0438\u044f) #86258", "active": true, "embed_selector": true, "selector": "body > main > div > div > div:nth-child(2) > div.yCmsContentSlot", "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": "2F8FF3CF-6AC1-4F64-A0F5-173BBAEAFE80", "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": "583804b4-3c2b-4e4d-abfb-76c67125b439", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86418.png?ts=1713435222968", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0425\u0438\u0442\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"PersonalRecomendations\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Hits\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "7", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": "website", "operations": [{"id": "popmechanic-widget-86134-reco-1", "limit": "6", "disabled": false, "algorithm": "PersonalRecomendations", "recoTarget": "Customer"}, {"id": "popmechanic-widget-86134-reco-2", "limit": "7", "disabled": false, "algorithm": "Hits", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "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\"\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\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M7 1L1 7L7 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M0.999999 1L7 7L1 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</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    position: absolute;\r\n    height: 48px;\r\n    width: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1019607843);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    background-color: #ffffff;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-icon {\r\n    height: 14px;\r\n    width: 8px;\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\ttop: calc(50% - 65px);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tleft: 94%;\r\n    top: calc(50% - 65px);\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_html": "", "button_css": ""}, "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50}, {"is_winner": false, "ab_test_variant_internal_id": "ad4c9b2f-b661-4c0f-b2ec-20d2ebf14d69", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86418.png?ts=1713435222968", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 483px;\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\twidth: 275px;\r\n\tjustify-content: space-between;\r\n\tbox-shadow: 0 4px 18px rgba(0, 0, 0, 0.0705882353);\r\n\t\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\tmargin-top: 20px;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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\tmax-height: 200px;\r\n    max-width: 235px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n\tmax-height: 200px;\r\n    max-width: 235px;\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}\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: 400;\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\tfont-size: 18px;\r\n\theight: 66px;\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: baseline;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-prices-wrapper {\r\n    height: 70px;\r\n    width: 235px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 0.5fr);\r\n    grid-template-rows: repeat(3, 1fr);\r\n    grid-template-areas:\r\n        \"old info info\"\r\n        \"price info info\"\r\n        \"content content content\";\r\n    gap: normal;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n    width: fit-content;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-old::after {\r\n    background-color: #4F4F44 !important;\r\n    position: absolute;\r\n    bottom: 50%;\r\n    right: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    content: \"\";\r\n}\r\n\r\n#popmechanic-form .popmechanic-price-info {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 26px;\r\n    color: #74C166;\r\n    text-align: end;\r\n    max-width: 150px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    grid-area: info;\r\n}\r\n#popmechanic-form .popmechanic-price-info-number {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n}\r\n#popmechanic-form .popmechanic-price-number {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-number:nth-child(2) {\r\n    font-size: 12px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number {\r\n    font-size: 16px\r\n    white-space: nowrap;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(1) {\r\n    margin-right: -4px;\r\n}\r\n#popmechanic-form .popmechanic-price-old-number:nth-child(2) {\r\n    font-size: 11px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-text {\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n.green-price-tag-container{\r\n    padding-right: 2px;\r\n}\r\n#popmechanic-form .popmechanic-price-info-promotion-text {\r\n    grid-area: content;\r\n    font-size: 14px;\r\n    line-height: 16.8px;\r\n    color: #828282;\r\n    font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: 400;\r\n\t%>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n\tgrid-area: old;\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n    grid-area: price;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-price-new-color {\r\n    color: #ED7421 !important;\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\tfont-size: 12px;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-currency:nth-of-type(1) {\r\n    font-size: 11px;\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.product-card_count {\r\n    font-size: 14px;\r\n    line-height: 19.6px;\r\n    color: #828282;\r\n    text-align: center;\r\n    margin-bottom: 15px;\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": "\u0425\u0438\u0442\u044b", "shopId": "website", "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\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\t\t\t\r\n\t\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t<div class=\"\r\n\t\t\tpopmechanic-prices popmechanic-prices-wrapper\r\n\t\t\t{{ ((card_prices_ordering === btn_cart_ordering)) ? '' : 'popmechanic-inner-item' }}\r\n\t\t\t\">\r\n\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-old-number\">{{ product.formattedOldPrice.split(',')[0] }}.</span>\r\n                    <span class=\"popmechanic-price-old-number\">{{ product.formattedOldPrice.split(',')[1] ? (product.formattedOldPrice.split(',')[1]) : '00'}}</span>\r\n                    <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t{% if(!product.customFields.yellowpricetag && product.customFields.greenpricetag) { %}\r\n\t\t\t\t    <div class=\"popmechanic-price popmechanic-price-info\">\r\n\t\t\t\t        <div class=\"green-price-tag-container\">\r\n\t\t\t\t            <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t        <span class=\"popmechanic-price-number\">{{ product.customFields.greenpricetag.split('.')[1] ? (product.customFields.greenpricetag.split('.')[1]) : '00'}}</span>\r\n\t\t\t\t            <span class=\"popmechanic-currency\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t        </div>\r\n\t\t\t\t        <div class=\"popmechanic-price-info-promotion-text\">\u041f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043e\u0442 3 \u0448\u0442.</div>\r\n\t\t\t        </div>\r\n\t\t\t    \r\n\t\t\t\t{% } if(!product.customFields.greenpricetag && product.customFields.yellowpricetag) { %}\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 popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number popmechanic-price-new-color\">{{ product.customFields.yellowpricetag.split('.')[1] ? product.customFields.yellowpricetag.split('.')[1] : '00'}}</span>\r\n\t\t\t\t\t<span class=\"popmechanic-currency popmechanic-price-new-color\">{{ card_prices_symbol }}</span>\r\n\t\t\t\t</span>\r\n\t\t\t\t<div class=\"popmechanic-price-info-promotion-text\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u044b\u0433\u043e\u0434\u0430</div>\r\n\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t\t\t{% } else { %}\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.split(',')[0] }}.</span>\r\n\t\t\t\t\t<span class=\"popmechanic-price-number\">{{ product.formattedPrice.split(',')[1] ? (product.formattedPrice.split(',')[1]) : '00'}}</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\t\t</div>\r\n\t\t\t{% } %}\r\n\t\t\t\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t<button class=\"\r\n\t\t\t                js-pickup-in-store-button\r\n\t\t\t                js-datalayer-click\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{{ ((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\"\r\n\t\t\t\t\tdata-name=\"{{ product.name }}\"\r\n                    data-quantity=\"1\"\r\n                    data-category\r\n                    data-brand\r\n                    data-price=\"{{ product.price }}\"\r\n                    data-index=\"0\"\r\n                    data-id=\"{{ product.ids.website }}\"\r\n                    data-product=\"{{ product.ids.website }}\"\r\n                    data-url=\"/store-pickup/cart/add\"\r\n                    data-mobile=\"false\"\r\n                    data-productstock=\"{{product.customFields.quantity}}\"\r\n                    data-layer-click=\"web_MainPage_ExpertAdvice_CardPreview_buy\"\r\n                    onclick=\"let $element = $(this); ACC.pickupinstore.proceedAddToCart($element, $element, $element.data('product'), 1)\"\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\t\t\r\n\t\t\r\n\t  \r\n\t\t\t{% if (product.customFields.quantity) { %}\r\n\t\t    <div class=\"product-card_count\">{{ product.customFields.quantity }} \u0448\u0442. \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438</div>\r\n\t        {% } %}\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 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%}\r\n\t\t", "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": "700", "lessCount": "0", "algorithm1": "{\"systemName\": \"PersonalRecomendations\", \"recoTarget\": \"Customer\"}", "algorithm2": "{\"systemName\": \"Hits\", \"recoTarget\": \"Customer\"}", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,,1;320,1,,1;460,1.5,,1;768,2.5,,1;895,3,,1;1200,3.8,,1;340,1.05,0,1;350,1.1,0,1;370,1.15,0,1;390,1.2,0,1;405,1.3,0,1;430,1.4,0,1;500,1.6,0,1;530,1.7,0,1;820,2.7,0,1;980,3.3,0,1;1024,3.15,0,1", "btn_cart_bg": "#864696", "btn_cart_fw": "400", "fieldsToGet": "[\"Yellowpricetag\",\"Greenpricetag\",\"Purplepricetag\"]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.3", "header_color": "#282828", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u041a\u0423\u041f\u0418\u0422\u042c", "btn_fav_width": "20", "enable_reco_2": "1", "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": "#fff", "btn_cart_width": "235", "btn_fav_height": "20", "card_name_line": "3", "card_name_show": "1", "card_prices_fw": "500", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "36.00", "productIdsCode": "0", "btn_cart_bg_hov": "#fff", "btn_cart_fs_mob": "16", "btn_cart_height": "42", "card_hov_shadow": "1", "card_name_align": "left", "card_name_color": "#282828", "card_prices_col": "1", "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": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "20", "card_prices_show": "1", "card_rating_show": "0", "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": "#864696", "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": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "0.00", "card_prices_align": "left", "card_prices_color": "#4C1E40", "card_prices_space": "15.00", "card_rating_align": "left", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "left", "main_padding_vert": "30", "btn_cart_color_hov": "#864696", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "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 \u041a\u041e\u0420\u0417\u0418\u041d\u0415", "btn_fav_padding_hor": "20", "card_label_new_show": "0", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "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": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "6", "slider_button_width": "48.00", "btn_cart_padding_hor": "0.00", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "0.00", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "1", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "5", "card_vendor_ordering": "3", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "30", "recommendationLimit2": "7", "recommendationLimit3": "12", "slider_button_height": "48", "btn_cart_border_color": "#864696", "btn_cart_padding_vert": "0.00", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "0.00", "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", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "15", "card_img_border_radius": "0.00", "card_img_margin_bottom": "10", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "500", "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": "20", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "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": "0", "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": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#4F4F44", "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": "center", "card_label_discount_border": "#f03e3e", "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": "0.00", "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": "website", "operations": [{"id": "popmechanic-widget-86134-reco-1", "limit": "6", "disabled": false, "algorithm": "PersonalRecomendations", "recoTarget": "Customer"}, {"id": "popmechanic-widget-86134-reco-2", "limit": "7", "disabled": false, "algorithm": "Hits", "recoTarget": "Customer"}], "fieldsToGet": ["Yellowpricetag", "Greenpricetag", "Purplepricetag"], "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\"\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\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M7 1L1 7L7 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button class=\"popmechanic-controls-btn popmechanic-controls-btn-next\">\r\n\t\t\t\t    <svg class=\"popmechanic-controls-btn-icon\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M0.999999 1L7 7L1 13\" stroke=\"#282828\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                    </svg>\r\n\t\t\t\t</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    position: absolute;\r\n    height: 48px;\r\n    width: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    opacity: 1;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1019607843);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    background-color: #ffffff;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-icon {\r\n    height: 14px;\r\n    width: 8px;\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\ttop: calc(50% - 65px);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tleft: 94%;\r\n    top: calc(50% - 65px);\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_html": "", "button_css": ""}, "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100}], "is_transactional": false}], "templates": [{"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": 3294, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\n\t<div class=\"popmechanic-main\">\n\t\t<div class=\"popmechanic-content\">\n\t\t\t<div class=\"popmechanic-img\"></div>\n\t\t\t<div class=\"popmechanic-title\">\n\t\t\t\t\u0412\u0430\u043c \u0441\u043a\u0438\u0434\u043a\u0430 10% \u043d\u0430&nbsp;\u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0432\u0438\u0441\u043a\u0438\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-sub-title\">\n\t\t\t\t\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430&nbsp;\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438&nbsp;\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0432&nbsp;\u043f\u0438\u0441\u044c\u043c\u0435\n\t\t\t</div>\n\t\t\t<div class=\"popmechanic-inputs\">\n\t\t\t\t<input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"Email\" required>\n\t\t\t\t<button type=\"button\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f</button>\n\t\t\t</div>\n\n\t\t\t<div class=\"popmechanic-checkbox-block\">\n\t\t\t\t<input type=\"checkbox\" id=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required required value=\"1\" checked>\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\n\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path d=\"M14.8722 0C16.6553 0 17.3018 0.185651 17.9537 0.534266C18.6055 0.88288 19.1171 1.39446 19.4657 2.04631C19.8143 2.69816 20 3.34473 20 5.12777V14.8722C20 16.6553 19.8143 17.3018 19.4657 17.9537C19.1171 18.6055 18.6055 19.1171 17.9537 19.4657C17.3018 19.8143 16.6553 20 14.8722 20H5.12777C3.34473 20 2.69816 19.8143 2.04631 19.4657C1.39446 19.1171 0.88288 18.6055 0.534266 17.9537C0.185651 17.3018 0 16.6553 0 14.8722V5.12777C0 3.34473 0.185651 2.69816 0.534266 2.04631C0.88288 1.39446 1.39446 0.88288 2.04631 0.534266C2.69816 0.185651 3.34473 0 5.12777 0H14.8722ZM16.2931 5.66838C15.9062 5.29523 15.2934 5.29479 14.9059 5.6674L8 12.3077L5.09151 9.51416C4.70499 9.14291 4.09451 9.14238 3.70734 9.51296L3.7 9.51999C3.69076 9.52883 3.68171 9.53786 3.67285 9.54707C3.31683 9.91715 3.32823 10.5058 3.69831 10.8618L7.30704 14.3334C7.69407 14.7057 8.30607 14.7058 8.69327 14.3337L16.2989 7.02382C16.3074 7.0156 16.3158 7.00721 16.3241 6.99867C16.683 6.6265 16.6722 6.03386 16.3 5.67499L16.2931 5.66838Z\" fill=\"#864696\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<label class=\"popmechanic-checkbox-label\" for=\"checkbox\">\n\t\t\t\t\t\u0414\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0412\u0438\u043d\u043b\u0430\u0431 \u043f\u043e&nbsp;\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c \u0441\u0432\u044f\u0437\u0438: email; \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430&nbsp;<a href=\"#\" target=\"_blank\">\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a> (\u0432&nbsp;\u0442.\u0447. \u0432&nbsp;\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043b\u044f\u0445) \u043d\u0430&nbsp;\u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 <a href=\"#\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438</a> \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0412\u0438\u043d\u041b\u0430\u0431\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<!-- \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u0444\u043e\u0440\u043c\u044b: -->\n\t<div class=\"popmechanic-close\" data-popmechanic-close>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g clip-path=\"url(#clip0_1_93)\">\n\t\t\t\t<path d=\"M19 6.41002L17.59 5.00002L12 10.59L6.41 5.00002L5 6.41002L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41002Z\" fill=\"#282828\"/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_1_93\">\n\t\t\t\t\t<rect width=\"24\" height=\"24\" fill=\"white\"/>\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t</div>\n</div>", "css": ".popmechanic-reset {\n\tbox-sizing: border-box;\n\tmargin: 0;\n}\n\n.popmechanic-reset *,\n.popmechanic-reset *::before,\n.popmechanic-reset *::after {\n\tbox-sizing: inherit;\n}\n\n#popmechanic-form {\n\tposition: absolute;\n\twidth: 440px;\n}\n\n.popmechanic-mobile #popmechanic-form {\n\twidth: 360px;\n}\n\n#popmechanic-form .popmechanic-close {\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\twidth: 24px;\n\theight: 24px;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-main {\n\twidth: 440px;\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding-bottom: 40px;\n\ttext-align: center;\n\tfont-family: Circe, Arial, sans-serif;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\n\twidth: 360px;\n\tpadding-bottom: 20px;\n}\n\n#popmechanic-form .popmechanic-img {\n\twidth: 100%;\n\theight: 220px;\n\tbackground-image: url(img/img_whiskey.png);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center top;\n\tbackground-size: cover;\n\tborder-radius: 20px 20px 0 0;\n\tmargin-bottom: 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\n\theight: 180px;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 36px;\n\tline-height: 1.2;\n\tfont-weight: 700;\n\tcolor: #282828;\n\tmargin-bottom: 10px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\n\tfont-size: 30px;\n\tline-height: 1.1;\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-sub-title {\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-size: 18px;\n\tline-height: 1.3;\n\tfont-weight: 400;\n\tcolor: #282828;\n\tmax-width: 380px;\n\tmargin: 0 auto 20px;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\n\tmargin-bottom: 15px;\n}\n\n#popmechanic-form .popmechanic-input {\n\twidth: 380px;\n\theight: 50px;\n\tborder-radius: 8px;\n\tborder: 1px solid #DADADA;\n\tbackground-color: #ffffff;\n\tmargin-bottom: 20px;\n\tpadding: 16px 10px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: #282828;\n\tfont-weight: 400;\n\tfont-family: Circe, Arial, sans-serif;\n\tfont-style: normal;\n\toutline: #864696;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-input::placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-moz-placeholder,\n#popmechanic-form .popmechanic-input::-moz-placeholder {\n\tcolor: #AAAAAA;\n\topacity: 1;\n\tfont-style: normal;\n}\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\n\tcolor: #AAAAAA;\n\tfont-style: normal;\n}\n\n#popmechanic-form .popmechanic-button {\n\twidth: 380px;\n\theight: 56px;\n\tmargin: 0 auto 20px;\n\tbackground-color: #F1F2F5;\n\tcolor: #888F97;\n\tfont-size: 18px;\n\tline-height: 1.2;\n\tfont-weight: 400;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 8px;\n\tcursor: pointer;\n\toutline: none;\n\tborder: 1px solid #F1F2F5;\n\tfont-family: Circe, Arial, sans-serif;\n\ttext-decoration: none;\n\t-webkit-transition: all .3s;\n\ttransition: all .3s;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-button:hover {\n\tbackground-color: #D40610;\n\tborder-color: #D40610;\n}\n\n#popmechanic-form .popmechanic-checkbox-block {\n\twidth: 380px;\n\tposition: relative;\n\tdisplay: block;\n\tmargin: 0 auto;\n\ttext-align: left;\n}\n\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\n\twidth: 320px;\n}\n\n#popmechanic-form .popmechanic-checkbox-label {\n\tposition: relative;\n\tdisplay: block;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\tfont-family: Circe, Arial, sans-serif;\n\tcolor: #888F97;\n\tpadding: 0 0 0 30px;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\ttext-align: left;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-label a {\n\tcolor: #864696;\n\ttext-decoration: none;\n}\n\n#popmechanic-form .popmechanic-checkbox-label:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 20px;\n\theight: 20px;\n\tborder: 1px solid #864696;\n\tborder-radius: 4px;\n\tbackground: #ffffff;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.3s;\n\tcursor: pointer;\n}\n\n#popmechanic-form .popmechanic-checkbox-check svg {\n\tfill: #864696;\n\twidth: 20px;\n}\n\n#popmechanic-form .popmechanic-checkbox {\n\tposition: absolute;\n\ttop: 8px;\n\tleft: 0;\n\tz-index: 3;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n/*#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check ~ .popmechanic-checkbox-label:before {\n\tbackground: #ffffff;\n\tborder-color: #ffffff;\n}*/\n\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\n\topacity: 1;\n}", "button": null, "on_show": "", "on_close": "", "embed_code": null, "behaviors": ["partscreen", "lead"], "template_type": "lead", "need_reset": true, "parameters": [], "on_targeting_ready": null, "on_child_ready": null}], "button_templates": [], "integrations": [{"id": 100839, "form": 88102, "filter": null, "filter_type": null, "account": 38495, "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-88102", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101425, "form": 88490, "filter": null, "filter_type": null, "account": 38495, "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-88490", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101427, "form": 88491, "filter": null, "filter_type": null, "account": 38495, "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-88491", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101429, "form": 88492, "filter": null, "filter_type": null, "account": 38495, "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-88492", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101431, "form": 88493, "filter": null, "filter_type": null, "account": 38495, "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-88493", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101433, "form": 88494, "filter": null, "filter_type": null, "account": 38495, "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-88494", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101435, "form": 88495, "filter": null, "filter_type": null, "account": 38495, "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-88495", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101437, "form": 88496, "filter": null, "filter_type": null, "account": 38495, "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-88496", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 98186, "form": 86258, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86258-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86258-targeting"}, {"id": 98227, "form": 86293, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-86293-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-86293-targeting"}, {"id": 100840, "form": 88102, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88102-show", "click_operation": "popmechanic-popup-88102-click", "targeting_operation": "popmechanic-popup-88102-targeting"}, {"id": 101426, "form": 88490, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88490-show", "click_operation": "popmechanic-popup-88490-click", "targeting_operation": "popmechanic-popup-88490-targeting"}, {"id": 101428, "form": 88491, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88491-show", "click_operation": "popmechanic-popup-88491-click", "targeting_operation": "popmechanic-popup-88491-targeting"}, {"id": 101430, "form": 88492, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88492-show", "click_operation": "popmechanic-popup-88492-click", "targeting_operation": "popmechanic-popup-88492-targeting"}, {"id": 101432, "form": 88493, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88493-show", "click_operation": "popmechanic-popup-88493-click", "targeting_operation": "popmechanic-popup-88493-targeting"}, {"id": 101434, "form": 88494, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88494-show", "click_operation": "popmechanic-popup-88494-click", "targeting_operation": "popmechanic-popup-88494-targeting"}, {"id": 101436, "form": 88495, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88495-show", "click_operation": "popmechanic-popup-88495-click", "targeting_operation": "popmechanic-popup-88495-targeting"}, {"id": 101438, "form": 88496, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88496-show", "click_operation": "popmechanic-popup-88496-click", "targeting_operation": "popmechanic-popup-88496-targeting"}, {"id": 108007, "form": 92881, "filter": null, "filter_type": null, "account": 38495, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-92881-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-92881-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}