⭐ Дитячі польські коляски Bebetto 2в1 та для двійні | Прогулянкові коляски преміум якості

4

</ iframe> </ p> <P> Коляска універсальна 2 в 1 Bebetto HOLLAND (W33) ця коляска відрізняється, серед інших, компактною люлькою з оббивкою, що робить її привабливою. Коляска Bebetto була виготовлена з екокожі. Зручна система регулювання люльки і кришка з додатковою непокритою панеллю дозволяють захистити вашу дитину від вітру або сильного сонця. Ця люлька також має оббивку UV50 +. Це дозволяє захистити вашу дитину від шкідливого ультрафіолетового випромінювання. Колеса не деформуються, як це зазвичай відбувається з надувними колесами. Матеріал, з якого вони зроблені, довговічний, гнучкий і дуже стійкий до пошкоджень. Коляска Bebetto має ряд рішень, які полегшують повсякденне використання коляски. Зручний двосторонній матрац дозволяє юному пасажирові зайняти зручне положення. Бар'єр має здатність швидко відчіплюватися, що полегшує розміщення дитини в кріслі, а регульовані ремені забезпечують його безпечне положення. У колясці Bebetto ви можете розраховувати на зручну раму з амортизаційними обмежують вібраціями, переданими на конструкцію. Колеса Flexy Wheels забезпечують зручну роботу коляски. <br /> Купити дитячу коляску Bebetto можна в інтернет магазині товарів для дітей <a href="https://<a href="https://eniki.com.ua/ua/" target="_blank">Eniki.com.ua</a></a> У нас великий вибір найпопулярніших моделей і брендів. Представлені дитячі коляски всіх типів від прогулянкових до моделей трансформерів 3 в 1. Вибір дитячої коляски це не просте заняття, на більшість моделей у нас є відео-огляди які допоможуть визначитися з необхідним функціоналом і розібратися з конструктивними особливостями конкретної моделі. Якщо потрібна допомога або додаткова консультація телефонуйте за вказаними номерами або замовте зворотний дзвінок, і ви отримаєте вичерпні відповіді на всі питання. Доставимо дитячу коляску Bebetto в будь-який населений пункт України. </ P><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"> 503.29.17.W33 </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Ціна </th> <td class="product-features__cell"> 10122.20 </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Назва модифікації </th> <td class="product-features__cell"> Коляска універсальна 2 в 1 Bebetto HOLLAND (W33) бежева з сірим </td> </tr> <tr class="product-features__row"> <th class="product-features__cell product-features__cell--h"> Короткий опис </th> <td class="product-features__cell"> Характеристики та комплектація:<br /> Тип Універсальні 2в1<br /> Вік Від 0 до 36 місяців<br /> Максимальна вага дитини, кг До 15 кг<br /> Можливість установки автокрісла Так<br /> Кількість коліс 4<br /> колеса Гума<br /> Діаметр передніх коліс 24 см<br /> Діаметр задніх коліс 30 см<br /> Ширина шасі 60 см<br /> Розміри в розкладеному вигляді 100х60х124 см<br /> Розміри в складеному вигляді (рама з колесами): 87х33 см<br /> Довжина підставки для ніг 20 см<br /> Висота спинки 50 см<br /> Глибина сидіння 27 см<br /> Люлька 79х36х18 см<br /> Вага коляски 14.5 кг<br /> Вага люльки 4.3 кг<br /> Вага рами з колесами 9.6 кг<br /> Вага 13.9 кг </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 Bebetto HOLLAND (W33) бежева з сірим </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=174/'>Bebetto</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"> 24 </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-uid49ba5e8d1bd9ca1f8f62e138a8feff9e"> <div class="reviews__inner"> <div class="p-review" id="uid49ba5e8d1bd9ca1f8f62e138a8feff9e"></div> </div> <div class="reviews__add-comment"> <form id="form-uidb3917ae89663649b37f3a17e6909c2e3" 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="" > </div> <div class="p-review-add__form-item"> <input class="field" type="email" autocapitalize="off" name="form[email]" placeholder="Е-пошта" value="" > </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"> <a rel="nofollow" data-fake-href="/ua/security/OAuthRedirect/?soc=facebook&saveCart=0" onclick="OAuth.setScenario('default'); showPopup(this.href, 997, 490); return false;" class="socialIcon"> <svg class="icon icon--fb"> <use xlink:href="#icon-fb"></use> </svg> </a> <a rel="nofollow" data-fake-href="/ua/security/OAuthRedirect/?soc=google&saveCart=0" onclick="OAuth.setScenario('default'); showPopup(this.href, 997, 490); return false;" class="socialIcon"> <svg class="icon icon--gp"> <use xlink:href="#icon-gp"></use> </svg> </a> </div> </div> </div> <div class="p-review-add__form-item"> <textarea class="field __text" name="form[text]" placeholder="Повідомлення"></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"> <div class="productRating-star"> <div class="productRating-value" title="1"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </div> <div class="productRating-star"> <div class="productRating-value" title="2"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </div> <div class="productRating-star"> <div class="productRating-value" title="3"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </div> <div class="productRating-star"> <div class="productRating-value" title="4"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </div> <div class="productRating-star"> <div class="productRating-value" title="5"> <svg class="icon icon--star"><use xlink:href="#icon-star"></use></svg> </div> </div> </div> </div> </div> </div> </div> <div class="p-review-add__form-item"> <span class="btn __special"> <span class="btn-content">Надіслати</span> <input class="btn-input" type="submit" value="Надіслати"> </span> </div> </div> </div> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("f481d81eca140eec760259b75abe9010adcea6a3");$("#form-uidb3917ae89663649b37f3a17e6909c2e3").append(i);})(jQuery)}, 'jQuery' in window)})(window)</script> </form> </div> <script> (function (w) { w.INIT.add(function () { var object = AjaxComments.getInstance("304e9d61d52351e7c01cbb6e0bf398d0"), form = $("#form-uidb3917ae89663649b37f3a17e6909c2e3"); 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 = $("#uid49ba5e8d1bd9ca1f8f62e138a8feff9e_showMore"), instance = AjaxComments.getInstance("304e9d61d52351e7c01cbb6e0bf398d0", '#comments-container-uid49ba5e8d1bd9ca1f8f62e138a8feff9e'); instance.initComments("#uid49ba5e8d1bd9ca1f8f62e138a8feff9e", 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-6a11d7ced4adb 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/13639/" id="uid7726e8b9da451854218d26b997d566a8" 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="бежевая с серым" href="javascript:void(0);" onclick='return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W33) бежева з сірим 503.29.17.W33 фото' class='modification__preview-img' width='78' height='78' src='/content/images/40/78x78l80nn0/61511921984636.png' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="серый" href="javascript:void(0);" data-tooltip-id="26" onclick='$("#j-mod-prop-color").val("26").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W39) сірий з точкою, штсерий з точкою 503.29.17.W39 фото' class='modification__preview-img' width='71' height='78' src='/content/images/41/71x78l80nn0/81590054463666.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="серый1" href="javascript:void(0);" data-tooltip-id="116" onclick='$("#j-mod-prop-color").val("116").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W45) сірий 503.29.17.W45 фото' class='modification__preview-img' width='78' height='78' src='/content/images/42/78x78l80nn0/31396377414033.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="хаки" href="javascript:void(0);" data-tooltip-id="115" onclick='$("#j-mod-prop-color").val("115").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W47) хакі 503.29.18.W47 фото' class='modification__preview-img' width='78' height='78' src='/content/images/43/78x78l80nn0/67418829412410.png' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="графит / черный" href="javascript:void(0);" data-tooltip-id="2804" onclick='$("#j-mod-prop-color").val("2804").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W48) графіт / чорний 503.29.18.W48 фото' class='modification__preview-img' width='78' height='78' src='/content/images/44/78x78l80nn0/34516739685672.png' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="Блакитний" href="javascript:void(0);" data-tooltip-id="19" onclick='$("#j-mod-prop-color").val("19").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W51) блакитний 503.29.19.W51 фото' class='modification__preview-img' width='78' height='78' src='/content/images/45/78x78l80nn0/11705498791577.jpeg' > </span> </a> <a class=" modification__item modification__item--preview j-color-modification-change" title="серый-розовый" href="javascript:void(0);" data-tooltip-id="2805" onclick='$("#j-mod-prop-color").val("2805").trigger("change", this); return false;'> <span class="modification__preview modification__preview--size-l"> <img alt='Коляска універсальна 2 в 1 Bebetto HOLLAND (W52) сірий-рожевий 503.29.19.W52 фото' class='modification__preview-img' width='78' height='78' src='/content/images/46/78x78l80nn0/99508086869080.jpeg' > </span> </a> </div> <input type="hidden" id="j-mod-prop-color" data-prop="color" name="param[color]" value="2803"> </div> </div> </form> <script> (function (w) { w.INIT.add(function () { ModificationChange.setSelector("#uid7726e8b9da451854218d26b997d566a8"); 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="10122"> <meta itemprop="priceCurrency" content="UAH"> 10 122 грн </div> <link itemprop="url" href="https://eniki.com.ua/ua/kolyaska-universalnaya-2-v-1-bebetto-holland-w33-bezhevaya-s-serym/"> <link itemprop="availability" href="https://schema.org/OutOfStock"> </div> </div> </div> <div class="product__block"> <div class="product-toolbar"> <div class="product-toolbar__item "> <div class="comparison-button j-widget-comparison-add" data-skin="modern" data-button-size="l" data-show-button-text="1" id="comparison-product-13639-435" title="Додати товар в список порівняння" role="button" > <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> </div> </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="uidc83fd8293e3089e10f7a4f93d70428c5-13639" 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" 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="uidcbc6709405ee81fcfb11ff9c0d945fe5" data-skin="waiting_list" id="uidcbc6709405ee81fcfb11ff9c0d945fe5-13639" href="#"> <span class="btn-content">Немає в наявності</span> </a> <div class="tooltip tooltip--right j-favourite-tooltip-uidcbc6709405ee81fcfb11ff9c0d945fe5"> <div class="tooltip__wrapper"> <div class="tooltip__text text"><a href="#" class="a-pseudo" onclick="Modal.open('#sign-in'); return false;">Войдите на сайт</a> чтобы <br> добавить товар в список ожиданий</div> </div> </div> <script> (function(w) { w.INIT.add(function() { $('[data-tooltip-id=uidcbc6709405ee81fcfb11ff9c0d945fe5]').tooltip({ content: $('.j-favourite-tooltip-uidcbc6709405ee81fcfb11ff9c0d945fe5'), 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-6a11d7cedf903"> <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:#4B5563;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:14px;">Приймаємо цільові картки допомоги до 1 року (7 000 ₴) </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-6a11d7cedf903 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="e308f18acbacee519321b2825bc5a0e4" 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( 'e308f18acbacee519321b2825bc5a0e4', '/ua/_widget/horoshop_viewStrategies_product_modern_blocks_associatedProducts_widget/load-associated-products/', {"id":13639,"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="0b1e1cf367f753623ae335c18342da01" 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( '0b1e1cf367f753623ae335c18342da01', '/ua/_widget/horoshop_viewStrategies_product_modern_blocks_associatedProducts_widget/load-associated-products/', {"id":13639,"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="abd1e8c10d139b328ced74b31a042e11" 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( 'abd1e8c10d139b328ced74b31a042e11', '/ua/_widget/horoshop_viewStrategies_product_modern_blocks_associatedProducts_widget/load-associated-products/', {"id":13639,"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="uidf43301280eefdde1c0c369f8e3ad1bf2"></div> <script> document.addEventListener('DOMContentLoaded', function () { sendAjax("\/ua\/_widget\/seen_items\/default\/", null, function (status, response) { var obj = document.getElementById('uidf43301280eefdde1c0c369f8e3ad1bf2'); 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/'> <img alt='Eniki.com.ua' 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 "> </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"><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"><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"><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-universalnaya-2-v-1-bebetto-holland-w33-bezhevaya-s-serym/.?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"> <svg class="icon icon--dev" role="img"> <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">Вхід до кабінету</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"><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="Мы в инстаграмме"><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!"><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"><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"><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"><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"><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> <a class="footer__link" href="#" data-modal="#call-me">Передзвонити вам?</a> </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"> <a class="upButton-btn" href="#"> <span class="upButton-btn__hint">Вгору</span> <svg class="icon icon--arrow-up"><use xlink:href="#icon-arrow-up"></use></svg> </a> </div> </div> <section id="sign-in" class="popup __login" style="display: none;"> <div class="popup-block login"> <a class="popup-close" onclick="Modal.close();" href="javascript:;"> <svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg> </a> <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"> <a rel="nofollow" data-fake-href="/ua/security/OAuthRedirect/?soc=facebook&saveCart=0" onclick="OAuth.setScenario('default'); showPopup(this.href, 997, 490); return false;" class="socialIcon"> <svg class="icon icon--fb"> <use xlink:href="#icon-fb"></use> </svg> </a> <a rel="nofollow" data-fake-href="/ua/security/OAuthRedirect/?soc=google&saveCart=0" onclick="OAuth.setScenario('default'); showPopup(this.href, 997, 490); return false;" class="socialIcon"> <svg class="icon icon--gp"> <use xlink:href="#icon-gp"></use> </svg> </a> </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"></div> <dl class="form"> <dt class="form-head">Е-пошта</dt> <dd class="form-item"> <input type="email" name="user[email]" class="field j-focus" tabindex="1" autocapitalize="off"> </dd> <dt class="form-head">Пароль</dt> <dd class="form-item"> <input type="password" name="user[pass]" class="field" tabindex="2"> </dd> <dd class="form-item __submit"> <span class="btn __special"> <span class="btn-content">Увійти</span> <input type="submit" value="Увійти" class="btn-input" tabindex="3"> </span> <span class="form-passRecover"> <a href="javascript:void(0);" class="a-pseudo" data-modal="#password-recovery" > Забули пароль? </a> </span> </dd> </dl> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("28967f0a50b14ce04d2b8167842cc9bec3864c91");$("#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"></div> <dl class="form"> <dt class="form-head __name">Ім'я та прізвище</dt> <dd class="form-item"> <input type="text" name="user[title]" class="field" value="" tabindex="1"> </dd> <dt class="form-head">Е-пошта</dt> <dd class="form-item"> <input type="text" autocapitalize="off" name="user[email]" class="field" value="" tabindex="2"> </dd> <dt class="form-head">Пароль</dt> <dd class="form-item"> <input type="password" name="user[pass]" class="field" value="" tabindex="3"> </dd> <dd class="form-item __submit"> <span class="btn __special j-submit "> <span class="btn-content">Зареєструватись</span> <input type="submit" value="Зареєструватись" class="btn-input" tabindex="7"> </span> </dd> </dl> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("36cb09487ffa378363f120d6c9087aaf7f168989");$("#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;"> <div class="popup-block login"> <a class="popup-close" onclick="Modal.close();" href="javascript:;"> <svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg> </a> <div class="popup-header"> <div class="popup-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">Е-пошта</dt> <dd class="form-item"> <input type="email" autocapitalize="off" value="" class="field j-focus" name="user[email]"> </dd> <dd class="form-item __submit"> <span class="btn __special"> <span class="btn-content">Відновити</span> <input type="submit" value="Відновити" class="btn-input"> </span> </dd> </dl> <script>(function(w) {w.INIT.add(function() {(function ($) {var i=$('<input>').attr({name:"CSRFToken",type:'hidden'}).val("bf1b82ee1d8b98afceaa9b5e6a8b81f0ce29275e");$("#password-recovery-form").append(i);})(jQuery)}, 'jQuery' in window)})(window)</script></form> </div> </div> </section> <div id="modal-overlay" class="overlay"></div> <script src="/ua/globals.js/?version=0aeb2842801cea54844a2701dad10af4" defer></script> <script src='/bundles/default/production/main-2b4841d6.ab5f561718b70c5b4cfc.js' defer></script> <script src='/bundles/default/production/runtime.803092869d0596bba0ee.js' defer></script> <script src='/bundles/default/production/npm.popperjs.0b7d45fe80268231f96a.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.bfaee55f3e46f594ecbb.js' defer></script> <script src='/bundles/default/production/main-2d8f051b.94c3145d51b19374896c.js' defer></script> <script src='/bundles/default/production/main-5ae6720c.7e3fc3b1dc2fec94773e.js' defer></script> <script src='/bundles/default/production/main-886f090d.a42330d2e270d0d7146a.js' defer></script> <script src='/bundles/default/production/main-47f80845.83872740d5a6362de9fd.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 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;" > <div class="popup-block"> <a class="popup-close" onclick="Modal.close(); return false;" href="javascript:;"> <svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg> </a> <div class="popup-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"> <a class="link link--pseudo j-coupon-add" href="#" > <span class="link__text"> Є купон зі знижкою? </span></a> </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" 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="uid2b2610fec280584fd0339111bd09ba6d" style="display: none;"> <div class="compare-container"> <div class="compare-close j-close" role="button"> <svg class="icon icon--cross"><use xlink:href="#icon-cross"></use></svg> </div> <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", "#uid2b2610fec280584fd0339111bd09ba6d"); }, w.ComparisonTable) })(window); </script> </body>  </html>