{"forms": [{"id": 89898, "template": 3008, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\taspect-ratio: <%= card_img_aspect_ratio %>;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: <%= card_labels_space %>px;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n border-radius: 100%;\r\n border: 1px solid #53a17e;\r\n padding: 10px;\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\ttransition: background-image 0.3s ease-in-out, background-color 0.2s 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\r\n#popmechanic-form .popmechanic-favorite:hover {\r\n background-color: #53a17e;\r\n}\r\n\r\n#popmechanic-form .popmechanic-favorite svg {\r\n transform: transform cubic-bezier(0.215, 0.61, 0.355, 1) .3s; \r\n}\r\n\r\n#popmechanic-form .popmechanic-favorite svg {\r\n transform: scale(1.08);\r\n}\r\n\r\n#popmechanic-form .popmechanic-favorite svg path {\r\n transition: stroke .2s ease;\r\n}\r\n\r\n#popmechanic-form .popmechanic-favorite:hover svg path {\r\n stroke: #ffffff !important;\r\n}\r\n\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\t/*background-image: url(<%= btn_fav_img_fill %>);*/\r\n}\r\n\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite svg {\r\n fill: #53a17e;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inner {\r\n\t/*display: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));*/\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n\tdisplay: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tword-break: break-word;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n.popmechanic-footer {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-footer,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-footer {\r\n flex-direction: column;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-favorite,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-favorite {\r\n top: 5px;\r\n right: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-picture-wrapper,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-picture-wrapper {\r\n padding-top: 50px;\r\n}\r\n\r\n.js-add-to-cart:before {\r\n display: none;\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": "\u0412\u044b \u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438", "shopId": "product1C", "useGa4": "0", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "