Автомобільна кавоварка Handpresso Auto Nespresso 12/24 В

Немає в наявності

Супутні товари:

0 відгуків - Написати відгук

Наявність: Немає в наявності
Код товару: 11298

Handpresso

16748.00 грн.

Купити

В закладки порівняння

Задати запитання

Доставка

Доставка Новою поштою

Вартість доставки від 70 грн

Доставка кур'єром Нової Пошти

Вартість доставки від 90 грн

Оплата

Оплата накладеним платежем

20 грн + 2% від суми замовлення

Оплата банківським застосунком

Оплата стандартним способом на IBAN

Опис

Для приготування необхідна мінеральна вода (зворотний осмос не підійде)!
Отримайте найкращий еспресо в дорозі з Handpresso Auto Nespresso.

Що таке кавоварка Handpresso Auto?

Кавоварка Handpresso Auto призначена для приготування кави з капсул Nespresso у Вашому автомобілі. Вона підключається до 12/24 (120 Вт) і може стояти в підскляннику. Готує чудовий еспресо за 2,5 хвилини, використовуючи тиск 19 bar.

Для приготування кави Вам необхідно включити кавоварку в прикурювач, налити мінеральну негазовану воду (загориться зелений індикатор, якщо червоний – багато води, білий – мало), покласти капсулу в кавоварку (можна одразу притиснути та пробити), далі закрити кришку та натиснути на кнопку включення. Кавоварка почне накачувати необхідний тиск та нагрівати воду (2 хвилини). Після нагрівання прозвучить сигнал, потрібно перевернути кавоварку і поставити на склянку (є спеціальний паз), далі притримуючи натиснути кнопку приготування кави. Коли закінчиться вода або коли набереться +-50мл (є мітка), зупиняємо.

