Дитячі візки Adamex 2 в 1 надійні та стильні

</ iframe> </ p> <p> Ця коляска, створена з турботою не тільки про безпеку і комфорт дитини, а також у відповідності з останніми тенденціями в світі моди і дизайну. Корпус оснащений ребрами жорсткості і новим подвійним амортизатором. Завдяки цьому, а також роликам передніх коліс, коляска поводиться впевнено і плавно долає будь-яку поверхню. Люлька і прогулянковий блок оснащені додатковою вентиляцією, яку можна відкривати у міру необхідності, а також є сонцезахисний козирок. </ P> <p> Знизу люльки є регульоване додаткове вентиляційний отвір. Так само є додаткове оглядове віконце, яке дозволяє спостерігати за дитиною. Стиль коляски формують також гелеві, які не потребують накачування і додаткового обслуговування сучасні колеса. Матрац в колясці кокосовий. </ P> <p> В комплект входить: </ p> <ul> <li> легко монтуються колеса </ li> <li> п'ятиточкові ремені безпеки </ li> <li> матрац з додатковим вкладишем . Матрац має знімний картридж, завдяки чому все можна прати </ li> <li> вентильована люлька </ li> <li> регульована підніжка, спинка люльки і автокрісла </ li> <li> багажний кошик для речей </ li> <li > покривало на ніжки для люльки і прогулянкового блоку </ li> <li> плівка-дощовик і москітна сітка </ li> <li> підсклянник </ li> <li> рукавички </ li> <li> пеленальний столик </ li > </ ul><br /> <u>Важливо! Виробник залишає за собою право, без попереднього повідомлення покупця, вносити зміни до дизайну, конструкції та комплектації своєї продукції. Колір і фактура матеріалу може відрізнятися від фото представлених на сайті, і не може бути причиною для повернення або обміну придбаного товару.</u></p> <p> </p> </div> </div> </div> </div> <div style="display: none;" class="j-product-block__tab" data-content-id="xarakteristiki-1" data-view-block="group_1.1" > <div class="product__section"> <div class="product-features"> <table class="product-features__table"> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Артикул </th> <td class="product-features__cell"> 623105 </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Ціна </th> <td class="product-features__cell"> 18499.00 </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Назва модифікації </th> <td class="product-features__cell"> Коляска 2 в 1 Adamex Luciano jeans Q1 світло-сірий </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Короткий опис </th> <td class="product-features__cell"> прогулянковий блок<br /> люлька<br /> накидка для ніг<br /> дощовик<br /> москітна сітка<br /> сумка для речей<br /> відділення для покупок<br /> підсклянник </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Наявність </th> <td class="product-features__cell"> <a href='/ua/detskie-kolyaski-2-v-1/filter/presence=2/'>Немає в наявності</a> </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Назва </th> <td class="product-features__cell"> Коляска 2 в 1 Adamex Luciano jeans Q1 світло-сірий </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Розділ </th> <td class="product-features__cell"> <a href='/ua/detskie-kolyaski-2-v-1/filter/parent=1070/'> Дитячі коляски 2 в 1</a> </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> додаткові розділи </th> <td class="product-features__cell"> <a href='/ua/detskie-kolyaski-2-v-1/filter/alt_parent=1066/'>Дитячі коляски</a>, <a href='/ua/detskie-kolyaski-2-v-1/filter/alt_parent=1055/'>Коляски та автокрісла</a> </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Бренд </th> <td class="product-features__cell"> <a href='/ua/detskie-kolyaski-2-v-1/filter/brand=99/'>Adamex</a> </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Тип гарантії </th> <td class="product-features__cell"> Виробник </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Гарантійний термін, міс. </th> <td class="product-features__cell"> 6 </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Стан товару </th> <td class="product-features__cell"> Новий </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Тип коляски </th> <td class="product-features__cell"> <a href='/ua/detskie-kolyaski-2-v-1/filter/tipKoljaski=8/'>Універсальна коляска 2в1</a> </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Вид коляски </th> <td class="product-features__cell"> <a href='/ua/detskie-kolyaski-2-v-1/filter/vidKoljaski=8/'>Універсальна коляска 2в1</a> </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Оглядове вікно </th> <td class="product-features__cell"> Так </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Ремені безпеки </th> <td class="product-features__cell"> Ні </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Бампер </th> <td class="product-features__cell"> Так </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Містка корзина </th> <td class="product-features__cell"> Так </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Аксесуари залежать від моделі </th> <td class="product-features__cell"> Так </td> </tr> </table> </div> </div> </div> <div style="display: none;" class="j-product-block__tab" data-content-id="vіdguki-1" > <div class="product__section"> <section class="product-reviews"> <div class="reviews" id="comments-container-uid98e9ac19941e0c12612c716a18219e8a"> <div class="reviews__inner"> <div class="p-review" id="uid98e9ac19941e0c12612c716a18219e8a"></div> </div> <div class="reviews__add-comment"> <form id="form-uidb23c5f67ed4b8c0974c7b6d92edd956c" method="post" data-action="/ua/_widget/ajax_comments/submit/"> <div class="p-review-add__body" id="comment-form"> <div class="p-review-add__photo j-avatar-container"> <svg class="icon-avatar-def"> <use xlink:href="#icon-avatar-def"></use> </svg> </div> <div class="p-review-add__form"> <div class="p-review-add__form-column p-review-add__form-column--inputs"> <div class="p-review-add__form-item"> <input class="field" type="text" name="form[title]" placeholder="Ім'я та прізвище" value="" aria-label="Ім'я та прізвище"> </div> <div class="p-review-add__form-item"> <input class="field" type="email" autocapitalize="off" name="form[email]" placeholder="Е-пошта" value="" aria-label="Е-пошта" > </div> </div> <div class="p-review-add__form-column p-review-add__form-column--auth j-destroy"> <div class="socLogin"> <div class="socLogin-h">Увійти за допомогою</div> <div class="socLogin-b"> <button rel="nofollow" onclick="OAuth.setScenario('default'); showPopup('/ua/security/OAuthRedirect/?soc=facebook&saveCart=0', 997, 490); return false;" type="button" class="socialIcon" aria-label="Увійти за допомогою Facebook" > <svg class="icon icon--fb" aria-hidden="true" focusable="false"> <use xlink:href="#icon-fb"></use> </svg> </button> <button rel="nofollow" onclick="OAuth.setScenario('default'); showPopup('/ua/security/OAuthRedirect/?soc=google&saveCart=0', 997, 490); return false;" type="button" class="socialIcon" aria-label="Увійти за допомогою Google" > <svg class="icon icon--gp" aria-hidden="true" focusable="false"> <use xlink:href="#icon-gp"></use> </svg> </button> </div> </div> </div> <div class="p-review-add__form-item"> <textarea class="field __text" name="form[text]" placeholder="Повідомлення" aria-label="Повідомлення"></textarea> </div> <div class="p-review-add__form-item"> <div class="p-rating"> <div class="p-rating__name">Оцініть товар</div> <div class="p-rating__body"> <div class="productRating"> <input class="productRating-input j-rate-input" type="hidden" name="form[rate]" value="0"> <div class="productRating-select j-rate-stars"> <button class="productRating-star" type="button" aria-label="Оцінка 1"> <div class="productRating-value" title="1"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </button> <button class="productRating-star" type="button" aria-label="Оцінка 2"> <div class="productRating-value" title="2"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </button> <button class="productRating-star" type="button" aria-label="Оцінка 3"> <div class="productRating-value" title="3"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </button> <button class="productRating-star" type="button" aria-label="Оцінка 4"> <div class="productRating-value" title="4"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </button> <button class="productRating-star" type="button" aria-label="Оцінка 5"> <div class="productRating-value" title="5"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </button> </div> </div> </div> </div> </div> <div class="p-review-add__form-item"> <button class="btn __special" type="submit"> <span class="btn-content">Надіслати</span> </button> </div> </div> </div> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("981fc2424fd223b776052b0a6114715e809b6158");$("#form-uidb23c5f67ed4b8c0974c7b6d92edd956c").append(i);})(jQuery)}, 'jQuery' in window)})(window)</script> </form> </div> <script> (function (w) { w.INIT.add(function () { var object = AjaxComments.getInstance("30d2f83309508b45ff995435bde99315"), form = $("#form-uidb23c5f67ed4b8c0974c7b6d92edd956c"); object.initForm(form); object.attachEventHandler('onCommentSuccess', function () { this.form.find('.j-rate-input').val(0); this.form.find('.j-rate-stars').children().removeClass('__active'); }); OAuth.addScenario('commentsSignUp', new OAuthScenario({ 'afterScenario': function () { OAuth.setScenario('default'); }, 'OAuthError': function () { zteel_set_message(l10n("При авторизации через соц. сеть произошла ошибка. Пожалуйста повторите попытку позже."), 'error', '#comments-form-errors', true); }, 'OAuthSuccess': function (userData) { object.container.find('.j-destroy').remove(); AjaxCart.getInstance() && AjaxCart.getInstance().Cart.reload(); // TODO Update userbar var title = object.container.find('[name="form[title]"]').errorBox(), email = object.container.find('[name="form[email]"]').errorBox(); title.val(userData.title).prop('disabled', true).attr('disabled', 'disabled'); email.val(userData.email).prop('disabled', true).attr('disabled', 'disabled'); form.find('[name="form[text]"]').focus(); if (userData.avatar) { object.container.find('.j-avatar-container').html('<img src="' + userData.avatar + '" alt="">'); } } })); FakeHrefDirector.init(); }, w.AjaxComments) })(window); </script></div> <script> (function (w) { w.INIT.add(function () { var showMoreButton = $("#uid98e9ac19941e0c12612c716a18219e8a_showMore"), instance = AjaxComments.getInstance("30d2f83309508b45ff995435bde99315", '#comments-container-uid98e9ac19941e0c12612c716a18219e8a'); instance.initComments("#uid98e9ac19941e0c12612c716a18219e8a", showMoreButton); instance.attachEventHandlers({ 'afterLoadComments': function (status, response) { if (status === 'OK' && response.show_more) { showMoreButton.find('.j-text').html(l10n("Еще {COUNT} {REVIEWS}", { '{COUNT}': response.count_next, '{REVIEWS}': getCountText(response.count_next, l10n("отзыв"), l10n("отзыва"), l10n("отзывов")) })); } } }); }, w.AjaxComments) })(window); </script> </section> </div> </div> <script> (function(w) { w.INIT.add(function() { initTabs('#nav-6ad12ab251d39 a', { activeClass: 'is-active', watchHash: true }); }, w.initTabs) })(window); </script> </div> </div> </div> </div> <div class="product__column product__column--right product__column--sticky" > <div class="product__column-container j-product-right-column"> <div class="product__column-item"> <div class="product__group "> <div class="product__group-item j-product-block j-product-block__list-item"> <div data-view-block="group_2.0"> <section class="product__section product__section--modifications"> <div class="product__modifications"> <form method="post" data-action="/ua/catalog/load-modification/20438/" id="uidfb92e78aa1ad4a533152bc9212f52e1b" autocomplete="off"> <div class="modification"> <div class="modification__head"> <div class="modification__title"> Виберіть колір </div> </div> <div class="modification__body"> <div class="modification__list"> <a class=" modification__item modification__item--preview modification__item--active j-color-modification-change" title="623105" href="javascript:void(0);" onclick='return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q1 світло-сірий 623105 фото' class='modification__preview-img' width='65' height='78' src='/content/images/39/65x78l80nn0/43318692818960.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="621920" href="javascript:void(0);" data-tooltip-id="8362" onclick='$("#j-mod-prop-color").val("8362").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q201 світло-сірий (зигзаг) 621920 фото' class='modification__preview-img' width='62' height='78' src='/content/images/38/62x78l80nn0/47052526667433.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="623375" href="javascript:void(0);" data-tooltip-id="8363" onclick='$("#j-mod-prop-color").val("8363").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q203 синій (зигзаг) 623375 фото' class='modification__preview-img' width='73' height='78' src='/content/images/37/73x78l80nn0/16511818618794.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="621915" href="javascript:void(0);" data-tooltip-id="8364" onclick='$("#j-mod-prop-color").val("8364").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q204 блакитний (зигзаг) 621915 фото' class='modification__preview-img' width='62' height='78' src='/content/images/36/62x78l80nn0/55963265235207.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="622621" href="javascript:void(0);" data-tooltip-id="8372" onclick='$("#j-mod-prop-color").val("8372").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q219 сірий (льон) - світло-сірий (візерунок) 622621 фото' class='modification__preview-img' width='63' height='78' src='/content/images/28/63x78l80nn0/64087165006803.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="625045" href="javascript:void(0);" data-tooltip-id="8391" onclick='$("#j-mod-prop-color").val("8391").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q388 625045 фото' class='modification__preview-img' width='78' height='63' src='/content/images/17/78x63l80nn0/35733847558010.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="623109" href="javascript:void(0);" data-tooltip-id="8392" onclick='$("#j-mod-prop-color").val("8392").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q6 капучино 623109 фото' class='modification__preview-img' width='67' height='78' src='/content/images/9/67x78l80nn0/19501464599107.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="622116" href="javascript:void(0);" data-tooltip-id="8393" onclick='$("#j-mod-prop-color").val("8393").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q7 хакі 622116 фото' class='modification__preview-img' width='63' height='78' src='/content/images/8/63x78l80nn0/17597440644627.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="622221" href="javascript:void(0);" data-tooltip-id="8394" onclick='$("#j-mod-prop-color").val("8394").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q8 бордо 622221 фото' class='modification__preview-img' width='62' height='78' src='/content/images/7/62x78l80nn0/29885392459229.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="624556" href="javascript:void(0);" data-tooltip-id="4393" onclick='$("#j-mod-prop-color").val("4393").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска 2 в 1 Adamex Luciano jeans Q1-CZ світло-сірий 624556 фото' class='modification__preview-img' width='78' height='61' src='/content/images/18/78x61l80nn0/69278440818622.jpeg' > </span> </a> </div> <input type="hidden" id="j-mod-prop-color" data-prop="color" name="param[color]" value="8361"> </div> </div> </form> <script> (function (w) { w.INIT.add(function () { ModificationChange.setSelector("#uidfb92e78aa1ad4a533152bc9212f52e1b"); ModificationChange.getInstance(); }, w.ModificationChange) })(window); </script> </div></section> </div> </div> <div class="product__group-item j-product-block j-product-block__list-item"> <div > <hr class="product-separator"> </div> </div> <div class="product__group-item j-product-block j-product-block__list-item"> <div data-view-block="group_2.2"> <div class="product__section product__section--price"> <div class="product__row"> <div class="product__block product__block--wide"> <div class="product-price"> <div class="product-price__box" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer"> <div class="product-price__item"> <meta itemprop="price" content="18499"> <meta itemprop="priceCurrency" content="UAH"> 18 499 грн </div> <link itemprop="url" href="https://eniki.com.ua/ua/kolyaska-2-v-1-adamex-luciano-jeans-q1-svetlo-seryy/"> <link itemprop="availability" href="https://schema.org/OutOfStock"> </div> </div> </div> <div class="product__block"> <div class="product-toolbar"> <div class="product-toolbar__item "> <button type="button" class="comparison-button j-widget-comparison-add" data-skin="modern" data-button-size="l" data-show-button-text="1" id="comparison-product-20438-435" title="Додати товар в список порівняння" > <span class="comparison-button__icon"> <svg class="icon icon--comparison-l"> <use xlink:href="#icon-comparison-l"></use> </svg> </span> <span class="comparison-button__text">Порівняти</span> </button> </div> <div class="product-toolbar__item "> <button class="favorites-button j-widget-favorites-add" data-skin="modern" data-button-size="l" data-show-button-text="1" id="uid640430f465bf7e347a2d1eb9206d47f7-20438" title="Додати товар в список бажань" > <span class="favorites-button__icon favorites-button__icon--l"> <svg class="icon icon--heart"><use xlink:href="#icon-heart-stroke"></use></svg> </span> <div class="favorites-button__text">В бажання</div> </button> <div class="tooltip tooltip--left j-favourite-tooltip-unauthorized"> <div class="tooltip__wrapper"> <div class="tooltip__text text"><a href="#" class="a-pseudo" role="button" onclick="Modal.open('#sign-in'); return false;">Увійдіть на сайт</a> щоб <br> додати товар в список бажань</div> </div> </div> <script> (function(w) { w.INIT.add(function() { $('.j-widget-favorites-add').tooltip({ content: $('.j-favourite-tooltip-unauthorized'), container: $('body > .container'), trigger: 'hover', placement: 'left', delay: 0, hideOnClick: true }); }, w.$) })(window); </script> </div> </div> </div> </div> </div> </div> </div> <div class="product__group-item j-product-block j-product-block__list-item"> <div data-view-block="group_2.3"> <div class="product__section product__section--order"> <div class="product-order"> <div class="product-order__row"> <div class="product-order__block product-order__block--buy"> <a class="btn j-widget-favorites-add" data-tooltip-id="uidd5328fa21ad6fc40e14c96e815d4b379" data-skin="waiting_list" id="uidd5328fa21ad6fc40e14c96e815d4b379-20438" href="#"> <span class="btn-content">Немає в наявності</span> </a> <div class="tooltip tooltip--right j-favourite-tooltip-uidd5328fa21ad6fc40e14c96e815d4b379"> <div class="tooltip__wrapper"> <div class="tooltip__text text"><a href="#" class="a-pseudo" role="button" onclick="Modal.open('#sign-in'); return false;">Войдите на сайт</a> чтобы <br> добавить товар в список ожиданий</div> </div> </div> <script> (function(w) { w.INIT.add(function() { $('[data-tooltip-id=uidd5328fa21ad6fc40e14c96e815d4b379]').tooltip({ content: $('.j-favourite-tooltip-uidd5328fa21ad6fc40e14c96e815d4b379'), trigger: 'hover', placement: 'right' }); }, w.$) })(window); </script> </div> </div> </div> </div> </div> </div> <div data-view-block="group_2.5"></div> </div> </div> <div class="product__column-item"> <div class="product__group product__group--tabs"> <div class="product-heading"> <nav class="product-heading__nav" id="nav-6ad12ab25ff89"> <a class="product-heading__tab" href="#oplata-6"> <div class="product-heading__title">Оплата</div> </a> <a class="product-heading__tab" href="#dostavka-6"> <div class="product-heading__title">Доставка</div> </a> <a class="product-heading__tab" href="#garantіja-6"> <div class="product-heading__title">Гарантія</div> </a> <a class="product-heading__tab" href="#povernennja-6"> <div class="product-heading__title">Повернення</div> </a> </nav> </div> <div style="display: none;" class="j-product-block__tab" data-content-id="oplata-6" > <div class="product__section"> <div class="text"> <style type="text/css">.payment-grid-section a, .payment-grid-section a:hover { text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; } .payment-grid-section { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: #f9f9f9; border-radius: 12px; padding: 15px; } .payment-grid { display: grid; grid-template-columns: 1fr; gap: 8px; align-items: stretch; } .payment-grid-card-link { color: inherit; display: flex; height: 100%; } .payment-grid-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 8px 12px; display: flex; flex-direction: row; align-items: center; gap: 12px; transition: box-shadow 0.2s ease, transform 0.2s ease; width: 100%; box-sizing: border-box; } .payment-grid-card-link:hover .payment-grid-card { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; } .payment-grid-icon { flex-shrink: 0; height: 40px; width: 80px; display: flex; align-items: center; justify-content: center; } .payment-grid-icon img { max-height: 40px; max-width: 80px; object-fit: contain; } .payment-logos-group { display: flex; gap: 8px; align-items: center; justify-content: center; } .payment-logos-group img { height: 24px; max-width: 50px; object-fit: contain; } .payment-grid-text-content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex-grow: 1; } .payment-grid-title { font-weight: 600; color: #2c3e50; font-size: 15px; line-height: 1.2; } .payment-grid-description { font-size: 12px; color: #777; line-height: 1.4; margin-top: 2px; font-weight: 400; } @media (min-width: 600px) { .payment-grid { grid-template-columns: 1fr 1fr; } .payment-grid-card { flex-direction: column; align-items: center; padding: 10px 12px; text-align: center; } .payment-grid-icon { width: 100%; height: 50px; margin-bottom: 4px; } .payment-grid-icon img { max-height: 50px; max-width: 120px; } .payment-logos-group img { height: 28px; max-width: 60px; } .payment-grid-text-content { align-items: center; } } .govpay-coat { width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; } @media (min-width: 600px) { .govpay-coat { width: 64px; height: 64px; } } </style> <div onmouseout="this.style.boxShadow='none';this.style.transform='none'" onmouseover="this.style.boxShadow='0 4px 14px rgba(0,0,0,0.1)';this.style.transform='translateY(-1px)'" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#F3F4F6;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;transition:box-shadow 0.2s,transform 0.2s;margin-bottom:10px;"><a href="https://eniki.com.ua/ua/oplata-tselevoi-kartoi-pomoshchy-detiam-7000/" style="text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;"><img alt="Герб України" class="govpay-coat" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAARR0lEQVR4nO2ca0wU1/vHv3PZC8t1L2BETQQVJJraUmlSbRWsFpHaSIyXRm1rTaWxtrGmti+aCCY2rYkaa2Ob1BITAyJqqxKRaJuo8KKpingXRaEFFqgsFYSFZWdnnv8LesZdUMT+XWbsj09C2OycOTNzvuc8z3Oec2Y5IiIMoxm81jfwv86wABozLIDGDAugMcMCaMywABozLIDGDAugMcMCaMywABojBvsCz3qmg+O4oNYfdAGC/QDPOkEVQFEUKIoSzEsEHZ7nwfPBs9RBEUCWZQiCgPz8fHz11VeIjIyELMvBuFTQEAQB7e3t+OKLL7B8+XL1mZ42QRGA2f179+6hqqoKkZGR8Pl8wbhU0BBFEe3t7WhrawMQPF8WVBNkNBrB8zyWLFmC9evXQ5KkoPSip4miKBBFEdu2bUNeXh6MRmNQrxd0J6woChwOBxITE4N9qaeKw+GAoihBj+KCLgAASJIERVHg8/kgikNyyX8Ns/WSJA3J9YakNTiOU6OJpxlRsAjradZJROB5fsjCZ313xwFgDcU+P6vzjWcyFaEoCjiOQ3l5OcrLy8Fx3DM733jmRgDr7d3d3fjggw/AcRzOnj2LkJCQZ3IkaD4CZFl+okhDlmVwHIdDhw7h9u3bqK6uxqFDh8Bx3BNN9ohIF5NDzQUQBAEcxw1aBGb3f/75Z4iiCEEQcPTo0YBjj4ONFD3MSTQRgDW2y+VCfn4+AAyqBzPH29XVherqahgMBhiNRty6dQvd3d3gef6xQrIRBAAFBQVwuVwB9zTUaDoCFEXB2rVrkZmZCafTCUEQBmUWuru74fF4wHEcOI6Dx+NBd3f3Y89jMb7T6URmZibWrl2rebpccxMUHR2NEydO4LXXXsPFixcHJYIgCAEhKM/zjzUnrPErKysxa9YsnDhxAtHR0Zo7bc0F8Pl8sNvtaGxsxPz583H58mUIgjBgWCkIAgRBUHvv4wRQFAWCIODSpUt488030dTUBLvdrosEoeYCAL2pitDQULS1tWHp0qVobm4eMLZntp+IQEQICQl5ZNKMzRmam5uxdOlStLe3IzQ0dMhSDY9DFwIwQkJCcOfOHXz88ccDmgaj0ajG/UQEs9kMg8EAoP8KHIt4PvroI9TU1MBsNqvf6wHNBRAEAffv38eiRYuQmpoKURRRXFyMAwcOgOf5AH/AGpfn+YARIIriQwVjdr+oqAjFxcUQRRFpaWnIysrC/fv3g7rSNVi0vwP0NlRUVBR27NgBi8UCg8GALVu2DBha+jfewzKs/iHr119/DYPBAIvFgh07diAqKko1TVqjCwE4jsO9e/cQGxuLVatWQZIkXLt2DcXFxf3mB0wMi8WirjmHhoYCQIDPYPF+cXExbty4AUmSsGrVKowcORL37t0b2gccAF0IAECNalavXg2HwwEiwv79+wEE9nYmQF8f0Bd2zv79+6EoCqKjo5Gdna2aLL2gGwFYDj4+Ph4zZ84EEaGyshKNjY0PNUPM6fb9DDwwP42Njbhw4QIURcHMmTMRFxenTt70gm4EYBARZs2aBZ7n4XK5cPHiRQAPzAsTwt8Jm0ymgGOs7IULF+ByuSAIAmbPnq2byMcf3QnAcRymTJkCi8WCnp4eVFVVAegfNoaFhakChIWFBRxjZW/cuAGv14uwsDA899xzuur5DN0JAACxsbHqXqK6ujoA/eN7f7vPRgCDlW1oaICiKIiMjERsbGyQ7/rfoTsBiAg2mw1WqxUA0NzcDOBBo7LeLYpiwGf/Y6xsY2MjiAhWqxVWq3XYBA0GWZZhNpvhcDgAAH/99VfA+u9gYE777t27AHq3mJjNZl0swPRFdwIwBzpixAgAvWsGXV1dAAL9gNfrVXu61+tVv2dl3G43WltbA+rS47qx7gRgDRgbGwuO49De3o6///5bPcYavbW1VQ0p2XH/lbXW1la0t7eD4ziMGjUqoG49oTsBGKNHjwbP83C73aop8TdFLS0talqaHfefL9y9exednZ0QBEEVQI/oVoBRo0bBYDDA4/Gojth/RwRbQRNFEQ0NDeoKGROgqakJPT09EEVxWIAngTViTEwMTCYTJEmC0+kE8MCG19fXo7m5GQaDAaIooqmpCQ0NDQFlGhsbIUkSTCYTYmJidLtlRXcCAL0iJCYmIjQ0FLIsq43LeveVK1fQ1tYGURTVbeRXrlwJKNPQ0ABZlhEeHo6JEyfqsvEBHQrA1gB27doFr9cLk8mEpqYmAA/i+/LycgC9ISvbV1RWVhZQprm5GSaTCT09Pdi1axdkWdZF/r8vurkjRVHUFPL777+PTZs2QZZldHd34+bNmwCg+oTy8nLwPI+EhAQkJCQA6BWlp6dHTczdvHkTHo8HsiwjJycH2dnZampbT9GQLgRgKWJBEFBQUIA9e/bAZrPB4XBg+/btyMnJUddwz549izt37sDn82HRokVYuHAhFEVBdXU1zp49C6B3jTknJwfbtm2D3W6HzWZDXl4eCgsLVcetFzS/EyKC0WhETU0NSkpK8N1338FiscBiseDIkSNISkoC8GCBZd++ffB4PAgLC0NGRgYURcGmTZvg8XhQWFiIV199FTzPY/bs2Zg9ezbS09ORnp4Oi8WCXbt2wWazoba2FgaDQRcjQfMRoCgKwsLCcPr0aSxZsgQ1NTXw+XyYM2cOkpKS0NPTA0mSwPM8GhoaUFJSAgBISUlBQkICJk6ciKlTp4LneRw7dgxOpxM8z8Pn88Hr9WLSpEmYM2cOfD4fbt++jUWLFqGsrAxhYWG6SE1oLoA//qkC5jBZWMpxHL7//nt10vXee++pM+GVK1cC6J18/fDDD/22tPhHQHpLR2guAJvtzpgxA/v27cPYsWNhMBhw8uRJ3Lx5E0ajEUajEXV1ddi7dy8EQUBSUhKysrLU9YCFCxciISEBgiBgz549qK+vV8+rqqrCyZMnIYoi4uLiUFhYiFdeeQVut/t/d3OuPxzHoaenB+PHj8eCBQvw4YcfoqurC11dXcjKysLOnTtRWVmJzZs3w+VyQRRF5OTkICQkRA1DQ0JCkJOTo6YlNm/ejMrKSnzzzTfIyspS61uzZg0WLFiA+Pj4gGSelmjuhIFeEXw+H2RZxrJly/Drr78iPz8fkiRhw4YNsFgs4HkeFosFERERsNvtAAK3ozgcDlitVnR0dODgwYMoKipCd3c3TCYTOjo6sGLFCvWFaz1sSWRoPgIYbH8nx3HIy8tDTk4OrFYrDAaD+nIfx3Ho7OxEZmamus2wra0NixcvRmZmJtxut1qPIAgwGAyw2WzIzc1FXl6e+k6AniZkuhgB/iiKAqPRiNzcXKxZswbnzp3Dp59+isbGRnVmCwAHDx5ES0sLiAhnzpyBxWKBJEkwm83weDyIjY3F1q1bkZKSgpiYGADQVc9n6Kcr/AOLenw+H2JiYpCamgqv14vOzk7Mnz8fx48fx/PPP4/Q0FCcP38eFRUVsFgsSE5ORmlpKebNm4fOzk5IkoTU1FTExMTA5/MNJ+MeB2t0WZbVHW+SJKGiogIulws8zyM5ORnTp0/H4cOHMW7cONWcjB8/HocPH8a0adOQnJwMnufR0tKCiooK9SVxlupgYugFXQjA9vaIogiTyQRBEGA0GmEwGCDLMiRJgiiKmDBhAgDAbrfjk08+gdvtRldXF9avXw+bzQYAmDBhgvqmu6Io6lZ2Vie7hl7Q3AewfT1nzpzBunXr4PP51JUtQRDUtAGbiB07dgxEBKfTiZCQEADA4cOHce7cOXAchz///BMmkwkcx2HHjh04cuSImsZgdf72228IDQ3VxUjQXAD2CypXr17F77//3u+4wWBAWFgYeJ7H8ePH1QV4g8GAyMhIAMCxY8fUZJ3RaERERAQAoLS0NGDBnmGxWCAIwkOPDTWaCsBxHCIjI8FxnBpuMmfJ/kuShI6ODsiyjBEjRsBsNquTt46ODgDAyJEjYTKZQETwer1wu90Aepc1H7V1XZIk9dpaookA7KHtdjtOnTr1UFPAFuDb2tqQkZGB2tpapKWlYffu3SAilJaWIjs7GwCwc+dOpKeng+M4rFq1CiUlJYiLi0NpaemA7wJwHKduAOt7/D/xYx1s++D9+/cB9H8onufVDViPwuFwYNKkSfjjjz9w6dIl9feHoqKiVOEiIyPhcDjgcrlw+fJlAMDkyZMxbty4f33vHo8HAIKeLwpKFMQaeuzYseB5HtevX4eiKA+dgbKE2sP+JEkCEeGNN94Az/Oor69XX+xmDQRAnZzt3btX3S2RmZkZUMej/vo1yD/3WFtbC+DBpq6gjQgKAoqiEBFRa2srxcXFUXh4OF26dIkURSGfz/fE9bhcLho3bhxZLBYaP348dXd30/Hjx8lkMpHJZKLS0lLq6uqi+Ph4tYzL5SJFUdQ6BoMsy6QoCjU1NdGoUaPIZrPRnTt31GPBIGgjQJZl2Gw2ZGRkoKOjAzt37nzin5Vh9djtdmRnZ8Pr9aKurg65ubkBu6PNZjM2btyI+vp69PT0YPXq1bDb7QE/SzAY/FfdnE4nXn75ZcTFxT1y9D4VgiIrPehN169fJ4fDQWazmQoKCoiIyOv1DrpHKYpCsiyT2+2mlJQUslgsFBMTQxkZGWS328lut9PcuXMpOjqazGYzvfTSS+R2u9XrDxav10tERNXV1TRmzBgSRZGOHj1KRPREo/ZJCZoARA9ufNu2bQSAHA6HKgI7PpiHY2JVVFSQzWYjm81GkZGRZLPZyG63U0REhPr5woULAecMBDOJrGxDQwNNmzaNANDixYsHXc//h6AK4G/z161bRwDIYrHQmjVr6Nq1a/3KDdRjWT1Hjhwhi8VCVquVYmJiKCYmhqxWK4WGhlJxcXFA2Uchy3K/MiUlJTRlyhQCQC+88AI1Nzeroy+YBFUAIgp4iC+//JKioqIIAEVHR9PKlSvp9OnTAeUHEkKSJCLqbazY2FiKiIig8PBwio2NpdLSUvX8R9F3xHV2dlJRURHNnz+fzGYzAaAZM2ZQbW0tEQW/9xMNgQBEFBCNnDt3jpYtW0Z2u50AUEhICM2bN4+Kioqoq6tLPcffNPjDRLh16xYlJiZSUlIS3bp1Sz3nYdfu+31NTQ1t2bKFkpOTCQABoDFjxtDGjRvJ7XYT0dA0PtEQCcDwb4grV67Qhg0bKC4uTm2ElJQU2rFjBzU2Nqrl+poLRVFUh1lZWUkXL14kogfCPOo8IqKysjJavXo1jR49Wr3m1KlTaevWrVRXVxdw7lAxpAIQ9T6c/wM6nU7avn07TZ06VW2U+Ph4+vzzz+nq1asB5/qbJ//GZfX1dapERG1tbbR37156/fXXVTMTHh5OWVlZ9NNPP/UbdU8SOT0NhlwARt8e6na7ad++fTR37ly1oex2O73zzjt06tSpgHNZI7P/DzMzVVVVlJubS5MmTVKFjYuLo/Xr11NFRUW/+oa64RmaCcB4WOOdOnWK3n77bdVPmM1mSk9Pp8LCQtVGE/V3qrIs0y+//EIrVqyg6OhoAkA8z9P06dPp22+/DTBtg4m8hgLNBWA8TIirV6/SZ599RvHx8WovfvHFF2n79u3kdDrVci0tLbR7925KS0sjg8FAAMhqtdLSpUuppKQkwD88yrlrBUekg2WhPrCUAJv+NzU14cCBA8jPz8f58+cB9Cb6li9fDlEUUVBQgOrqagBAYmIiFi5ciLfeeguTJ08OqHMofxN60GjdAwair5/o6uqiAwcO0Lx581Q/AYAMBgOlpaXR7t27qaWlpd/5WpuZgdDlCOgLEak/vMcoKyvDjz/+CAB49913kZqaqo6YviNIzzwTAjCYEI8yJbo1MwPwTAngj3+qmf7Z7fAs8swK8F9B/0byP86wABozLIDGDAugMcMCaMywABozLIDGDAugMcMCaMywABozLIDG/B81nPdVzdax/QAAAABJRU5ErkJggg==" /> </a>  <div style="flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;"><a href="/oplata-gosudarstvennoy-pomoshchyu/" style="text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;color:inherit;display:block;"> </a> <div style="font-size:13.5px;font-weight:900;color:#1A1A1A;letter-spacing:0.3px;line-height:1.2;"><a href="https://eniki.com.ua/ua/oplata-tselevoi-kartoi-pomoshchy-detiam-7000/" style="text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;color:inherit;display:block;">ОФІЦІЙНИЙ ПАРТНЕР ДЕРЖАВНИХ ПРОГРАМ </a></div> <a href="/oplata-gosudarstvennoy-pomoshchyu/" style="text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;color:inherit;display:block;">  </a> <div style="font-size: 12px; font-weight: 400; color: rgb(75, 85, 99); line-height: 1.3; margin-top: 2px;"><a href="https://eniki.com.ua/ua/oplata-tselevoi-kartoi-pomoshchy-detiam-7000/" style="text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;color:inherit;display:block;"><span style="font-size:16px;">Оплата до року(7000 ₴)|єЯсла(8000 ₴)</span></a></div> <a href="/oplata-gosudarstvennoy-pomoshchyu/" style="text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;color:inherit;display:block;"> </a></div> </div>  <div class="payment-grid-section"> <div class="payment-grid"> <div class="payment-grid-card"> <div class="payment-grid-icon"><a class="payment-grid-card-link" href="#"><img alt="LiqPay" loading="lazy" src="/content/uploads/images/integr-logo-5.png" /></a></div> <div class="payment-grid-text-content"> <div class="payment-grid-title"><a class="payment-grid-card-link" href="#">Онлайн-оплата</a></div> <div class="payment-grid-description">Карткою та за реквізитами</div> </div> </div> <div class="payment-grid-card"> <div class="payment-grid-icon"> <div class="payment-logos-group"><img alt="Нова Пошта" loading="lazy" src="/content/uploads/images/m202510311%281%29.jpeg" /> <img alt="Meest" loading="lazy" src="/content/uploads/images/scre3333ens33hot_2%281%29.jpg" /></div> </div> <div class="payment-grid-text-content"> <div class="payment-grid-title"><a class="payment-grid-card-link" href="https://eniki.com.ua/oplata-i-dostavka/">Накладений платіж</a></div> <div class="payment-grid-description">Оплата при отриманні</div> </div> </div> </div> </div> </div> </div> </div> <div style="display: none;" class="j-product-block__tab" data-content-id="dostavka-6" > <div class="product__section"> <div class="text"> <div class="delivery-info" style="font-family: Arial, sans-serif; color: #1A1A1A; line-height: 1.4; max-width: 720px;"> <div style="margin: 0 0 16px 0;"><strong style="font-size: 15px; display: block; margin-bottom: 8px;">Доставка по Україні:</strong> <div class="delivery-logos" style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;"><img alt="Meest" height="54" loading="lazy" src="/content/uploads/images/m202510311.jpeg" style="object-fit: contain;" width="120" /> <img alt="Нова Пошта" height="48" loading="lazy" src="/content/uploads/images/scre3333ens33hot_2.jpg" style="object-fit: contain;" width="125" /></div> </div>  <p style="margin: 8px 0; display: flex; align-items: center; gap: 10px;"><svg fill="none" height="20" style="flex-shrink: 0;" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <rect fill="none" height="12" rx="1" stroke="#1A1A1A" stroke-width="1.5" width="16" x="2" y="4"></rect> <path d="M6 4V2.5C6 1.95 6.45 1.5 7 1.5H13C13.55 1.5 14 1.95 14 2.5V4" fill="none" stroke="#1A1A1A" stroke-width="1.5"></path> </svg> <span style="font-size: 14px;">На відділення або за адресою</span></p>  <p style="margin: 8px 0; display: flex; align-items: center; gap: 10px;"><svg fill="none" height="20" style="flex-shrink: 0;" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <rect fill="none" height="12" rx="1" stroke="#1A1A1A" stroke-width="1.5" width="17" x="1.5" y="3.5"></rect> <path d="M1.5 6.5H18.5" stroke="#1A1A1A" stroke-width="1.5"></path> <circle cx="16" cy="14" fill="#1A1A1A" r="1"></circle> </svg> <span style="font-size: 14px;">Можливий післяплата</span></p>  <div style="background: #F3F4F6; border-left: 4px solid #16A34A; padding: 14px; border-radius: 6px; margin: 16px 0; font-size: 14px; line-height: 1.5;"> <p style="margin: 0 0 8px 0;"><strong>Meest</strong> — велика партнерська мережа (включаючи магазини «Епіцентр», Rozetka, продуктові та господарчі магазини), доставка до 30 кг, адресна доставка в містах. <strong>Мінімальна ціна на доставку</strong>.</p> <p style="margin: 0;"><strong>Нова Пошта</strong> — велика мережа відділень та поштоматів, адресне обслуговування по всій Україні, висока швидкість.</p> </div>  <p style="margin: 16px 0 0 0; text-align: center;"><a href="https://eniki.com.ua/ua/oplata-i-dostavka/" style="color: #16A34A; text-decoration: none; font-weight: 600; font-size: 15px;" target="_blank">Детальніше про доставку →</a></p> </div> <style type="text/css">@media (max-width: 640px) { .delivery-info { font-size: 13px !important; } .delivery-info p, .delivery-info div { font-size: 13px !important; } .delivery-info .delivery-logos img { width: 80px !important; height: auto !important; } } </style> </div> </div> </div> <div style="display: none;" class="j-product-block__tab" data-content-id="garantіja-6" > <div class="product__section"> <div class="text"> <style type="text/css">.guarantee-block { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 15px 0; line-height: 1.5; } .guarantee-title { font-size: 16px; font-weight: 600; color: #2c3e50; margin: 0 0 4px 0; } .guarantee-desc { font-size: 14px; color: #555; margin: 0; } .guarantee-desc a { color: #007bff; /* Колір посилань */ text-decoration: underline; } .guarantee-desc a:hover { text-decoration: none; } </style> <div class="guarantee-block"> <div class="guarantee-title">Гарантія від виробника — від 3 до 24 місяців.</div> <p class="guarantee-desc">*Детальні умови гарантійного обслуговування та правила читайте у розділі <a href="https://eniki.com.ua/harantiya-i-servisne-obslugovuvannya/">«<span style="color:#000000;">Гарантія та сервісне обслуговування»</span></a><span style="color:#000000;">.</span></p> </div> </div> </div> </div> <div style="display: none;" class="j-product-block__tab" data-content-id="povernennja-6" > <div class="product__section"> <div class="text"> <div style="font-family: sans-serif; color: #333; line-height: 1.5; font-size: 14px;"> <ul style="padding-left: 20px; margin: 0 0 15px 0;"> <li style="margin-bottom: 8px;"><strong>Термін повернення:</strong> протягом 14 днів після покупки*.</li> <li style="margin-bottom: 8px;"><strong>Стан товару:</strong> оригінальна упаковка, наявність усіх ярликів, заводських плівок та наклейок.</li> <li style="margin-bottom: 8px;"><strong>Товарний вигляд:</strong> відсутність слідів використання. Допускається лише огляд та перевірка в приміщенні.</li> <li style="margin-bottom: 8px;"><strong>Складні товари:</strong> колісний транспорт (велосипеди) та меблі (ліжка, спортивні комплекси) не повинні мати слідів складання або експлуатації.</li> <li style="margin-bottom: 8px;"><strong>Індивідуальні замовлення:</strong> товари, виготовлені за персональним замовленням, поверненню та обміну не підлягають.</li> <li style="margin-bottom: 8px; color: #d93025;"><span style="color:#000000;">⚠️ <strong>Соціальні картки («Пакунок малюка», «єМалятко»):</strong> повернення коштів виключно на ту саму картку (вимога фінмоніторингу). Утримуються банківські комісії та адмінзбір (10%), оплата 2 доставок та зберігання — за рахунок покупця. Термін процедури — до 14 робочих днів.</span></li> </ul> <p style="margin: 10px 0;"><a href="https://eniki.com.ua/obmen-i-vozvrat/" style="color: #16A34A; text-decoration: underline; font-weight: 600;" target="_blank">Детальні правила обміну та повернення →</a></p> <p style="font-size: 11px; color: #888; margin-top: 10px; border-top: 1px solid #eee; padding-top: 8px;">* Відповідно до Закону України «Про захист прав споживачів».</p> </div> </div> </div> </div> <script> (function(w) { w.INIT.add(function() { initTabs('#nav-6ad12ab25ff89 a', { activeClass: 'is-active', watchHash: true }); }, w.initTabs) })(window); </script> </div> </div> </div> </div> </div> <div class="product__bottom"> <div class="product__bottom-item"> <div class="j-product-block"> <div class="product-heading"> <div class="product-heading__title j-product-block-title"><div class="j-product-block-title"> </div> </div> </div> <div data-view-block="associatedProducts"> <div class="product__section"> <div id="1ff48f7955c6767906605b78177908dc" style="position: relative; height: 20px"> <div class="loader" style="width: 10px; height: 10px; margin: 10px 0 50px -5px; left: 50%"></div> </div> <script> (function (w) { w.INIT.add(function () { var associatedProducts = AssociatedProducts.getInstance( '1ff48f7955c6767906605b78177908dc', '/ua/_widget/horoshop_viewStrategies_product_modern_blocks_associatedProducts_widget/load-associated-products/', {"id":20438,"settings":{"title":"\u0410\u043a\u0441\u0435\u0441\u0443\u0430\u0440\u0438","sibling":"accessories","widgetSkin":"modern","showBuyButton":1}} ); associatedProducts.init(); associatedProducts.attachEventHandler('onAfterAppendHtml', function () { w.Face.initAssociatedProductsSwipers(); w.BuyButton.init(); }); associatedProducts.attachEventHandler('onTabChange', function () { w.Face.initAssociatedProductsSwipers(); }); }, w.AssociatedProducts) })(window); </script> </div> </div> </div> </div> <div class="product__bottom-item"> <div class="j-product-block"> <div class="product-heading"> <div class="product-heading__title j-product-block-title"><div class="j-product-block-title"> </div> </div> </div> <div data-view-block="associatedProducts_1"> <div class="product__section"> <div id="b5be4a48ee7e36a060dd0df8e9888b61" style="position: relative; height: 20px"> <div class="loader" style="width: 10px; height: 10px; margin: 10px 0 50px -5px; left: 50%"></div> </div> <script> (function (w) { w.INIT.add(function () { var associatedProducts = AssociatedProducts.getInstance( 'b5be4a48ee7e36a060dd0df8e9888b61', '/ua/_widget/horoshop_viewStrategies_product_modern_blocks_associatedProducts_widget/load-associated-products/', {"id":20438,"settings":{"title":"\u0421\u0445\u043e\u0436\u0456 \u0442\u043e\u0432\u0430\u0440\u0438","sibling":"similar","widgetSkin":"modern","showBuyButton":1}} ); associatedProducts.init(); associatedProducts.attachEventHandler('onAfterAppendHtml', function () { w.Face.initAssociatedProductsSwipers(); w.BuyButton.init(); }); associatedProducts.attachEventHandler('onTabChange', function () { w.Face.initAssociatedProductsSwipers(); }); }, w.AssociatedProducts) })(window); </script> </div> </div> </div> </div> <div class="product__bottom-item"> <div class="j-product-block"> <div class="product-heading"> <div class="product-heading__title j-product-block-title"><div class="j-product-block-title"> </div> </div> </div> <div data-view-block="associatedProducts_2"> <div class="product__section"> <div id="16bcf4694b8f861845650b7d7659e16f" style="position: relative; height: 20px"> <div class="loader" style="width: 10px; height: 10px; margin: 10px 0 50px -5px; left: 50%"></div> </div> <script> (function (w) { w.INIT.add(function () { var associatedProducts = AssociatedProducts.getInstance( '16bcf4694b8f861845650b7d7659e16f', '/ua/_widget/horoshop_viewStrategies_product_modern_blocks_associatedProducts_widget/load-associated-products/', {"id":20438,"settings":{"title":"\u0414\u0438\u0432\u0456\u0442\u044c\u0441\u044f \u0442\u0430\u043a\u043e\u0436","sibling":"parent","widgetSkin":"modern","showBuyButton":1}} ); associatedProducts.init(); associatedProducts.attachEventHandler('onAfterAppendHtml', function () { w.Face.initAssociatedProductsSwipers(); w.BuyButton.init(); }); associatedProducts.attachEventHandler('onTabChange', function () { w.Face.initAssociatedProductsSwipers(); }); }, w.AssociatedProducts) })(window); </script> </div> </div> </div> </div> </div> </section> </div> <div class="product__bottom-wide"> <div class="product__bottom-item"> <div class="j-product-block"> <div > <div id="uid6f79073fd3eb40af86086c2aa35488b7"></div> <script> document.addEventListener('DOMContentLoaded', function () { sendAjax("\/ua\/_widget\/seen_items\/default\/", null, function (status, response) { var obj = document.getElementById('uid6f79073fd3eb40af86086c2aa35488b7'); if (status === 'OK') { var fragment = document .createRange() .createContextualFragment(response.html); obj.replaceWith(fragment); } }); }); </script> </div> </div> </div> </div> </main> <footer class="footer"> <div class="footer__container"> <div class="footer__wrapper wrapper"> <div class="footer__columns"> <div class="footer__col footer__col--double"> <div class="footer__col-wrap"> <div class="footer__logo"> <a class="footer__logo-link" href='/ua/' aria-label="Eniki.com.ua"> <img alt='' class='footer__logo-img' width='200' height='95' src='/content/images/2/200x95l90nn0/42221464221822.jpg' srcset=" /content/images/2/200x95l90nn0/42221464221822.jpg 1x, /content/images/2/400x190l90nn0/42221464221822.jpg 2x " role="presentation"> </a> </div> <div class="footer__copyright"> 2018 - 2026</div> <div class="footer__block"> Приймаємо до оплати <div class="footer__payment"> <a class="footer__payment-item"><img alt='' width='40' height='28' src='/content/images/32/40x28l80nn0/45898039430834.jpg' ></a> <a href="https://chast.monobank.ua/" target="_blank" rel="nofollow" class="footer__payment-item" aria-label=" (Відкриється в новому вікні)"><img alt='' width='28' height='28' src='/content/images/26/28x28l80nn0/78059083446622.jpg' ></a> <a href="https://chast.privatbank.ua/" target="_blank" rel="nofollow" class="footer__payment-item" aria-label=" (Відкриється в новому вікні)"><img alt='' width='28' height='28' src='/content/images/25/28x28l80nn0/18006060082449.jpg' ></a> <a href="https://www.liqpay.ua/uk" target="_blank" rel="nofollow" class="footer__payment-item" aria-label="Принимаем оплату Visa/Mastercard через LiqPay (Відкриється в новому вікні)"><img alt='Принимаем оплату Visa/Mastercard через LiqPay' width='138' height='28' src='/content/images/22/138x28l80nn0/73716708717923.jpg' ></a> </div> </div> <div class="footer__mobile-version"> <a href="https://eniki.com.ua/ua/kolyaska-2-v-1-adamex-luciano-jeans-q1-svetlo-seryy/.?v=mobile" class="footer__link" rel="nofollow"> <svg class="icon icon--mobile"><use xlink:href="#icon-mobile"></use></svg> Мобільна версія </a> </div> <div class="footer__development footer__development--img-link" style="display: flex !important;"> <div class="footer__development-container" style="display: block !important;"> <span class="footer__development-link"> Інтернет-магазин створений з Хорошоп </span> <a href="https://horoshop.ua/ua/" class="footer__development-logo" target="_blank" aria-label="Інтернет-магазин створений з Хорошоп (Відкриється в новому вікні)"> <svg class="icon icon--dev" role="img" aria-label="Horoshop"> <use xlink:href="#icon-horoshop"></use> </svg> </a> </div> </div> </div> </div> <div class="footer__col "> <div class="footer__col-wrap"> <div class="footer__block"> <div class="footer__heading">Каталог</div> <ul class="footer__menu"> <li class="footer__menu-item "><a href="/ua/detskaya-komnata/" class="footer__link">Дитяча кімната</a></li><li class="footer__menu-item "><a href="/ua/kolyaski-i-avtokresla/" class="footer__link">Коляски та автокрісла</a></li><li class="footer__menu-item "><a href="/ua/sport-i-aktivnyy-otdykh/" class="footer__link">Спорт і активний відпочинок</a></li><li class="footer__menu-item "><a href="/ua/mebel/" class="footer__link">Меблі</a></li><li class="footer__menu-item "><a href="/ua/shkola-i-ucheba/" class="footer__link">Школа та навчання</a></li><li class="footer__menu-item "><a href="/ua/muzykalnye-ynstrumenty/" class="footer__link">Музичні інструменти</a></li> </ul></div> </div> </div> <div class="footer__col "> <div class="footer__col-wrap"> <div class="footer__block"> <div class="footer__heading">Клієнтам</div> <ul class="footer__menu"> <li class="footer__menu-item "><a href="#" class="footer__link" data-modal="#sign-in" role="button">Вхід до кабінету</a></li><li class="footer__menu-item "><a href="/ua/catalog/" class="footer__link">Каталог</a></li><li class="footer__menu-item "><a href="/ua/o-nas/" class="footer__link">Про нас</a></li><li class="footer__menu-item "><a href="/ua/blog/" class="footer__link">Блог</a></li><li class="footer__menu-item "><a href="/ua/otzyvy-o-magazine/" class="footer__link">Відгуки про магазин Eniki.com.ua</a></li><li class="footer__menu-item "><a href="/ua/oplata-i-dostavka/" class="footer__link">Оплата і доставка</a></li><li class="footer__menu-item "><a href="/ua/obmen-i-vozvrat/" class="footer__link">Обмін та повернення в магазині Eniki.com.ua</a></li><li class="footer__menu-item "><a href="/ua/harantyia-y-servysnoe-obsluzhyvanye/" class="footer__link">Гарантія та сервіс</a></li><li class="footer__menu-item "><a href="/ua/brendy/" class="footer__link">Бренди</a></li><li class="footer__menu-item "><a href="/ua/kontaktnaia-ynformatsyia/" class="footer__link">Контактна інформація</a></li><li class="footer__menu-item "><a href="/ua/privacypolicy/" class="footer__link">Угода користувача</a></li> </ul></div> <div class="footer__block"> Ми в соцмережах <div class="footer__social"> <a class="footer__social-icon" data-fake-href="https://www.facebook.com/enikishop/" rel="nofollow" target="_blank" title="Ми у Facebook" aria-label="Ми у Facebook (Відкриється в новому вікні)"><svg class="icon-fb"><use xlink:href="#icon-fb"></use></svg></a> <a class="footer__social-icon" data-fake-href="https://www.instagram.com/eniki_com_ua/" rel="nofollow" target="_blank" title="Мы в инстаграмме" aria-label="Мы в инстаграмме (Відкриється в новому вікні)"><svg class="icon-ig"><use xlink:href="#icon-ig"></use></svg></a> <a class="footer__social-icon" data-fake-href="https://www.youtube.com/channel/UCgfWz9DhEu6MUNzImU8b11g/featured" rel="nofollow" target="_blank" title="Мы в Youtube!" aria-label="Мы в Youtube! (Відкриється в новому вікні)"><svg class="icon-yt"><use xlink:href="#icon-yt"></use></svg></a> <a class="footer__social-icon" data-fake-href="https://ru.pinterest.com/enikishop/" rel="nofollow" target="_blank" title="Мы в Pinterest" aria-label="Мы в Pinterest (Відкриється в новому вікні)"><svg class="icon-pt"><use xlink:href="#icon-pt"></use></svg></a> <a class="footer__social-icon" data-fake-href="https://t.me/Eniki_shop" rel="nofollow" target="_blank" title="Ми у Telegram" aria-label="Ми у Telegram (Відкриється в новому вікні)"><svg class="icon-tg"><use xlink:href="#icon-tg"></use></svg></a> <a class="footer__social-icon" data-fake-href="" rel="nofollow" target="_blank" title="Viber" aria-label="Viber (Відкриється в новому вікні)"><svg class="icon-viber"><use xlink:href="#icon-viber"></use></svg></a> <a class="footer__social-icon" data-fake-href="https://www.linkedin.com/" rel="nofollow" target="_blank" title="Ми в LinkedIn" aria-label="Ми в LinkedIn (Відкриється в новому вікні)"><svg class="icon-li"><use xlink:href="#icon-li"></use></svg></a> </div> </div> </div> </div> <div class="footer__col footer__col--double"> <div class="footer__col-wrap"> <div class="footer__heading">Контактна інформація</div> <div class="footer__contacts footer__contacts--columns"> <div class="footer__contacts-group"> <div class="footer__contacts-item"> <svg class="icon icon--life"> <use xlink:href="#icon-life"></use> </svg> <a data-fake-href="tel:0930621808" class="footer__contacts-item-link j-phone-item" data-index="1"> (093)062-18-08 </a> </div> <div class="footer__contacts-item"> <svg class="icon icon--ks"> <use xlink:href="#icon-ks"></use> </svg> <a data-fake-href="tel:0963030190" class="footer__contacts-item-link j-phone-item" data-index="2"> (096)30-30-190 </a> </div> <div class="footer__contacts-item"> <svg class="icon icon--mts"> <use xlink:href="#icon-mts"></use> </svg> <a data-fake-href="tel:0505436524" class="footer__contacts-item-link j-phone-item" data-index="3"> (050)54-36-524 </a> </div> <button class="btn __as-link footer__link" type="button" data-modal="#call-me">Передзвонити вам?</button> </div> <div class="footer__contacts-group"> <div class="footer__contacts-item"> <svg class="icon icon--viber"> <use xlink:href="#icon-viber"></use> </svg> <a data-fake-href="viber://chat?number=%2B0963030190" class="footer__link"> (096)30-30-190 </a> </div> <div class="footer__contacts-item"> <svg class="icon icon--whatsapp"> <use xlink:href="#icon-whatsapp"></use> </svg> <a data-fake-href="whatsapp://send?phone=380963030190" class="footer__link"> +380963030190 </a> </div> <div class="footer__contacts-item"> <svg class="icon icon--telegram"> <use xlink:href="#icon-telegram"></use> </svg> <a data-fake-href="tg://resolve?domain=Eniki_shop" class="footer__link"> Eniki_shop </a> </div> <div class="footer__contacts-item"> <svg class="icon icon--email"> <use xlink:href="#icon-email"></use> </svg> <a data-fake-href="mailto:torg.eniki%40gmail.com" class="footer__link"> torg.eniki@gmail.com </a> </div> </div> <div class="footer__contacts-group"> <svg class="icon icon--location"> <use xlink:href="#icon-location"></use> </svg> <div class="footer__address">Україна, Київ, вул. Миропільська 35 (офіс) Індекс 02192 Тільки онлайн-магазин ВАЖЛИВО : Роздрібного магазину та шоу-руму немає</div> <a class="footer__link" href="/ua/kontaktnaia-ynformatsyia/">Мапа проїзду</a> </div></div> </div> </div> </div> </div> </div> </footer> <div class="upButton" id="upButton"> <button type="button" class="upButton-btn" aria-label="Вгору"> <span class="upButton-btn__hint" aria-hidden="true">Вгору</span> <svg class="icon icon--arrow-up" aria-hidden="true" focusable="false"><use xlink:href="#icon-arrow-up"></use></svg> </button> </div> </div> <section id="sign-in" class="popup __login" style="display: none;" role="dialog" aria-modal="true" aria-label="Вхід"> <div class="popup-block login"> <button class="popup-close" onclick="Modal.close();" type="button" aria-label="Закрити"> <svg class="icon icon--cross" aria-hidden="true" focusable="false"><use xlink:href="#icon-cross"></use></svg> </button> <div class="login-header"> <div class="login-tabs j-auth-tabs"> <a href="#j-popup-tab-auth" class="login-tabs-i __active"> <span class="login-tabs-txt">Вхід</span> </a> <a href="#j-popup-tab-signup" class="login-tabs-i"> <span class="login-tabs-txt">Реєстрація</span> </a> </div> <div class="socLogin"> <div class="socLogin-h">Увійти за допомогою</div> <div class="socLogin-b"> <button rel="nofollow" onclick="OAuth.setScenario('default'); showPopup('/ua/security/OAuthRedirect/?soc=facebook&saveCart=0', 997, 490); return false;" type="button" class="socialIcon" aria-label="Увійти за допомогою Facebook" > <svg class="icon icon--fb" aria-hidden="true" focusable="false"> <use xlink:href="#icon-fb"></use> </svg> </button> <button rel="nofollow" onclick="OAuth.setScenario('default'); showPopup('/ua/security/OAuthRedirect/?soc=google&saveCart=0', 997, 490); return false;" type="button" class="socialIcon" aria-label="Увійти за допомогою Google" > <svg class="icon icon--gp" aria-hidden="true" focusable="false"> <use xlink:href="#icon-gp"></use> </svg> </button> </div> </div> </div> <div class="login-body"> <div class="login-tabs-content" data-content-id="j-popup-tab-auth"> <form method="post" id="login_form_id" data-action="/ua/security/login/" onsubmit="submit_authorization(this); return false;"> <div class="j-login-info-message" role="alert"></div> <dl class="form"> <dt class="form-head"><label for="login-form-email">Е-пошта</label></dt> <dd class="form-item"> <input type="email" id="login-form-email" name="user[email]" class="field j-focus" autocapitalize="off" autocomplete="email"> </dd> <dt class="form-head"><label for="login-form-password">Пароль</label></dt> <dd class="form-item"> <input type="password" id="login-form-password" name="user[pass]" class="field" autocomplete="current-password"> </dd> <dd class="form-item __submit"> <button type="submit" class="btn __special"> <span class="btn-content">Увійти</span> </button> <span class="form-passRecover"> <a href="javascript:void(0);" class="a-pseudo" data-modal="#password-recovery" role="button" > Забули пароль? </a> </span> </dd> </dl> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("29c424da843b75146c637fd739abd5285231c310");$("#login_form_id").append(i);})(jQuery)}, 'jQuery' in window)})(window)</script></form> </div> <div class="login-tabs-content" data-content-id="j-popup-tab-signup"> <form method="post" id="signup-form" data-action="/ua/security/sign_up/" onsubmit="submit_new_registration(this); return false;" novalidate> <div class="j-signup-info-message" role="alert"></div> <dl class="form"> <dt class="form-head __name"><label for="signup-name">Ім'я та прізвище</label></dt> <dd class="form-item"> <input type="text" id="signup-name" name="user[title]" class="field" value="" autocomplete="name"> </dd> <dt class="form-head"><label for="signup-email">Е-пошта</label></dt> <dd class="form-item"> <input type="email" id="signup-email" autocapitalize="off" name="user[email]" class="field" value="" autocomplete="email"> </dd> <dt class="form-head"><label for="signup-password">Пароль</label></dt> <dd class="form-item"> <input type="password" id="signup-password" name="user[pass]" class="field" value="" autocomplete="new-password"> </dd> <dd class="form-item __submit"> <button type="submit" class="btn __special j-submit "> <span class="btn-content">Зареєструватись</span> </button> </dd> </dl> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("4c32b80c3b02c55d03a7370b00615beeae9fc482");$("#signup-form").append(i);})(jQuery)}, 'jQuery' in window)})(window)</script></form> <script> (function (w) { w.INIT.add(function () { }, w.Face) })(window); </script> </div> </div> </div> <script> (function (w) { w.INIT.add(function () { initTabs('#sign-in .j-auth-tabs a', { onChange: function (currentBtn, currentTabContainer, tabContainers) { $(tabContainers).find('.popup-msg').empty(); $(tabContainers).find('form').reset(); $(currentTabContainer).find(':input').errorBox().filter(':first').focus(); } }); }, w.initTabs) })(window); </script> </section> <section id="password-recovery" class="popup __password" style="display: none;" role="dialog" aria-modal="true" aria-labelledby="password-recovery-title"> <div class="popup-block login"> <button class="popup-close" onclick="Modal.close();" type="button" aria-label="Закрити"> <svg class="icon icon--cross" aria-hidden="true" focusable="false"><use xlink:href="#icon-cross"></use></svg> </button> <div class="popup-header"> <div class="popup-title" id="password-recovery-title">Відновлення пароля</div> </div> <div class="popup-body"> <div class="popup-msg j-recovery-message"> Введіть адресу електронної пошти, яку ви вказали під час реєстрації. Ми надішлемо листа з інформацією для відновлення пароля </div> <form id="password-recovery-form" method="post" data-action="/ua/security/password-recovery/" onsubmit="password_recovery_submit(this); return false;"> <dl class="form"> <dt class="form-head"><label for="password-recovery-email">Е-пошта</label></dt> <dd class="form-item"> <input type="email" id="password-recovery-email" autocapitalize="off" value="" class="field j-focus" name="user[email]" autocomplete="email"> </dd> <dd class="form-item __submit"> <button type="submit" class="btn __special"> <span class="btn-content">Відновити</span> </button> </dd> </dl> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("783444c55f48d443573890acbcd841f28a23df95");$("#password-recovery-form").append(i);})(jQuery)}, 'jQuery' in window)})(window)</script></form> </div> </div> </section> <div class="sr-only" aria-live="polite" aria-atomic="true" id="a11y-announcer"></div> <div id="modal-overlay" class="overlay"></div> <script src="/ua/globals.js/?version=050dd2d57ddc595fd6c99ef3d6dc7d28" defer></script> <script src='/bundles/default/production/main-2b4841d6.c46a3b5c411c99875dd0.js' defer></script> <script src='/bundles/default/production/runtime.803092869d0596bba0ee.js' defer></script> <script src='/bundles/default/production/npm.spritespin.ec41522fbb12e4dd2dc3.js' defer></script> <script src='/bundles/default/production/npm.inputmask.cf189a07f3b8fbf556fc.js' defer></script> <script src='/bundles/default/production/npm.jquery-13d81934.02524b08610c73f10748.js' defer></script> <script src='/bundles/default/production/npm.sticky-sidebar.486548416ea3c996410e.js' defer></script> <script src='/bundles/default/production/npm.sourcebuster.3d5ac01311ba01923781.js' defer></script> <script src='/bundles/default/production/npm.popper.js.5dae996491d289879983.js' defer></script> <script src='/bundles/default/production/npm.css-element-queries.e7da66f0ad5cb9585fca.js' defer></script> <script src='/bundles/default/production/npm.horoshop.b149fa09f3c26926d954.js' defer></script> <script src='/bundles/default/production/main-44867c3a.efbbf9b879fdcd745e4e.js' defer></script> <script src='/bundles/default/production/main-e498c03b.2aed25ad91fdd5748787.js' defer></script> <script src='/bundles/default/production/main-12f89153.aa682aa2bb9a36aaf0f5.js' defer></script> <script src='/bundles/default/production/main-2d8f051b.280fde7c3ff961d49702.js' defer></script> <script src='/bundles/default/production/main-5ae6720c.500b46aa36d7120bc0de.js' defer></script> <script src='/bundles/default/production/main-886f090d.b8c300ef7caeb1b9dff0.js' defer></script> <script src='/bundles/default/production/main-47f80845.fb7561d7181b81d0d3ae.js' defer></script> <script src='/bundles/default/production/npm.jquery-b59a2ec2.43cabd1bdfb78ae15d5b.js' defer></script> <script> document.addEventListener('DOMContentLoaded', function () { (function (w) { w.INIT.execute(); })(window); }); </script> <script>document.querySelectorAll('svg.icon:not([role])').forEach(function(s){s.setAttribute('aria-hidden','true');s.setAttribute('focusable','false')});</script> <script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer> </script> <style> :root { --sw-main: #16A34A; /* Змінено на фірмовий зелений акцент */ --sw-close: #334155; --sw-telegram: #24A1DE; --sw-direct-call: #0ea5e9; --sw-callback: #00E676; --sw-bg-overlay: rgba(15, 23, 42, 0.85); --sw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .smart-widget-wrapper { position: fixed; bottom: calc(14px + env(safe-area-inset-bottom)); right: 12px; display: flex; flex-direction: column; align-items: flex-end; z-index: 9999; font-family: var(--sw-font); -webkit-tap-highlight-color: transparent; pointer-events: none; /* Пропускаем клики сквозь контейнер */ } .smart-widget-wrapper > * { pointer-events: auto; } /* Возвращаем клики элементам */ /* === ОБЛАЧКО === */ #sw-welcome-bubble { position: absolute; bottom: 85px; right: 0; width: 260px; background: #ffffff; border-radius: 20px 20px 4px 20px; padding: 16px 40px 16px 20px; box-shadow: 0 8px 24px -4px rgba(0,0,0,0.15); font-size: 14px; font-weight: 500; color: #1e293b; opacity: 0; visibility: hidden; transform: translateY(10px) scale(0.95); transition: all 0.4s; cursor: pointer; will-change: transform, opacity; /* Оптимизация производительности */ } #sw-welcome-bubble.visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } #sw-close-bubble { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; background: #f1f5f9; border-radius: 50%; border: none; color: #94a3b8; cursor: pointer; display: flex; align-items: center; justify-content: center; } /* === МЕНЮ КНОПОК === */ .smart-list { display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.9); transition: all 0.3s; align-items: center; will-change: transform, opacity; } .smart-list.visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .smart-list-item { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.2); text-decoration: none; position: relative; cursor: pointer; border: none; transition: transform 0.2s; } .smart-list-item::after { content: ''; position: absolute; top: -15px; bottom: -15px; left: -15px; right: -15px; } .smart-list-item:active { transform: scale(0.95); } .smart-list-item svg { width: 30px; height: 30px; fill: white; } .bg-callback { background: linear-gradient(135deg, #69F0AE, var(--sw-callback)); } /* Обновленный, более мягкий градиент Viber */ .bg-viber { background: linear-gradient(135deg, #7C4DFF, #665DCD); } .bg-telegram { background: linear-gradient(135deg, #38bdf8, var(--sw-telegram)); } .bg-direct { background: linear-gradient(135deg, #60a5fa, var(--sw-direct-call)); } @keyframes pulse-neon { 0% { box-shadow: 0 0 0 0 rgba(0, 230, 118, 0.6); } 70% { box-shadow: 0 0 0 18px rgba(0, 230, 118, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 230, 118, 0); } } .pulse-green { animation: pulse-neon 2s infinite; } .smart-label { position: absolute; right: 72px; top: 50%; transform: translateY(-50%) translateX(10px); background: rgba(15, 23, 42, 0.95); color: white; padding: 6px 14px; border-radius: 8px; font-size: 14px; font-weight: 600; white-space: nowrap; opacity: 0; visibility: hidden; transition: 0.25s; pointer-events: none; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .smart-list-item:hover .smart-label { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); } .label-permanent { opacity: 1 !important; visibility: visible !important; transform: translateY(-50%) translateX(0); } /* === ГЛАВНАЯ КНОПКА === */ #smart-toggle-btn { width: 52px; height: 52px; background: var(--sw-main); border-radius: 50%; border: none; cursor: pointer; box-shadow: 0 8px 25px -6px rgba(22, 163, 74, 0.6); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; transition: 0.3s; } @media(min-width: 768px) { #smart-toggle-btn { width: 64px; height: 64px; } .smart-widget-wrapper { bottom: calc(20px + env(safe-area-inset-bottom)); right: 20px; } } .icon-cycler { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .icon-cycler.hidden { opacity: 0; transform: rotate(90deg); } .cycle-icon { position: absolute; width: 30px; height: 30px; opacity: 0; transform: scale(0.5); transition: 0.4s; fill: white; } .cycle-icon.active { opacity: 1; transform: scale(1); } #css-close { position: absolute; width: 100%; height: 100%; opacity: 0; transform: rotate(-90deg); transition: 0.3s; } #css-close.visible { opacity: 1; transform: rotate(0deg); } #css-close::before, #css-close::after { content: ''; position: absolute; width: 4px; height: 26px; background: white; top: 50%; left: 50%; border-radius: 4px; } #css-close::before { transform: translate(-50%, -50%) rotate(45deg); } #css-close::after { transform: translate(-50%, -50%) rotate(-45deg); } /* === МОДАЛКА === */ .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--sw-bg-overlay); z-index: 10000; display: flex; align-items: flex-end; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; backdrop-filter: blur(4px); padding-bottom: env(safe-area-inset-bottom); } @media(min-width: 768px) { .modal-overlay { align-items: center; padding-bottom: 0; } } .modal-overlay.visible { opacity: 1; visibility: visible; } .callback-modal { background: #ffffff; width: 100%; max-width: 400px; border-radius: 24px 24px 0 0; padding: 30px 25px 40px; box-shadow: 0 -10px 40px rgba(0,0,0,0.2); transform: translateY(100%); transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); color: #1e293b; } @media(min-width: 768px) { .callback-modal { border-radius: 24px; transform: translateY(30px); padding: 40px; } } .modal-overlay.visible .callback-modal { transform: translateY(0); } .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .modal-header h3 { margin: 0; font-size: 20px; font-weight: 700; color: #1e293b; } .modal-close-btn { background: none; border: none; font-size: 28px; cursor: pointer; color: #94a3b8; padding: 0; line-height: 1; } #cb-phone-input { width: 100%; padding: 18px; border: 2px solid #e2e8f0; border-radius: 14px; background: #f8fafc; font-size: 20px; text-align: center; margin: 25px 0; outline: none; box-sizing: border-box; transition: 0.3s; color: #334155; font-weight: 700; letter-spacing: 0.5px; -webkit-appearance: none; } #cb-phone-input:focus { border-color: var(--sw-main); background: #ffffff; } .cb-submit-btn { width: 100%; padding: 18px; background: #94a3b8; color: white; border: none; border-radius: 14px; font-size: 16px; font-weight: 700; cursor: not-allowed; transition: 0.3s; } .cb-submit-btn.ready { background: var(--sw-callback); color: #064e3b; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 230, 118, 0.4); } .cb-submit-btn.ready:hover { transform: translateY(-2px); } /* === TOAST === */ #sw-toast { position: fixed; top: 20px; left: 50%; transform: translateX(-50%) translateY(-100px); background: #00C853; color: white; padding: 14px 28px; border-radius: 50px; box-shadow: 0 10px 30px rgba(0, 200, 83, 0.4); z-index: 10002; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s; font-weight: 600; font-size: 15px; display: flex; align-items: center; gap: 8px; opacity: 0; pointer-events: none; } #sw-toast.visible { transform: translateX(-50%) translateY(20px); opacity: 1; } </style> <div class="smart-widget-wrapper">  <div id="sw-welcome-bubble"> <button id="sw-close-bubble" aria-label="Закрити">×</button> <div id="sw-bubble-text">👋 Є питання? Ми допоможемо з вибором!</div> </div>  <div id="smart-list" class="smart-list">  <button id="trigger-callback" class="smart-list-item bg-callback pulse-green" aria-label="Замовити дзвінок"> <svg viewBox="0 0 24 24"><path d="M19.95 21q-3.125 0-6.175-1.362t-5.55-3.863q-2.5-2.5-3.862-5.55T3 4.05q0-.45.3-.75t.75-.3H8.1q.35 0 .625.238t.325.562l.65 3.5q.05.4-.025.675T9.4 8.45L6.975 10.9q1.05 1.8 2.638 3.375T13.1 17.025l2.4-2.4q.25-.25.525-.337t.675-.038l3.5.65q.325.05.563.325t.237.625v4.05q0 .45-.3.75t-.75.3Z"/></svg> <span class="smart-label label-permanent">Передзвоніть мені</span> </button>  <a href="viber://chat?number=%2B380963030190" target="_blank" class="smart-list-item bg-viber" aria-label="Написати у Viber"> <svg viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741 1.096 1.05-3.657-.238-.378a9.86 9.86 0 01-1.514-5.26c.002-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/> </svg> <span class="smart-label">Viber</span> </a>  <a href="https://t.me/Eniki_shop" target="_blank" class="smart-list-item bg-telegram" aria-label="Написати у Telegram"> <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.69-.52.36-1 .53-1.42.52-.47-.01-1.37-.26-2.03-.48-.82-.27-1.47-.42-1.42-.88.03-.24.38-.49 1.03-.75 4.03-1.75 6.72-2.9 8.08-3.47 3.85-1.63 4.64-1.92 5.18-1.92.12 0 .38.03.55.16.14.11.18.26.2.43 0 .09.01.19 0 .23z"/></svg> <span class="smart-label">Telegram</span> </a>  <a href="tel:0963030190" class="smart-list-item bg-direct" aria-label="Зателефонувати"> <svg viewBox="0 0 24 24"><path d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5 A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z"/></svg> <span class="smart-label label-permanent">Зателефонувати</span> </a> </div>  <button id="smart-toggle-btn" aria-label="Меню зв'язку" aria-expanded="false"> <div id="icon-cycler" class="icon-cycler"> <svg class="cycle-icon active" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg> <svg class="cycle-icon" viewBox="0 0 24 24"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.99.99 0 0 0-1.01.24l-1.57 1.57c-2.83-1.35-5.21-3.72-6.56-6.56l1.57-1.57a.99.99 0 0 0 .24-1.01c-.36-1.11-.56-2.3-.56-3.53a1 1 0 0 0-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.51a1 1 0 0 0-1-1zM18 9h-2.59l3.29-3.29-1.41-1.42L14 7.59V5h-2v5h5V9z"/></svg> <svg class="cycle-icon" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741 1.096 1.05-3.657-.238-.378a9.86 9.86 0 01-1.514-5.26c.002-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/> </svg> </div> <div id="css-close"></div> </button> </div>  <div class="modal-overlay" id="callback-overlay" role="dialog" aria-modal="true" aria-labelledby="modal-title"> <div class="callback-modal"> <div class="modal-header"> <h3 id="modal-title">Замовити дзвінок</h3> <button id="close-modal" class="modal-close-btn" aria-label="Закрити модальне вікно">×</button> </div> <p style="color:#64748b; font-size:15px; margin:0 0 20px 0;">Введіть номер, і ми зателефонуємо!</p> <form id="cb-form" action="https://formsubmit.co/dima.eniki@gmail.com" method="POST"> <input type="tel" id="cb-phone-input" name="phone" placeholder="+380 (__) ___-__-__" autocomplete="tel" aria-label="Ваш номер телефону"> <input type="hidden" name="_captcha" value="false"> <input type="hidden" name="_subject" value="Новий дзвінок з сайту!"> <input type="hidden" name="_template" value="table"> <input type="hidden" name="Сторінка" id="page-url"> <button type="submit" id="cb-submit" class="cb-submit-btn">Чекаю на дзвінок</button> </form> </div> </div> <div id="sw-toast"> <svg style="width:20px;height:20px;fill:white;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg> Запит прийнято! </div> <script> document.addEventListener('DOMContentLoaded', () => { // === 1. ИНИЦИАЛИЗАЦИЯ (ВИДЖЕТ) === const toggleBtn = document.getElementById('smart-toggle-btn'); const menuList = document.getElementById('smart-list'); const bubble = document.getElementById('sw-welcome-bubble'); const bubbleText = document.getElementById('sw-bubble-text'); const closeBubble = document.getElementById('sw-close-bubble'); const cycleIcons = document.querySelectorAll('.cycle-icon'); const cssClose = document.getElementById('css-close'); const iconCycler = document.getElementById('icon-cycler'); // === 2. ИНИЦИАЛИЗАЦИЯ (ФОРМА И МАСКА) === const overlay = document.getElementById('callback-overlay'); const cbForm = document.getElementById('cb-form'); const phoneInput = document.getElementById('cb-phone-input'); const submitBtn = document.getElementById('cb-submit'); const closeModalBtn = document.getElementById('close-modal'); const toast = document.getElementById('sw-toast'); // === 3. ЛОГИКА ВИДЖЕТА === let isOpen = false; let cycleInterval; function initGreetings() { const hasSeenFirst = localStorage.getItem('sw_seen_first_greeting'); const sessionStarted = sessionStorage.getItem('sw_session_active'); if (!hasSeenFirst) { setTimeout(() => { if (!isOpen) { showBubble("👋 Є питання? Ми допоможемо з вибором!"); localStorage.setItem('sw_seen_first_greeting', 'true'); setTimeout(hideBubble, 7000); } }, 15000); } else if (!sessionStarted) { setTimeout(() => { if (!isOpen) { showBubble("😊 Раді бачити вас знову! Потрібна допомога?"); setTimeout(hideBubble, 7000); } }, 5000); } sessionStorage.setItem('sw_session_active', 'true'); } function showBubble(text) { bubbleText.innerText = text; bubble.classList.add('visible'); } function hideBubble() { bubble.classList.remove('visible'); } closeBubble.addEventListener('click', (e) => { e.stopPropagation(); hideBubble(); }); bubble.addEventListener('click', () => { toggleMenu(); hideBubble(); }); function startCycle() { let i = 0; cycleInterval = setInterval(() => { cycleIcons.forEach(el => el.classList.remove('active')); i = (i + 1) % cycleIcons.length; cycleIcons[i].classList.add('active'); }, 3000); } function toggleMenu() { isOpen = !isOpen; menuList.classList.toggle('visible', isOpen); cssClose.classList.toggle('visible', isOpen); iconCycler.classList.toggle('hidden', isOpen); toggleBtn.setAttribute('aria-expanded', isOpen); toggleBtn.style.backgroundColor = isOpen ? 'var(--sw-close)' : 'var(--sw-main)'; if (isOpen) { clearInterval(cycleInterval); hideBubble(); } else { startCycle(); } } toggleBtn.addEventListener('click', toggleMenu); // === 4. ОТКРЫТИЕ ФОРМЫ (И БЛОКИРОВКА СКРОЛЛА) === document.getElementById('trigger-callback').onclick = (e) => { e.stopPropagation(); if(isOpen) toggleMenu(); overlay.classList.add('visible'); document.body.style.overflow = 'hidden'; document.getElementById('page-url').value = window.location.href; setTimeout(() => { phoneInput.focus(); if(!phoneInput.value) phoneInput.value = "+380 ("; }, 300); }; const closeModal = () => { overlay.classList.remove('visible'); document.body.style.overflow = ''; }; closeModalBtn.onclick = closeModal; overlay.addEventListener('click', (e) => { if (e.target === overlay) closeModal(); }); // NEW: Закрытие по ESC document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && overlay.classList.contains('visible')) { closeModal(); } }); // === 5. МАСКА ТЕЛЕФОНА === phoneInput.addEventListener('input', function(e) { let value = this.value.replace(/\D/g, ''); if (value.length === 0) { this.value = ''; submitBtn.classList.remove('ready'); return; } if (value.substring(0, 3) !== '380') { if (value.startsWith('80')) value = '3' + value; else if (value.startsWith('0')) value = '38' + value; else value = '380' + value; } value = value.substring(0, 12); let formattedValue = '+380'; if (value.length > 3) formattedValue += ' (' + value.substring(3, 5); if (value.length >= 5) formattedValue += ') ' + value.substring(5, 8); if (value.length >= 8) formattedValue += '-' + value.substring(8, 10); if (value.length >= 10) formattedValue += '-' + value.substring(10, 12); this.value = formattedValue; if (value.length === 12) { submitBtn.classList.add('ready'); submitBtn.disabled = false; } else { submitBtn.classList.remove('ready'); submitBtn.disabled = true; } }); phoneInput.addEventListener('keydown', function(e) { if (e.key === 'Backspace' && this.value.length <= 6) { e.preventDefault(); this.value = ''; submitBtn.classList.remove('ready'); } }); // === 6. ОТПРАВКА БЕЗ ПЕРЕЗАГРУЗКИ === cbForm.addEventListener('submit', function(e) { e.preventDefault(); const rawNum = phoneInput.value.replace(/\D/g, ''); if (rawNum.length < 12) return; submitBtn.textContent = 'Відправка...'; submitBtn.style.opacity = '0.7'; const formData = new FormData(cbForm); fetch(cbForm.action, { method: 'POST', body: formData, headers: { 'Accept': 'application/json' } }) .then(response => { closeModal(); toast.classList.add('visible'); cbForm.reset(); submitBtn.textContent = 'Чекаю на дзвінок'; submitBtn.classList.remove('ready'); submitBtn.style.opacity = '1'; setTimeout(() => { toast.classList.remove('visible'); }, 2000); }) .catch(error => { console.error('Error:', error); closeModal(); toast.textContent = "Помилка з'єднання 😔"; toast.style.background = "#ef4444"; toast.classList.add('visible'); setTimeout(() => toast.classList.remove('visible'), 3000); }); }); startCycle(); initGreetings(); }); </script>  <section id="cart" class="popup __cart" style="display: none;" role="dialog" aria-modal="true" aria-labelledby="cart-title" > <div class="popup-block"> <button class="popup-close" onclick="Modal.close();" type="button" aria-label="Закрити"> <svg class="icon icon--cross" aria-hidden="true" focusable="false"><use xlink:href="#icon-cross"></use></svg> </button> <div class="popup-title" id="cart-title">Кошик</div> <div class="cart"> <div class="cart-content"> <div class="loader-container j-cart-loader"> <div class="loader-spinner loader-spinner--block"></div> </div> <table class="cart-items"> <thead> <tr> <td></td> <td></td> <td class="cart-header"> <div class="cart-header-b"><span class="cart-header-content">Кількість</span></div> </td> <td class="cart-header __cost"> <div class="cart-header-b"><span class="cart-header-content">Вартість</span></div> </td> </tr> </thead> <tfoot class="cart-foot"> <tr> <td class="cart-cell __image"></td> <td class="cart-cell" colspan="3"> <div class="cart-discount"> <div class="cart-discount-l"> <div class="cart-discount-info j-coupon-add-container"> <button class="btn __as-link link link--pseudo j-coupon-add" type="button" > <span class="link__text"> Є купон зі знижкою? </span></button> </div> <div class="cart-discount-coupon j-coupon-add-form" style="display: none;" > <div class="coupon"> <div class="coupon-input"> <input class="coupon-field field errorBox-popup j-coupon-input" aria-label="код купона чи сертифікату" value="" autocomplete="off" placeholder="код купона чи сертифікату" type="text" > <div class="coupon-cancel j-coupon-cancel"> <svg class="icon icon--cross-bold"><use xlink:href="#icon-cross-bold"></use></svg> </div> </div> <div class="coupon-submit"> <button class="btn __small j-coupon-submit"> <span class="btn-content">OK</span> </button> </div> </div> </div> </div> </div> </td> </tr> <tr> <td class="cart-footer" colspan="4"> <div class="cart-summary"> <div class="cart-footer-h">Всього</div> <div class="cart-footer-b cart-cost j-total-sum"> 0 грн </div> </div> <div class="cart-buttons"> <div class="cart-btnBack"> <button class="btn __clear" onclick="Modal.close(); return false;" > <span class="btn-content"> <svg class="icon icon--arrow-left2"><use xlink:href="#icon-arrow-left2"></use></svg> Повернутись до покупок </span> </button> </div> <div class="cart-btnOrder"> <a class="btn __special" rel="nofollow" href="/ua/checkout/" > <span class="btn-content">Надіслати</span> </a> </div> </div> </td> </tr> </tfoot> </table> </div> <div class="j-cart-additional"> </div> </div> </div> </section> <script> (function (w) { w.INIT.add(function () { const ajaxCart = AjaxCart.getInstance(); ajaxCart.skin = "modal"; ajaxCart.remove_product_on_zero = true; }, w.AjaxCart); })(window); </script> <section class="compare" id="uid0a12a46c8580908a02fd8ecf5410c66a" style="display: none;"> <div class="compare-container"> <button class="compare-close j-close" type="button" aria-label="Закрити"> <svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg> </button> <div class="compare-header"> <div class="compare-header-wrp"> <div class="compare-h">Порівняння товарів</div> <div class="compare-filter j-tabs"></div> </div> </div> <div class="j-loader" style="position: absolute;top:55px;left:0;right:0;bottom:0; z-index: 1000; background: rgba(255,255,255,.5)"><div class="loader" style="width: 10px; height: 10px; position: absolute; top: 50%;left:50%;margin:-5px 0 0 -5px;"></div></div> <div class="compare-body j-content"></div> </div> </section> <script> (function (w) { w.INIT.add(function () { ComparisonTable.createInstance("default", "#uid0a12a46c8580908a02fd8ecf5410c66a"); }, w.ComparisonTable) })(window); </script> </body>  </html>