<div class="block-expand-overlay"><a class="block-expand btn"></a></div></div></div></div></div></div></div></div></div></div><div class="grid-col grid-col-294-1-2"><div class="grid-items"><div class="grid-item grid-item-294-1-2-1"><div class="module module-blocks module-blocks-296 blocks-grid"><div class="module-body"><div class="module-item module-item-1"><div class="block-body expand-block"><h3 class="title module-title block-title">Характеристики</h3><div class="block-wrapper"><div class="block-content expand-content block-attributes"><div id="tab-specification" class="product-specification"><div class="specification-groups"> <section class="specification-group is-open"><button type="button" class="specification-group-header" aria-expanded="true" aria-controls="specification-group-1" > <span class="specification-group-heading"><span class="specification-group-icon"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 2.8 20 7.4v9.2L12 21.2 4 16.6V7.4L12 2.8Z"></path> <path d="M4.4 7.6 12 12l7.6-4.4"></path> <path d="M12 12v8.7"></path> </svg> </span><span class="specification-group-title"> Основні </span><span class="specification-group-count"> 13 </span></span><span class="specification-group-arrow"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="m6 14 6-6 6 6"></path> </svg> </span> </button><div id="specification-group-1" class="specification-group-content" ><div class="specification-list"><div class="specification-row"><div class="specification-name"> Висота, см</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 24,5</div></div><div class="specification-row"><div class="specification-name"> Глибина, см</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 7,5</div></div><div class="specification-row"><div class="specification-name"> Новий - б/у</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> новий</div></div><div class="specification-row"><div class="specification-name"> Об'єм резервуару для води, л</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 0,05</div></div><div class="specification-row"><div class="specification-name"> Спосіб розміщення</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Портативні</div></div><div class="specification-row"><div class="specification-name"> Сфера використання</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Побутові</div></div><div class="specification-row"><div class="specification-name"> Тип</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Капсульна</div></div><div class="specification-row"><div class="specification-name"> Тип використовуваної кави</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Капсули</div></div><div class="specification-row"><div class="specification-name"> Ширина, см</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 7,5</div></div><div class="specification-row"><div class="specification-name"> Виробник</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Handpresso</div></div><div class="specification-row"><div class="specification-name"> Готує</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Еспресо</div></div><div class="specification-row"><div class="specification-name"> Колір</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Чорний</div></div><div class="specification-row"><div class="specification-name"> Тип капсул</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> Nespresso</div></div></div></div></section> <section class="specification-group is-open"><button type="button" class="specification-group-header" aria-expanded="true" aria-controls="specification-group-2" > <span class="specification-group-heading"><span class="specification-group-icon"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 2.8 20 7.4v9.2L12 21.2 4 16.6V7.4L12 2.8Z"></path> <path d="M4.4 7.6 12 12l7.6-4.4"></path> <path d="M12 12v8.7"></path> </svg> </span><span class="specification-group-title"> Розміри </span><span class="specification-group-count"> 3 </span></span><span class="specification-group-arrow"> <svg viewBox="0 0 24 24" aria-hidden="true"> <path d="m6 14 6-6 6 6"></path> </svg> </span> </button><div id="specification-group-2" class="specification-group-content" ><div class="specification-list"><div class="specification-row"><div class="specification-name"> Висота, см</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 24,5</div></div><div class="specification-row"><div class="specification-name"> Глибина, см</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 7,5</div></div><div class="specification-row"><div class="specification-name"> Ширина, см</div><div class="specification-dots" aria-hidden="true"> <span></span></div><div class="specification-value"> 7,5</div></div></div></div></section></div></div><style>/* ===================================================== PRODUCT SPECIFICATION OpenCart 2.3 / Journal 3 ===================================================== */ #tab-specification.product-specification { --spec-text: #2f2b29; --spec-name: #746c68; --spec-muted: #9b8e88; --spec-accent: #8e7166; --spec-accent-dark: #755a51; --spec-border: #e8d8d1; --spec-border-light: #eee3de; --spec-header-bg: #fbf4f0; --spec-header-bg-end: #f8efeb; --spec-header-hover: #f6e9e3; --spec-row-bg: #ffffff; --spec-row-alt: #fdfaf8; --spec-row-hover: #fbf4f1; --spec-dot: #c9a79a; --spec-dot-hover: #a98172; --spec-link: #1672db; --spec-link-hover: #0758ae; display: block; width: 100%; max-width: none; margin: 22px 0 32px; padding: 0; color: var(--spec-text); font-family: inherit; font-size: 17px; line-height: 1.45; } #tab-specification, #tab-specification *, #tab-specification *::before, #tab-specification *::after { box-sizing: border-box; } #tab-specification .specification-groups { display: flex; flex-direction: column; width: 100%; max-width: none; gap: 18px; } /* ===================================================== GROUP CARD ===================================================== */ #tab-specification .specification-group { position: relative; display: block; overflow: hidden; width: 100%; max-width: none; border: 1px solid var(--spec-border); border-radius: 18px; background: #ffffff; box-shadow: 0 14px 40px rgba(73, 49, 40, 0.055), 0 3px 10px rgba(73, 49, 40, 0.025); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } #tab-specification .specification-group:hover { border-color: #dec8be; box-shadow: 0 18px 46px rgba(73, 49, 40, 0.075), 0 4px 12px rgba(73, 49, 40, 0.035); } /* ===================================================== GROUP HEADER ===================================================== */ #tab-specification .specification-group-header { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 76px; margin: 0; padding: 15px 20px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; outline: 0; background: linear-gradient( 105deg, var(--spec-header-bg) 0%, var(--spec-header-bg-end) 58%, #fcf7f4 100% ); color: var(--spec-text); font-family: inherit; text-align: left; cursor: pointer; appearance: none; -webkit-appearance: none; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } #tab-specification .specification-group.is-open .specification-group-header { border-bottom-color: var(--spec-border); } #tab-specification .specification-group-header:hover { background: linear-gradient( 105deg, #f8ede8 0%, var(--spec-header-hover) 58%, #faf1ed 100% ); } #tab-specification .specification-group-header:focus { outline: none; } #tab-specification .specification-group-header:focus-visible { box-shadow: inset 0 0 0 2px rgba(142, 113, 102, 0.24); } #tab-specification .specification-group-heading { display: flex; align-items: center; min-width: 0; } /* Іконка */ #tab-specification .specification-group-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; margin-right: 15px; border: 1px solid rgba(142, 113, 102, 0.19); border-radius: 13px; background: rgba(255, 255, 255, 0.88); color: #3a3431; box-shadow: 0 5px 14px rgba(74, 52, 43, 0.05); } #tab-specification .specification-group-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* Назва групи */ #tab-specification .specification-group-title { min-width: 0; color: #2c2927; font-size: 21px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; } /* Кількість характеристик */ #tab-specification .specification-group-count { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 32px; height: 32px; margin-left: 12px; padding: 0 8px; border: 1px solid rgba(142, 113, 102, 0.14); border-radius: 50px; background: rgba(255, 255, 255, 0.82); color: var(--spec-muted); font-size: 13px; font-weight: 600; line-height: 1; } /* Стрілка */ #tab-specification .specification-group-arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; margin-left: 16px; border-radius: 50%; color: #403936; transition: transform 0.25s ease, background-color 0.2s ease; } #tab-specification .specification-group-header:hover .specification-group-arrow { background: rgba(255, 255, 255, 0.72); } #tab-specification .specification-group-arrow svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } #tab-specification .specification-group:not(.is-open) .specification-group-arrow { transform: rotate(180deg); } /* ===================================================== CONTENT ===================================================== */ #tab-specification .specification-group-content, #tab-specification .specification-list { display: block; width: 100%; max-width: none; } /* ===================================================== ATTRIBUTE ROW ===================================================== */ #tab-specification .specification-row { /* * Назва займає тільки необхідне місце. * Значення має стабільну ширину. * Крапки заповнюють увесь вільний простір між ними. */ display: flex; align-items: flex-start; width: 100%; min-height: 64px; padding: 16px 21px; border-top: 1px solid var(--spec-border-light); background: var(--spec-row-bg); transition: background-color 0.18s ease, padding-left 0.18s ease; } #tab-specification .specification-row:first-child { border-top: 0; } #tab-specification .specification-row:nth-child(even) { background: var(--spec-row-alt); } #tab-specification .specification-row:hover { background: var(--spec-row-hover); } /* Назва атрибуту */ #tab-specification .specification-name { flex: 0 1 auto; min-width: 0; max-width: 46%; padding: 0; color: var(--spec-name); font-size: 17px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; } /* Крапки */ #tab-specification .specification-dots { position: relative; flex: 1 1 100px; align-self: flex-start; min-width: 38px; height: 25px; margin: 0 18px; } #tab-specification .specification-dots span { position: absolute; right: 0; bottom: 3px; left: 0; display: block; height: 0; border-bottom: 2px dotted var(--spec-dot); opacity: 0.95; transition: border-color 0.18s ease, opacity 0.18s ease; } #tab-specification .specification-row:hover .specification-dots span { border-bottom-color: var(--spec-dot-hover); opacity: 1; } /* Значення атрибуту */ #tab-specification .specification-value { flex: 0 1 42%; min-width: 240px; padding: 0; color: #302c2a; font-size: 17px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; } /* ===================================================== ATTRIBUTE LINKS / OCFILTER ===================================================== */ #tab-specification .specification-value a, #tab-specification .specification-value .ocf-attribute-link { display: inline; color: var(--spec-link); font-weight: 600; text-decoration: none; border-bottom: 1px dotted currentColor; transition: color 0.18s ease, border-color 0.18s ease; } #tab-specification .specification-value a:hover, #tab-specification .specification-value a:focus, #tab-specification .specification-value .ocf-attribute-link:hover, #tab-specification .specification-value .ocf-attribute-link:focus { color: var(--spec-link-hover); text-decoration: none; border-bottom-color: transparent; } #tab-specification .specification-value .ocf-attribute-link::after { content: "↗"; display: inline-block; margin-left: 5px; color: currentColor; font-size: 11px; font-weight: 400; line-height: 1; opacity: 0.72; transform: translateY(-3px); } /* ===================================================== LISTS AND CONTENT INSIDE VALUE ===================================================== */ #tab-specification .specification-value p { margin: 0; } #tab-specification .specification-value ul, #tab-specification .specification-value ol { margin: 0; padding-left: 20px; } #tab-specification .specification-value li { margin: 3px 0; } /* ===================================================== TABLET ===================================================== */ @media (max-width: 991px) { #tab-specification.product-specification { font-size: 16px; } #tab-specification .specification-group-header { min-height: 70px; padding-right: 16px; padding-left: 16px; } #tab-specification .specification-group-title { font-size: 19px; } #tab-specification .specification-row { min-height: 60px; padding: 15px 16px; } #tab-specification .specification-name { max-width: 43%; font-size: 16px; } #tab-specification .specification-value { flex-basis: 43%; min-width: 190px; font-size: 16px; } #tab-specification .specification-dots { min-width: 30px; margin-right: 14px; margin-left: 14px; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { #tab-specification.product-specification { margin-top: 14px; margin-bottom: 22px; } #tab-specification .specification-groups { gap: 12px; } #tab-specification .specification-group { border-radius: 14px; } #tab-specification .specification-group-header { min-height: 64px; padding: 11px 13px; } #tab-specification .specification-group-icon { flex-basis: 38px; width: 38px; height: 38px; margin-right: 11px; border-radius: 10px; } #tab-specification .specification-group-icon svg { width: 20px; height: 20px; } #tab-specification .specification-group-title { font-size: 17px; } #tab-specification .specification-group-count { min-width: 27px; height: 27px; margin-left: 8px; padding: 0 7px; font-size: 12px; } #tab-specification .specification-group-arrow { flex-basis: 34px; width: 34px; height: 34px; margin-left: 8px; } #tab-specification .specification-row { display: grid; grid-template-columns: minmax(0, 43%) minmax(0, 57%); align-items: start; min-height: 0; padding: 14px 13px; } #tab-specification .specification-name { max-width: none; padding-right: 13px; color: #766e6a; font-size: 14px; font-weight: 500; line-height: 1.4; } #tab-specification .specification-dots { display: none; } #tab-specification .specification-value { min-width: 0; padding-left: 7px; color: #2e2a28; font-size: 14px; font-weight: 600; line-height: 1.4; } } /* ===================================================== SMALL MOBILE ===================================================== */ @media (max-width: 480px) { #tab-specification .specification-row { grid-template-columns: 1fr; gap: 5px; padding-top: 13px; padding-bottom: 13px; } #tab-specification .specification-name { padding: 0; color: #918681; font-size: 12px; font-weight: 500; line-height: 1.35; } #tab-specification .specification-value { padding: 0; font-size: 14px; font-weight: 600; } } @media (max-width: 370px) { #tab-specification .specification-group-count { display: none; } }</style> <script>(function ($) { 'use strict'; function initSpecificationGroups() { var $specification = $('#tab-specification.product-specification'); if (!$specification.length) { return; } if ($specification.data('specification-initialized')) { return; } $specification.data('specification-initialized', true); $specification.on( 'click', '.specification-group-header', function (event) { event.preventDefault(); var $button = $(this); var $group = $button.closest('.specification-group'); var $content = $group.children( '.specification-group-content' ); if ($content.is(':animated')) { return; } if ($group.hasClass('is-open')) { $group.removeClass('is-open'); $button.attr('aria-expanded', 'false'); $content .stop(true, true) .slideUp(220); } else { $group.addClass('is-open'); $button.attr('aria-expanded', 'true'); $content .stop(true, true) .slideDown(220); } } ); } $(document).ready(function () { initSpecificationGroups(); }); /* * Повторна ініціалізація, якщо Journal 3 * перемальовує вкладку через AJAX. */ $(document).ajaxComplete(function () { initSpecificationGroups(); }); })(jQuery);</script> <div class="block-expand-overlay"><a class="block-expand btn"></a></div></div></div></div></div></div></div></div></div></div></div></div><div class="grid-row grid-row-294-2"><div class="grid-cols"><div class="grid-col grid-col-294-2-1"><div class="grid-items"><div class="grid-item grid-item-294-2-1-1"></div></div></div><div class="grid-col grid-col-294-2-2"><div class="grid-items"><div class="grid-item grid-item-294-2-2-1"><div class="module module-blocks module-blocks-307 blocks-grid"><div class="module-body"><div class="module-item module-item-1"><div class="block-body expand-block"><div class="block-wrapper"><div class="block-content block-dynamic"><div id="review" class="ex-reviews-journal-block"><script>(function(d){ if (!d.getElementById('exrv-comfy-css')) { var l = d.createElement('link'); l.id = 'exrv-comfy-css'; l.rel = 'stylesheet'; l.href = 'catalog/view/javascript/ex-reviews/extended_reviews_comfy.css'; (d.head || d.getElementsByTagName('head')[0]).appendChild(l); } })(document);</script> <style>.szm-public-review-reply{margin:10px 0 0;padding:12px 14px;border:1px solid var(--szm-border,#e3e6e8);border-left:3px solid var(--szm-primary,#6b4e3d);border-radius:var(--szm-card-radius,12px);background:var(--szm-primary-soft,#f3ece7);color:var(--szm-text,#2c2521);line-height:1.5}.szm-public-review-reply__head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-bottom:5px;color:var(--szm-primary,#6b4e3d)}.szm-public-review-reply__head a{color:var(--szm-text,#2c2521);text-decoration:none;font-weight:800}.szm-public-review-reply__head a:hover{color:var(--szm-primary-hover,#543a2d)}.szm-public-review-reply p{margin:0;color:var(--szm-text,#2c2521)}</style><div id="review-extended" class="exrv-comfy" style="--exrv-primary:#80655b;--exrv-primary-hover:#6e554c;--exrv-soft-bg:#fbf5f2;--exrv-card-bg:#ffffff;--exrv-stars:#ff7a1a;--exrv-text:#222222;--exrv-muted:#777777;--exrv-border:#e6dcd8;--exrv-radius:14px;"><div class="exrv-head"><h2 class="exrv-title">Відгуки і питання <span>Автомобільна кавоварка Handpresso Auto Nespresso 12/24 В</span></h2><div class="exrv-tabs"> <button type="button" class="exrv-tab active" data-exrv-tab="reviews">Відгуки (0)</button> <button type="button" class="exrv-tab" data-exrv-tab="questions">Питання</button></div></div><div class="exrv-cta"><div>Залиште свій відгук про цей товар</div><div class="exrv-cta-actions"> <button type="button" class="exrv-btn exrv-btn-secondary exrv-open-question-tab">Поставити питання</button> <button type="button" class="exrv-btn exrv-scroll-write">Написати відгук</button></div></div><div class="exrv-questions-panel" style="display:none;"><div class="exrv-question-card"><div><h3>Поставте питання про цей товар</h3><p>Перед публікацією відгук проходить модерацію.</p></div> <button type="button" class="exrv-btn exrv-question-form-toggle">Поставити питання</button></div><form class="exrv-question-form" id="form-question" style="display:none;"><div class="exrv-form-head"><div><h2>Поставити питання</h2><p><i class="fa fa-info-circle"></i> Перед публікацією відгук проходить модерацію.</p></div> <button type="button" class="exrv-question-close" aria-label="close">×</button></div><div class="exrv-question-grid"><div class="form-group required exrv-field"> <label class="control-label" for="input-question-name">Ваше Ім'я:</label> <input type="text" name="name" value="" id="input-question-name" class="form-control" /></div><div class="form-group exrv-field"> <label class="control-label" for="input-question-email">E-mail</label> <input type="text" name="email" value="" id="input-question-email" class="form-control" /></div><div class="form-group required exrv-field exrv-question-full"> <label class="control-label" for="input-question-text">Ваше питання</label><textarea name="question" rows="5" id="input-question-text" class="form-control"></textarea></div></div> <button type="button" id="button-question-extended" data-loading-text="Вiдсилка..." class="exrv-btn exrv-question-submit">Надіслати питання</button></form><div class="exrv-question-list"><div class="exrv-empty">Питань про цей товар ще немає.</div></div></div><div class="exrv-toolbar"><div class="exrv-filter-chips" aria-label="Фільтр за оцінкою"> <a href="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful" class="exrv-chip exrv-ajax-link active"> Усi вiдгуки </a> <a href="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful&rating=5" class="exrv-chip exrv-ajax-link"> <i class="fa fa-star"></i> 5 </a> <a href="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful&rating=4" class="exrv-chip exrv-ajax-link"> <i class="fa fa-star"></i> 4 </a> <a href="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful&rating=3" class="exrv-chip exrv-ajax-link"> <i class="fa fa-star"></i> 3 </a> <a href="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful&rating=2" class="exrv-chip exrv-ajax-link"> <i class="fa fa-star"></i> 2 </a> <a href="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful&rating=1" class="exrv-chip exrv-ajax-link"> <i class="fa fa-star"></i> 1 </a></div><div class="exrv-sort"> <select id="input-sort" class="form-control"><option value="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=date_desc" >По часу</option><option value="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=date_asc" >За датою: старіші</option><option value="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=rating_desc" >Спочатку високі оцінки</option><option value="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=rating_asc" >Спочатку низькі оцінки</option><option value="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=useful" selected="selected">Найбільш гідні</option><option value="https://garibaldi.com.ua/index.php?route=product/extended_reviews/review&product-id=2732&sort=media&with_media=1" >С фото та відео</option> </select></div></div><div class="exrv-empty">На жаль ще не було відгуків про цей товар. Будьте першим хто залишить відгук!</div><form class="form-horizontal exrv-form exrv-form-modern" id="form-review"><div class="user-review-write-block"><div class="exrv-form-head"><div><h2>Написати відгук</h2><p><i class="fa fa-info-circle"></i> Перед публікацією відгук проходить модерацію.</p></div> <button type="button" class="exrv-form-close" aria-label="close">×</button></div><div class="exrv-form-grid"><div class="exrv-form-left"><div class="form-group required exrv-field"> <label class="control-label" for="input-name">Ваше Ім'я:</label> <input type="text" name="name" value="" id="input-name" class="form-control" /></div><div class="form-group required exrv-field"> <label class="control-label" for="input-review">Ваш відгук:</label><textarea name="text" rows="6" id="input-review" class="form-control"></textarea></div><div class="exrv-pros-cons" style="display:grid"><div class="form-group required exrv-field"> <label>Переваги:</label> <input type="text" name="plus" id="input-text-plus" class="form-control" /></div><div class="form-group required exrv-field"> <label>Недоліки:</label> <input type="text" name="minus" id="input-text-minus" class="form-control" /></div></div></div><div class="exrv-form-right"><div class="exrv-rating-card form-group required"> <label>Оцініть товар*</label><div class="add-review-star-wrap" id="super-stars"><div class="star-block" value="1"><i class="fa fa-star star-gray star-3x"></i><span class="super-star-text">Поганий</span></div><div class="star-block" value="2"><i class="fa fa-star star-gray star-3x"></i><span class="super-star-text">Так собі</span></div><div class="star-block" value="3"><i class="fa fa-star star-gray star-3x"></i><span class="super-star-text">Нормальний</span></div><div class="star-block" value="4"><i class="fa fa-star star-gray star-3x"></i><span class="super-star-text">Хороший</span></div><div class="star-block" value="5"><i class="fa fa-star star-gray star-3x"></i><span class="super-star-text">Чудовий</span></div></div> <input type="hidden" value="0" id="rating" name="rating"></div><div class="exrv-upload-card"><div class="exrv-upload-title"><i class="fa fa-camera"></i> Фото / Відео</div><div class="exrv-upload-hint">Додайте фото або посилання на YouTube — такі відгуки виглядають переконливіше.</div><div class="reviews-user-add-content-block"> <a class="exrv-media-add" id="add-photo" href="#media-content-popup"><i class="fa fa-camera"></i> Фото</a> <a class="exrv-media-add" id="add-video" href="#media-content-popup"><i class="fa fa-youtube-play"></i> Відео</a></div><div class="images-user-content-block"></div></div> <input type="hidden" name="image_id" id="input-image-id" class="form-control" /> <input type="hidden" name="video_links" id="input-video-links" class="form-control" /><div class="review-form-write-footer"> <button type="button" id="button-review-extended" data-loading-text="Вiдсилка..." class="exrv-btn exrv-submit-btn">Додати відгук</button></div></div></div></div></form><div class="exrv-form-reopen-wrap" style="display:none;"> <button type="button" class="exrv-btn exrv-open-form-again"><i class="fa fa-pencil"></i> Написати відгук</button></div><div class="hidden" id="hidden-popups"><div id="media-content-popup" class="popup-media-container exrv-popup" style="--exrv-primary:#80655b;--exrv-primary-hover:#6e554c;--exrv-soft-bg:#fbf5f2;--exrv-card-bg:#ffffff;--exrv-stars:#ff7a1a;--exrv-text:#222222;--exrv-muted:#777777;--exrv-border:#e6dcd8;--exrv-radius:14px;"><div class="popup-header"><ul class="nav nav-tabs"><li class="popup-media-nav-tabs photo-tab"><a class="nav-tabs-link" href="#tab-add-photo" data-toggle="tab">Фото</a></li><li class="popup-media-nav-tabs video-tab"><a class="nav-tabs-link" href="#tab-add-video" data-toggle="tab">Відео</a></li></ul></div><div class="tab-content tab-content-media"><div class="tab-pane" id="tab-add-photo"><div id="review-image" class="dropzone"></div></div><div class="tab-pane" id="tab-add-video"><div class="form-group required ov-h"><label>Вставте посилання на відео з youtube</label><div class="input-group"><input type="text" name="video-href" id="input-video-href" class="form-control" /><span class="input-group-btn"><button class="btn btn-default" id="add-video-button" type="button">Додати відео</button></span></div></div><div id="video-thumb-preview"><div id="video-caption">Якщо ваша ссилка вірна, тут ви побачете превю вашого відео</div></div></div></div><div class="popup-footer ov-h"><button type="button" class="exrv-btn fl-r" id="upload-files-button">Завантажити</button><button type="button" class="btn btn-cancel fl-l" id="upload-files-cancel">Відміна</button></div></div><form class="form-horizontal" id="form-answer-review"><div class="form-group required"><label class="control-label" for="input-answer-review">Ваш відгук</label><textarea name="text" rows="5" id="input-answer-review" class="form-control"></textarea></div><div class="form-group required"><label class="control-label" for="input-answer-name">Ваше Ім'я:</label><input type="text" name="name" value="" id="input-answer-name" class="form-control" /></div> <button type="button" class="exrv-btn fl-r button-answer-review" data-loading-text="Вiдсилка...">Залишити відгук</button> <button type="button" class="btn btn-cancel fl-l" id="review-cancel-button">Відміна</button></form></div></div> <script>$(document).ready(function() { function exrvScrollToFirstReview(target) { var $target = target && target.length ? target : $('#review-extended .exrv-list .exrv-item:first'); if (!$target.length) { $target = $('#review-extended'); } if ($target.length) { $('html,body').stop(true).animate({scrollTop: Math.max(0, $target.offset().top - 24)}, 420); } } function exrvSwitchTab(tab) { var root = $('#review-extended.exrv-comfy'); root.removeClass('exrv-show-reviews exrv-show-questions').addClass(tab === 'questions' ? 'exrv-show-questions' : 'exrv-show-reviews'); root.find('.exrv-tab').removeClass('active'); root.find('.exrv-tab[data-exrv-tab="' + tab + '"]').addClass('active'); } exrvSwitchTab('reviews'); $(document).off('click.exrvNoHash').on('click.exrvNoHash', '#review-extended a[href="#"], #review-extended a[href="#review"]', function(e){ e.preventDefault(); e.stopPropagation(); return false; }); $(document).off('click.exrvTabs').on('click.exrvTabs', '#review-extended .exrv-tab[data-exrv-tab]', function(e){ e.preventDefault(); exrvSwitchTab($(this).data('exrv-tab')); }); $(document).off('click.exrvPagePills').on('click.exrvPagePills', '.exrv-page-open-questions, .exrv-page-pill[href="#review"]', function(e){ if ($(this).hasClass('exrv-page-open-questions') || $(this).text().toLowerCase().indexOf('пит') !== -1 || $(this).text().toLowerCase().indexOf('вопрос') !== -1 || $(this).text().toLowerCase().indexOf('question') !== -1) { e.preventDefault(); exrvSwitchTab('questions'); $('html,body').animate({scrollTop: $('#review-extended').offset().top - 20}, 420); } }); $(document).off('click.exrvShare').on('click.exrvShare', '.exrv-share', function(e){ e.preventDefault(); var reviewId = $(this).data('review-id'); var shareUrl = window.location.href.split('#')[0] + (reviewId ? '#review-' + reviewId : '#review'); var shareText = document.title || ''; function showShareNote(btn) { var note = $('<span class="exrv-share-note">Скопійовано</span>'); $(btn).after(note); setTimeout(function(){ note.fadeOut(200, function(){ $(this).remove(); }); }, 1300); } if (navigator.share) { navigator.share({title: shareText, url: shareUrl}).catch(function(){}); } else if (navigator.clipboard && navigator.clipboard.writeText) { var btn = this; navigator.clipboard.writeText(shareUrl).then(function(){ showShareNote(btn); }); } else { var tmp = $('<input>'); $('body').append(tmp); tmp.val(shareUrl).select(); document.execCommand('copy'); tmp.remove(); showShareNote(this); } }); $(document).off('click.exrvOpenQuestionTab').on('click.exrvOpenQuestionTab', '.exrv-open-question-tab', function(e){ e.preventDefault(); e.stopPropagation(); exrvSwitchTab('questions'); $('.exrv-question-form').stop(true, true).slideDown(220); $('html,body').animate({scrollTop: $('.exrv-questions-panel').offset().top - 20}, 450); }); $(document).off('click.exrvQuestionForm').on('click.exrvQuestionForm', '.exrv-question-form-toggle', function(e){ e.preventDefault(); $('.exrv-question-form').stop(true, true).slideDown(220); $('html,body').animate({scrollTop: $('.exrv-question-form').offset().top - 20}, 450); }); $(document).off('click.exrvQuestionClose').on('click.exrvQuestionClose', '.exrv-question-close', function(){ $('.exrv-question-form').stop(true, true).slideUp(220); }); $(document).off('click.exrvQuestionSubmit').on('click.exrvQuestionSubmit', '#button-question-extended', function(){ var btn = $(this); btn.button('loading'); $('.exrv-question-form .review-alert').remove(); $.ajax({ url: 'https://garibaldi.com.ua/index.php?route=product/extended_reviews/writeQuestion&product-id=' + product_id, type: 'post', dataType: 'json', data: $('#form-question').serialize(), complete: function(){ btn.button('reset'); }, success: function(json) { $('.exrv-question-form .review-alert').remove(); if (json['error']) { $('.exrv-question-form').prepend('<div class="review-alert alert-danger"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>'); } if (json['success']) { $('.exrv-question-form').prepend('<div class="review-alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); $('#input-question-text').val(''); setTimeout(function(){ $('.exrv-question-form').slideUp(220); }, 1200); } } }); }); $(document).off('click.exrvAjax').on('click.exrvAjax', '.exrv-ajax-link, #review .pagination a', function(e){ e.preventDefault(); if ($('#review').length) { $('#review').addClass('exrv-loading'); $('#review').load(this.href, function(){ $('#review').removeClass('exrv-loading'); exrvScrollToFirstReview($('#review-extended .exrv-list .exrv-item:first')); }); } else { window.location.href = this.href; } }); $(document).off('click.exrvLoadMore').on('click.exrvLoadMore', '.exrv-load-more', function(e){ e.preventDefault(); var btn = $(this); var url = btn.attr('href'); if (!url || btn.hasClass('loading')) return; btn.addClass('loading').find('span').text('Вiдсилка...'); $.get(url, function(html){ var parsed = $('<div/>').append($.parseHTML(html, document, true)); var items = parsed.find('#review-extended .exrv-list .exrv-item'); var pager = parsed.find('#review-extended .exrv-more-pagination'); if (items.length && $('#review-extended .exrv-list').length) { var firstNewItemId = items.first().attr('id'); $('#review-extended .exrv-list').append(items); $('#review-extended .exrv-more-pagination').replaceWith(pager); if (firstNewItemId) { exrvScrollToFirstReview($('#' + firstNewItemId)); } } else if ($('#review').length) { $('#review').load(url); } else { window.location.href = url; } }).fail(function(){ if ($('#review').length) { $('#review').load(url); } else { window.location.href = url; } }); }); $('#input-sort').off('change.exrv').on('change.exrv', function(){ if ($('#review').length) { $('#review').addClass('exrv-loading'); $('#review').load(this.value, function(){ $('#review').removeClass('exrv-loading'); exrvScrollToFirstReview($('#review-extended .exrv-list .exrv-item:first')); }); } else { window.location.href = this.value; } }); function exrvOpenReviewForm(scrollToForm) { if ($('#form-review').length) { $('.exrv-form-reopen-wrap').stop(true, true).fadeOut(120); $('#form-review').stop(true, true).slideDown(220); if (scrollToForm) { $('html,body').animate({scrollTop: $('#form-review').offset().top - 20}, 500); } } } $(document).off('click.exrvOpenForm').on('click.exrvOpenForm', '.exrv-scroll-write, .exrv-open-form-again', function(e){ e.preventDefault(); exrvOpenReviewForm(true); }); $('.exrv-form-close').off('click.exrv').on('click.exrv', function(){ $('#form-review').stop(true, true).slideUp(220, function(){ $('.exrv-form-reopen-wrap').stop(true, true).fadeIn(160); }); }); if ($.fn && $.fn.magnificPopup) { $('.photo-thumbnails, .all-reviews-thumbnails').magnificPopup({type:'image', delegate: 'a.ex-thumbnail', gallery: {enabled:true}}); $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({type: 'iframe', mainClass: 'mfp-fade', preloader: true}); } $(document).off('click.exrvMediaPopup').on('click.exrvMediaPopup', '#add-photo, #add-video', function(e){ e.preventDefault(); e.stopPropagation(); if (!($.fn && $.fn.magnificPopup) || typeof $.magnificPopup === 'undefined') { $('#media-content-popup').addClass('exrv-popup-fallback-open').show(); $('body').addClass('exrv-popup-fallback-body'); var isVideoFallback = $(this).attr('id') === 'add-video'; $(photoTab).removeClass('active'); $(tabPhoto).removeClass('active'); $(videoTab).removeClass('active'); $(tabVideo).removeClass('active'); if (isVideoFallback) { $(videoTab).addClass('active'); $(tabVideo).addClass('active'); } else { $(photoTab).addClass('active'); $(tabPhoto).addClass('active'); } return false; } var isVideo = $(this).attr('id') === 'add-video'; $.magnificPopup.open({ items: { src: '#media-content-popup' }, type: 'inline', closeOnBgClick: false, callbacks: { open: function(){ $(photoTab).removeClass('active'); $(tabPhoto).removeClass('active'); $(videoTab).removeClass('active'); $(tabVideo).removeClass('active'); if (isVideo) { $(videoTab).addClass('active'); $(tabVideo).addClass('active'); } else { $(photoTab).addClass('active'); $(tabPhoto).addClass('active'); } }, close: function(){ $(photoTab).removeClass('active'); $(tabPhoto).removeClass('active'); $(videoTab).removeClass('active'); $(tabVideo).removeClass('active'); } } }); return false; }); $(document).off('click.exrvFallbackClose').on('click.exrvFallbackClose', '#upload-files-cancel', function(e){ if ($('#media-content-popup').hasClass('exrv-popup-fallback-open')) { e.preventDefault(); $('#media-content-popup').removeClass('exrv-popup-fallback-open').hide(); $('body').removeClass('exrv-popup-fallback-body'); } }); }); var product_id = 2732; var inputImageId = $('#input-image-id'); var inputVideos = $('#input-video-links'); var photoTab = $('.photo-tab'); var tabPhoto = $('#tab-add-photo'); var videoTab = $('.video-tab'); var tabVideo = $('#tab-add-video'); var images_id = []; var video_links = []; var video_thumb_block = $('#video-thumb-preview'); var count = 0; if (typeof Dropzone !== 'undefined' && $('#review-image').length) { Dropzone.autoDiscover = false; var myDropzone = new Dropzone('div#review-image', { url:'https://garibaldi.com.ua/index.php?route=product/extended_reviews/check', maxFiles: 10, maxFilesize: 5, dictInvalidFileType: 'Цей тип файла не підтримуеться', dictFileTooBig: 'Максимальный розмір файла для завантаження: 5 мб', dictRemoveFile: 'Видалити файл', dictDefaultMessage: '<div class="dz-message"><h3>Перетяніть сюди фотографії</h3><h4>або натисніть</h4><div class="cheating-button">Визначити файли</div><div class="add-user-media-caption"> Додавайте зображення в форматах .jpg, .gif, .png, розміром файла до 5 МБ </div></div>', dictMaxFilesExceeded: 'Додано максимальне число файлів: 10', addRemoveLinks: true, timeout: 180000, parallelUploads: 1, acceptedFiles:'.jpg, .jpeg, .png', error: function(file, errorMessage){ $('.popup-media-container .review-alert').remove(); $('.popup-footer').prepend('<div class="review-alert exrv-alert exrv-alert-error"><i class="fa fa-exclamation-circle"></i><span>'+ errorMessage +'</span></div>'); myDropzone.removeFile(file); }, success: function(file, responce){ if(responce.error){ this.options.error(file, responce.error); } else { $('.popup-media-container .review-alert').remove(); var btndelete = file.previewElement.querySelector('.dz-remove'); btndelete.setAttribute('id', 'delete-midia-id-'+ responce.image_id); btndelete.setAttribute('num', count); images_id.push(responce.image_id); inputImageId.val(images_id.filter(function(v){ return v !== null && v !== undefined && v !== ''; }).join(' ')); count++; this.defaultOptions.success(file); } }, params: {'product-id':product_id} }); myDropzone.on('removedfile', function (file) { var btndelete = file.previewElement.querySelector('.dz-remove'); if(btndelete && btndelete.hasAttribute('id')) { var iddelete = btndelete.getAttribute('id').split('-').pop(); var countdelete = btndelete.getAttribute('num'); $.ajax({url: 'https://garibaldi.com.ua/index.php?route=product/extended_reviews/deleteImage', type: 'post', data: { image_id : iddelete }, dataType: 'json', success: function(json) { images_id[countdelete] = null; inputImageId.val(images_id.filter(function(v){ return v !== null && v !== undefined && v !== ''; }).join(' ')); }}); } }); } $('#upload-files-button').off('click.exrv').on('click.exrv', function(e){ e.preventDefault(); inputImageId.val(images_id.filter(function(v){ return v !== null && v !== undefined && v !== ''; }).join(' ')); inputVideos.val(video_links.filter(function(v){ return v !== null && v !== undefined && v !== ''; }).join(' ')); var $target = $('#review-extended').find('.images-user-content-block').first(); var $photoPreviews = $('#review-image .dz-preview').detach(); var $videoPreviews = $('#video-thumb-preview .vd-prev').detach(); if ($.fn && $.fn.magnificPopup && typeof $.magnificPopup !== 'undefined') { $.magnificPopup.close(); } else { $('#media-content-popup').removeClass('exrv-popup-fallback-open').hide(); $('body').removeClass('exrv-popup-fallback-body'); } if ($target.length) { $target.append($photoPreviews); $target.append($videoPreviews); } $('#review-image').removeClass('dz-started'); if(typeof video_thumb_block !== 'undefined' && !$(video_thumb_block).children('.vd-prev').length > 0) $('#video-caption').css('display', 'block'); }); $('#upload-files-cancel').off('click.exrv').on('click.exrv', function(){ var delButtons = $('#review-image .dz-preview .dz-remove , #video-thumb-preview .vd-prev .remove_video'); for(var i=0; i< delButtons.length; i++){ delButtons[i].click(); } $.magnificPopup.close(); $('#review-image').removeClass('dz-started'); }); var review_id; var note_block; var form = $('#form-answer-review'); $(document).off('click.exrvAnswer').on('click.exrvAnswer','.review-answer-button',function(){ review_id = $(this).data('value'); var block = $('#review_answer_container'+review_id); note_block = $('#review-note-'+review_id); $('.alert-success, .alert-danger').remove(); $(note_block).append('<div class="review-alert alert-danger m-0"><i class="fa fa-exclamation-circle"></i> Будь ласка <a href="https://garibaldi.com.ua/index.php?route=account/login"> зайдіть до свого акаунта</a> або <a href="https://garibaldi.com.ua/ua/acc/reg.html"> зареєструйтеся</a> для продовження</div>'); }); $('#review-cancel-button').off('click.exrv').on('click.exrv', function(){ var block = $('#hidden-popups'); $(form).slideUp(200).delay(300).queue(function (next) { $(this).appendTo(block); next(); }); $('.alert-success, .alert-danger').remove(); }); $('.button-answer-review').off('click.exrv').on('click.exrv',function(){ var form = $('#form-answer-review'); var btn = $(this); btn.button('loading'); $.ajax({url: 'https://garibaldi.com.ua/index.php?route=product/extended_reviews/writeAnswer&product-id=' + product_id + '&parent_id=' + review_id, type: 'post', dataType: 'json', data: $(form).serialize(), success: function(json) { $('.review-container-footer .review-alert').remove(); if (json['error']) { $(note_block).append('<div class="review-alert alert-danger m-0"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>'); btn.button('reset'); } if (json['success']) { $('input[name=\'name\']').val(''); $('textarea[name=\'text\']').val(''); $('#review-cancel-button').click(); $(note_block).append('<div class="review-alert alert-success m-0"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); btn.button('reset'); } }}); }); $('#button-review-extended').off('click.exrv').on('click.exrv', function() { var strImages = ''; var strVideos =''; var btn = $(this); btn.button('loading'); if(images_id){ for(var i=0; i<images_id.length; i++){ if(images_id[i] != null) strImages+=images_id[i] + ' '; }} if(typeof video_links !== 'undefined' && video_links){ for(var i=0; i<video_links.length; i++){ if(video_links[i] != null) strVideos+=video_links[i] + ' '; }} inputImageId.val(strImages.trim()); inputVideos.val(strVideos.trim()); $.ajax({url: 'https://garibaldi.com.ua/index.php?route=product/extended_reviews/write&product-id=' + product_id, type: 'post', dataType: 'json', data: $('#form-review').serialize(), success: function(json) { $('.alert-success, .alert-danger').remove(); if (json['error']) { $('.review-form-write-footer').append('<div class="review-alert exrv-alert exrv-alert-error m-r-20"><i class="fa fa-exclamation-circle"></i><span>' + json['error'] + '</span></div>'); btn.button('reset'); } if (json['success']) { $('.review-form-write-footer').append('<div class="review-alert exrv-alert exrv-alert-success m-r-20"><i class="fa fa-check-circle"></i><span>' + json['success'] + '</span></div>'); $('input[name=\'plus\']').val(''); $('input[name=\'minus\']').val(''); $('input[name=\'name\']').val(''); $('textarea[name=\'text\']').val(''); $('input[name=\'image_id\']').val(''); $('input[name=\'rating\']').val('0'); $('.star-block').removeClass('star-active'); $('.images-user-content-block > div').remove(); btn.button('reset'); images_id = []; count = 0; } }}); }); $(document).off('click.exrvVoteNegative').on('click.exrvVoteNegative','.review-vote-negative', function() { $('.review-container-footer .review-alert').remove(); var id = $(this).data('value'); var votename = 'vote'+id; var note_block = $('#review-note-'+id); $(note_block).append('<div class="review-alert alert-info m-0"><i class="fa fa-exclamation"></i>  Будь ласка <a href="https://garibaldi.com.ua/index.php?route=account/login"> зайдіть до свого акаунта</a> або <a href="https://garibaldi.com.ua/ua/acc/reg.html"> зареєструйтеся</a> для продовження</div>'); }); $(document).off('click.exrvVotePositive').on('click.exrvVotePositive','.review-vote-positive', function() { $('.review-container-footer .review-alert').remove(); var id = $(this).data('value'); var votename = 'vote'+id; var note_block = $('#review-note-'+id); $(note_block).append('<div class="review-alert alert-info m-0"><i class="fa fa-exclamation"></i>  Будь ласка <a href="https://garibaldi.com.ua/index.php?route=account/login"> зайдіть до свого акаунта</a> або <a href="https://garibaldi.com.ua/ua/acc/reg.html"> зареєструйтеся</a> для продовження</div>'); }); $('#super-stars > div').off('click.exrv').on('click.exrv', function(){ $('#super-stars > div').removeClass('star-active'); var id_val = $(this).index()+1; $('#super-stars > .star-block:nth-child(-n+' + id_val + ')').addClass('star-active'); $('#rating').val(id_val); }); var video_thumb_block = $('#video-thumb-preview'); var video_links = []; var video_num = 0; var inputHref = $('#input-video-href'); function youtube_parser(url){ if (!url) return false; url = $.trim(url); var patterns = [ /youtu\.be\/([a-zA-Z0-9_-]{11})/, /youtube\.com\/watch\?[^#]*v=([a-zA-Z0-9_-]{11})/, /youtube\.com\/embed\/([a-zA-Z0-9_-]{11})/, /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/, /youtube\.com\/live\/([a-zA-Z0-9_-]{11})/ ]; for (var i = 0; i < patterns.length; i++) { var match = url.match(patterns[i]); if (match && match[1]) { return match[1]; } } if (/^[a-zA-Z0-9_-]{11}$/.test(url)) { return url; } return false; } $('#add-video-button').off('click.exrv').on('click.exrv', function(e){ e.preventDefault(); var href = inputHref.val(); var video_id = youtube_parser(href); $('.exrv-video-error').remove(); if (!video_id) { inputHref.after('<div class="exrv-video-error review-alert exrv-alert exrv-alert-error"><i class="fa fa-exclamation-circle"></i><span>Вставте коректне посилання YouTube або Shorts.</span></div>'); return false; } if (video_links.indexOf(video_id) !== -1) { inputHref.val(''); return false; } var video_title = 'YouTube video'; var video_thumbnail = 'https://img.youtube.com/vi/' + video_id + '/mqdefault.jpg'; video_links.push(video_id); video_thumb_block.append('<div class="vd-prev ov-h" data-id="'+video_num+'"><div class="vd-thumb-vrapper ov-h"><img src="'+video_thumbnail+'" title="'+video_title+'"></div><div class="vd-thumb-title-vrapper"><span class="vd-thumb-title">'+video_title+'</span></div><a class="remove_video"><i class="fa fa-times"></i></a></div>'); video_num++; inputHref.val(''); $('#video-caption').css('display', 'none'); return false; }); $(document).off('click.exrvRemoveVideo').on('click.exrvRemoveVideo','.remove_video',function(){ var id = $(this).parent().data('id'); video_links[id] = null; $(this).parent().remove(); if(!$(video_thumb_block).children('.vd-prev').length > 0) $('#video-caption').css('display', 'block'); });</script> </div></div></div></div></div></div></div></div></div></div><div class="grid-col grid-col-294-2-3"><div class="grid-items"><div class="grid-item grid-item-294-2-3-1"></div></div></div></div></div></div></div> <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Product","@id":"https://garibaldi.com.ua/ua/avtomobilna-kavovarka-handpresso-auto-nespresso-12-24-v.html#product","url":"https://garibaldi.com.ua/ua/avtomobilna-kavovarka-handpresso-auto-nespresso-12-24-v.html","name":"Автомобільна кавоварка Handpresso Auto Nespresso 12/24 В","description":"Для приготування необхідна мінеральна вода (зворотний осмос не підійде)! Отримайте найкращий еспресо в дорозі з Handpresso Auto Nespresso. Що таке кавоварка Handpresso Auto? Кавоварка Handpresso Auto призначена для приготування кави з капсул Nespresso у Вашому автомобілі. Вона підключається до 12/24 (120 Вт) і може стояти в підскляннику. Готує чудовий еспресо за 2,5 хвилини, використовуючи тиск 19 bar. Для приготування кави Вам необхідно включити кавоварку в прикурювач, налити мінеральну негазовану воду (загориться зелений індикатор, якщо червоний – багато води, білий – мало), покласти капсулу в кавоварку (можна одразу притиснути та пробити), далі закрити кришку та натиснути на кнопку включення. Кавоварка почне накачувати необхідний тиск та нагрівати воду (2 хвилини). Після нагрівання прозвучить сигнал, потрібно перевернути кавоварку і поставити на склянку (є спеціальний паз), далі притримуючи натиснути кнопку приготування кави. Коли закінчиться вода або коли набереться +-50мл (є мітка), зупиняємо.","image":["https://cdn.garibaldi.com.ua/garibaldi/cache/image/catalog/category/oborudovanie/kapsulnye_kofevarki/handpresso-auto-capsule-1000x1000.jpg?v=1710425338-155669"],"brand":{"@type":"Brand","name":"Handpresso"},"manufacturer":{"@type":"Organization","name":"Handpresso"},"model":"00000005770","sku":"11298","category":"Портативні ручні кавоварки","offers":{"@type":"Offer","url":"https://garibaldi.com.ua/ua/avtomobilna-kavovarka-handpresso-auto-nespresso-12-24-v.html","priceCurrency":"UAH","price":16748,"availability":"https://schema.org/InStock","itemCondition":"https://schema.org/NewCondition","seller":{"@type":"Organization","@id":"https://garibaldi.com.ua/#organization","name":"Garibaldi Ukraine caffee"}},"additionalProperty":[{"@type":"PropertyValue","name":"Висота, см","value":"24,5"},{"@type":"PropertyValue","name":"Глибина, см","value":"7,5"},{"@type":"PropertyValue","name":"Новий - б/у","value":"новий"},{"@type":"PropertyValue","name":"Об\u0027єм резервуару для води, л","value":"0,05"},{"@type":"PropertyValue","name":"Спосіб розміщення","value":"Портативні"},{"@type":"PropertyValue","name":"Сфера використання","value":"Побутові"},{"@type":"PropertyValue","name":"Тип","value":"Капсульна"},{"@type":"PropertyValue","name":"Тип використовуваної кави","value":"Капсули"},{"@type":"PropertyValue","name":"Ширина, см","value":"7,5"},{"@type":"PropertyValue","name":"Виробник","value":"Handpresso"},{"@type":"PropertyValue","name":"Готує","value":"Еспресо"},{"@type":"PropertyValue","name":"Колір","value":"Чорний"},{"@type":"PropertyValue","name":"Тип капсул","value":"Nespresso"},{"@type":"PropertyValue","name":"Висота, см","value":"24,5"},{"@type":"PropertyValue","name":"Глибина, см","value":"7,5"},{"@type":"PropertyValue","name":"Ширина, см","value":"7,5"}],"breadcrumb":{"@id":"https://garibaldi.com.ua/ua/avtomobilna-kavovarka-handpresso-auto-nespresso-12-24-v.html#breadcrumb"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"\u003Ci class=\u0022fa fa-home\u0022\u003E\u003C/i\u003E","item":"https://garibaldi.com.ua/ua"},{"@type":"ListItem","position":2,"name":"Портативні ручні кавоварки","item":"https://garibaldi.com.ua/ua/portatyvni-ruchni-kavovarky"},{"@type":"ListItem","position":3,"name":"Автомобільна кавоварка Handpresso Auto Nespresso 12/24 В","item":"https://garibaldi.com.ua/ua/avtomobilna-kavovarka-handpresso-auto-nespresso-12-24-v.html"}],"@id":"https://garibaldi.com.ua/ua/avtomobilna-kavovarka-handpresso-auto-nespresso-12-24-v.html#breadcrumb"}]}</script> </div></div></div><style type="text/css"></style> <script type="text/javascript">$('select[name=\'recurring_id\'], input[name="quantity"]').change(function(){ $.ajax({ url: 'index.php?route=product/product/getRecurringDescription', type: 'post', data: $('input[name=\'product_id\'], input[name=\'quantity\'], select[name=\'recurring_id\']'), dataType: 'json', beforeSend: function() { $('#recurring-description').html(''); }, success: function(json) { $('.alert, .text-danger').remove(); if (json['success']) { $('#recurring-description').html(json['success']); } } }); });</script> <script type="text/javascript">$(document).on('click', '#button-cart, [data-quick-buy]', function() { var $btn = $(this); $.ajax({ url: 'index.php?route=checkout/cart/add', type: 'post', data: $( '#product .button-group-page input[type=\'text\'], #product .button-group-page input[type=\'hidden\'], #product .button-group-page input[type=\'radio\']:checked, #product .button-group-page input[type=\'checkbox\']:checked, #product .button-group-page select, #product .button-group-page textarea, ' + '#product .product-options input[type=\'text\'], #product .product-options input[type=\'hidden\'], #product .product-options input[type=\'radio\']:checked, #product .product-options input[type=\'checkbox\']:checked, #product .product-options select, #product .product-options textarea, ' + '#product select[name="recurring_id"]' ), dataType: 'json', beforeSend: function () { $('#button-cart').button('loading'); }, complete: function () { $('#button-cart').button('reset'); }, success: function (json) { $('.alert-dismissible, .text-danger').remove(); $('.form-group').removeClass('has-error'); if (json['error']) { if (json['error']['option']) { for (i in json['error']['option']) { var element = $('#input-option' + i.replace('_', '-')); if (element.parent().hasClass('input-group')) { element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); } else { element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); } } } if (json['error']['recurring']) { $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>'); } // Highlight any found errors $('.text-danger').parent().addClass('has-error'); try { $('html, body').animate({ scrollTop: $('.form-group.has-error').offset().top - 50 }, 'slow'); } catch (e) { } } if (json['success']) { if ($('html').hasClass('popup-options')) { parent.$(".popup-options .popup-close").trigger('click'); } if (json['notification']) { parent.show_notification(json['notification']); } else { parent.$('#content').parent().before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); } parent.$('#cart-total').html(json['total']); parent.$('#cart-items').html(json['items_count']); if (json['items_count']) { parent.$('#cart-items').removeClass('count-zero'); } else { parent.$('#cart-items').addClass('count-zero'); } if (Journal['scrollToTop']) { parent.$('html, body').animate({ scrollTop: 0 }, 'slow'); } parent.$('.cart-content ul').load('index.php?route=common/cart/info ul li'); if (window.location.href.indexOf('quick_buy=true') !== -1) { parent.location.href = Journal['checkoutUrl']; } if ($btn.data('quick-buy') !== undefined) { location = Journal['checkoutUrl']; } if (parent.window['_QuickCheckout']) { parent.window['_QuickCheckout'].save(); } } }, error: function (xhr, ajaxOptions, thrownError) { alert(thrownError + '\r\n' + xhr.statusText + '\r\n' + xhr.responseText); } }); });</script> <script type="text/javascript">$('.date').datetimepicker({ pickTime: false }); $('.datetime').datetimepicker({ pickDate: true, pickTime: true }); $('.time').datetimepicker({ pickDate: false }); $('button[id^=\'button-upload\']').on('click', function() { var node = this; $('#form-upload').remove(); $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>'); $('#form-upload input[name=\'file\']').trigger('click'); if (typeof timer != 'undefined') { clearInterval(timer); } timer = setInterval(function() { if ($('#form-upload input[name=\'file\']').val() != '') { clearInterval(timer); $.ajax({ url: 'index.php?route=tool/upload', type: 'post', dataType: 'json', data: new FormData($('#form-upload')[0]), cache: false, contentType: false, processData: false, beforeSend: function() { $(node).button('loading'); }, complete: function() { $(node).button('reset'); }, success: function(json) { $('.text-danger').remove(); if (json['error']) { $(node).parent().find('input').after('<div class="text-danger">' + json['error'] + '</div>'); } if (json['success']) { alert(json['success']); $(node).parent().find('input').val(json['code']); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } }, 500); });</script> <script type="text/javascript">$(function () { $('#review').delegate('.pagination a', 'click', function(e) { e.preventDefault(); /* $('#review').fadeOut('slow'); */ $('#review').load(this.href); /* $('#review').fadeIn('slow'); */ }); $('#tab-review').html('<div id="review"></div>'); $('#review').load('index.php?route=product/extended_reviews/review&product-id=2732'); $('#review').delegate('.pagination a', 'click', function(e) { e.preventDefault(); $('#review').load(this.href); }); $('#button-review').on('click', function() { $.ajax({ url: 'index.php?route=product/product/write&product_id=2732', type: 'post', dataType: 'json', data: $("#form-review").serialize(), beforeSend: function() { $('#button-review').button('loading'); }, complete: function() { $('#button-review').button('reset'); }, success: function(json) { $('.alert-success, .alert-danger').remove(); if (json['error']) { $('#review').after('<div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>'); } if (json['success']) { $('#review').after('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); $('input[name=\'name\']').val(''); $('textarea[name=\'text\']').val(''); $('input[name=\'rating\']:checked').prop('checked', false); } } }); }); }); $(document).ready(function() { $('.thumbnails').magnificPopup({ type:'image', delegate: 'a', gallery: { enabled:true } }); }); $(document).ready(function () { $('.review-links a').on('click', function () { var $review = $('#review-extended'); if ($review.length) { $('a[href="#' + $review.closest('.module-item').attr('id') + '"]').trigger('click'); $('a[href="#' + $review.closest('.tab-pane').attr('id') + '"]').trigger('click'); $('a[href="#' + $review.closest('.panel-collapse').attr('id') + '"]').trigger('click'); $([document.documentElement, document.body]).animate({ scrollTop: $review.offset().top - 100 }, 200); } }); });</script> <div id="pvm-overlay" class="pvm-overlay" aria-hidden="true"><div class="pvm-card" role="dialog" aria-modal="true" aria-labelledby="pvm-title"> <button type="button" class="pvm-close" aria-label="Ваше ім'я" data-pvm-close>×</button><div id="pvm-form-wrap"><div class="pvm-head"><h3 id="pvm-title">Повідомити про надходження</h3><p>Залиште дані, і ми повідомимо, коли товар буде доступний.</p></div><div class="pvm-badge">Ми не спамимо — тільки повідомлення по цьому товару</div><div id="pvm-errors" class="pvm-errors" style="display:none;"></div><form id="pvm-form"> <input type="hidden" name="product_id" value="2732" /> <input type="hidden" name="source" id="pvm-source" value="" /> <input type="hidden" name="form_started_at" id="pvm-started-at" value="" /><div class="pvm-hp" aria-hidden="true"><input type="text" name="website" value="" tabindex="-1" autocomplete="off"></div> <input type="text" name="name" class="pvm-input" placeholder="Ваше ім'я *" required minlength="2" /> <input type="email" name="email" class="pvm-input" placeholder="Ваш E-mail *" required="required" /> <input type="tel" name="phone" class="pvm-input" placeholder="Ваш телефон *" required minlength="5" /><textarea name="comment" class="pvm-input pvm-textarea" rows="3" placeholder="Коментар"></textarea><button type="submit" class="pvm-submit" id="pvm-submit" data-text="Відправити" data-loading="Відправка...">Відправити</button></form></div><div id="pvm-success" class="pvm-success" style="display:none;"><div class="pvm-success-icon">✓</div><h4>Дякуємо! ✅</h4><p>Ми повідомимо вас, як тільки товар з'явиться в наявності.</p></div></div></div><style>.pvm-open-btn{box-sizing:border-box;width:100%;margin:12px 0;padding:14px 18px;border:0;border-radius:12px;background:linear-gradient(180deg,#9c7866,#7f614f);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 10px 25px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease;} .pvm-open-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.25);color:#fff;} .pvm-open-btn i{margin-right:8px;} .pvm-overlay{--pvm-primary:#9c7866;--pvm-primary-hover:#7f614f;--pvm-accent:#dbc9bf;--pvm-bg-start:#fbf7f4;--pvm-bg-end:#f3ece7;--pvm-field-bg:#ffffff;--pvm-text:#342821;--pvm-muted:#7d6a60;--pvm-border:#e5d7cf;--pvm-success:#74b384;position:fixed;inset:0;z-index:999999;display:none;align-items:flex-end;justify-content:center;padding:18px;background:rgba(0,0,0,.74);backdrop-filter:blur(7px);opacity:0;transition:opacity .28s ease;box-sizing:border-box;} .pvm-overlay.is-active{display:flex;opacity:1;} .pvm-card{box-sizing:border-box;width:100%;max-width:520px;max-height:calc(100vh - 36px);overflow:auto;-webkit-overflow-scrolling:touch;position:relative;padding:34px 24px 24px;border-radius:28px;background:linear-gradient(180deg,var(--pvm-bg-start),var(--pvm-bg-end));border:1px solid rgba(255,255,255,.10);box-shadow:0 -12px 44px rgba(0,0,0,.48);transform:translateY(110%);transition:transform .42s cubic-bezier(.22,1,.36,1);} .pvm-overlay.is-active .pvm-card{transform:translateY(0);} .pvm-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.11);color:var(--pvm-text);font-size:27px;line-height:35px;text-align:center;cursor:pointer;} .pvm-close:hover{background:rgba(255,255,255,.18);} .pvm-head{text-align:center;margin-bottom:18px;} .pvm-head h3{margin:0 44px 8px;color:var(--pvm-text);font-size:27px;font-weight:900;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;} .pvm-head p{margin:0;color:var(--pvm-muted);font-size:14px;line-height:1.45;} .pvm-badge{margin:0 0 18px;padding:12px;border:1px dashed var(--pvm-accent);border-radius:12px;background:rgba(255,255,255,.03);color:var(--pvm-accent);font-size:13px;text-align:center;font-weight:800;} .pvm-input{box-sizing:border-box;display:block;width:100%;margin:0 0 12px;padding:15px 16px;border-radius:14px;background:var(--pvm-field-bg);border:1px solid var(--pvm-border);box-shadow:none;color:var(--pvm-text)!important;font-size:15px;line-height:1.3;outline:none;} .pvm-input:focus{border-color:var(--pvm-primary);box-shadow:0 0 0 3px rgba(255,255,255,.08);} .pvm-input::placeholder{color:var(--pvm-muted);opacity:.85;} .pvm-textarea{resize:vertical;min-height:96px;} .pvm-submit{width:100%;margin-top:8px;padding:16px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--pvm-primary),var(--pvm-primary-hover));color:#fff;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.22);} .pvm-submit:disabled{opacity:.72;cursor:wait;} .pvm-errors{margin:0 0 12px;padding:12px;border-radius:10px;background:rgba(255,69,58,.13);border:1px solid rgba(255,69,58,.35);color:#ffb4ad;font-size:13px;} .pvm-success{text-align:center;padding:24px 8px;color:var(--pvm-text);} .pvm-success-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--pvm-success);color:var(--pvm-success);font-size:36px;line-height:58px;font-weight:900;} .pvm-success h4{margin:0 0 10px;color:var(--pvm-success);font-size:26px;font-weight:900;} .pvm-success p{margin:0;color:var(--pvm-muted);font-size:15px;line-height:1.5;} .pvm-hp{position:absolute!important;left:-99999px!important;visibility:hidden!important;} body.pvm-body-lock{position:fixed!important;width:100%!important;overflow:hidden!important;} @media (min-width:768px){.pvm-overlay{align-items:center;padding:24px;}.pvm-card{max-height:calc(100vh - 48px);border-radius:28px;transform:translateY(48px);}.pvm-head h3{font-size:30px;}} @media (max-width:480px){.pvm-overlay{padding:0;}.pvm-card{max-height:92vh;border-radius:26px 26px 0 0;padding:32px 18px 20px;}.pvm-head h3{font-size:24px;}.pvm-input{font-size:16px;}}</style> <script type="text/javascript">(function(){ var overlay = document.getElementById('pvm-overlay'); if (!overlay || overlay.getAttribute('data-ready') === '1') return; overlay.setAttribute('data-ready', '1'); var form = document.getElementById('pvm-form'); var submit = document.getElementById('pvm-submit'); var formWrap = document.getElementById('pvm-form-wrap'); var success = document.getElementById('pvm-success'); var errors = document.getElementById('pvm-errors'); var savedScroll = 0; function lockScroll(){ savedScroll = window.pageYOffset || document.documentElement.scrollTop || 0; document.body.style.top = '-' + savedScroll + 'px'; document.body.classList.add('pvm-body-lock'); } function unlockScroll(){ document.body.classList.remove('pvm-body-lock'); document.body.style.top = ''; window.scrollTo(0, savedScroll); } function showError(text){ errors.innerHTML = text; errors.style.display = 'block'; } function clearError(){ errors.innerHTML = ''; errors.style.display = 'none'; } window.openPovidomytModal = function(){ clearError(); form.reset(); formWrap.style.display = 'block'; success.style.display = 'none'; document.getElementById('pvm-started-at').value = Math.floor(Date.now() / 1000); document.getElementById('pvm-source').value = window.location.href; overlay.style.display = 'flex'; overlay.setAttribute('aria-hidden', 'false'); lockScroll(); setTimeout(function(){ overlay.classList.add('is-active'); var first = form.querySelector('input[name="name"]'); if(first) first.focus(); }, 20); }; window.closePovidomytModal = function(){ overlay.classList.remove('is-active'); overlay.setAttribute('aria-hidden', 'true'); setTimeout(function(){ overlay.style.display = 'none'; unlockScroll(); submit.disabled = false; submit.innerHTML = submit.getAttribute('data-text'); }, 300); }; $('body').on('click', '[data-pvm-open]', function(e){ e.preventDefault(); window.openPovidomytModal(); }); $('body').on('click', '[data-pvm-close]', function(e){ e.preventDefault(); window.closePovidomytModal(); }); overlay.addEventListener('click', function(e){ if (e.target === overlay) window.closePovidomytModal(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && overlay.classList.contains('is-active')) window.closePovidomytModal(); }); $(form).on('submit', function(e){ e.preventDefault(); clearError(); submit.disabled = true; submit.innerHTML = submit.getAttribute('data-loading'); $.ajax({ url: 'index.php?route=extension/module/povidomyt/send', type: 'post', dataType: 'json', data: $(form).serialize(), success: function(json){ if (json && (json.success || json.ok)) { formWrap.style.display = 'none'; success.style.display = 'block'; setTimeout(function(){ window.closePovidomytModal(); }, 3000); } else { showError((json && json.message) ? json.message : 'Error'); submit.disabled = false; submit.innerHTML = submit.getAttribute('data-text'); } }, error: function(xhr, ajaxOptions, thrownError){ showError(thrownError || 'Connection error'); submit.disabled = false; submit.innerHTML = submit.getAttribute('data-text'); } }); }); })();</script> <script type="text/javascript">$('#button-request-price').on('click', function() { $.ajax({ url: 'index.php?route=checkout/one_click/add', type: 'post', data: $('#request-price-form input[type=\'text\'], #request-price-form input[type=\'hidden\']'), dataType: 'json', beforeSend: function() { $('#button-request-price').button('loading'); }, complete: function() { $('#button-request-price').button('reset'); }, success: function(json) { $('.alert.alert-success, .text-danger.request-error').remove(); $('#request-price-form .input-group').removeClass('has-error'); if (json['error']) { if (json['error']['telephone']) { $('#request-price-form .input-group').after('<div class="text-danger request-error" style="margin-top: 5px;">' + json['error']['telephone'] + '</div>'); } } if (json['success']) { $('#request-price-form').html('<div class="alert alert-success" style="margin: 0;"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); });</script> <footer><div class="grid-rows"><div class="grid-row grid-row-1"><div class="grid-cols"><div class="grid-col grid-col-1"><div class="grid-items"><div class="grid-item grid-item-2"></div></div></div></div></div><div class="grid-row grid-row-2"><div class="grid-cols"><div class="grid-col grid-col-2"><div class="grid-items"><div class="grid-item grid-item-1"><div class="module module-info_blocks module-info_blocks-264"><div class="module-body"><div class="module-item module-item-1 info-blocks info-blocks-image"><div class="info-block"> <img src="https://cdn.garibaldi.com.ua/garibaldi/cache/catalog/site/map_L-600x390fill.png?v=1596114250-35563" srcset="https://cdn.garibaldi.com.ua/garibaldi/cache/catalog/site/map_L-600x390fill.png?v=1596114250-35563 1x, https://cdn.garibaldi.com.ua/garibaldi/cache/catalog/site/map_L-1200x781fill.png?v=1596114250-35563 2x" width="600" height="" alt="" class="info-block-img"/><div class="info-block-content"><div class="info-block-title"></div><div class="info-block-text"></div></div></div></div></div></div></div></div></div><div class="grid-col grid-col-3"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-76"><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a href="https://garibaldi.com.ua/index.php?route=account/account" > <span class="links-text">Мій аккаунт</span> </a></li></ul></div></div><div class="grid-item grid-item-2"><div class="links-menu links-menu-75"><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a href="https://garibaldi.com.ua/ua/pishite.html" > <span class="links-text">Контакти</span> </a></li><li class="menu-item links-menu-item links-menu-item-5"> <a href="https://garibaldi.com.ua/ua/korystuvacha-ugoda.html" > <span class="links-text">Користувацька угода</span> </a></li><li class="menu-item links-menu-item links-menu-item-6"> <a href="https://garibaldi.com.ua/ua/dostavka-y-oplata.html" > <span class="links-text">Доставка і оплата</span> </a></li></ul></div></div><div class="grid-item grid-item-3"><div class="icons-menu icons-menu-61"><ul><li class="menu-item icons-menu-item icons-menu-item-3 icon-menu-icon"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-61" data-placement="top" title="Instagram" href="https://www.instagram.com/garibaldi.com.ua/" > <span class="links-text">Instagram</span> </a></li></ul></div></div></div></div><div class="grid-col grid-col-4"><div class="grid-items"><div class="grid-item grid-item-2"><div class="module module-blocks module-blocks-274 blocks-grid"><div class="module-body"><div class="module-item module-item-1 no-expand"><div class="block-body expand-block"><div class="block-header"><i class="icon icon-block"></i></div><div class="block-wrapper"><div class="block-content block-html"><p>Пн-Чт: 09:00 - 18:00<br /> Пт: 09:00 - 17:00<br /> <b>Сб-Нд: вихідні дні</b></p></div></div></div></div><div class="module-item module-item-2 no-expand"><div class="block-body expand-block"><div class="block-header"><i class="icon icon-block"></i></div><div class="block-wrapper"><div class="block-content block-html"><p><strong>097 87 11011</strong><br /> <a href="viber://chat?number=%2B380978711011">viber</a></p></div></div></div></div></div></div></div></div></div><div class="grid-col grid-col-5"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-285"><h3 class="title module-title">Покупцю</h3><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-2"> <a href="https://garibaldi.com.ua/ua/inf/karta.html" > <span class="links-text">Карта сайту</span> </a></li><li class="menu-item links-menu-item links-menu-item-3"> <a href="https://garibaldi.com.ua/index.php?route=product/manufacturer" > <span class="links-text">Бренди</span> </a></li><li class="menu-item links-menu-item links-menu-item-4"> <a href="https://garibaldi.com.ua/ua/vsi-kategoriyi.html" > <span class="links-text">Категорії магазину</span> </a></li><li class="menu-item links-menu-item links-menu-item-5"> <a href="https://garibaldi.com.ua/ua/polityka-povernennya-ta-reklamaciyi.html" > <span class="links-text">Повернення та рекламації</span> </a></li></ul></div></div></div></div></div></div><div class="grid-row grid-row-3"><div class="grid-cols"><div class="grid-col grid-col-1"><div class="grid-items"><div class="grid-item grid-item-2"></div></div></div></div></div></div> <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://garibaldi.com.ua/#website","url":"https://garibaldi.com.ua/","name":"Garibaldi Ukraine caffee","publisher":{"@id":"https://garibaldi.com.ua/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://garibaldi.com.ua/index.php?route=product/search\u0026search={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"DepartmentStore","@id":"https://garibaldi.com.ua/#organization","name":"Garibaldi Ukraine caffee","url":"https://garibaldi.com.ua/","image":"https://garibaldi.com.ua/image/catalog/site/logo1.png","logo":"https://cdn.garibaldi.com.ua/garibaldi/cache/catalog/site/logo1-144x144.png?v=1559657864-193382","email":"info@garibaldi.com.ua","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://garibaldi.com.ua/index.php?route=product/search\u0026search={search_term_string}"},"query-input":"required name=search_term_string"},"currenciesAccepted":"UAH","hasMap":"https://goo.gl/maps/3oSL9v6aieA7zQCJ6","sameAs":["https://instagram.com/garibaldi.com.ua"],"telephone":"+380978711011","contactPoint":[{"@type":"ContactPoint","telephone":"+380978711011","contactType":"customer service"}],"address":{"@type":"PostalAddress","addressCountry":"UA","addressLocality":"Киев","postalCode":"02000","streetAddress":"ул. Волынская, 48/50"},"location":{"@type":"Place","name":"Garibaldi Ukraine caffee","address":{"@type":"PostalAddress","addressCountry":"UA","addressLocality":"Киев","postalCode":"02000","streetAddress":"ул. Волынская, 48/50"},"geo":{"@type":"GeoCoordinates","latitude":"50.4177962","longitude":"30.4393614"}},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"10:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"10:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"10:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"10:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"10:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"10:00","closes":"18:00"}]}]}</script> <span class="vcard"> <span class="fn org"><span class="value-title" title="Garibaldi Ukraine caffee"></span></span> <span class="org"><span class="value-title" title="Garibaldi Ukraine caffee"></span></span> <span class="url"><span class="value-title" title="https://garibaldi.com.ua/"></span></span> <span class="adr"> <span class="locality"><span class="value-title" title="Киев"></span></span><span class="street-address"><span class="value-title" title="ул. Волынская, 48/50"></span></span><span class="postal-code"><span class="value-title" title="02000"></span></span></span> <span class="geo"><span class="latitude"><span class="value-title" title="50.4177962"></span></span><span class="longitude"><span class="value-title" title="30.4393614"></span></span></span> <span class="tel"><span class="value-title" title="+380978711011"></span></span><span class="photo"><span class="value-title" title="https://garibaldi.com.ua/image/catalog/site/logo1.png"></span></span></span></footer><div class="popup-overlay"> <input type="hidden" name="account" id="account" value="login"><div class="popup-window" id="popup-login"> <button type="button" class="close-popup btn-close-popup"><span></span></button><div class="inner"><div class="popup-title">Авторизація</div><div class="popup-form"><form id="form-login" class="form" action="#" novalidate method="post" enctype="multipart/form-data"><div class="form-group group-email is_first"> <input class="form-field" type="email" name="email" id="input-email-popup" placeholder="E-Mail" autocomplete="off" required><ul class="email-advice"></ul> <span class="input-icon login-input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:currentColor;"><path d="M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 2v.511l-8 6.223-8-6.222V6h16zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044 20.002 18H4z"></path></svg></span></div><div class="form-group group-password"> <input class="form-field" type="password" name="password" placeholder="Пароль" id="input-password-popup" autocomplete="current-password" required> <span class="input-icon login-input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:currentColor;"><path d="M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9V7zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z"></path></svg></span> <span class="password-eye" aria-label="Показати пароль у вигляді звичайного тексту. Попередження: це відобразить ваш пароль на екрані." data-target-input="#input-password-popup"></span></div><div id="account-support-links"> <a href="#" data-account="forgot_password" class="forgot_password-show forgot_password">Забули пароль?</a></div> <input type="hidden" name="account" id="account_login" class="account_form" value="login"><div class="wrap-send"> <input type="submit" class="send_btn btn-social" data-account="login" id="button-login-popup" value="Увійти"></div></form></div><div class="popup-social"><p class="social_title">Увійти через соціальну мережу</p><div class="social_block"><div class="social-icon onclick" data-auth="Google" rel="noreferrer" data-toggle="tooltip" title="Google"><div class="social-container-box"> <a href="javascript:void(0);" class="login-button"> <span class="login-google-logo"> <img class="img-responsive" src="https://cdn.garibaldi.com.ua/garibaldi/cache/catalog/logo/G-32x32.png?v=1754300570-10108" alt="Google" title="Google"> </span> GOOGLE </a></div></div></div></div><style>.popup-social .social_block {display:flex;flex-wrap:wrap;margin:4px auto;}</style><div class="reg_block"><p>Ви ще не маєте свого профілю?</p> <a href="#" data-account="registration" class="registration-show reg_form_link">Зареєструватись</a></div></div></div><div class="popup-window" id="popup-forgot_password"> <button type="button" class="close-popup btn-close-popup"><span></span></button><div class="inner"><div class="popup-title">Забули пароль?</div><div class="popup-text">Введіть адресу своєї електронної пошти і ми надішлемо Вам новий пароль для входу</div><div class="popup-form"><form id="form-forgot_password" class="form" action="#" novalidate method="post" enctype="multipart/form-data"><div class="form-group group-email"> <input class="form-field" type="email" name="email" id="input-email-forgot" placeholder="E-Mail" autocomplete="off"><ul class="email-advice"></ul> <span class="input-icon login-input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:currentColor;"><path d="M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 2v.511l-8 6.223-8-6.222V6h16zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044 20.002 18H4z"></path></svg></span> <input type="hidden" name="account" id="account_forgot" class="account_form" value="login"></div><div class="wrap-send"> <input type="submit" class="send_btn btn-social" data-account="forgot_password" id="button-forgot-popup" value="Відправити"></div></form></div><div class="reg_block"> <a href="#" data-account="login" class="login-show forgot_password">Я згадав свій пароль</a></div></div></div><div class="popup-window" id="popup-forgot_password-success"> <button type="button" class="close-popup btn-close-popup"><span></span></button><div class="inner"><div class="popup-title">Пароль відправлено на електронну адресу</div><div class="popup-btn"><p><a href="#" data-account="login" class="login-show btn-social">Увійти з новим паролем</a></p></div></div></div><div class="popup-window" id="popup-registration"> <button type="button" class="close-popup btn-close-popup"><span></span></button><div class="inner"><div class="popup-title">Реєстрація на сайті</div><div class="popup-form"><form id="form-registration" class="form" action="#" novalidate method="post" enctype="multipart/form-data"> <input type="hidden" name="country_code" id="input_country_code"> <input type="hidden" name="account" id="account_register" class="account_form" value="login"><div class="form-group group-firstname" id="regular-field-firstname"> <input autocomplete="on" type="text" id="input-firstname" name="firstname" value="" maxlength="32" class="form-field" required="" placeholder="Ім'я"></div><div class="form-group group-lastname" id="regular-field-lastname"> <input autocomplete="on" type="text" id="input-lastname" name="lastname" value="" maxlength="32" class="form-field" required="" placeholder="Прізвище"></div><div class="form-group group-email" id="regular-field-email"> <input autocomplete="on" type="email" id="input-email" name="email" value="" maxlength="96" class="form-field" required="" placeholder="E-Mail"><ul class="email-advice"></ul></div><div class="form-group group-password" id="regular-field-password"> <input autocomplete="on" type="password" id="input-password" name="password" value="" maxlength="20" class="form-field" required="" placeholder="Пароль"> <span class="reg-password-eye" aria-label="Показати пароль у вигляді звичайного тексту. Попередження: це відобразить ваш пароль на екрані." data-target-input="#input-password"></span></div><div id="regular-field-customer_group_id" class="form-group required" style="display: none;"> <label class="control-label" style="padding-left: 0px;">Група покупців</label><div class="radio-toolbar"><div><label class="pointer"><input type="radio" class="input-radio_reg" name="customer_group_id" value="1" checked="checked"> <span>Різниця</span></label></div></div></div><div class="wrap-send"> <input type="submit" class="send_btn btn-social" data-account="registration" id="button-register-popup" value="Зареєструватись"></div></form></div><div class="popup-social"><p class="social_title">Зареєструватись через соціальну мережу</p><div class="social_block"><div class="social-icon onclick" data-auth="Google" rel="noreferrer" data-toggle="tooltip" title="Google"><div class="social-container-box"> <a href="javascript:void(0);" class="login-button"> <span class="login-google-logo"> <img class="img-responsive" src="https://cdn.garibaldi.com.ua/garibaldi/cache/catalog/logo/G-32x32.png?v=1754300570-10108" alt="Google" title="Google"> </span> GOOGLE </a></div></div></div></div><style>.popup-social .social_block {display:flex;flex-wrap:wrap;margin:4px auto;}</style><div class="reg_block"><p>Вже реєструвалися? <a href="#" data-account="login" class="login-show">Увійти в особистий кабінет тут</a></p></div></div></div><div class="popup-window" id="popup-registration-success"> <button type="button" class="close-popup btn-close-popup"><span></span></button><div class="inner"><div class="popup-title">Вітаємо, ваша реєстрація пройшла успішно, Дуже дякуємо!</div></div></div></div></div> <script src="catalog/view/theme/journal3/assets/eb1f072ad3a79163cab1100e335866bb.js?v=3.0.34" ></script> <div class="scroll-top"> <i class="fa fa-angle-up"></i></div><div id="quick-order-launchers" style="--cart-primary:#372d28;--cart-primary-hover:#2b221e;--cart-primary-soft:#f4ebe4;--cart-primary-text:#ffffff;--cart-button-radius:22px;" ></div><div id="quick-order-product-save" class="quick-order-product-save" data-save-product-root style="--cart-primary:#372d28;--cart-primary-hover:#2b221e;--cart-primary-soft:#f4ebe4;--cart-primary-text:#ffffff;--cart-button-radius:22px;" data-logged="0" data-save-url="https://garibaldi.com.ua/index.php?route=extension/module/quick_order/saveProduct" data-lists-url="https://garibaldi.com.ua/index.php?route=extension/module/quick_order/getSavedCartLists" data-login-url="https://garibaldi.com.ua/index.php?route=account/login" data-lists-page-url="https://garibaldi.com.ua/index.php?route=account/quick_order" data-csrf-token="d33e89b5268bf41a823fcf3a30f9b29178f3addfbfc4e4dd" data-i18n='{"button":"\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0432 \u0441\u043f\u0438\u0441\u043e\u043a","title":"\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0442\u043e\u0432\u0430\u0440 \u0443 \u0441\u043f\u0438\u0441\u043e\u043a","description":"\u0414\u043e\u0434\u0430\u0439\u0442\u0435 \u0442\u043e\u0432\u0430\u0440 \u0456\u0437 \u0432\u0438\u0431\u0440\u0430\u043d\u0438\u043c\u0438 \u043e\u043f\u0446\u0456\u044f\u043c\u0438 \u0434\u043e \u0456\u0441\u043d\u0443\u044e\u0447\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0443 \u0430\u0431\u043e \u0441\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u043d\u043e\u0432\u0438\u0439.","existing":"\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0432 \u0456\u0441\u043d\u0443\u044e\u0447\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a","new":"\u0421\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043d\u043e\u0432\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a","choose":"\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a","name":"\u041d\u0430\u0437\u0432\u0430 \u0441\u043f\u0438\u0441\u043a\u0443","save":"\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0442\u043e\u0432\u0430\u0440","cancel":"\u0421\u043a\u0430\u0441\u0443\u0432\u0430\u0442\u0438","login":"\u0423\u0432\u0456\u0439\u0442\u0438","loginText":"\u0414\u043b\u044f \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u0442\u043e\u0432\u0430\u0440\u0443 \u0443\u0432\u0456\u0439\u0434\u0456\u0442\u044c \u0432 \u0430\u043a\u0430\u0443\u043d\u0442.","loading":"\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f...","success":"\u0422\u043e\u0432\u0430\u0440 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043e \u0443 \u0441\u043f\u0438\u0441\u043e\u043a.","error":"\u041d\u0435 \u0432\u0434\u0430\u043b\u043e\u0441\u044f \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0442\u043e\u0432\u0430\u0440. \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435 \u043e\u043f\u0446\u0456\u0457 \u0442\u043e\u0432\u0430\u0440\u0443 \u0439 \u0441\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0449\u0435 \u0440\u0430\u0437."}'> <button type="button" class="quick-order-product-save__button" data-save-product-open> <span class="quick-order-product-save__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z"></path> <path d="M9 8h6"></path> <path d="M12 5v6"></path> </svg> </span> <span data-save-product-button-text>Зберегти в список</span> </button><div class="quick-order-product-save-modal" data-save-product-modal aria-hidden="true"><div class="quick-order-product-save-modal__overlay" data-save-product-close></div><div class="quick-order-product-save-modal__panel" role="dialog" aria-modal="true"> <button type="button" class="quick-order-product-save-modal__close" data-save-product-close aria-label="Скасувати">×</button><div class="quick-order-product-save-modal__head"> <span class="quick-order-product-save-modal__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z"></path> </svg> </span><div><h3>Зберегти товар у список</h3><p>Додайте товар із вибраними опціями до існуючого списку або створіть новий.</p></div></div><div class="quick-order-product-save-modal__notice" data-save-product-notice></div><div class="quick-order-product-save-modal__login" data-save-product-login><p>Для збереження товару увійдіть в акаунт.</p> <a href="https://garibaldi.com.ua/index.php?route=account/login" class="quick-order-product-save-modal__primary">Увійти</a></div><form class="quick-order-product-save-modal__form" data-save-product-form><div class="quick-order-product-save-modal__switch"> <label><input type="radio" name="quick_order_product_save_mode" value="existing" checked> Зберегти в існуючий список</label> <label><input type="radio" name="quick_order_product_save_mode" value="new"> Створити новий список</label></div><div class="quick-order-product-save-modal__field" data-save-product-existing> <label>Оберіть список</label> <select name="saved_cart_id" data-save-product-select></select></div><div class="quick-order-product-save-modal__field" data-save-product-new style="display:none;"> <label>Назва списку</label> <input type="text" name="name" value="" placeholder="Назва списку"></div><div class="quick-order-product-save-modal__actions"> <button type="button" class="quick-order-product-save-modal__secondary" data-save-product-close>Скасувати</button> <button type="submit" class="quick-order-product-save-modal__primary" data-save-product-submit>Зберегти товар</button></div></form></div></div></div> <script>(function () { var root = document.querySelector('[data-save-product-root]'); var productInput = document.querySelector('input[name="product_id"]'); if (!root || !productInput || document.querySelector('.quick-order-product-save__button--mounted')) return; var i18n = {}; try { i18n = JSON.parse(root.getAttribute('data-i18n') || '{}'); } catch (e) { i18n = {}; } var button = root.querySelector('[data-save-product-open]'); if (!button) return; button.className += ' quick-order-product-save__button--mounted'; var mountButton = function (target, node) { if (!target || !target.parentNode) return false; target.parentNode.replaceChild(node, target); return true; }; // Важливо: кнопку товару більше НЕ вставляємо автоматично біля wishlist/cart/h1. var mountTarget = document.querySelector('.addtospisok[data-quick-order-product-save-anchor], [data-quick-order-product-save-anchor]'); if (!mountButton(mountTarget, button)) return; var modalNode = root.querySelector('[data-save-product-modal]'); if (modalNode && root.getAttribute('style')) { modalNode.setAttribute('style', root.getAttribute('style')); } if (modalNode) { document.body.appendChild(modalNode); } var modal = document.querySelector('[data-save-product-modal]'); var form = document.querySelector('[data-save-product-form]'); var loginBox = document.querySelector('[data-save-product-login]'); var notice = document.querySelector('[data-save-product-notice]'); var select = document.querySelector('[data-save-product-select]'); var newBox = document.querySelector('[data-save-product-new]'); var existingBox = document.querySelector('[data-save-product-existing]'); var submitBtn = document.querySelector('[data-save-product-submit]'); var isLogged = root.getAttribute('data-logged') === '1'; var setNotice = function (message, type) { if (!notice) return; notice.textContent = message || ''; notice.className = 'quick-order-product-save-modal__notice' + (message ? ' is-visible is-' + (type || 'info') : ''); }; var openModal = function () { modal.className += ' is-open'; modal.setAttribute('aria-hidden', 'false'); setNotice('', ''); if (!isLogged) { if (form) form.style.display = 'none'; if (loginBox) loginBox.style.display = 'block'; return; } if (form) form.style.display = 'block'; if (loginBox) loginBox.style.display = 'none'; loadLists(); }; var closeModal = function () { modal.className = modal.className.replace(/\bis-open\b/g, '').replace(/\s+/g, ' '); modal.setAttribute('aria-hidden', 'true'); }; var loadLists = function () { if (!select) return; select.innerHTML = '<option value="">' + (i18n.loading || 'Loading...') + '</option>'; fetch(root.getAttribute('data-lists-url'), { credentials: 'same-origin' }) .then(function (response) { return response.json(); }) .then(function (data) { var rows = data.savedCarts || []; select.innerHTML = ''; rows.forEach(function (row) { var option = document.createElement('option'); option.value = row.saved_cart_id || row.id || ''; option.textContent = row.name || ''; select.appendChild(option); }); if (!rows.length) { var emptyOption = document.createElement('option'); emptyOption.value = ''; emptyOption.textContent = i18n.new || 'Create new list'; select.appendChild(emptyOption); var newRadio = document.querySelector('input[name="quick_order_product_save_mode"][value="new"]'); if (newRadio) { newRadio.checked = true; toggleMode(); } } }) .catch(function () { setNotice(i18n.error || 'Error', 'error'); }); }; var toggleMode = function () { var modeNode = document.querySelector('input[name="quick_order_product_save_mode"]:checked'); var mode = modeNode ? modeNode.value : 'existing'; if (existingBox) existingBox.style.display = mode === 'existing' ? 'block' : 'none'; if (newBox) newBox.style.display = mode === 'new' ? 'block' : 'none'; }; var collectProductData = function () { var data = new FormData(); var container = document.querySelector('#product') || document.querySelector('.product-info') || document.body; var productId = productInput.value; var quantityInput = document.querySelector('#input-quantity') || document.querySelector('input[name="quantity"]'); data.append('product_id', productId); data.append('quantity', quantityInput && quantityInput.value ? quantityInput.value : '1'); data.append('csrf_token', root.getAttribute('data-csrf-token') || ''); var optionControls = container.querySelectorAll('input[name^="option["], select[name^="option["], textarea[name^="option["]'); Array.prototype.forEach.call(optionControls, function (control) { if ((control.type === 'checkbox' || control.type === 'radio') && !control.checked) return; data.append(control.name, control.value); }); var modeNode = document.querySelector('input[name="quick_order_product_save_mode"]:checked'); var mode = modeNode ? modeNode.value : 'existing'; if (mode === 'existing' && select && select.value) { data.append('saved_cart_id', select.value); } else { var nameInput = document.querySelector('[data-save-product-new] input[name="name"]'); data.append('name', nameInput && nameInput.value ? nameInput.value : ''); } return data; }; button.addEventListener('click', openModal); Array.prototype.forEach.call(document.querySelectorAll('[data-save-product-close]'), function (close) { close.addEventListener('click', closeModal); }); Array.prototype.forEach.call(document.querySelectorAll('input[name="quick_order_product_save_mode"]'), function (radio) { radio.addEventListener('change', toggleMode); }); if (form) { form.addEventListener('submit', function (event) { event.preventDefault(); setNotice('', ''); if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = i18n.loading || submitBtn.textContent; } fetch(root.getAttribute('data-save-url'), { method: 'POST', credentials: 'same-origin', body: collectProductData() }) .then(function (response) { return response.json(); }) .then(function (data) { if (data.redirect) { window.location.href = data.redirect; return; } if (data.error) { setNotice(data.error, 'error'); return; } setNotice(data.success || i18n.success || 'Saved', 'success'); setTimeout(closeModal, 900); }) .catch(function () { setNotice(i18n.error || 'Error', 'error'); }) .then(function () { if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = i18n.save || submitBtn.textContent; } }); }); } })();</script> <div class="szsd-backdrop" data-szsd-close></div><aside class="szsd-drawer szsd-theme-cocoa szsd-mode-recently" style="--szsd-image-desktop:420px;--szsd-image-mobile:190px;" aria-hidden="true" data-default-tab="recently" data-enabled-tabs='["part","recently","specs","history"]' data-part-url="https://garibaldi.com.ua/index.php?route=extension/module/sitezilla_smart_drawer/partLookup" data-tooltip-url="https://garibaldi.com.ua/index.php?route=extension/module/sitezilla_smart_drawer/partTooltip" data-recently-url="https://garibaldi.com.ua/index.php?route=extension/module/sitezilla_smart_drawer/listRecently" data-specs-url="https://garibaldi.com.ua/index.php?route=extension/module/sitezilla_smart_drawer/listSpecifications"><div class="szsd-card"><div class="szsd-sheet-handle" aria-hidden="true"><span></span></div><div class="szsd-head"><div><strong>Навігатор запчастин</strong><span>Пошук по кодах запчастин, переглянуті товари та схеми.</span></div> <button type="button" data-szsd-close aria-label="Закрити">×</button></div><div class="szsd-tabs"> <button type="button" data-szsd-tab="part"><i class="fa fa-search"></i><span>Запчастини</span></button> <button type="button" data-szsd-tab="recently"><i class="fa fa-eye"></i><span>Переглянуті</span></button> <button type="button" data-szsd-tab="specs"><i class="fa fa-object-group"></i><span>Схеми</span></button> <button type="button" data-szsd-tab="history"><i class="fa fa-clock-o"></i><span>Історія</span></button></div><div class="szsd-search"> <label class="szsd-search-label"><i class="fa fa-barcode"></i> Пошук по коду запчастини</label><div class="szsd-search-row"> <input type="text" class="szsd-js-query" placeholder="Код запчастини, наприклад: 700152/22" autocomplete="off" /> <button type="button" class="szsd-js-search"><i class="fa fa-search"></i><span>Знайти</span></button></div></div><div class="szsd-body"><div class="szsd-bulkbar szsd-js-bulkbar" style="display:none;"> <span><i class="fa fa-check-square-o"></i> Вибрано: <b class="szsd-js-selected-count">0</b></span> <button type="button" data-szsd-bulk-add>Додати вибрані</button></div><section class="szsd-panel" data-szsd-panel="part"><div class="szsd-loading szsd-js-loading" style="display:none;">Завантаження...</div><div class="szsd-empty szsd-js-part-empty">Введіть код запчастини зверху або натисніть номер на схемі.</div><div class="szsd-grid szsd-js-results"></div><div class="szsd-js-product"></div> </section><section class="szsd-panel" data-szsd-panel="recently"><div class="szsd-section-title szsd-section-title-row"> <span><i class="fa fa-eye"></i> Переглянуті товари</span> <span class="szsd-inline-loading szsd-js-recent-loading" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i> Завантаження...</span></div><div class="szsd-grid szsd-js-recently"></div> </section><section class="szsd-panel" data-szsd-panel="specs"><div class="szsd-section-title"><i class="fa fa-object-group"></i> Історія перегляду специфікацій</div><div class="szsd-loading szsd-js-specs-loading" style="display:none;">Завантаження...</div><div class="szsd-grid szsd-js-spec-results"></div><div class="szsd-empty szsd-js-spec-empty" style="display:none;">Історія перегляду специфікацій поки порожня. Відкрийте сторінку специфікації — вона зʼявиться тут.</div> </section><section class="szsd-panel" data-szsd-panel="history"><div class="szsd-section-title"><i class="fa fa-clock-o"></i> Останні коди та запити</div><div class="szsd-history-actions"><small>Натисніть на код, щоб повторити пошук. Нижче зберігаються знайдені товари.</small><button type="button" class="szsd-js-clear-history">Очистити</button></div><div class="szsd-query-history szsd-js-query-history"></div><div class="szsd-empty szsd-js-query-empty" style="display:none;">Історія введених кодів поки порожня.</div><div class="szsd-section-title szsd-history-products-title"><i class="fa fa-cubes"></i> Знайдені товари</div><div class="szsd-grid szsd-js-history"></div><div class="szsd-empty szsd-js-history-empty" style="display:none;">Історія знайдених товарів поки порожня.</div> </section></div></div> </aside><style>.szsd-trigger,.szsd-trigger *,.szsd-backdrop,.szsd-drawer,.szsd-drawer *{box-sizing:border-box}.szsd-trigger,.szsd-drawer{--szsd-head:#2f3444;--szsd-accent:#ef1d2d;--szsd-accent-2:#d91628;--szsd-accent-soft:#fff2f4;--szsd-panel:#fff;--szsd-soft:#f7f8fb;--szsd-border:#e6e9f0;--szsd-text:#2d3140;--szsd-muted:#7e8593;--szsd-action:#ef1d2d;--szsd-stock-in:#188441;--szsd-warn:#b87534}.szsd-drawer:not(.szsd-mode-part) .szsd-search{display:none!important} .szsd-theme-default_green{--szsd-head:#26382d;--szsd-accent:#37a332;--szsd-accent-2:#268522;--szsd-accent-soft:#e5f6e3;--szsd-action:#2f9730}.szsd-theme-pink{--szsd-head:#3a2b36;--szsd-accent:#d73772;--szsd-accent-2:#bd285f;--szsd-accent-soft:#fde5ef;--szsd-action:#d73772}.szsd-theme-rose{--szsd-head:#3d2c34;--szsd-accent:#dc3a77;--szsd-accent-2:#c62962;--szsd-accent-soft:#fde8f0;--szsd-action:#dc3a77}.szsd-theme-coral{--szsd-head:#3d302e;--szsd-accent:#e74b43;--szsd-accent-2:#cf3932;--szsd-accent-soft:#ffe7e5;--szsd-action:#e74b43}.szsd-theme-peach{--szsd-head:#3c332e;--szsd-accent:#ef7d59;--szsd-accent-2:#dc6743;--szsd-accent-soft:#fde9e1;--szsd-action:#ef7d59}.szsd-theme-apricot{--szsd-head:#3b332b;--szsd-accent:#e58228;--szsd-accent-2:#ca6c17;--szsd-accent-soft:#fdebd7;--szsd-action:#e58228}.szsd-theme-mint{--szsd-head:#263b39;--szsd-accent:#2ba695;--szsd-accent-2:#228979;--szsd-accent-soft:#def6f2;--szsd-action:#2ba695}.szsd-theme-sage{--szsd-head:#2c3930;--szsd-accent:#548c65;--szsd-accent-2:#437552;--szsd-accent-soft:#e7f2e9;--szsd-action:#548c65}.szsd-theme-olive{--szsd-head:#34382b;--szsd-accent:#72934b;--szsd-accent-2:#5e7b3d;--szsd-accent-soft:#edf4e4;--szsd-action:#72934b}.szsd-theme-sky{--szsd-head:#263641;--szsd-accent:#2498c7;--szsd-accent-2:#1b81aa;--szsd-accent-soft:#e3f5fb;--szsd-action:#2498c7}.szsd-theme-azure{--szsd-head:#283541;--szsd-accent:#2f76b5;--szsd-accent-2:#285f91;--szsd-accent-soft:#e5f0fa;--szsd-action:#2f76b5}.szsd-theme-lavender{--szsd-head:#302e45;--szsd-accent:#7064d7;--szsd-accent-2:#5d51bf;--szsd-accent-soft:#ece9ff;--szsd-action:#7064d7}.szsd-theme-lilac{--szsd-head:#382d42;--szsd-accent:#9955cd;--szsd-accent-2:#8443b7;--szsd-accent-soft:#f1e5fb;--szsd-action:#9955cd}.szsd-theme-berry{--szsd-head:#3f2e38;--szsd-accent:#a83d68;--szsd-accent-2:#903052;--szsd-accent-soft:#f7e3ec;--szsd-action:#a83d68}.szsd-theme-graphite{--szsd-head:#2f3740;--szsd-accent:#596672;--szsd-accent-2:#46525c;--szsd-accent-soft:#e8ecef;--szsd-action:#596672}.szsd-theme-cocoa{--szsd-head:#3a312d;--szsd-accent:#8c7467;--szsd-accent-2:#6f5a50;--szsd-accent-soft:#f3ece8;--szsd-action:#8c7467;--szsd-warn:#c07a35} .szsd-trigger{position:fixed;z-index:99940;border:0;border-radius:18px;background:var(--szsd-head);color:#fff;height:50px;padding:0 17px;font-weight:900;box-shadow:0 18px 44px rgba(0,0,0,.22);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.szsd-trigger span{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.16)}.szsd-backdrop{position:fixed;inset:0;z-index:99941;background:rgba(18,22,31,.62);visibility:hidden;opacity:0;transition:.25s ease}.szsd-backdrop.is-open{visibility:visible;opacity:1}.szsd-drawer{position:fixed;z-index:99942;top:18px;right:18px;bottom:18px;width:640px;max-width:calc(100vw - 36px);visibility:hidden;opacity:0;transform:translateX(calc(100% + 40px));transition:transform .42s cubic-bezier(.2,.95,.2,1),opacity .24s,visibility .24s;will-change:transform}.szsd-drawer.is-open{visibility:visible;opacity:1;transform:translateX(0)}.szsd-card{height:100%;display:flex;flex-direction:column;background:var(--szsd-panel);border-radius:28px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.36)}.szsd-head{display:flex;justify-content:space-between;gap:16px;padding:20px 26px 18px;background:var(--szsd-head);color:#fff}.szsd-head strong{display:block;font-size:24px;font-weight:900;line-height:1.15}.szsd-head span{display:block;margin-top:6px;color:rgba(255,255,255,.72);font-size:13px}.szsd-head button{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;cursor:pointer}.szsd-tabs{display:flex;gap:7px;padding:10px 20px 9px;border-bottom:1px solid var(--szsd-border);background:#fff}.szsd-tabs button{flex:1 1 0;min-width:0;height:36px;border:1px solid var(--szsd-border);background:#f8f9fc;border-radius:13px;color:#757d8d;font-weight:900;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 7px;white-space:nowrap;overflow:hidden}.szsd-tabs button span{overflow:hidden;text-overflow:ellipsis}.szsd-tabs button.is-active{background:#fff;color:var(--szsd-action);border-color:var(--szsd-action)} .szsd-search{padding:11px 20px 12px;border-bottom:1px solid var(--szsd-border);background:linear-gradient(180deg,#fff,#fbfcff)}.szsd-search-label{display:flex!important;align-items:center;gap:7px;margin:0 0 7px!important;color:var(--szsd-muted);font-size:12px!important;font-weight:900!important;text-transform:uppercase}.szsd-search-row{position:relative}.szsd-search input{width:100%!important;height:42px!important;border:1px solid #dfe2ea!important;border-radius:15px!important;background:#fff!important;padding:0 124px 0 16px!important;color:var(--szsd-text)!important;font-size:15px!important;font-weight:800!important}.szsd-search button{position:absolute!important;right:6px!important;top:5px!important;height:32px!important;min-width:104px!important;border:0!important;border-radius:11px!important;background:var(--szsd-head)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 13px!important}.szsd-body{flex:1;overflow:auto;padding:14px 20px 20px;background:#fff}.szsd-panel{display:none}.szsd-panel.is-active{display:block}.szsd-empty,.szsd-loading{padding:16px;border:1px dashed #dfe2ea;border-radius:18px;background:#fbfcff;color:#8a909d;font-size:14px}.szsd-section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--szsd-text);font-size:13px;font-weight:900;text-transform:uppercase}.szsd-section-title-row{justify-content:space-between;min-height:22px}.szsd-section-title-row>span:first-child{display:inline-flex;align-items:center;gap:8px}.szsd-inline-loading{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:var(--szsd-muted);font-size:11px;font-weight:800;text-transform:none;white-space:nowrap}.szsd-product-card{display:grid;gap:10px;min-width:0}.szsd-main-img{height:var(--szsd-image-desktop);border:1px solid var(--szsd-border);border-radius:18px;background:#fbfcff;display:flex;align-items:center;justify-content:center;overflow:hidden}.szsd-main-img img{width:100%;height:100%;object-fit:contain}.szsd-product-title{font-size:17px;line-height:1.2;font-weight:900;color:var(--szsd-text);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.szsd-info{display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px 10px;font-size:13px}.szsd-info span{color:#8a909d;font-weight:800}.szsd-stock.is-in{color:var(--szsd-stock-in)!important}.szsd-stock.is-out,.szsd-stock.is-preorder{color:var(--szsd-warn)!important}.szsd-buy-row{display:grid;grid-template-columns:132px 1fr;gap:10px}.szsd-qty{display:grid;grid-template-columns:40px 52px 40px;height:42px;border-radius:14px;overflow:hidden}.szsd-qty button{border:0;background:var(--szsd-action);color:#fff;font-size:22px}.szsd-qty input{border:0;background:#f7f8fb;text-align:center;font-weight:900}.szsd-cart{height:42px;border:0;border-radius:14px;background:var(--szsd-action)!important;color:#fff!important;font-weight:900!important}.szsd-open-product{display:inline-flex;height:40px;align-items:center;justify-content:center;border-radius:13px;background:#f1f3f8;color:var(--szsd-text)!important;font-weight:900;text-decoration:none!important}.szsd-product-related{margin-top:8px;padding-top:14px;border-top:1px solid var(--szsd-border)} .szsd-grid{display:grid;grid-template-columns:1fr;gap:10px}.szsd-item{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:minmax(44px,auto) 36px;gap:5px 12px;align-items:center;padding:10px 12px;border:1px solid var(--szsd-border);border-radius:16px;color:#252833;background:#fff;min-width:0}.szsd-item.is-selected{border-color:var(--szsd-action);background:var(--szsd-accent-soft)}.szsd-item img{grid-column:1;grid-row:1/3;width:88px;height:88px;object-fit:contain;border-radius:13px;background:#f7f8fb}.szsd-item-main{grid-column:2;grid-row:1;min-width:0;align-self:end}.szsd-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:900;line-height:1.25;color:var(--szsd-text)}.szsd-item span{display:block;margin-top:4px;color:#8a909d;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.szsd-item-actions{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.szsd-preview,.szsd-mini-link{flex:0 0 auto;width:40px;height:34px;border:0;border-radius:12px;background:#f1f3f8;color:var(--szsd-text)!important;display:flex;align-items:center;justify-content:center;text-decoration:none!important}.szsd-preview{background:var(--szsd-accent-soft);color:var(--szsd-action)!important}.szsd-spec-badge{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:99px;background:var(--szsd-accent-soft);color:var(--szsd-action);font-size:11px;font-style:normal}.szsd-select-wrap{display:flex;flex:0 0 auto;width:40px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#fbfcff}.szsd-select-wrap input{width:17px;height:17px;margin:0}.szsd-select-wrap.is-disabled{opacity:.35}.szsd-bulkbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;padding:9px 12px;border-radius:13px;background:var(--szsd-head);color:#fff}.szsd-bulkbar button{border:0;border-radius:9px;background:var(--szsd-action);color:#fff;padding:7px 11px;font-weight:900}.szsd-history-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 10px;color:#8a909d}.szsd-history-actions button{border:0;background:none;color:var(--szsd-action);font-weight:900}.szsd-query-history{display:flex;flex-wrap:wrap;gap:7px}.szsd-history-code{border:1px solid var(--szsd-border);border-radius:999px;background:#fff;padding:7px 11px;color:var(--szsd-text);font-weight:900;font-size:12px}.szsd-history-code:hover{border-color:var(--szsd-action);color:var(--szsd-action)}.szsd-history-products-title{margin-top:18px}body.szsd-open{overflow:hidden} .szsd-drawer.szsd-before-open{visibility:visible}.szsd-sheet-handle{display:none}.szsd-drawer.is-dragging{transition:none!important}.szsd-backdrop.is-dragging{transition:none!important}.szsd-drawer.szsd-is-closing{pointer-events:none!important} @media(max-width:640px){.szsd-trigger b{display:none}.szsd-trigger{width:50px;padding:0}.szsd-drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-width:100%;height:min(90dvh,760px);max-height:calc(100dvh - 12px);visibility:visible;pointer-events:none;transform:translate3d(0,calc(100% + 28px),0);opacity:1;transition:transform .52s cubic-bezier(.16,1,.3,1);will-change:transform}.szsd-drawer.is-open{transform:translate3d(0,0,0);pointer-events:auto}.szsd-card{border-radius:24px 24px 0 0;position:relative}.szsd-sheet-handle{display:flex;position:absolute;z-index:8;top:0;left:50%;width:88px;height:28px;align-items:flex-start;justify-content:center;transform:translateX(-50%);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.szsd-sheet-handle:active{cursor:grabbing}.szsd-sheet-handle span{display:block;width:46px;height:5px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.40);box-shadow:0 1px 0 rgba(0,0,0,.08)}.szsd-head{padding:24px 18px 14px}.szsd-head strong{font-size:20px}.szsd-head span{font-size:12px}.szsd-tabs{padding:8px 10px;gap:5px}.szsd-tabs button{height:34px;font-size:11px;padding:0 5px}.szsd-search{padding:9px 12px}.szsd-search input{padding-right:112px!important;font-size:13px!important}.szsd-search button{min-width:94px!important;font-size:11px!important;padding:0 10px!important}.szsd-body{padding:12px}.szsd-main-img{height:var(--szsd-image-mobile)}.szsd-buy-row{grid-template-columns:122px 1fr}.szsd-qty{grid-template-columns:36px 50px 36px}.szsd-item{grid-template-columns:82px minmax(0,1fr);grid-template-rows:minmax(42px,auto) 36px;gap:5px 10px;padding:9px 10px;min-height:100px}.szsd-item img{width:82px;height:82px}.szsd-item-actions{justify-content:flex-end}.szsd-preview,.szsd-mini-link,.szsd-select-wrap{width:40px;height:34px}}</style> <script>(function(){ var drawer=document.querySelector('.szsd-drawer'); var backdrop=document.querySelector('.szsd-backdrop'); if(!drawer)return; var searchHistoryKey='sitezilla_search_query_history_v1'; var productHistoryKey='sitezilla_found_product_history_v1'; var specHistoryKey='sitezilla_spec_search_history_v1'; var enabledTabs=[]; try{enabledTabs=JSON.parse(drawer.getAttribute('data-enabled-tabs')||'[]');}catch(e){enabledTabs=[];} var defaultTab=drawer.getAttribute('data-default-tab')||enabledTabs[0]||'part'; var relatedEnabled=false; var openFrame=null,openFrame2=null,closeTimer=null,motionTimer=null; var dragState={active:false,startY:0,lastY:0,lastTime:0,deltaY:0,velocity:0,pointerId:null}; function esc(v){return String(v==null?'':v).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,''');} function api(name){return drawer.getAttribute(name)||'';} function urlWith(url,params){var q=[];for(var k in params){if(params.hasOwnProperty(k)&&params[k]!==''&&params[k]!=null)q.push(encodeURIComponent(k)+'='+encodeURIComponent(params[k]));}return url+(url.indexOf('?')===-1?'?':'&')+q.join('&');} function normalize(code){code=String(code||'').trim();try{code=decodeURIComponent(code);}catch(e){}code=code.replace(/^https?:\/\/[^\/]+/i,'').replace(/[?#].*$/,'').replace(/\.html?$/i,'').replace(/^\/+|\/+$/g,'').replace(/\s+/g,'');if(!/^\d{3,12}\/[A-Za-z0-9]{1,12}$/.test(code)&&code.indexOf('/')!==-1){var p=code.split('/');code=p[p.length-1];}var m=code.match(/^(\d{3,12})-([A-Za-z0-9]{1,12})$/);return m?m[1]+'/'+m[2]:code;} function shortName(name){name=String(name||'').replace(/\s+/g,' ').trim();return name.length>82?name.slice(0,79)+'...':name;} function hasTab(tab){return enabledTabs.indexOf(tab)!==-1;} function resolveTab(tab,forcePart){if(forcePart&&tab==='part')return 'part';if(hasTab(tab))return tab;if(hasTab(defaultTab))return defaultTab;return enabledTabs[0]||'part';} function switchTab(tab,forcePart){tab=resolveTab(tab,forcePart);drawer.className=drawer.className.replace(/\bszsd-mode-[a-z0-9_-]+\b/g,'').replace(/\s{2,}/g,' ');drawer.classList.add('szsd-mode-'+tab);document.querySelectorAll('[data-szsd-tab]').forEach(function(b){b.classList.toggle('is-active',b.getAttribute('data-szsd-tab')===tab);});document.querySelectorAll('[data-szsd-panel]').forEach(function(p){p.classList.toggle('is-active',p.getAttribute('data-szsd-panel')===tab);});updateBulkBar();if(tab==='recently')loadRecently();if(tab==='specs')renderSpecs();if(tab==='history')renderHistory();return tab;} function scheduleClosedCleanup(){if(closeTimer)clearTimeout(closeTimer);closeTimer=setTimeout(function(){if(drawer&&!drawer.classList.contains('is-open')){drawer.classList.remove('szsd-before-open');drawer.classList.remove('szsd-is-closing');drawer.style.transform='';drawer.style.transition='';}if(backdrop){backdrop.style.opacity='';backdrop.style.transition='';}closeTimer=null;},580);} function clearMotionTimer(){if(motionTimer){clearTimeout(motionTimer);motionTimer=null;}if(openFrame){cancelAnimationFrame(openFrame);openFrame=null;}if(openFrame2){cancelAnimationFrame(openFrame2);openFrame2=null;}} function clearMotionStyles(){drawer.style.removeProperty('transform');drawer.style.removeProperty('transition');if(backdrop){backdrop.style.removeProperty('opacity');backdrop.style.removeProperty('transition');}} function forceStyle(el,prop,value){if(el&&el.style)el.style.setProperty(prop,value,'important');} function mobileClosedOffset(){return Math.max((drawer&&drawer.offsetHeight)||0,(window.innerHeight||0)*.9)+36;} function currentTranslateY(){var y=dragState.deltaY||0;try{var tr=window.getComputedStyle(drawer).transform;if(tr&&tr!=='none'){var m=tr.match(/^matrix$([^)]+)$$/);if(m){var v=m[1].split(',');y=parseFloat(v[5])||y;}var m3=tr.match(/^matrix3d$([^)]+)$$/);if(m3){var v3=m3[1].split(',');y=parseFloat(v3[13])||y;}}}catch(e){}return Math.max(0,y||0);} function resetDragStyles(){dragState.active=false;dragState.deltaY=0;dragState.velocity=0;dragState.pointerId=null;drawer.classList.remove('is-dragging');drawer.style.removeProperty('transform');if(backdrop){backdrop.classList.remove('is-dragging');backdrop.style.removeProperty('opacity');}} function animateMobileOpen(){clearMotionTimer();drawer.classList.remove('szsd-is-closing');drawer.classList.add('szsd-before-open');drawer.classList.add('is-open');var offset=mobileClosedOffset();forceStyle(drawer,'transition','none');forceStyle(drawer,'transform','translate3d(0,'+offset+'px,0)');if(backdrop){backdrop.classList.add('is-open');forceStyle(backdrop,'transition','none');forceStyle(backdrop,'opacity','0');}void drawer.offsetHeight;openFrame=requestAnimationFrame(function(){openFrame2=requestAnimationFrame(function(){forceStyle(drawer,'transition','transform .54s cubic-bezier(.16,1,.3,1)');forceStyle(drawer,'transform','translate3d(0,0,0)');if(backdrop){forceStyle(backdrop,'transition','opacity .34s ease');forceStyle(backdrop,'opacity','1');}openFrame=null;openFrame2=null;motionTimer=setTimeout(function(){clearMotionStyles();motionTimer=null;},580);});});} function animateMobileClose(fromDrag){clearMotionTimer();var startY=fromDrag?Math.max(0,dragState.deltaY||0):currentTranslateY();dragState.active=false;dragState.pointerId=null;drawer.classList.remove('is-dragging');drawer.classList.add('szsd-is-closing');drawer.classList.add('szsd-before-open');drawer.classList.add('is-open');forceStyle(drawer,'transition','none');forceStyle(drawer,'transform','translate3d(0,'+startY+'px,0)');if(backdrop){backdrop.classList.remove('is-dragging');backdrop.classList.add('is-open');var bo='1';try{bo=window.getComputedStyle(backdrop).opacity||'1';}catch(e){}forceStyle(backdrop,'transition','none');forceStyle(backdrop,'opacity',bo);}void drawer.offsetHeight;openFrame=requestAnimationFrame(function(){openFrame2=requestAnimationFrame(function(){forceStyle(drawer,'transition','transform .46s cubic-bezier(.4,0,.2,1)');forceStyle(drawer,'transform','translate3d(0,'+mobileClosedOffset()+'px,0)');if(backdrop){forceStyle(backdrop,'transition','opacity .30s ease');forceStyle(backdrop,'opacity','0');}openFrame=null;openFrame2=null;motionTimer=setTimeout(function(){drawer.classList.remove('is-open');drawer.classList.remove('szsd-before-open');drawer.classList.remove('szsd-is-closing');if(backdrop)backdrop.classList.remove('is-open');clearMotionStyles();document.body.classList.remove('szsd-open');motionTimer=null;},500);});});} function open(tab,forcePart){if(closeTimer){clearTimeout(closeTimer);closeTimer=null;}clearMotionTimer();var target=switchTab(tab||defaultTab,forcePart);drawer.setAttribute('aria-hidden','false');document.body.classList.add('szsd-open');if(isMobileSheet()){if(drawer.classList.contains('is-open')&&!drawer.classList.contains('szsd-is-closing')){resetDragStyles();clearMotionStyles();drawer.classList.add('szsd-before-open');if(backdrop)backdrop.classList.add('is-open');return target;}resetDragStyles();animateMobileOpen();return target;}if(drawer.classList.contains('is-open')){resetDragStyles();clearMotionStyles();drawer.classList.add('szsd-before-open');if(backdrop)backdrop.classList.add('is-open');return target;}resetDragStyles();drawer.classList.add('szsd-before-open');void drawer.offsetHeight;openFrame=requestAnimationFrame(function(){openFrame2=requestAnimationFrame(function(){drawer.classList.add('is-open');openFrame=null;openFrame2=null;});});if(backdrop)backdrop.classList.add('is-open');return target;} function close(fromDrag){drawer.setAttribute('aria-hidden','true');if(isMobileSheet()&&(drawer.classList.contains('is-open')||drawer.classList.contains('szsd-before-open'))){animateMobileClose(!!fromDrag);return;}clearMotionTimer();if(fromDrag){drawer.classList.remove('is-dragging');drawer.classList.remove('is-open');void drawer.offsetHeight;requestAnimationFrame(function(){drawer.style.transform='';});}else{resetDragStyles();drawer.classList.remove('is-open');}if(backdrop){backdrop.classList.remove('is-dragging');backdrop.classList.remove('is-open');backdrop.style.opacity='';}document.body.classList.remove('szsd-open');scheduleClosedCleanup();} function isMobileSheet(){return !!(window.matchMedia&&window.matchMedia('(max-width:640px)').matches);} function beginDrag(y,pointerId){if(!isMobileSheet()||!drawer.classList.contains('is-open'))return false;dragState.active=true;dragState.startY=y;dragState.lastY=y;dragState.lastTime=Date.now();dragState.deltaY=0;dragState.velocity=0;dragState.pointerId=pointerId;drawer.classList.add('is-dragging');if(backdrop)backdrop.classList.add('is-dragging');return true;} function moveDrag(y){if(!dragState.active)return;var now=Date.now(),dy=Math.max(0,y-dragState.startY),dt=Math.max(1,now-dragState.lastTime);dragState.velocity=(y-dragState.lastY)/dt;dragState.lastY=y;dragState.lastTime=now;dragState.deltaY=dy;drawer.style.transform='translate3d(0,'+dy+'px,0)';if(backdrop){var h=Math.max(1,drawer.offsetHeight||window.innerHeight),progress=Math.min(.92,dy/h);backdrop.style.opacity=String(1-progress);}} function endDrag(){if(!dragState.active)return;var dy=dragState.deltaY,velocity=dragState.velocity,threshold=Math.min(150,Math.max(92,(drawer.offsetHeight||600)*.18)),shouldClose=dy>threshold||velocity>.55;dragState.active=false;dragState.pointerId=null;if(shouldClose){close(true);return;}drawer.classList.remove('is-dragging');if(backdrop)backdrop.classList.remove('is-dragging');void drawer.offsetHeight;drawer.style.transform='';if(backdrop)backdrop.style.opacity='';dragState.deltaY=0;dragState.velocity=0;} function getKey(key){try{var v=JSON.parse(localStorage.getItem(key)||'[]');return Array.isArray(v)?v:[];}catch(e){return[];}} function setKey(key,items){try{localStorage.setItem(key,JSON.stringify((items||[]).slice(0,40)));}catch(e){}notifyHistory();} function notifyHistory(){try{window.dispatchEvent(new CustomEvent('szsd:historyChanged'));}catch(e){}} function storedProduct(p,code){return{product_id:p.product_id,code:code||p.model,name:p.name,model:p.model,price:p.product_type==='specification'?'':p.price,thumb:p.thumb,href:p.href,quantity:typeof p.quantity==='undefined'?'':p.quantity,can_add_to_cart:typeof p.can_add_to_cart==='undefined'?1:p.can_add_to_cart,product_type:p.product_type||'part',time:(new Date()).getTime()};} function saveToKey(key,p,code){if(!p||!p.product_id)return;var items=getKey(key).filter(function(x){return String(x.product_id)!==String(p.product_id);});items.unshift(storedProduct(p,code));setKey(key,items);} function saveMany(key,products,code,type){var items=getKey(key);(products||[]).slice().reverse().forEach(function(p){if(!p||!p.product_id)return;if(type&&p.product_type!==type)return;items=items.filter(function(x){return String(x.product_id)!==String(p.product_id);});items.unshift(storedProduct(p,code||p.model));});setKey(key,items);} function saveSearch(code){code=normalize(code);if(!code)return;var items=getKey(searchHistoryKey).filter(function(x){return String(x.code)!==String(code);});items.unshift({code:code,time:(new Date()).getTime()});setKey(searchHistoryKey,items.slice(0,30));} function saveHistory(p,code){if(!p)return;if(p.product_type==='specification')saveToKey(specHistoryKey,p,code);else saveToKey(productHistoryKey,p,code);} function canBulk(p){return p&&p.product_type!=='specification'&&String(p.can_add_to_cart)!=='0'&&(typeof p.quantity==='undefined'||String(p.quantity)===''||parseInt(p.quantity,10)>0);} function itemHtml(p){var spec=p.product_type==='specification';var meta=spec?esc(p.model||'Схеми'):esc(p.model)+(p.price?' · '+esc(p.price):'');var select='';if(!spec){var can=canBulk(p);select='<label class="szsd-select-wrap'+(can?'':' is-disabled')+'"><input type="checkbox" class="szsd-select-product" data-product-id="'+esc(p.product_id)+'" '+(can?'':'disabled')+'></label>';}var actions=spec?'<div class="szsd-item-actions"><a class="szsd-mini-link" href="'+esc(p.href)+'" target="_blank" rel="noopener"><i class="fa fa-external-link"></i></a></div>':'<div class="szsd-item-actions">'+select+'<button type="button" class="szsd-preview" data-szsd-preview><i class="fa fa-eye"></i></button><a class="szsd-mini-link" href="'+esc(p.href)+'" target="_blank" rel="noopener"><i class="fa fa-external-link"></i></a></div>';return '<div class="szsd-item" data-product-id="'+esc(p.product_id)+'" data-model="'+esc(p.model)+'" data-type="'+esc(p.product_type||'part')+'" data-href="'+esc(p.href)+'"><img data-szsd-preview src="'+esc(p.thumb)+'" onerror="this.src=\'image/cache/no_image-100x100.png\'" alt=""><div class="szsd-item-main" data-szsd-preview><strong>'+esc(shortName(p.name))+'</strong><span>'+meta+'</span>'+(spec?'<em class="szsd-spec-badge">Схеми</em>':'')+'</div>'+actions+'</div>';} function renderGrid(selector,items,emptyText){var el=document.querySelector(selector);if(!el)return;var html='';(items||[]).forEach(function(p){html+=itemHtml(p);});el.innerHTML=html|| (emptyText?'<div class="szsd-empty">'+esc(emptyText)+'</div>':'');updateBulkBar();} function updateBulkBar(){var bar=document.querySelector('.szsd-js-bulkbar');if(!bar)return;var active=document.querySelector('.szsd-panel.is-active');var selected=active?active.querySelectorAll('.szsd-select-product:checked'):[];bar.style.display=selected.length?'flex':'none';var c=document.querySelector('.szsd-js-selected-count');if(c)c.textContent=selected.length;document.querySelectorAll('.szsd-item').forEach(function(i){var cb=i.querySelector('.szsd-select-product');i.classList.toggle('is-selected',!!(cb&&cb.checked));});} function renderQueryHistory(){var items=getKey(searchHistoryKey),box=document.querySelector('.szsd-js-query-history'),empty=document.querySelector('.szsd-js-query-empty');if(box)box.innerHTML=items.map(function(x){return '<button type="button" class="szsd-history-code" data-code="'+esc(x.code)+'"><i class="fa fa-search"></i> '+esc(x.code)+'</button>';}).join('');if(empty)empty.style.display=items.length?'none':'block';} function renderHistory(){renderQueryHistory();var items=getKey(productHistoryKey).filter(function(x){return x&&x.product_type!=='specification';});renderGrid('.szsd-js-history',items,'');var empty=document.querySelector('.szsd-js-history-empty');if(empty)empty.style.display=items.length?'none':'block';} function renderSpecs(){var items=getKey(specHistoryKey).filter(function(x){return x&&x.product_type==='specification';});renderGrid('.szsd-js-spec-results',items,'');var empty=document.querySelector('.szsd-js-spec-empty');if(empty)empty.style.display=items.length?'none':'block';} function renderProduct(p){var el=document.querySelector('.szsd-js-product'),empty=document.querySelector('.szsd-js-part-empty'),results=document.querySelector('.szsd-js-results');if(empty)empty.style.display='none';if(results)results.innerHTML='';if(!el)return;var buy='';if(String(p.can_add_to_cart)!=='0'){buy='<div class="szsd-buy-row"><div class="szsd-qty"><button type="button" data-szsd-qty-minus>-</button><input type="text" value="'+esc(p.minimum||1)+'" data-szsd-qty><button type="button" data-szsd-qty-plus>+</button></div><button type="button" class="szsd-cart" data-product-id="'+esc(p.product_id)+'">В кошик</button></div>';}var related=relatedEnabled?'<div class="szsd-product-related szsd-js-related-wrap" style="display:none"><div class="szsd-section-title"><i class="fa fa-random"></i> Схожі запчастини</div><div class="szsd-grid szsd-js-related"></div></div>':'';el.innerHTML='<div class="szsd-product-card"><div class="szsd-main-img"><img src="'+esc(p.thumb)+'" onerror="this.src=\'image/cache/no_image-100x100.png\'" alt=""></div><h3 class="szsd-product-title">'+esc(shortName(p.name))+'</h3><div class="szsd-info"><span>Код:</span><b>'+esc(p.model)+'</b><span>Наявність:</span><b class="szsd-stock '+esc(p.stock_class||'')+'">'+esc(p.stock)+'</b><span>Ціна:</span><b>'+esc(p.price)+'</b></div>'+buy+'<a class="szsd-open-product" href="'+esc(p.href)+'">Відкрити товар</a>'+related+'</div>';} function setRelated(items){if(!relatedEnabled)return;var wrap=document.querySelector('.szsd-js-related-wrap');if(!wrap)return;items=items||[];wrap.style.display=items.length?'block':'none';renderGrid('.szsd-js-related',items,'Схожих товарів поки немає.');} function previewProduct(id,code){if(!id)return;open('part',true);var loading=document.querySelector('.szsd-js-loading'),el=document.querySelector('.szsd-js-product'),empty=document.querySelector('.szsd-js-part-empty');if(loading)loading.style.display='block';if(el)el.innerHTML='';if(empty)empty.style.display='none';fetch(urlWith(api('data-part-url'),{product_id:id}),{credentials:'same-origin',cache:'no-store'}).then(function(r){return r.json();}).then(function(j){if(loading)loading.style.display='none';if(j&&j.product){renderProduct(j.product);setRelated(j.related||[]);saveHistory(j.product,code||j.product.model);recentlyState.loaded=false;}else if(empty){empty.style.display='block';empty.innerHTML='<b>'+esc((j&&j.message)||'Введіть код запчастини зверху або натисніть номер на схемі.')+'</b>';}}).catch(function(){if(loading)loading.style.display='none';if(empty){empty.style.display='block';empty.textContent='Помилка запиту';}});} function lookup(code){code=normalize(code);if(!code)return;saveSearch(code);open('part');var q=document.querySelector('.szsd-js-query');if(q)q.value=code;var loading=document.querySelector('.szsd-js-loading'),el=document.querySelector('.szsd-js-product'),results=document.querySelector('.szsd-js-results'),empty=document.querySelector('.szsd-js-part-empty');if(loading)loading.style.display='block';if(el)el.innerHTML='';if(results)results.innerHTML='';if(empty)empty.style.display='none';fetch(urlWith(api('data-part-url'),{model:code}),{credentials:'same-origin',cache:'no-store'}).then(function(r){return r.json();}).then(function(j){if(loading)loading.style.display='none';var specs=(j&&j.spec_items)||[];if(specs.length){saveMany(specHistoryKey,specs,code,'specification');renderSpecs();}if(j&&j.product){renderProduct(j.product);setRelated(j.related||[]);saveHistory(j.product,code);recentlyState.loaded=false;}else if(j&&j.items&&j.items.length){renderGrid('.szsd-js-results',j.items,'');saveMany(productHistoryKey,j.items,code,'part');renderHistory();}else if(specs.length){if(empty){empty.style.display='block';empty.innerHTML='<b>'+esc((j&&j.message)||'Знайдено специфікації — вони додані у вкладку «Схеми».')+'</b>';}switchTab('specs');}else if(empty){empty.style.display='block';empty.innerHTML='<b>'+esc((j&&j.message)||'Товар не знайдено')+'</b>';}}).catch(function(){if(loading)loading.style.display='none';if(empty){empty.style.display='block';empty.textContent='Помилка запиту';}});} // V24.5: reusable, read-only mini preview API for specification pages. // It never opens the Drawer by itself and keeps a tiny in-memory cache for the current page. var partTooltipCache={}; var partTooltipPending={}; var partTooltipStats={requests:0,cache_hits:0,pending_hits:0,ajax_requests:0}; function tooltipCacheKey(code,productId){productId=parseInt(productId,10)||0;code=normalize(code||'');return productId?'id:'+productId:'code:'+code;} function getPartTooltip(code,productId){ var key=tooltipCacheKey(code,productId);partTooltipStats.requests++; if(!key||key==='code:')return Promise.resolve({success:false,product:null,message:'Empty code'}); if(Object.prototype.hasOwnProperty.call(partTooltipCache,key)){partTooltipStats.cache_hits++;return Promise.resolve(partTooltipCache[key]);} if(partTooltipPending[key]){partTooltipStats.pending_hits++;return partTooltipPending[key];} var params={};if(parseInt(productId,10)>0)params.product_id=parseInt(productId,10);else params.model=normalize(code||''); partTooltipStats.ajax_requests++; var request=fetch(urlWith(api('data-tooltip-url'),params),{credentials:'same-origin',cache:'no-store'}) .then(function(r){return r.json();}) .then(function(j){partTooltipCache[key]=j||{success:false,product:null};delete partTooltipPending[key];return partTooltipCache[key];}) .catch(function(err){delete partTooltipPending[key];throw err;}); partTooltipPending[key]=request;return request; } function addProductToCart(productId,qty){productId=parseInt(productId,10)||0;qty=parseInt(qty,10)||1;if(!productId||!window.cart||typeof window.cart.add!=='function')return false;window.cart.add(productId,qty);return true;} function getPartTooltipStats(){return {requests:partTooltipStats.requests,cache_hits:partTooltipStats.cache_hits,pending_hits:partTooltipStats.pending_hits,ajax_requests:partTooltipStats.ajax_requests};} var recentlyState={loaded:false,loading:false}; function loadRecently(force){if(recentlyState.loading)return;if(recentlyState.loaded&&!force)return;var loading=document.querySelector('.szsd-js-recent-loading');recentlyState.loading=true;if(loading)loading.style.display='inline-flex';fetch(urlWith(api('data-recently-url'),{limit:12}),{credentials:'same-origin',cache:'no-store'}).then(function(r){return r.json();}).then(function(j){recentlyState.loaded=true;renderGrid('.szsd-js-recently',(j&&j.items)||[],'Переглянуті товари зʼявляться після перегляду кількох карток.');}).catch(function(){renderGrid('.szsd-js-recently',[],'Переглянуті товари зʼявляться після перегляду кількох карток.');}).then(function(){recentlyState.loading=false;if(loading)loading.style.display='none';});} function addSelected(){var active=document.querySelector('.szsd-panel.is-active');if(!active||!window.cart||typeof window.cart.add!=='function')return;var items=[].slice.call(active.querySelectorAll('.szsd-select-product:checked:not(:disabled)'));items.forEach(function(cb,i){setTimeout(function(){window.cart.add(cb.getAttribute('data-product-id'),1);cb.checked=false;updateBulkBar();},i*250);});} function tabFromHash(hash){hash=String(hash||'').toLowerCase();var map={'#drawer-open':defaultTab,'#szsd-open':defaultTab,'#drawer-search':'part','#szsd-search':'part','#drawer-recently':'recently','#szsd-recently':'recently','#drawer-specs':'specs','#szsd-specs':'specs','#drawer-history':'history','#szsd-history':'history'};return map[hash]||'';} function openHash(hash){var tab=tabFromHash(hash);if(!tab)return false;open(tab);if(window.history&&history.replaceState)history.replaceState(null,document.title,location.pathname+location.search);return true;} document.addEventListener('click',function(e){var t=e.target;var hashLink=t.closest('a[href*="#drawer-"],a[href*="#szsd-"]');if(hashLink){var linkHash='';try{linkHash=(new URL(hashLink.href,window.location.href)).hash;}catch(ex){linkHash=hashLink.getAttribute('href')||'';}if(tabFromHash(linkHash)){e.preventDefault();openHash(linkHash);return;}}var opener=t.closest('[data-szsd-open]');if(opener){e.preventDefault();open(opener.getAttribute('data-szsd-open')||defaultTab);return;}if(t.closest('[data-szsd-close]')){e.preventDefault();close();return;}var tab=t.closest('[data-szsd-tab]');if(tab){e.preventDefault();switchTab(tab.getAttribute('data-szsd-tab'));return;}if(t.closest('.szsd-js-search')){e.preventDefault();lookup((document.querySelector('.szsd-js-query')||{}).value);return;}if(t.closest('[data-szsd-bulk-add]')){e.preventDefault();addSelected();return;}if(t.closest('.szsd-select-wrap')){setTimeout(updateBulkBar,0);return;}var hc=t.closest('.szsd-history-code');if(hc){e.preventDefault();lookup(hc.getAttribute('data-code'));return;}var item=t.closest('.szsd-item');if(item&&t.closest('.szsd-mini-link')){if(item.getAttribute('data-type')==='specification'){saveToKey(specHistoryKey,{product_id:item.getAttribute('data-product-id'),model:item.getAttribute('data-model'),name:(item.querySelector('strong')||{}).textContent,thumb:(item.querySelector('img')||{}).src,href:item.getAttribute('data-href'),product_type:'specification'},item.getAttribute('data-model'));}return;}if(item&&(t.closest('[data-szsd-preview]')||(!t.closest('a')&&!t.closest('.szsd-select-wrap')))){e.preventDefault();if(item.getAttribute('data-type')==='specification'){window.location.href=item.getAttribute('data-href');return;}previewProduct(item.getAttribute('data-product-id'),item.getAttribute('data-model'));return;}if(t.closest('[data-szsd-qty-minus]')){var i=document.querySelector('[data-szsd-qty]');i.value=Math.max(1,(parseInt(i.value,10)||1)-1);}if(t.closest('[data-szsd-qty-plus]')){var p=document.querySelector('[data-szsd-qty]');p.value=(parseInt(p.value,10)||1)+1;}var cart=t.closest('.szsd-cart');if(cart){e.preventDefault();var qty=(document.querySelector('[data-szsd-qty]')||{}).value||1;if(window.cart&&typeof window.cart.add==='function')window.cart.add(cart.getAttribute('data-product-id'),qty);}if(t.closest('.szsd-js-clear-history')){try{localStorage.removeItem(productHistoryKey);localStorage.removeItem(searchHistoryKey);}catch(x){}renderHistory();notifyHistory();}}); var sheetHandle=document.querySelector('.szsd-sheet-handle'); if(sheetHandle){ if(window.PointerEvent){ sheetHandle.addEventListener('pointerdown',function(e){if(e.pointerType==='mouse'&&e.button!==0)return;if(beginDrag(e.clientY,e.pointerId)){try{sheetHandle.setPointerCapture(e.pointerId);}catch(ex){}e.preventDefault();}}); sheetHandle.addEventListener('pointermove',function(e){if(!dragState.active||dragState.pointerId!==e.pointerId)return;moveDrag(e.clientY);e.preventDefault();}); sheetHandle.addEventListener('pointerup',function(e){if(!dragState.active||dragState.pointerId!==e.pointerId)return;try{sheetHandle.releasePointerCapture(e.pointerId);}catch(ex){}endDrag();e.preventDefault();}); sheetHandle.addEventListener('pointercancel',function(e){if(dragState.active&&dragState.pointerId===e.pointerId)endDrag();}); }else{ sheetHandle.addEventListener('touchstart',function(e){var touch=e.touches&&e.touches[0];if(touch&&beginDrag(touch.clientY,'touch'))e.preventDefault();},{passive:false}); sheetHandle.addEventListener('touchmove',function(e){var touch=e.touches&&e.touches[0];if(touch&&dragState.active){moveDrag(touch.clientY);e.preventDefault();}},{passive:false}); sheetHandle.addEventListener('touchend',function(e){if(dragState.active){endDrag();e.preventDefault();}},{passive:false}); sheetHandle.addEventListener('touchcancel',function(){if(dragState.active)endDrag();}); } } document.addEventListener('keyup',function(e){if(e.key==='Escape'||e.keyCode===27)close();if(e.target&&e.target.classList.contains('szsd-js-query')&&(e.key==='Enter'||e.keyCode===13))lookup(e.target.value);}); window.addEventListener('storage',function(){renderHistory();renderSpecs();}); window.addEventListener('szsd:historyChanged',function(){renderHistory();renderSpecs();}); window.addEventListener('hashchange',function(){openHash(location.hash);}); setTimeout(function(){switchTab(defaultTab);renderHistory();renderSpecs();openHash(location.hash);},0); window.SitezillaSmartDrawer={version:'24.5',open:function(tab){return open(tab||defaultTab);},close:function(){close(false);},openRecently:function(){open('recently');},openHistory:function(){open('history');},openSpecs:function(){open('specs');},openPartSearch:lookup,previewProduct:previewProduct,openProduct:previewProduct,reloadRecently:function(){recentlyState.loaded=false;loadRecently(true);},normalizeCode:normalize,getPartTooltip:getPartTooltip,fetchPartTooltip:getPartTooltip,addToCart:addProductToCart,getTooltipStats:getPartTooltipStats}; })();</script> <div id="sfs-root" class="sfs-root sfs-motion-normal sfs-mobile-fullscreen sfs-mobile-slide" aria-hidden="true" style="--sfs-primary:#5f3b2e;--sfs-primary-hover:#472b21;--sfs-primary-soft:#f7f0ed;--sfs-button-text:#ffffff;--sfs-success:#0f8f61;--sfs-danger:#d84a3a;--sfs-warning:#c8842f;--sfs-surface:#fffaf7;--sfs-panel:#fbf5f1;--sfs-border:#e5d6cc;--sfs-text:#2f241f;--sfs-muted:#7b675d;--sfs-modal-width:940px;--sfs-modal-height:840px;--sfs-button-radius:18px;--sfs-card-radius:14px;--sfs-modal-radius:20px;--sfs-motion-ms:260ms;--sfs-motion-distance:28px;"><div class="sfs-backdrop"></div> <section class="sfs-dialog" role="dialog" aria-modal="true" aria-label="Пошук Garibaldi"><div class="sfs-head" role="presentation"><div class="sfs-searchbox"> <svg class="sfs-search-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m21 21-4.35-4.35m2.35-5.65a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg> <input id="sfs-input" type="search" autocomplete="off" spellcheck="false" placeholder="Товар, категорія або інформація..." aria-label="Пошук Garibaldi"></div> <button type="button" class="sfs-close" aria-label="Закрити">×</button></div><nav class="sfs-tabs" aria-label="Результати"> <button type="button" class="sfs-tab is-active" data-type="product" aria-pressed="true">Товари</button> <button type="button" class="sfs-tab" data-type="category" aria-pressed="false">Категорії</button> <button type="button" class="sfs-tab" data-type="all" aria-pressed="false">Усе</button> <button type="button" class="sfs-tab" data-type="part" aria-pressed="false">Запчастини</button> <button type="button" class="sfs-tab" data-type="specification" aria-pressed="false">Специфікації</button> <button type="button" class="sfs-tab" data-type="instruction" aria-pressed="false">Інструкції</button> <button type="button" class="sfs-tab" data-type="manufacturer" aria-pressed="false">Виробники</button> <button type="button" class="sfs-tab" data-type="information" aria-pressed="false">Інформація</button> </nav><div class="sfs-body"><div class="sfs-home"> <section class="sfs-home-section sfs-recent-section" hidden><div class="sfs-section-head"><span>Останні пошуки</span><button type="button" class="sfs-clear-history">Очистити</button></div><div class="sfs-chips sfs-recent-list"></div> </section><div class="sfs-state sfs-intro"><div>Товар, категорія або інформація...</div></div></div><div class="sfs-state sfs-loading" role="status" aria-live="polite" hidden><span class="sfs-search-pulse" aria-hidden="true"><span></span><span></span><span></span></span><div>Шукаємо...</div></div><div class="sfs-state sfs-empty" hidden><div class="sfs-big-icon">⌕</div><div>Нічого не знайдено</div></div><div class="sfs-state sfs-error" hidden><div>Не вдалося виконати пошук</div></div><div class="sfs-results-wrap" hidden><div class="sfs-results-title">Результати</div><div class="sfs-results"></div><div class="sfs-load-more-wrap" hidden><button type="button" class="sfs-load-more">Показати ще</button></div></div></div><footer class="sfs-footer"> <span class="sfs-footer-nav"><kbd>↑</kbd><kbd>↓</kbd> Результати · <kbd>Esc</kbd></span> <a class="sfs-full-search" href="https://garibaldi.com.ua/index.php?route=product/search&search="><kbd>Enter</kbd> Усі результати</a> <span class="sfs-footer-shortcut"><kbd>Ctrl</kbd>+<kbd>K</kbd> Пошук</span> </footer> </section></div><style>/* Sitezilla Front Search Theme Studio — fully isolated from Journal/theme styles */ #sfs-root,#sfs-root *{box-sizing:border-box} #sfs-root::before,#sfs-root::after,#sfs-root *::before,#sfs-root *::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important} #sfs-root{position:fixed;inset:0;z-index:2147483000;display:none;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--sfs-text);text-align:left;letter-spacing:normal;text-transform:none;-webkit-tap-highlight-color:transparent} #sfs-root.is-open{display:block} #sfs-root [hidden]{display:none!important} #sfs-root button,#sfs-root input,#sfs-root a{font:inherit;text-transform:none;letter-spacing:normal} #sfs-root button{appearance:none;-webkit-appearance:none} #sfs-root .sfs-backdrop{position:absolute;inset:0;margin:0;background:rgba(15,24,36,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;transition:opacity var(--sfs-motion-ms) ease} #sfs-root .sfs-dialog{position:relative;display:flex;flex-direction:column;width:min(var(--sfs-modal-width),calc(100% - 36px));height:min(var(--sfs-modal-height),calc(100dvh - 32px));max-height:min(var(--sfs-modal-height),calc(100dvh - 32px));margin:16px auto 0;padding:0;background:var(--sfs-surface);border:1px solid var(--sfs-border);border-radius:var(--sfs-modal-radius);overflow:hidden;box-shadow:0 28px 100px rgba(6,19,34,.34);transform:translate3d(0,calc(var(--sfs-motion-distance) * -1),0) scale(.975);opacity:0;transition:transform var(--sfs-motion-ms) cubic-bezier(.2,.8,.2,1),opacity var(--sfs-motion-ms) ease;will-change:transform,opacity} #sfs-root.is-visible .sfs-backdrop{opacity:1} #sfs-root.is-visible .sfs-dialog{transform:translate3d(0,0,0) scale(1);opacity:1} #sfs-root.is-closing .sfs-dialog{transform:translate3d(0,calc(var(--sfs-motion-distance) * -.65),0) scale(.985);opacity:0} #sfs-root .sfs-head{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px 18px;margin:0;border:0;border-bottom:1px solid var(--sfs-border);background:var(--sfs-surface);color:var(--sfs-text)} #sfs-root .sfs-searchbox{flex:1;display:flex;align-items:center;gap:13px;min-width:0;margin:0;padding:0;background:var(--sfs-surface)} #sfs-root .sfs-search-icon{width:26px;height:26px;min-width:26px;color:var(--sfs-primary)} #sfs-root #sfs-input{display:block;width:100%;height:auto;min-height:42px;margin:0;padding:5px 0;border:0!important;border-radius:0!important;outline:0!important;background:var(--sfs-surface)!important;box-shadow:none!important;color:var(--sfs-text)!important;font-size:20px!important;font-weight:400!important;line-height:1.4!important} #sfs-root #sfs-input::placeholder{color:var(--sfs-muted);opacity:.78} #sfs-root .sfs-close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;margin:0;padding:0;border:0!important;border-radius:min(var(--sfs-button-radius),14px);background:var(--sfs-primary-soft)!important;color:var(--sfs-primary)!important;font-size:23px!important;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease} #sfs-root .sfs-close:hover{background:var(--sfs-primary-hover)!important;color:var(--sfs-button-text)!important;transform:scale(1.04)} #sfs-root .sfs-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:58px;margin:0;padding:10px 16px;border:0;border-bottom:1px solid var(--sfs-border);background:var(--sfs-surface);overflow:visible} #sfs-root .sfs-tab{display:inline-flex;align-items:center;gap:5px;min-height:36px;margin:0;padding:7px 13px;border:1px solid var(--sfs-border)!important;border-radius:999px;background:var(--sfs-surface)!important;color:var(--sfs-muted)!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease} #sfs-root .sfs-tab:hover{border-color:var(--sfs-primary)!important;color:var(--sfs-primary)!important;transform:translateY(-1px)} #sfs-root .sfs-tab.is-active{border-color:var(--sfs-primary)!important;background:var(--sfs-primary-soft)!important;color:var(--sfs-primary)!important} #sfs-root .sfs-tab b{font-weight:750} #sfs-root .sfs-body{flex:1 1 auto;min-height:0;max-height:none;margin:0;padding:12px;background:var(--sfs-panel);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch} #sfs-root .sfs-home{display:block} #sfs-root .sfs-home-section{margin:0 0 14px;padding:14px;background:var(--sfs-surface);border:1px solid var(--sfs-border);border-radius:var(--sfs-card-radius);box-shadow:0 4px 18px rgba(26,63,100,.045)} #sfs-root .sfs-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--sfs-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} #sfs-root .sfs-clear-history{margin:0;padding:2px 0;border:0!important;background:transparent!important;color:var(--sfs-primary)!important;font-size:11px;cursor:pointer} #sfs-root .sfs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0} #sfs-root .sfs-chip{display:inline-flex;text-decoration:none!important;align-items:center;min-height:34px;margin:0;padding:7px 12px;border:1px solid var(--sfs-border)!important;border-radius:var(--sfs-button-radius);background:var(--sfs-panel)!important;color:var(--sfs-text)!important;cursor:pointer;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} #sfs-root .sfs-chip:hover{background:var(--sfs-primary-soft)!important;border-color:var(--sfs-primary)!important;color:var(--sfs-primary)!important;transform:translateY(-1px)} #sfs-root .sfs-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0} #sfs-root .sfs-quick-link{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:54px;margin:0;padding:9px 11px;border:1px solid var(--sfs-border);border-radius:var(--sfs-card-radius);background:var(--sfs-surface);color:var(--sfs-text)!important;text-decoration:none!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} #sfs-root .sfs-quick-link:hover{border-color:var(--sfs-primary);box-shadow:0 8px 22px rgba(34,64,94,.1);transform:translateY(-1px)} #sfs-root .sfs-quick-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:min(var(--sfs-button-radius),12px);background:var(--sfs-primary-soft);color:var(--sfs-primary);font-size:18px} #sfs-root .sfs-quick-link b{color:var(--sfs-muted);font-size:23px;font-weight:400} #sfs-root .sfs-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:0;padding:28px;color:var(--sfs-muted);text-align:center;font-size:16px} #sfs-root .sfs-home .sfs-intro{min-height:130px;padding:12px 20px 22px} #sfs-root .sfs-big-icon{font-size:54px;line-height:1;color:var(--sfs-muted);opacity:.55} #sfs-root .sfs-spinner{width:38px;height:38px;border:4px solid var(--sfs-border);border-top-color:var(--sfs-primary);border-radius:50%;animation:sfs-spin .7s linear infinite} #sfs-root .sfs-search-pulse{display:flex;gap:7px;align-items:center;justify-content:center;height:32px} #sfs-root .sfs-search-pulse span{width:8px;height:8px;background:var(--sfs-primary);border-radius:50%;animation:sfs-search-pulse 1.1s ease-in-out infinite} #sfs-root .sfs-search-pulse span:nth-child(2){animation-delay:.12s} #sfs-root .sfs-search-pulse span:nth-child(3){animation-delay:.24s} #sfs-root .sfs-enter{animation:sfs-result-enter var(--sfs-motion-ms) ease-out backwards} @keyframes sfs-search-pulse{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}} @keyframes sfs-result-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @keyframes sfs-spin{to{transform:rotate(360deg)}} #sfs-root .sfs-results-title{margin:0;padding:3px 4px 9px;color:var(--sfs-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} #sfs-root .sfs-results{display:flex;flex-direction:column;gap:8px;margin:0;padding:0} #sfs-root .sfs-item{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;margin:0;padding:10px;border:1px solid var(--sfs-border);border-radius:var(--sfs-card-radius);background:var(--sfs-surface);color:var(--sfs-text)!important;text-decoration:none!important;box-shadow:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease} #sfs-root .sfs-item:hover,#sfs-root .sfs-item:focus,#sfs-root .sfs-item.is-active{transform:translateY(-1px);border-color:var(--sfs-primary);box-shadow:0 7px 22px rgba(34,64,94,.11);outline:0} #sfs-root .sfs-thumb,#sfs-root .sfs-type-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0;border-radius:min(var(--sfs-card-radius),12px);background:var(--sfs-primary-soft);color:var(--sfs-primary);object-fit:contain} #sfs-root .sfs-type-icon svg{width:28px;height:28px} #sfs-root .sfs-name{margin:0 0 5px;color:var(--sfs-text);font-size:15px;font-weight:750;line-height:1.3} #sfs-root .sfs-kind{display:inline-flex;align-items:center;margin-left:7px;padding:3px 7px;border-radius:999px;background:var(--sfs-primary-soft);color:var(--sfs-primary);font-size:10px;font-weight:700;text-transform:uppercase;vertical-align:1px} #sfs-root .sfs-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:var(--sfs-muted);font-size:12px} #sfs-root .sfs-desc,#sfs-root .sfs-attrs{display:-webkit-box;margin-top:6px;color:var(--sfs-muted);font-size:12px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #sfs-root .sfs-variant-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px} #sfs-root .sfs-variant-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--sfs-border);border-radius:999px;background:var(--sfs-surface);color:var(--sfs-muted);font-size:11px;line-height:1.2;text-decoration:none!important} #sfs-root .sfs-variant-chip.in{border-color:var(--sfs-success);background:var(--sfs-primary-soft);color:var(--sfs-success)} #sfs-root .sfs-variant-chip.out{opacity:.55} #sfs-root .sfs-variant-label{font-weight:700;color:var(--sfs-text)} #sfs-root .sfs-family-block{margin-top:9px;padding-top:8px;border-top:1px solid var(--sfs-border)} #sfs-root .sfs-family-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--sfs-text);font-size:12px;font-weight:800} #sfs-root .sfs-family-title small{color:var(--sfs-muted);font-size:10px;font-weight:500;text-align:right} #sfs-root .sfs-color-list{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding:1px 1px 4px} #sfs-root .sfs-color-card{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-width:104px;max-width:160px;padding:5px 8px 5px 5px;border:1px solid var(--sfs-border);border-radius:min(var(--sfs-card-radius),12px);background:var(--sfs-surface);color:var(--sfs-text)!important;text-decoration:none!important;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease} #sfs-root .sfs-color-card:hover,#sfs-root .sfs-color-card.is-selected{border-color:var(--sfs-primary);box-shadow:0 4px 14px rgba(34,64,94,.12);transform:translateY(-1px)} #sfs-root .sfs-color-card.is-selected{background:var(--sfs-primary-soft)} #sfs-root .sfs-color-card.out{opacity:.58} #sfs-root .sfs-color-card img{grid-row:1/3;width:38px;height:38px;object-fit:contain;border-radius:min(var(--sfs-card-radius),8px);background:var(--sfs-surface)} #sfs-root .sfs-color-card b{overflow:hidden;color:var(--sfs-text);font-size:11px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap} #sfs-root .sfs-color-card span{overflow:hidden;color:var(--sfs-muted);font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap} #sfs-root .sfs-price{text-align:right;white-space:nowrap} #sfs-root .sfs-price-old{color:var(--sfs-muted);font-size:12px;text-decoration:line-through} #sfs-root .sfs-price-current{color:var(--sfs-primary);font-size:16px;font-weight:800} #sfs-root .sfs-stock{margin-top:6px;font-size:11px} #sfs-root .sfs-stock.in{color:var(--sfs-success)} #sfs-root .sfs-stock.out{color:var(--sfs-danger)} #sfs-root .sfs-arrow{padding:0 5px;color:var(--sfs-muted);font-size:26px} #sfs-root .sfs-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:14px;min-height:48px;margin:0;padding:8px 16px;border:0;border-top:1px solid var(--sfs-border);background:var(--sfs-surface);color:var(--sfs-muted);font-size:11px} #sfs-root .sfs-footer-nav{color:var(--sfs-muted)} #sfs-root .sfs-footer-shortcut{margin-left:auto;color:var(--sfs-muted)} #sfs-root .sfs-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin:0 1px;padding:0 5px;border:1px solid var(--sfs-border);border-bottom-width:2px;border-radius:5px;background:var(--sfs-panel);box-shadow:none;color:var(--sfs-text);font:600 10px/1 inherit} #sfs-root .sfs-full-search{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 8px;border-radius:8px;color:var(--sfs-primary)!important;text-decoration:none!important;font-weight:700} #sfs-root .sfs-full-search:hover{background:var(--sfs-primary-soft);color:var(--sfs-primary-hover)!important} html.sfs-lock,body.sfs-lock{overflow:hidden!important;overscroll-behavior:none!important} body.sfs-lock{position:fixed!important;left:0!important;right:0!important;width:100%!important;touch-action:none!important} #sfs-root.sfs-motion-none .sfs-backdrop,#sfs-root.sfs-motion-none .sfs-dialog{transition:none!important} #sfs-root.sfs-motion-none *,#sfs-root.sfs-motion-none *::before,#sfs-root.sfs-motion-none *::after{animation:none!important;transition:none!important} @media(max-width:760px){ #sfs-root .sfs-dialog{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(92dvh,820px);max-height:92dvh;margin:auto 0 0;border-radius:var(--sfs-modal-radius) var(--sfs-modal-radius) 0 0;border-bottom:0} #sfs-root.sfs-mobile-fullscreen .sfs-dialog{top:0;width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0} #sfs-root.sfs-mobile-slide .sfs-dialog{transform:translate3d(0,100%,0) scale(1);opacity:1} #sfs-root.sfs-mobile-slide.is-visible .sfs-dialog{transform:translate3d(0,0,0) scale(1);opacity:1} #sfs-root.sfs-mobile-slide.is-closing .sfs-dialog{transform:translate3d(0,100%,0) scale(1);opacity:1} #sfs-root .sfs-head{min-height:66px;padding:calc(11px + env(safe-area-inset-top)) 12px 11px} #sfs-root #sfs-input{font-size:17px!important} #sfs-root .sfs-tabs{flex-wrap:nowrap;min-height:52px;padding:8px 10px;overflow-x:auto;scrollbar-width:thin} #sfs-root .sfs-body{max-height:none;padding:10px} #sfs-root .sfs-quick-links{grid-template-columns:1fr} #sfs-root .sfs-item{grid-template-columns:54px 1fr auto} #sfs-root .sfs-thumb,#sfs-root .sfs-type-icon{width:54px;height:54px} #sfs-root .sfs-price{grid-column:2/4;display:flex;align-items:center;gap:8px;text-align:left} #sfs-root .sfs-color-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin} #sfs-root .sfs-footer{gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))} #sfs-root .sfs-footer-nav{display:none} #sfs-root .sfs-footer-shortcut{margin-left:auto} #sfs-root .sfs-full-search{padding:5px 7px} } @media(prefers-reduced-motion:reduce){#sfs-root *,#sfs-root *::before,#sfs-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #sfs-root .sfs-color-box{display:flex;flex-direction:column;gap:4px;min-width:104px;max-width:168px} #sfs-root .sfs-color-box .sfs-color-card{min-width:0;max-width:none;width:100%} #sfs-root .sfs-size-toggle{margin:0;padding:3px 7px;border:0!important;border-radius:8px;background:var(--sfs-primary-soft)!important;color:var(--sfs-primary)!important;font-size:9px!important;line-height:1.2;cursor:pointer} #sfs-root .sfs-size-toggle:disabled{opacity:.6;cursor:wait} #sfs-root .sfs-standalone-options{margin-top:9px}#sfs-root .sfs-standalone-size-title{margin:0 0 5px;color:var(--sfs-text);font-size:11px;font-weight:700}#sfs-root .sfs-size-toggle-main{padding:6px 12px!important;font-size:11px!important;border-radius:var(--sfs-button-radius)!important}#sfs-root .sfs-standalone-options .sfs-size-panel{margin-top:7px} #sfs-root .sfs-size-panel{display:flex;flex-wrap:wrap;gap:4px;padding:3px 1px} #sfs-root .sfs-size-panel.is-loading{min-height:24px;opacity:.7} #sfs-root .sfs-size-panel.is-loading::after{content:"…"!important;display:inline-flex!important;color:var(--sfs-muted)!important} #sfs-root .sfs-more-colors{display:inline-flex;align-items:center;min-height:48px;padding:6px 9px;border:1px dashed var(--sfs-border);border-radius:10px;color:var(--sfs-muted);font-size:10px} #sfs-root .sfs-load-more-wrap{display:flex;justify-content:center;padding:12px 4px 3px} #sfs-root .sfs-load-more{min-width:180px;padding:9px 18px;border:1px solid var(--sfs-primary)!important;border-radius:var(--sfs-button-radius);background:var(--sfs-primary-soft)!important;color:var(--sfs-primary)!important;font-weight:700;cursor:pointer} #sfs-root .sfs-load-more:hover{background:var(--sfs-primary)!important;color:var(--sfs-button-text)!important} #sfs-root .sfs-load-more:disabled{opacity:.55;cursor:wait} #sfs-root .sfs-more-status{padding:10px;color:var(--sfs-muted);text-align:center;font-size:11px} #sfs-root .sfs-price-pending,#sfs-root .sfs-stock.pending,#sfs-root .sfs-color-card.is-pending{opacity:.55} #sfs-root .sfs-size-empty,#sfs-root .sfs-size-error{color:var(--sfs-muted);font-size:10px} @media(min-width:601px){#sfs-root.is-home .sfs-dialog{height:min(520px,calc(100dvh - 32px))}} #sfs-root .sfs-head,#sfs-root .sfs-tabs{flex-shrink:0} /* Compact navigation: the first two filters remain visible on narrow screens. */ #sfs-root .sfs-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:7px;padding:10px 14px} #sfs-root .sfs-tab{flex:0 0 auto;white-space:nowrap;padding:7px 12px} #sfs-root .sfs-intro{min-height:90px;padding:26px 14px;color:var(--sfs-muted)} #sfs-root .sfs-home-section{padding:12px;margin-bottom:10px} @media(max-width:600px){#sfs-root .sfs-head{min-height:62px;padding:10px 12px}#sfs-root .sfs-tab{padding:7px 11px}#sfs-root .sfs-body{padding:12px}#sfs-root .sfs-footer-shortcut,#sfs-root .sfs-footer-nav{display:none}}</style> <script>(function(){ if(window.SitezillaFrontSearch){return;} var cfg={ inputDelay:600, defaultType:"product", slashShortcuts:1, showPrefixes:0, showRecent:1, browserCache:1, version:'0.9.11', runtimeContract:"964d963d15741aa94130fe448146d5a420cf42d2", quickUrl:"https:\/\/garibaldi.com.ua\/index.php?route=extension\/module\/sitezilla_front_search\/quick", liveUrl:"https:\/\/garibaldi.com.ua\/index.php?route=extension\/module\/sitezilla_front_search\/live", sizesUrl:"https:\/\/garibaldi.com.ua\/index.php?route=extension\/module\/sitezilla_front_search\/sizes", sizesBatchUrl:"https:\/\/garibaldi.com.ua\/index.php?route=extension\/module\/sitezilla_front_search\/sizesBatch", trackUrl:"https:\/\/garibaldi.com.ua\/index.php?route=extension\/module\/sitezilla_front_search\/track", fullSearchUrl:"https:\/\/garibaldi.com.ua\/index.php?route=product\/search&search=", min:2, initial:12, background:15, loadMoreMode:"hybrid", maxResults:150, analytics:1, colorLimit:5, sizeMode:"none", replace:0, selectors:".desktop-main-menu .search-trigger, .mobile-main-menu .search-trigger, .search-button", lang:"uk-ua", motionMs:260, prefixes:{product:'p',part:'x',specification:'s',instruction:'d',category:'c',manufacturer:'b',information:'i'}, labels:{ model:"\u041c\u043e\u0434\u0435\u043b\u044c",sku:"SKU",mpn:"MPN", inStock:"\u0412 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456",outStock:"\u041d\u0435\u043c\u0430\u0454 \u0432 \u043d\u0430\u044f\u0432\u043d\u043e\u0441\u0442\u0456", product:"\u0422\u043e\u0432\u0430\u0440",part:"\u0417\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430",specification:"\u0421\u043f\u0435\u0446\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u044f",instruction:"\u0406\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u044f",manufacturer:"\u0412\u0438\u0440\u043e\u0431\u043d\u0438\u043a",archive:"\u0410\u0440\u0445\u0456\u0432",category:"\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f", information:"\u0406\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044f",color:"\u041a\u043e\u043b\u0456\u0440", size:"\u0420\u043e\u0437\u043c\u0456\u0440",sizes:"\u0420\u043e\u0437\u043c\u0456\u0440\u0438", colors:"\u041a\u043e\u043b\u044c\u043e\u0440\u0438",familyHint:"\u0406\u043d\u0448\u0456 \u043a\u043e\u043b\u044c\u043e\u0440\u0438 \u0442\u0430 \u0440\u043e\u0437\u043c\u0456\u0440\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456 \u0432 \u043a\u0430\u0440\u0442\u0446\u0456 \u0442\u043e\u0432\u0430\u0440\u0443", loadSizes:"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u0440\u043e\u0437\u043c\u0456\u0440\u0438",loadingSizes:"\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u0440\u043e\u0437\u043c\u0456\u0440\u0438...", moreColors:"\u0449\u0435 \u043a\u043e\u043b\u044c\u043e\u0440\u0456\u0432",loadingMore:"\u0414\u043e\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454\u043c\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438...",showMore:"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u0449\u0435",noMore:"\u0411\u0456\u043b\u044c\u0448\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432 \u043d\u0435\u043c\u0430\u0454", indexPending:"\u041f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u0439 \u0456\u043d\u0434\u0435\u043a\u0441 \u0449\u0435 \u043d\u0435 \u043f\u043e\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u043e \u2014 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0441\u0443\u043c\u0456\u0441\u043d\u0438\u0439 \u0440\u0435\u0436\u0438\u043c.", fullSearch:"\u0423\u0441\u0456 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438" }, display:{model:1,sku:0,mpn:0,manufacturer:1} }; var root=document.getElementById('sfs-root');if(!root)return; var input=root.querySelector('#sfs-input'),results=root.querySelector('.sfs-results'),wrap=root.querySelector('.sfs-results-wrap'),loadMoreWrap=root.querySelector('.sfs-load-more-wrap'),loadMoreButton=root.querySelector('.sfs-load-more'); var home=root.querySelector('.sfs-home'),loading=root.querySelector('.sfs-loading'),empty=root.querySelector('.sfs-empty'),error=root.querySelector('.sfs-error'); var tabs=[].slice.call(root.querySelectorAll('.sfs-tab')),recentSection=root.querySelector('.sfs-recent-section'),recentList=root.querySelector('.sfs-recent-list'); var timer=null,trackTimer=null,quickXhr=null,liveXhr=null,moreXhr=null,seq=0,composing=false,currentType=cfg.defaultType,activeIndex=-1,scrollPosition=0,closeTimer=null,currentItems=[],nextOffset=0,hasMore=false,autoLoads=0,isLoadingMore=false,loadMoreRequests=0,maxLoadMoreRequests=12,trackedQueries={}; var historyKey='sitezilla_front_search_recent_'+cfg.lang,cache={}; function state(name){wrap.setAttribute('aria-busy',name==='loading'?'true':'false');root.classList.toggle('is-home',name==='home');home.hidden=name!=='home';loading.hidden=name!=='loading';empty.hidden=name!=='empty';error.hidden=name!=='error';wrap.hidden=name!=='results';} function openSearch(value){clearTimeout(closeTimer);root.classList.remove('is-closing');root.classList.add('is-open');root.setAttribute('aria-hidden','false');scrollPosition=window.pageYOffset||document.documentElement.scrollTop||0;document.documentElement.classList.add('sfs-lock');document.body.classList.add('sfs-lock');document.body.style.top=(-scrollPosition)+'px';var openingQuery=value!=null?value:cleanQuery();currentType=cfg.defaultType;input.value=openingQuery;syncTypeFromInput();renderRecent();updateFullSearchLink();state(cleanQuery().length>=cfg.min?'loading':'home');requestAnimationFrame(function(){root.classList.add('is-visible');setTimeout(function(){input.focus();if(cleanQuery().length>=cfg.min)run(true);},40);});} function closeSearch(){if(!root.classList.contains('is-open'))return;clearTimeout(timer);clearTimeout(trackTimer);seq++;root.classList.remove('is-visible');root.classList.add('is-closing');abortAll();closeTimer=setTimeout(function(){root.classList.remove('is-open','is-closing');root.setAttribute('aria-hidden','true');document.documentElement.classList.remove('sfs-lock');document.body.classList.remove('sfs-lock');document.body.style.top='';window.scrollTo(0,scrollPosition);},Math.max(20,cfg.motionMs+60));} function clearMoreStatus(){[].slice.call(results.querySelectorAll('.sfs-more-status')).forEach(function(el){if(el.parentNode)el.parentNode.removeChild(el);});} function abortAll(){[quickXhr,liveXhr,moreXhr].forEach(function(x){if(x&&x.readyState!==4)x.abort();});quickXhr=liveXhr=moreXhr=null;isLoadingMore=false;clearMoreStatus();updateLoadControl();} function esc(v){return String(v==null?'':v).replace(/[&<>'"]/g,function(c){return {'&':'&','<':'<','>':'>',"'":''','"':'"'}[c];});} function stripPrefix(v){if(!cfg.slashShortcuts)return String(v||'').trim();return String(v||'').replace(/^\/(p|x|s|d|c|b|i)\s*/i,'').trim();} function cleanQuery(){return stripPrefix(input.value);} function recentKey(q){var text=decodeStoredQuery(q).query.replace(/\s+/g,' ').trim();if(text.normalize)text=text.normalize('NFKC');return text.toLowerCase();} function getRecent(){var raw;try{raw=JSON.parse(localStorage.getItem(historyKey)||'[]');}catch(e){return [];}if(!Array.isArray(raw))return [];var seen=Object.create(null),list=[];raw.forEach(function(q){if(typeof q!=='string')return;var key=recentKey(q);if(!key||seen[key])return;seen[key]=true;if(list.length<8)list.push(q.trim().replace(/\s+/g,' '));});try{if(JSON.stringify(raw)!==JSON.stringify(list))localStorage.setItem(historyKey,JSON.stringify(list));}catch(e){}return list;} function decodeStoredQuery(q){var m=String(q||'').match(/^\/(p|x|s|d|c|b|i)\s*/i),map={p:'product',x:'part',s:'specification',d:'instruction',c:'category',b:'manufacturer',i:'information'};return {query:m?String(q).slice(m[0].length).trim():String(q||'').trim(),type:m?map[m[1].toLowerCase()]:'all'};} function saveRecent(q){if(!cfg.showRecent)return;q=cleanQuery();if(q.length<cfg.min)return;var prefix=cfg.prefixes[currentType]||'';q=(prefix?'/'+prefix+' ':'')+q;var list=getRecent().filter(function(x){return recentKey(x)!==recentKey(q);});list.unshift(q);try{localStorage.setItem(historyKey,JSON.stringify(list.slice(0,8)));}catch(e){}renderRecent();} function renderRecent(){if(!recentSection||!recentList)return;var list=getRecent().filter(function(q){return typeof q==='string';});recentSection.hidden=!cfg.showRecent||!list.length;recentList.innerHTML=list.map(function(q){var decoded=decodeStoredQuery(q);return '<button type="button" class="sfs-chip sfs-recent-chip" data-query="'+esc(q)+'">'+esc(cfg.showPrefixes?q:decoded.query)+'</button>';}).join('');} function clearRecent(){try{localStorage.removeItem(historyKey);}catch(e){}renderRecent();} function updateTabs(){tabs.forEach(function(t){var active=t.getAttribute('data-type')===currentType;t.classList.toggle('is-active',active);t.setAttribute('aria-pressed',active?'true':'false');});} function setType(type){var q=cleanQuery();currentType=type;input.value=q;updateTabs();updateFullSearchLink();input.focus();run(true);} function syncTypeFromInput(){var m=cfg.slashShortcuts&&input.value.match(/^\/(p|x|s|d|c|b|i)\s*/i),map={p:'product',x:'part',s:'specification',d:'instruction',c:'category',b:'manufacturer',i:'information'};if(m)currentType=map[m[1].toLowerCase()]||'all';updateTabs();} function icon(type){if(type==='category')return '<div class="sfs-type-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 6h7l2 2h9v11H3z"/><path d="M3 9h18"/></svg></div>';return '<div class="sfs-type-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M12 10v6M12 7h.01"/></svg></div>';} function sizeUi(family,color,main,sizes){ if(!family||!color||cfg.sizeMode==='none')return ''; if(cfg.sizeMode==='always'){ if(Array.isArray(sizes))return '<div class="sfs-size-panel sfs-size-panel-always" data-family-id="'+esc(family)+'" data-color-key="'+esc(color)+'" data-loaded="1">'+sizesHtml(sizes)+'</div>'; return '<div class="sfs-size-panel sfs-size-panel-always is-loading" data-family-id="'+esc(family)+'" data-color-key="'+esc(color)+'" data-loaded="0"></div>'; } return '<button type="button" class="sfs-size-toggle '+(main?'sfs-size-toggle-main':'')+'" data-family-id="'+esc(family)+'" data-color-key="'+esc(color)+'">'+esc(cfg.labels.loadSizes)+'</button><div class="sfs-size-panel" hidden></div>'; } function sizesHtml(sizes){return (sizes||[]).map(function(s){return '<a class="sfs-variant-chip '+(s.quantity>0?'in':'out')+'" href="'+esc(s.href)+'">'+esc(s.name)+'</a>';}).join('')||'<span class="sfs-size-empty">—</span>';} function fullSearchHref(){var base=String(cfg.fullSearchUrl||'');return base+encodeURIComponent(cleanQuery());} function updateFullSearchLink(){var link=root.querySelector('.sfs-full-search');if(link)link.setAttribute('href',fullSearchHref());} function productHtml(p){ var meta=[];if(cfg.display.model&&p.model)meta.push(cfg.labels.model+': '+esc(p.model));if(cfg.display.sku&&p.sku)meta.push(cfg.labels.sku+': '+esc(p.sku));if(cfg.display.mpn&&p.mpn)meta.push(cfg.labels.mpn+': '+esc(p.mpn));if(p.ean)meta.push('EAN: '+esc(p.ean));if(p.jan)meta.push('JAN: '+esc(p.jan));if(p.color)meta.push(cfg.labels.color+': '+esc(p.color));if(p.size)meta.push(cfg.labels.size+': '+esc(p.size)); var colors=''; if(p.family_colors&&p.family_colors.length){colors='<div class="sfs-family-block"><div class="sfs-family-title"><span>'+esc(cfg.labels.colors)+':</span><small>'+esc(cfg.labels.familyHint)+'</small></div><div class="sfs-color-list">'+p.family_colors.map(function(c){var pending=c.quantity==null;var detail=pending?'…':(c.quantity>0?cfg.labels.inStock:cfg.labels.outStock);return '<div class="sfs-color-box" data-family-id="'+esc(p.family_id||'')+'" data-color-key="'+esc(c.color_key||'')+'"><a class="sfs-color-card '+(c.selected?'is-selected ':'')+(pending?'is-pending':(c.quantity>0?'in':'out'))+'" href="'+esc(c.href)+'"><img src="'+esc(c.thumb)+'" alt=""><b>'+esc(c.color||'—')+'</b><span class="sfs-color-stock">'+esc(detail)+'</span></a>'+sizeUi(p.family_id||'',c.color_key||'',false,c.sizes)+'</div>';}).join('')+(p.other_colors?'<span class="sfs-more-colors">+'+p.other_colors+' '+esc(cfg.labels.moreColors)+'</span>':'')+'</div></div>';} if(!colors&&p.standalone_sizes&&p.family_id&&cfg.sizeMode!=='none'){colors='<div class="sfs-standalone-options">'+'<div class="sfs-standalone-size-title">'+esc(cfg.labels.sizes)+':</div>'+sizeUi(p.family_id,p.default_color_key||'default',true,p.standalone_size_items)+'</div>';} var attrs=(p.attributes||[]).map(function(a){return esc(a.name)+': '+esc(a.text);}).join(' · '); var price='<div class="sfs-price-current sfs-price-pending">…</div>'; if(p.price||p.special)price=p.special?'<div class="sfs-price-old">'+esc(p.price||'')+'</div><div class="sfs-price-current">'+esc(p.special)+'</div>':'<div class="sfs-price-current">'+esc(p.price||'')+'</div>'; var stock=p.quantity==null?'…':(p.quantity>0?cfg.labels.inStock:cfg.labels.outStock); return '<div class="sfs-item sfs-enter" data-href="'+esc(p.href)+'" data-item-type="'+esc(p.entity_type||p.type||'product')+'" data-item-id="'+esc(p.id||0)+'" data-family-id="'+esc(p.family_id||'')+'"><img class="sfs-thumb" loading="lazy" decoding="async" src="'+esc(p.thumb)+'" alt=""><div><a class="sfs-name" href="'+esc(p.href)+'">'+esc(p.name)+'<span class="sfs-kind">'+esc(p.kind_label||cfg.labels.product)+'</span></a><div class="sfs-meta">'+meta.map(function(x){return '<span>'+x+'</span>';}).join('')+'</div>'+(attrs?'<div class="sfs-attrs">'+attrs+'</div>':'')+colors+'</div><div class="sfs-price">'+price+'<div class="sfs-stock '+(p.quantity==null?'pending':(p.quantity>0?'in':'out'))+'">'+esc(stock)+'</div></div></div>'; } function itemHtml(p){if(p.type==='product')return productHtml(p);var visual=p.thumb?'<img class="sfs-thumb" loading="lazy" decoding="async" src="'+esc(p.thumb)+'" alt="">':icon(p.type),label=p.kind_label||cfg.labels[p.type]||cfg.labels.information;return '<a class="sfs-item sfs-enter" href="'+esc(p.href)+'" data-item-type="'+esc(p.type||'')+'" data-item-id="'+esc(p.id||0)+'">'+visual+'<div><div class="sfs-name">'+esc(p.name)+'<span class="sfs-kind">'+esc(label)+'</span></div>'+(p.description?'<div class="sfs-desc">'+esc(p.description)+'</div>':'')+'</div><div class="sfs-arrow">›</div></a>';} function render(items,append){activeIndex=-1;if(!append){currentItems=[];results.innerHTML='';autoLoads=0;loadMoreRequests=0;}if(items&&items.length){currentItems=currentItems.concat(items);results.insertAdjacentHTML('beforeend',items.map(itemHtml).join(''));state('results');updateFullSearchLink();if(cfg.sizeMode==='always')setTimeout(loadVisibleSizesBatch,0);}else if(!append&&!currentItems.length){state('empty');updateFullSearchLink();}updateLoadControl();} function updateLoadControl(){if(!loadMoreWrap||!loadMoreButton)return;var allowed=hasMore&&currentItems.length<cfg.maxResults&&cfg.loadMoreMode!=='none';loadMoreWrap.hidden=!allowed;loadMoreButton.disabled=isLoadingMore;loadMoreButton.textContent=isLoadingMore?cfg.labels.loadingMore:cfg.labels.showMore;} function trackEvent(eventType,extra){if(!cfg.analytics||!cfg.trackUrl)return;var q=cleanQuery();if(q.length<cfg.min)return;var data={event_type:eventType,scope:currentType,query:q,result_count:currentItems.length,duration_ms:0,cache_hit:0,entity_type:'',entity_id:0};Object.keys(extra||{}).forEach(function(k){data[k]=extra[k];});var body=new URLSearchParams();Object.keys(data).forEach(function(k){body.append(k,data[k]);});try{if(navigator.sendBeacon){navigator.sendBeacon(cfg.trackUrl,body);return;}}catch(e){}fetch(cfg.trackUrl,{method:'POST',body:body,credentials:'same-origin',keepalive:true}).catch(function(){});} function scheduleSearchTrack(data,duration){ clearTimeout(trackTimer); var trackedSeq=seq,trackedScope=currentType,trackedQuery=cleanQuery(),trackedCount=currentItems.length; var key=trackedScope+'|'+trackedQuery.toLowerCase(); trackTimer=setTimeout(function(){ if(composing||trackedSeq!==seq||trackedScope!==currentType||trackedQuery!==cleanQuery()||trackedQueries[key])return; trackedQueries[key]=1; trackEvent('search',{ scope:trackedScope,query:trackedQuery,result_count:trackedCount, duration_ms:duration||0,cache_hit:(data&&data.cached)?1:0 }); },1000); } function request(url,method,data,done,assign){var xhr=new XMLHttpRequest(),finished=false;function finish(err,payload){if(finished)return;finished=true;done(err,payload);}assign(xhr);var body=null;if(method==='POST'){body=[];Object.keys(data||{}).forEach(function(k){body.push(encodeURIComponent(k)+'='+encodeURIComponent(data[k]));});body=body.join('&');xhr.open('POST',url,true);xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');}else{var glue=url.indexOf('?')>-1?'&':'?';var parts=[];Object.keys(data||{}).forEach(function(k){parts.push(encodeURIComponent(k)+'='+encodeURIComponent(data[k]));});xhr.open('GET',url+glue+parts.join('&'),true);}xhr.timeout=15000;xhr.onreadystatechange=function(){if(xhr.readyState!==4)return;if(xhr.status>=200&&xhr.status<300){try{finish(null,JSON.parse(xhr.responseText||'{}'));}catch(e){finish(e);}}else if(xhr.status!==0){finish(new Error('HTTP '+xhr.status));}};xhr.onerror=function(){finish(new Error('Network error'));};xhr.ontimeout=function(){finish(new Error('Request timeout'));};xhr.onabort=function(){finish(new Error('Request aborted'));};xhr.send(body);return xhr;} function hydrate(items,localSeq){var ids=[];(items||[]).forEach(function(p){if(p.type==='product'&&p.family_id)ids.push(p.family_id);});ids=ids.filter(function(v,i,a){return a.indexOf(v)===i;});if(!ids.length)return;request(cfg.liveUrl,'POST',{family_ids:ids.join(',')},function(err,data){if(err||localSeq!==seq||!data||!data.families)return;Object.keys(data.families).forEach(function(fid){var family=data.families[fid],card=results.querySelector('.sfs-item[data-family-id="'+cssEscape(fid)+'"]');if(!card)return;var price=card.querySelector('.sfs-price');if(price){price.innerHTML=(family.special?'<div class="sfs-price-old">'+esc(family.price||'')+'</div><div class="sfs-price-current">'+esc(family.special)+'</div>':'<div class="sfs-price-current">'+esc(family.price||'')+'</div>')+'<div class="sfs-stock '+(family.quantity>0?'in':'out')+'">'+esc(family.quantity>0?cfg.labels.inStock:cfg.labels.outStock)+'</div>';}Object.keys(family.colors||{}).forEach(function(ck){var box=card.querySelector('.sfs-color-box[data-color-key="'+cssEscape(ck)+'"]');if(!box)return;var qty=family.colors[ck].quantity||0,link=box.querySelector('.sfs-color-card'),label=box.querySelector('.sfs-color-stock');if(link){link.classList.remove('is-pending','in','out');link.classList.add(qty>0?'in':'out');}if(label)label.textContent=qty>0?cfg.labels.inStock:cfg.labels.outStock;});});},function(x){liveXhr=x;});} function cssEscape(v){return String(v).replace(/(["\\])/g,'\\$1');} function itemIdentity(item){return String((item&&item.type)||'')+':'+String((item&&item.id)||0);} function loadMore(localSeq,automatic){ if(!hasMore||localSeq!==seq||isLoadingMore||currentItems.length>=cfg.maxResults)return; if(loadMoreRequests>=maxLoadMoreRequests){hasMore=false;isLoadingMore=false;clearMoreStatus();updateLoadControl();return;} var pageSize=cfg.background>0?cfg.background:cfg.initial; pageSize=Math.max(1,Math.min(pageSize,cfg.maxResults-currentItems.length)); if(pageSize<=0){hasMore=false;updateLoadControl();return;} var requestedOffset=parseInt(nextOffset,10);if(!isFinite(requestedOffset)||requestedOffset<0)requestedOffset=currentItems.length; isLoadingMore=true;loadMoreRequests++;updateLoadControl(); clearMoreStatus();var status=document.createElement('div');status.className='sfs-more-status';status.textContent=cfg.labels.loadingMore;results.appendChild(status); request(cfg.quickUrl,'GET',{q:cleanQuery(),type:currentType,limit:pageSize,offset:requestedOffset,color_limit:cfg.colorLimit,request_seq:localSeq,_:Date.now()},function(err,data){ isLoadingMore=false;moreXhr=null;if(status.parentNode)status.parentNode.removeChild(status); if(localSeq!==seq){updateLoadControl();return;} if(err||!data||data.success===false){hasMore=loadMoreRequests<maxLoadMoreRequests;updateLoadControl();return;} if(data.request_seq!=null&&parseInt(data.request_seq,10)!==localSeq){hasMore=false;updateLoadControl();return;} var serverItems=Array.isArray(data.items)?data.items:[]; var existing={};currentItems.forEach(function(item){existing[itemIdentity(item)]=1;}); var more=serverItems.filter(function(item){var key=itemIdentity(item);if(existing[key])return false;existing[key]=1;return true;}); if(more.length)render(more,true); var serverNext=parseInt(data.next_offset,10);if(!isFinite(serverNext))serverNext=requestedOffset+serverItems.length; var progressed=serverNext>requestedOffset; nextOffset=progressed?serverNext:requestedOffset; hasMore=!!data.has_more&&progressed&&serverItems.length>0&&currentItems.length<cfg.maxResults; if(!serverItems.length||!progressed)hasMore=false; hydrate(more,localSeq);if(automatic)autoLoads++; trackEvent('load_more',{result_count:more.length,request_id:data.request_id||'',offset:requestedOffset,next_offset:nextOffset}); updateLoadControl();if(cfg.loadMoreMode==='auto'&&hasMore)scheduleMore(localSeq); },function(x){moreXhr=x;}); } function run(immediate){clearTimeout(timer);clearTimeout(trackTimer);seq++;abortAll();if(composing)return;syncTypeFromInput();var q=cleanQuery();if(q.length<cfg.min){abortAll();currentItems=[];hasMore=false;updateLoadControl();state('home');return;}var execute=function(){abortAll();var localSeq=seq,started=Date.now();state('loading');var cacheKey=cfg.version+'|'+cfg.runtimeContract+'|'+currentType+'|'+q;if(cfg.browserCache&&cache[cacheKey]&&cache[cacheKey].until>Date.now()){var cached=cache[cacheKey].data;isLoadingMore=false;clearMoreStatus();render(cached.items||[],false);hasMore=!!cached.has_more;nextOffset=cached.next_offset||0;hydrate(cached.items||[],localSeq);scheduleSearchTrack(cached,Date.now()-started);scheduleMore(localSeq);return;}request(cfg.quickUrl,'GET',{q:cleanQuery(),type:currentType,limit:cfg.initial,offset:0,color_limit:cfg.colorLimit,request_seq:localSeq,_:Date.now()},function(err,data){if(err||localSeq!==seq){if(err&&localSeq===seq)state('error');return;}if(!data||data.success===false){state('error');return;}if(data.request_seq!=null&&parseInt(data.request_seq,10)!==localSeq)return; if(data.module_version&&data.module_version!==cfg.version){ cache={};state('error');return; } if(data.runtime_contract&&cfg.runtimeContract&&data.runtime_contract!==cfg.runtimeContract){ cache={};cfg.runtimeContract=data.runtime_contract; } var items=data.items||[];if(items.length&&cfg.browserCache){cache[cacheKey]={data:data,until:Date.now()+30000};var cacheKeys=Object.keys(cache);if(cacheKeys.length>64)delete cache[cacheKeys[0]];}else{delete cache[cacheKey];}render(items,false);if(items.length)saveRecent(input.value.trim());hasMore=!!data.has_more&&currentItems.length<cfg.maxResults;nextOffset=data.next_offset||items.length;hydrate(items,localSeq);scheduleSearchTrack(data,Date.now()-started);scheduleMore(localSeq);updateLoadControl();},function(x){quickXhr=x;});};if(immediate)execute();else timer=setTimeout(execute,cfg.inputDelay);} function scheduleMore(localSeq){if(!hasMore||cfg.background<=0||currentItems.length>=cfg.maxResults)return;if(cfg.loadMoreMode==='none'||cfg.loadMoreMode==='button'){updateLoadControl();return;}if(cfg.loadMoreMode==='hybrid'&&autoLoads>=1){updateLoadControl();return;}var cb=function(){loadMore(localSeq,true);};if(window.requestIdleCallback)requestIdleCallback(cb,{timeout:500});else setTimeout(cb,180);} function loadSizePanelDirect(panel){ if(!panel)return; var family=panel.getAttribute('data-family-id')||'',color=panel.getAttribute('data-color-key')||''; if(!family||!color){panel.classList.remove('is-loading');panel.innerHTML='<span class="sfs-size-empty">—</span>';panel.setAttribute('data-loaded','1');return;} request(cfg.sizesUrl,'GET',{family_id:family,color_key:color,_:Date.now()},function(err,data){panel.classList.remove('is-loading');if(err||!data||data.success===false){panel.innerHTML='<span class="sfs-size-error">!</span>';panel.setAttribute('data-loaded','error');return;}panel.innerHTML=sizesHtml(data.sizes||[]);panel.setAttribute('data-loaded','1');},function(){}); } function loadVisibleSizesBatch(){ if(cfg.sizeMode!=='always')return; var panels=[].slice.call(results.querySelectorAll('.sfs-size-panel-always[data-loaded="0"]')); if(!panels.length)return; var pairs=[],map={}; panels.forEach(function(panel){var family=panel.getAttribute('data-family-id'),color=panel.getAttribute('data-color-key'),key=family+'\u001f'+color;if(!family||!color)return;if(!map[key]){map[key]=[];pairs.push({family_id:family,color_key:color});}map[key].push(panel);panel.setAttribute('data-loaded','loading');}); if(!pairs.length)return; request(cfg.sizesBatchUrl,'POST',{pairs:JSON.stringify(pairs)},function(err,data){if(err||!data||data.success===false){Object.keys(map).forEach(function(k){map[k].forEach(function(panel){loadSizePanelDirect(panel);});});return;}(data.groups||[]).forEach(function(group){var key=group.family_id+'\u001f'+group.color_key;(map[key]||[]).forEach(function(panel){panel.classList.remove('is-loading');panel.innerHTML=sizesHtml(group.sizes||[]);panel.setAttribute('data-loaded','1');});delete map[key];});Object.keys(map).forEach(function(k){map[k].forEach(function(panel){panel.classList.remove('is-loading');panel.innerHTML='<span class="sfs-size-empty">—</span>';panel.setAttribute('data-loaded','1');});});},function(){}); } function loadSizes(btn){var family=btn.getAttribute('data-family-id'),color=btn.getAttribute('data-color-key'),panel=btn.parentNode.querySelector('.sfs-size-panel');if(!panel)return;if(panel.getAttribute('data-loaded')==='1'){panel.hidden=!panel.hidden;return;}btn.disabled=true;btn.textContent=cfg.labels.loadingSizes;request(cfg.sizesUrl,'GET',{family_id:family,color_key:color,_:Date.now()},function(err,data){btn.disabled=false;btn.textContent=cfg.labels.loadSizes;if(err||!data||data.success===false){panel.innerHTML='<span class="sfs-size-error">!</span>';panel.hidden=false;return;}panel.innerHTML=sizesHtml(data.sizes||[]);panel.setAttribute('data-loaded','1');panel.hidden=false;},function(){});} function move(dir){var items=[].slice.call(results.querySelectorAll('.sfs-item'));if(!items.length)return;activeIndex=(activeIndex+dir+items.length)%items.length;items.forEach(function(el,i){el.classList.toggle('is-active',i===activeIndex);});items[activeIndex].scrollIntoView({block:'nearest'});} function applyQuery(q){var decoded=decodeStoredQuery(q);input.value=decoded.query;currentType=decoded.type;updateTabs();updateFullSearchLink();run(true);input.focus();} tabs.forEach(function(tab){tab.addEventListener('click',function(){setType(tab.getAttribute('data-type'));});}); input.addEventListener('compositionstart',function(){composing=true;clearTimeout(timer);clearTimeout(trackTimer);seq++;abortAll();}); input.addEventListener('compositionend',function(){composing=false;updateFullSearchLink();run(false);}); input.addEventListener('input',function(){syncTypeFromInput();updateFullSearchLink();run(false);}); root.querySelector('.sfs-close').addEventListener('click',closeSearch); root.querySelector('.sfs-backdrop').addEventListener('click',function(e){e.preventDefault();closeSearch();}); if(loadMoreButton)loadMoreButton.addEventListener('click',function(e){e.preventDefault();loadMore(seq,false);}); var bodyScroller=root.querySelector('.sfs-body');if(bodyScroller)bodyScroller.addEventListener('scroll',function(){if(cfg.loadMoreMode==='auto'&&hasMore&&!isLoadingMore&&bodyScroller.scrollTop+bodyScroller.clientHeight>=bodyScroller.scrollHeight-120)loadMore(seq,true);}); root.addEventListener('click',function(e){var chip=e.target.closest('.sfs-chip[data-query]');if(chip){e.preventDefault();applyQuery(chip.getAttribute('data-query'));return;}var sizeBtn=e.target.closest('.sfs-size-toggle');if(sizeBtn){e.preventDefault();e.stopPropagation();loadSizes(sizeBtn);return;}var clicked=e.target.closest('.sfs-item');if(clicked&&!e.target.closest('.sfs-size-toggle')){trackEvent('click',{entity_type:clicked.getAttribute('data-item-type')||'',entity_id:clicked.getAttribute('data-item-id')||0});}var item=e.target.closest('.sfs-item[data-href]');if(item&&!e.target.closest('a,button')){var href=item.getAttribute('data-href');if(href)location.href=href;}}); var clearButton=root.querySelector('.sfs-clear-history');if(clearButton)clearButton.addEventListener('click',function(e){e.preventDefault();clearRecent();}); function isSearchShortcut(e){ var code=String(e.code||''); var key=String(e.key||'').toLowerCase(); var keyCode=e.which||e.keyCode||0; return !!((e.ctrlKey||e.metaKey)&&!e.altKey&&(code==='KeyK'||keyCode===75||key==='k'||key==='л')); } function stopShortcutEvent(e){ if(e.cancelable!==false)e.preventDefault(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); else if(e.stopPropagation)e.stopPropagation(); } function handleGlobalKeydown(e){ /* Capture Ctrl/Cmd+K before Journal/theme handlers and before the browser default action. */ if(isSearchShortcut(e)){ stopShortcutEvent(e); root.classList.contains('is-open')?closeSearch():openSearch(); return false; } if(!root.classList.contains('is-open'))return; if(e.key==='Escape'||e.keyCode===27){e.preventDefault();closeSearch();return;} if(e.key==='ArrowDown'||e.keyCode===40){e.preventDefault();move(1);return;} if(e.key==='ArrowUp'||e.keyCode===38){e.preventDefault();move(-1);return;} if(e.key==='Enter'||e.keyCode===13){var items=results.querySelectorAll('.sfs-item');if(activeIndex>=0&&items[activeIndex]){e.preventDefault();var href=items[activeIndex].getAttribute('data-href')||items[activeIndex].getAttribute('href');if(href)location.href=href;return;}if(cleanQuery().length>=cfg.min){e.preventDefault();location.href=fullSearchHref();return;}} } window.addEventListener('keydown',handleGlobalKeydown,true); document.addEventListener('click',function(e){var trigger=e.target.closest('a[href="#searchgaribaldi"],[data-sitezilla-search]');if(!trigger&&cfg.replace&&cfg.selectors){try{trigger=e.target.closest(cfg.selectors);}catch(ex){}}if(trigger){e.preventDefault();openSearch();}}); if(location.hash==='#searchgaribaldi')setTimeout(function(){openSearch();history.replaceState(null,'',location.pathname+location.search);},100); window.addEventListener('hashchange',function(){if(location.hash==='#searchgaribaldi')openSearch();}); renderRecent();window.SitezillaFrontSearch={version:cfg.version,runtimeContract:cfg.runtimeContract,open:openSearch,close:closeSearch,setType:setType,search:applyQuery,clearHistory:clearRecent}; })();</script> <link rel="stylesheet" href="catalog/view/javascript/top_drawer/top_drawer.css?v=1.7.2" /><div id="oc-top-drawer" class="oc-top-drawer oc-top-drawer--theme-chocolate oc-top-drawer--density-comfortable" data-theme="chocolate" aria-hidden="true" data-animation-speed="450" data-close-on-link="1" data-external-hash="#oc-top-drawer" style="--otd-bg:#ffffff;--otd-surface:#fffaf7;--otd-text:#211713;--otd-muted:#7b675d;--otd-accent:#372d28;--otd-accent-hover:#2b221e;--otd-accent-soft:#f4ebe4;--otd-border:#e5d6cc;--otd-button-text:#ffffff;--otd-radius-button:999px;--otd-radius-drawer:0px;--otd-overlay:#1d1410;--otd-overlay-opacity:0.45;--otd-speed:450ms;--otd-max-width:1180px;--otd-height-desktop:auto;--otd-height-mobile:100vh;--otd-messenger-size:54px;--otd-messenger-gap:12px;"><div class="oc-top-drawer__overlay" data-oc-top-drawer-close></div><section class="oc-top-drawer__panel" role="dialog" aria-modal="true" aria-labelledby="oc-top-drawer-title" tabindex="-1"><div class="oc-top-drawer__inner"><div class="oc-top-drawer__header" role="banner"><div class="oc-top-drawer__brand"> <img src="https://garibaldi.com.ua/image/catalog/site/logo1.png" alt="Garibaldi Ukraine caffee" class="oc-top-drawer__logo" /></div><button type="button" class="oc-top-drawer__close" data-oc-top-drawer-close aria-label="Закрити шухляду"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5l14 14M19 5L5 19" /></svg> </button></div><div class="oc-top-drawer__intro"><h2 id="oc-top-drawer-title" class="oc-top-drawer__title">Потрібна допомога?</h2><p class="oc-top-drawer__subtitle">Зв’яжіться з нами зручним для вас способом.</p></div><div class="oc-top-drawer__layout oc-top-drawer__layout--menu-bottom oc-top-drawer__layout--single"><div class="oc-top-drawer__contacts"> <section class="oc-top-drawer__section"><h3 class="oc-top-drawer__section-title">Контакти</h3><div class="oc-top-drawer__contact-stack"> <a class="oc-top-drawer__phone" href="tel:0978711011">097 87 11011</a> <a class="oc-top-drawer__email" href="mailto:info@garibaldi.com.ua">info@garibaldi.com.ua</a></div> </section> <section class="oc-top-drawer__section oc-top-drawer__section--support oc-top-drawer__section--support-inline oc-top-drawer__section--align-left"><h3 class="oc-top-drawer__section-title">НАПИСАТИ В МЕСЕНДЖЕР</h3><div class="oc-top-drawer__support-content"><div class="oc-top-drawer__messengers"> <a href="viber://chat?number=%2B380978711011" target="_blank" rel="noopener noreferrer" class="oc-top-drawer__messenger oc-top-drawer__messenger--viber" aria-label="viber" title="viber"> <img src="/image/catalog/logo/massengers/viber.png" alt="" class="oc-top-drawer__messenger-image" /> </a> <a href="https://www.instagram.com/garibaldi.com.ua/" target="_blank" rel="noopener noreferrer" class="oc-top-drawer__messenger oc-top-drawer__messenger--instagram" aria-label="Instagram" title="Instagram"> <img src="/image/catalog/logo/massengers/instagram.svg" alt="" class="oc-top-drawer__messenger-image" /> </a></div></div> </section></div></div><section class="oc-top-drawer__schedule"><h3 class="oc-top-drawer__section-title">Графік роботи</h3><div class="oc-top-drawer__days" aria-label="Графік роботи"> <button type="button" class="oc-top-drawer__day is-enabled is-today is-selected is-special" data-oc-top-drawer-day data-schedule-hours="10:00–18:01" data-schedule-note="Відправки до 16:00" aria-pressed="true" title="Понеділок: 10:00–18:01 · Відправки до 16:00"> Пн </button> <button type="button" class="oc-top-drawer__day is-enabled is-special" data-oc-top-drawer-day data-schedule-hours="10:00–18:00" data-schedule-note="Відправки до 16:00" aria-pressed="false" title="Вівторок: 10:00–18:00 · Відправки до 16:00"> Вт </button> <button type="button" class="oc-top-drawer__day is-enabled is-special" data-oc-top-drawer-day data-schedule-hours="10:00–18:00" data-schedule-note="Відправки до 16:00" aria-pressed="false" title="Середа: 10:00–18:00 · Відправки до 16:00"> Ср </button> <button type="button" class="oc-top-drawer__day is-enabled is-special" data-oc-top-drawer-day data-schedule-hours="10:00–18:00" data-schedule-note="Відправки до 16:00" aria-pressed="false" title="Четвер: 10:00–18:00 · Відправки до 16:00"> Чт </button> <button type="button" class="oc-top-drawer__day is-enabled is-special" data-oc-top-drawer-day data-schedule-hours="10:00–17:00" data-schedule-note="скорочений день" aria-pressed="false" title="П’ятниця: 10:00–17:00 · скорочений день"> Пт </button> <button type="button" class="oc-top-drawer__day is-enabled is-special" data-oc-top-drawer-day data-schedule-hours="10:00–17:00" data-schedule-note="скорочений день" aria-pressed="false" title="Субота: 10:00–17:00 · скорочений день"> Сб </button> <button type="button" class="oc-top-drawer__day is-disabled" data-oc-top-drawer-day data-schedule-hours="Вихідний" data-schedule-note="" aria-pressed="false" title="Неділя: Вихідний"> Нд </button></div><div class="oc-top-drawer__schedule-detail" aria-live="polite"><div class="oc-top-drawer__hours" data-oc-top-drawer-hours>10:00–18:01</div><div class="oc-top-drawer__schedule-note" data-oc-top-drawer-note>Відправки до 16:00</div></div> </section></div> </section></div> <script src="catalog/view/javascript/top_drawer/top_drawer.js?v=1.7.2"></script> </body></html>

Запчастини для професійних кавоварок

Запчастини для професійних кавомолок

Автомобільна кавоварка Handpresso Auto Nespresso 12/24 В

Доставка

Оплата

Опис