{"title":"New accessories, no discount","description":"","products":[{"product_id":"sunglasses-dallas","title":"Dallas Grey","description":"\u003c!-- ==========================================================================\n СТИЛІ ТАБІВ (CSS)\n ========================================================================== --\u003e\n\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 22px;\n max-width: 450px; \/* Оптимальна ширина для гарантованого перенесення Доставки та Гарантії на 2-й ряд *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Захист тексту меню від розширення вбік при стані active *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо простір под жирний текст заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200;\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Універсальна висота для стабілізації екрана від підстрибувань *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більша висота під мобільні рядки тексту *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- data-text захищає від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"dallas-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"dallas-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"dallas-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"dallas-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"dallas-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"dallas-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003e\u003cstrong\u003eDallas\u003c\/strong\u003e — це втілення архітектурної виваженості та непохитного характеру. Дизайн моделі натхненний контрастами клімату, де яскраве сонце миттєво поступається місцем грозовому небу. Окуляри створені для тих, хто вміє тримати баланс і прагне додати своєму образу графічної стійкості та чіткості ліній.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"dallas-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Африканське чорне дерево (Ебен)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхувальний віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Carl Zeiss з максимальним захистом від ультрафіолету (UV-400)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірий\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Посилені флекси з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, серветка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"dallas-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Вузьке та середнє обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"dallas-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"dallas-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":35413016641704,"sku":"Dallas Grey New","price":8900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Dallas_1.jpg?v=1775577197"},{"product_id":"men-women-wooden-sunglasses-detroit","title":"Detroit Grey","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER: плавне підкреслення лінії при наведенні мишкою === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Збільшено до 290px, щоб повністю вмістити найдовший таб і зафіксувати екран від стрибків *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більше для мобільних екранів через перенос рядків *\/\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"detroit-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"detroit-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"detroit-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"detroit-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"detroit-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"detroit-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eВиріб з колекції Thunder Line втілює архітектуру мислення та естетику чіткої структури. Окуляри \u003cstrong\u003eDetroit\u003c\/strong\u003e — це втілення сили та стійкості, де глибока текстура ебену поєднується з теплим африканським тіком. Завдяки карбоновому армуванню, ця модель є однією з найміцніших у колекції, зберігаючи виняткову легкість та витонченість ліній.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"detroit-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Ебен та африканське тікове дерево, укріплені карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття:\u003c\/strong\u003e Водовідштовхувальний віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Поляризовані полікарбонатні лінзи (UV-400)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірий\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення:\u003c\/strong\u003e Флексові дужки з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"detroit-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Вузьке та середнє обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/detroit-501956_480x480.png?v=1677174838\" alt=\"Схема розмірів Detroit\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"detroit-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"detroit-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242158940402,"sku":"Detroit Grey","price":7900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Detroit_1.jpg?v=1775404327"},{"product_id":"men-women-wooden-sunglasses-miami","title":"Miami Brown","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER: плавне підкреслення лінії при наведенні мишкою === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Збільшено до 290px, щоб повністю вмістити найдовший таб і зафіксувати екран від стрибків *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більше для мобільних екранів через перенос рядків *\/\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"mia-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"mia-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"mia-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"mia-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"mia-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"mia-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eMiami\u003c\/b\u003e втілюють у собі яскраву естетику арт-деко та атмосферу нескінченних вечірок під неоновим світлом узбережжя. Створені для тих, хто обирає сміливі рішення, цінує динамічний лайфстайл та прагне відчувати драйв океанського бризу в кожній деталі свого образу.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"mia-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з капу американського горіха та клена, укріплена карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Полікарбонатні лінзи з поляризацією та захистом від ультрафіолету UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Коричневий Градієнт\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"mia-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Середнє обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке та вузьке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/miami-498951_480x480.png?v=1677176504\" alt=\"Схема розмірів Miami\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"mia-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"mia-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eярантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242158907634,"sku":"Miami Brown gradient","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/miami_1.jpg?v=1776097515"},{"product_id":"men-wooden-sunglasses-liverpool","title":"Liverpool Grey","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER: плавне підкреслення лінії при наведенні мишкою === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Збільшено до 290px, щоб повністю вмістити найдовший таб і зафіксувати екран від стрибків *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більше для мобільних екранів через перенос рядків *\/\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"liv-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"liv-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"liv-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"liv-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"liv-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"liv-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eLiverpool\u003c\/b\u003e втілюють у собі дух портового міста та енергію легендарної музичної сцени, що змінила світ. Створені для тих, хто обирає бунтарську класику, цінує свободу самовираження та прагне бути в центрі уваги.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"liv-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з чорного горіху та багатошарового клену, укріплена карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Полікарбонатні лінзи з поляризацією та захистом від ультрафіолету UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірий Градієнт\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"liv-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Середнє та вузьке обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/liverpool-735128_480x480.png?v=1677176335\" alt=\"Схема розмірів Liverpool\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"liv-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"liv-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242158678258,"sku":"Liverpool Grey gradient","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/blackwood-liverpool-sunglasses-1_9a33b2f4-fc69-4c43-9a61-9e10ee201aa0.jpg?v=1776094153"},{"product_id":"sunglasses-denver","title":"Denver Grey","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце под жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* Схема розмірів *\/\n .bw-tab-pane img { \n max-width: 100%; \n height: auto; \n display: block; \n margin: 20px auto 0; \n }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"den-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"den-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"den-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"den-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"den-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"den-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eСонцезахисні дерев'яні окуляри \u003cb\u003eDenver\u003c\/b\u003e виготовлені вручну з чорного горіху та багатошарового клену, укріплені карбоном. Модель гармонійно поєднує стриману шляхетність природних матеріалів, сучасні технології міцності та витончену геометрію форм.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"den-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з чорного горіху та багатошарового клену, укріплена карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Carl Zeiss з максимальним захистом UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірі\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"den-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Середнє обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке та вузьке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg alt=\"Схема розмірів Denver\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/denver-857331_480x480.png?v=1677175382\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"den-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"den-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":35413052194984,"sku":"Denver Black Grey New","price":7900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/denver.jpg?v=1776101093"},{"product_id":"sunglasses-amsterdam","title":"Amsterdam Grey","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* Стилізація зображення схеми розмірів *\/\n .bw-tab-pane img { \n max-width: 100%; \n height: auto; \n display: block; \n margin: 20px auto 0; \n }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"ams-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"ams-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"ams-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"ams-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"ams-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"ams-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eСонцезахисні дерев'яні окуляри \u003cb\u003eAmsterdam\u003c\/b\u003e виготовлені вручну з багатошарового ебенового дерева, укріпленого карбоном. Вони втілюють у собі бездоганну європейську лаконічність, виняткову легкість та графічну чіткість ліній.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"ams-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з багатошарового ебенового дерева укріплена карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Carl Zeiss з максимальним захистом UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірі\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 21 грам\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"ams-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Вузьке або середнє обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наш косьєрж-сервіс по фотографії в онлайн режимі допоможе з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg alt=\"Схема розмірів Amsterdam\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/amsterdam-820464_480x480.png?v=1677175213\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"ams-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"ams-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та захищає від специфіки CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки Amsterdam\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242158481650,"sku":"Amsterdam Grey New","price":7900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/blackwood-amsterdam-sunglasses-1_bd475a3b-117c-422d-87dd-c12ab7296432.jpg?v=1776094347"},{"product_id":"sunglasses-boston","title":"Boston Grey","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER: плавне підкреслення лінії при наведенні мишкою === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Збільшено до 290px, щоб повністю вмістити найдовший таб і зафіксувати екран від стрибків *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більше для мобільних екранів через перенос рядків *\/\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"bo-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"bo-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"bo-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"bo-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"bo-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"bo-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eBoston\u003c\/b\u003e — інтелектуальна класика з характером old money. Оправа для тих, хто обирає стриманий style, що свідчить про статус без зайвих слів.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"bo-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Натуральний багатошаровий клен\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Полікарбонатні лінзи з поляризацією та захистом від ультрафіолету UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірі\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"bo-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Середнє та широке обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Вузьке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/boston-488962_480x480.png?v=1677175055\" alt=\"Схема розмірів Boston\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"bo-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"bo-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242158350578,"sku":"Boston Black Grey","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/blackwood-boston-sunglasses-1_1b7d5c0b-f2c0-4107-bc6a-eb34993b41ed.jpg?v=1776093162"},{"product_id":"sunglasses-boston-metal","title":"Boston Metal Grey","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER: плавне підкреслення лінії при наведенні мишкою === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Збільшено до 290px, щоб повністю вмістити найдовший таб і зафіксувати екран від стрибків *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більше для мобільних екранів через перенос рядків *\/\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"boston-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"boston-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"boston-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"boston-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"boston-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"boston-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eBoston Metal\u003c\/b\u003e — інтелектуальна класика з характером old money. Оправа для тих, хто обирає стриманий стиль, що свідчить про статус без зайвих слів.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"boston-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з палісандру та легованої сталі\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Фотохромні лінзи з поляризацією та захистом від ультрафіолету UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірі (Хамелеон)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"boston-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Вузьке або середнє обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/boston-metal-659812_480x480.png?v=1677174740\" alt=\"Схема розмірів Boston Metal\"\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"boston-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"boston-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":47476864319730,"sku":"Boston Metal Brown Chameleon","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/blackwood-boston-metal-sunglasses-1_da44ebb2-eeb6-4fbc-b392-44a4d36bcb82.jpg?v=1776093105"},{"product_id":"wallet-black-croco-mini","title":"Кардхолдер Black Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242157924594,"sku":"Cardholder Black Croco","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-black-croco.webp?v=1776785150"},{"product_id":"wallet-beige-croco","title":"Гаманець Beige Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Beige Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242157826290,"sku":"Wallet Beige Croco","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-beige-croco_c5816dc8-7821-4ab8-9400-cc9977a0cccd.webp?v=1776717815"},{"product_id":"sunglasses-florence","title":"Florence Green","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px; \n max-width: 450px; \/* Фіксує 3 таби в першому ряду, а Доставку та Гарантію переносить на 2-й *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Розумне мікро-розширення: запобігає сіпанню тексту при жирному шрифті *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо місце під жирний шрифт заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n \/* === ЕФЕКТ HOVER: плавне підкреслення лінії при наведенні мишкою === *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n \/* Стан активного таба *\/\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Насичена лінія під вже вибраним активним табом *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Чітка лінія *\/\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Збільшено до 290px, щоб повністю вмістити найдовший таб і зафіксувати екран від стрибків *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ПУНКТИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; } \n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більше для мобільних екранів через перенос рядків *\/\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"flor-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"flor-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"flor-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"flor-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"flor-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"flor-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eFlorence\u003c\/b\u003e втілюють у собі велич епохи Відродження та витонченість флорентійської майстерності. Створені для тих, хто бачить у кожній деталі об’єкт мистецтва та прагне наповнити свій образ духом класичної естетики.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"flor-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з індійського сандалу та палісандру, укріплена карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003e Полікарбонатні лінзи з поляризацією та захистом від ультрафіолету UV-400\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірі\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"flor-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Середнє обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке та вузьке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"flor-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e : Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"flor-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242156155122,"sku":"Florence Green","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Florence-1_c4e627c6-db7c-47eb-930b-25f49b659e64.jpg?v=1780428028"},{"product_id":"sunglasses-corsica","title":"Corsica Grey","description":"\u003c!-- ==========================================================================\n СТИЛІ ТАБІВ (CSS)\n ========================================================================== --\u003e\n\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 22px;\n max-width: 450px; \/* Оптимальна ширина для гарантованого перенесення Доставки та Гарантії на 2-й ряд *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n \n \/* Захист тексту меню від розширення вбік при стані active *\/\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n \n \/* Резервуємо простір під жирний текст заздалегідь *\/\n .bw-tab-btn::before {\n display: block;\n content: attr(data-text);\n font-weight: 500;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200;\n }\n\n \/* КОНТЕНТ ТА ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n \/* Універсальна висота для стабілізації екрана від підстрибувань *\/\n min-height: 290px; \n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane p.bw-label { margin-bottom: 0px; } \n .bw-tab-pane p.bw-value { margin-top: 0px; margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tab-pane ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tab-pane li { margin-bottom: 6px; position: relative; }\n .bw-tab-pane li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 340px; } \/* Трохи більша висота під мобільні рядки тексту *\/\n }\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================================\n СТРУКТУРА ТАБІВ (HTML)\n ========================================================================== --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003c!-- Додано data-text для захисту від мікро-посмикувань тексту в меню --\u003e\n \u003cdiv data-target=\"corsica-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"corsica-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"corsica-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"corsica-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"corsica-5\" data-text=\"Гарантія\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003c!-- Таб 1: Опис --\u003e\n \u003cdiv id=\"corsica-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eCorsica\u003c\/b\u003e втілюють у собі характер острова «краси та помсти». Окуляри для тих, хто поєднує в образі дику природну естетику та сувору, непохитну впевненість.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"corsica-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eМатеріал оправи:\u003c\/strong\u003e Оправа з індійського сандалу та багатошарового клену, укріплена карбоном\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПокриття оправи:\u003c\/strong\u003e Водовідштовхуючий віск Renaissance\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЛінзи:\u003c\/strong\u003eCarl Zeiss з максимальним захистом від ультрафіолету (UV-400)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКолір лінз:\u003c\/strong\u003e Сірі\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 27 грамів\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eПакування:\u003c\/strong\u003e Фірмова коробка, шкіряний чохол з ремінцем, салфетка для лінз\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 3: Кому підійдуть --\u003e\n \u003cdiv id=\"corsica-3\" class=\"bw-tab-pane\"\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Середнє обличчя\u003c\/p\u003e\n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке та вузьке обличчя\u003c\/p\u003e\n \u003cp\u003eЯкщо Ви сумніваєтесь у виборі окулярів, наші менеджери по фотографії в онлайн режимі допоможуть з вибором.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eКонсультація:\u003c\/strong\u003e \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\"\u003eTelegram\u003c\/a\u003e, \u003ca href=\"viber:\/\/chat?number=%2B380980244334\"\u003eViber\u003c\/a\u003e, \u003ca href=\"https:\/\/wa.me\/380980244334\" target=\"_blank\"\u003eWhatsapp\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 4: Доставка та оплата --\u003e\n \u003cdiv id=\"corsica-4\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 5: Гарантія --\u003e\n \u003cdiv id=\"corsica-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження\u003c\/li\u003e\n \u003cli\u003eВплив хімікатів, спирту або екстремальних температур\u003c\/li\u003e\n \u003cli\u003eПошкодження лінз та ремонт у сторонніх сервісах\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================================\n ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ\n ========================================================================== --\u003e\n\u003cscript\u003e\n \/\/ Глобальний обробник подій (ігнорує затримки AJAX та особливості завантаження в CMS)\n document.addEventListener('click', function (event) {\n const button = event.target.closest('.bw-tab-btn');\n if (!button) return;\n\n const targetId = button.getAttribute('data-target');\n const wrapper = button.closest('.bw-tabs-wrapper');\n if (!wrapper) return;\n\n \/\/ Скидаємо активні класи в межах поточної картки товару\n wrapper.querySelectorAll('.bw-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n wrapper.querySelectorAll('.bw-tab-pane').forEach(pane =\u003e pane.classList.remove('active'));\n\n \/\/ Активуємо обраний таб та контент\n button.classList.add('active');\n const targetPane = wrapper.querySelector('#' + targetId);\n if (targetPane) {\n targetPane.classList.add('active');\n }\n });\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242156122354,"sku":"Corsica Grey New","price":7900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Corsica-1.jpg?v=1775729866"},{"product_id":"wallet-pink-croco","title":"Гаманець Pink Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Pink Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242152059122,"sku":"Wallet Pink Croco","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-pink-croco_7e09d448-1425-4301-9d8e-0dacc4eff56d.webp?v=1776717979"},{"product_id":"wallet-blue-croco","title":"Гаманець Blue Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Blue Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242152026354,"sku":"Wallet Blue Croco","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-blue-croco_798fc456-d079-4706-a2d4-1e5335d130cd.webp?v=1776718061"},{"product_id":"wallet-white-python","title":"Гаманець White Python","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра White Python\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151829746,"sku":"Wallet White Python","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-white-python_687ab392-3072-4c05-be7f-69d556b7ba9e.webp?v=1776717571"},{"product_id":"wallet-black-python","title":"Гаманець Black Python","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Python\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151796978,"sku":"Wallet Black Python","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-black-python_1043ba41-cba0-4b01-8fa5-57f911334331.webp?v=1776717158"},{"product_id":"wallet-white-saffiano","title":"Гаманець White Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра White Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151764210,"sku":"Wallet White Saffiano","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-white-saffiano_f8ded77c-1063-4fe3-90c2-a06e16ac400a.webp?v=1776717452"},{"product_id":"wallet-beige-saffiano","title":"Гаманець Beige Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Beige Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151731442,"sku":"Wallet Beige Saffiano","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-beige-saffiano_e1a763be-e272-42ae-acba-18b0e0860469.webp?v=1776717684"},{"product_id":"wallet-cappuccino-saffiano","title":"Гаманець Cappuccino Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Cappuccino Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151665906,"sku":"Wallet Cappuccino Saffiano","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-cappuccino-python_2a3b0bb6-eac0-49d5-a504-905f37c6f506.webp?v=1777323806"},{"product_id":"wallet-black-saffiano","title":"Гаманець Black Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151633138,"sku":"Wallet Black Saffiano","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-black-saffiano.webp?v=1776714110"},{"product_id":"wallet-red-saffiano","title":"Гаманець Red Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eГаманець у формі класичного конверту спеціально створений для сумок BLACKWOOD. Ідеальний за розміром і місткістю, тому займає мінімум місця та зберігає простір для інших важливих речей. Мінімалістичний за стилем, він пасує до кожної моделі сумки.\u003c\/p\u003e\n \u003cp\u003eШкіряний гаманець від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Red Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 17 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242151370994,"sku":"Wallet Red Saffiano","price":2900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/wallet-red-saffiano.webp?v=1776714111"},{"product_id":"wallet-pink-croco-mini","title":"Кардхолдер Pink Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Pink Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150945010,"sku":"Cardholder Pink Croco","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-pink-croco_13dd9951-b1c1-47f6-a5cd-af34fad73ae5.webp?v=1780679676"},{"product_id":"wallet-blue-croco-mini","title":"Кардхолдер Blue Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Blue Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150912242,"sku":"Cardholder Blue Croco","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-blue-croco.webp?v=1776779439"},{"product_id":"cardholder-beige-croco","title":"Кардхолдер Beige Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Beige Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150879474,"sku":"Cardholder Beige Croco","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-beige-croco.webp?v=1780679638"},{"product_id":"wallet-white-python-mini","title":"Кардхолдер White Python","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра White Python\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150846706,"sku":"Cardholder White Python","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-white-python.webp?v=1776778593"},{"product_id":"wallet-black-python-mini","title":"Кардхолдер Black Python","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Python\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150813938,"sku":"Cardholder Black Python","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-black-python.webp?v=1776778593"},{"product_id":"wallet-white-saffiano-mini","title":"Кардхолдер White Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра White Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150781170,"sku":"Cardholder White Saffiano","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-white-saffiano.webp?v=1776779976"},{"product_id":"wallet-beige-saffiano-mini","title":"Кардхолдер Beige Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Beige Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150748402,"sku":"Cardholder Beige Saffiano","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-beige-saffiano.webp?v=1776785150"},{"product_id":"wallet-cappuccino-saffiano-mini","title":"Кардхолдер Cappuccino Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Cappuccino Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150584562,"sku":"Cardholder Cappuccino Saffiano","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-cappuccino-python.webp?v=1777323782"},{"product_id":"wallet-black-saffiano-mini","title":"Кардхолдер Black Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150551794,"sku":"Cardholder Black Saffiano","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-black-saffiano.webp?v=1776779976"},{"product_id":"wallet-red-saffiano-mini","title":"Кардхолдер Red Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Red Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150519026,"sku":"Cardholder Red Saffiano","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-red-saffiano.webp?v=1776778193"},{"product_id":"wallet-blue-graphite-croco-mini","title":"Кардхолдер Blue Graphite Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Blue Graphite Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242150125810,"sku":"Cardholder Blue-Graphite Croco","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-GRAPHITE-CROCO.webp?v=1776778859"},{"product_id":"wallet-emerald-croco-mini","title":"Кардхолдер Emerald Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eКардхолдер у вигляді міні-конверту спеціально створений для сумок BLACKWOOD, є ідеальним рішенням для зберігання карток та складених купюр.\u003c\/p\u003e\n \u003cp\u003eШкіряний кардхолдер від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Emerald Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eРозмір:\u003c\/strong\u003e 13 х 9.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗастібка:\u003c\/strong\u003e Магнітна кнопка\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242149929202,"sku":"Cardholder Green Croco","price":2500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/cardholder-emerald-ctoco.webp?v=1776778323"},{"product_id":"belt_capuccino_saffiano","title":"Ремінь Cappuccino Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eВиріб з колекції Cappuccino втілює неквапливу атмосферу ранкової насолоди, стаючи вашим теплим супутником, що зберігає відчуття легкості та затишку протягом усього дня.\u003c\/p\u003e\n \u003cp\u003eРемінь Cappuccino Saffiano з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу. Шкіряний ремінь від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Cappuccino Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148487410,"sku":"Belt Cappuccino Saffiano","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-cappuccino-saffiano_cee4d5e3-e5bf-461e-94e7-a4309461ca70.webp?v=1776766813"},{"product_id":"belt_beige_saffiano","title":"Ремінь Beige Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eВиріб з колекції Bengal Spire втілює діалог ніжності та сили, поєднуючи м’якість ліній із гостротою характеру для жінки, яка впевнено тримає власні межі та зберігає гармонію між спокоєм і внутрішньої хижістю.\u003c\/p\u003e\n \u003cp\u003eРемінь Beige Saffiano з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу. Шкіряний ремінь від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Beige Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148421874,"sku":"Belt Beige Saffiano","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-beige-saffiano_a9cbae09-e5c9-4a81-8f79-3f6d9f7ed18d.webp?v=1776765913"},{"product_id":"belt_red_saffiano","title":"Ремінь Red Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху для ременя, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 410px; \/* Оптимальна ширина для поділу табів ременя *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 30px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 310px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eХарактеристики\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eРозміри\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий, який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eШкіряний ремінь від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі. Ремені можуть бути виконані зі шкіри будь-го кольору та фактури палітри бренду за Вашим індивідуальним запитом.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Red Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (за запитом можливо безкоштовно додати більше отворів)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКрок між отворами:\u003c\/strong\u003e 2,5 см\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eМінімальний обсяг талії:\u003c\/strong\u003e 67,5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eМаксимальний обсяг талії:\u003c\/strong\u003e 92,5 см\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Також можливе виготовлення ременя за Вашими індивідуальними розмірами. Для цього вкажіть параметри при оформленні замовлення.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148159730,"sku":"Belt Red Saffiano","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-red-saffiano_1cf5f486-3346-4ef3-9677-0aec7dc0091e.webp?v=1776767940"},{"product_id":"belt_black_saffiano","title":"Ремінь Black Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eРемінь Black Saffiano з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eШкіряний ремінь від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені можуть быть виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148126962,"sku":"Belt Black Saffiano","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-black-saffiano_a3058c28-ac8c-4983-995b-5e3972e1566f.webp?v=1776766245"},{"product_id":"belt_white_saffiano","title":"Ремінь White Saffiano","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eРемінь White Saffiano з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eШкіряний ремінь від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра White Saffiano\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148094194,"sku":"Belt White Saffiano","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-white-saffiano_bc5a0b9f-8bdb-409c-ae40-6737705c0c99.webp?v=1776710919"},{"product_id":"belt_black_python","title":"Ремінь Black Python","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"belt-1\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"belt-2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"belt-3\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"belt-4\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"belt-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eВиріб з колекції Black \u0026amp; White втілює ідеальну гармонію протилежностей, створюючи через діалог глибокого чорного та чистого білого ритм рівноваги між емоціями, розумом і вашим внутрішнім світом.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Python\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-3\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-4\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148061426,"sku":"Belt Black Python","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-black-python_2ab8b719-e662-4235-9b52-199b9f6faa96.webp?v=1776766544"},{"product_id":"belt_black_croco","title":"Ремінь Black Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 2 зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для перенесення Доставки та Гарантії *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 380px; } \/* Трохи збільшено для довгих списків ременів на мобільних *\/\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eШкіряний ремінь від BLACKWOOD може стати комплементарним аксесуаром до сумки або окремим акцентом в образі.\u003c\/p\u003e\n \u003cp\u003eРемені та аксесуари можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Black Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eМінімальний обсяг талії:\u003c\/strong\u003e 67,5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eМаксимальний обсяг талії:\u003c\/strong\u003e 92,5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт (за запитом можливо додати більше отворів)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКрок між отворами:\u003c\/strong\u003e 2,5 см\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. We надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach((btn, index) =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242148028658,"sku":"Belt Black Croco","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-black-croco.webp?v=1776707473"},{"product_id":"belt_beige_croco","title":"Ремінь Beige Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eВиріб з колекції Gloria втілює філософію Your Own Light, розкриваючи через гармонію простих форм вашу здатність чути себе та цінувати справжнє внутрішнє світло.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу. \u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Beige Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242147963122,"sku":"Belt Beige Croco","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-beige-croco1_9fab7825-741b-40b6-9015-8251b09f1e3c.webp?v=1776766042"},{"product_id":"belt_pink_croco","title":"Ремінь Pink Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eВиріб з колекції Marshmallow втілює ніжність і легкість повітряного зефіру, нагадуючи про потребу балувати свою внутрішню дівчинку та створювати для неї свято без жодного особливого приводу.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Pink Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242147700978,"sku":"Belt Pink Croco","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-pink-croco_b0bd00d1-0c64-4a37-b78a-b6fe61b8e27e.webp?v=1776767781"},{"product_id":"belt_blue_croco","title":"Ремінь Blue Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\" data-target=\"belt-1\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-2\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-3\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\" data-target=\"belt-4\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\" id=\"belt-1\"\u003e\n \u003cp\u003eВиріб з колекції Marshmallow втілює ніжність і легкість повітряного зефіру, нагадуючи про потребу балувати свою внутрішню дівчинку та створювати для неї свято без жодного особливого приводу.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Blue Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\" id=\"belt-4\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n \n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242147668210,"sku":"Belt Blue Croco","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-blue-croco_9af281cf-dc7c-4932-9ee6-aa5b04297639.webp?v=1776766277"},{"product_id":"belt_green_croco","title":"Ремінь Emerald Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"belt-1\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"belt-2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"belt-3\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"belt-4\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"belt-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eВиріб з колекції Emerald втілює довіру до внутрішнього голосу та інтуїції, що слугує надійним орієнтиром і дарує відчуття спокою навіть посеред життєвого хаосу.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-кого кольору та фактури. Також можливе виготовлення ременя за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Emerald Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv id=\"belt-3\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-4\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242147602674,"sku":"Belt Green Croco","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-emerald-croco_83c308d9-3d2b-4805-abd0-c12c97f9ada7.webp?v=1776767296"},{"product_id":"belt_white_python","title":"Ремінь White Python","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект підкреслення при наведенні на тач-екранах *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"belt-1\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"belt-2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"belt-3\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"belt-4\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"belt-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eВиріб з колекції Black \u0026amp; White втілює ідеальну гармонію протилежностей, створюючи через діалог глибокого чорного та чистого білого ритм рівноваги між емоціями, розумом і вашим внутрішнім світом.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом Blackwood — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення ременя за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра White Python\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндівидуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv id=\"belt-3\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-4\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242147569906,"sku":"Belt White Python","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-white-python_81ce996c-1268-4957-9b02-4114a932eea5.webp?v=1776767940"},{"product_id":"belt_deep_brown_croco","title":"Ремінь Deep Brown Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди по 2 пункти) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 440px; \/* Симетричний поділ на 2 ряди для 4 вкладок *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 40px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; \/* Додаткова висота для мобільних пристроїв *\/ }\n .bw-tab-btn:hover::after { display: none; \/* Вимикаємо ефект hover підкреслення на тач-екранах смартфонів *\/ }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"belt-1\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"belt-2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"belt-3\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"belt-4\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"belt-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eВиріб колекції Black Pearl — втілення внутрішньої впевненості та поваги до витоків.\u003c\/p\u003e\n \u003cp\u003eРемінь з фірмовим логотипом BLACKWOOD — фінальна крапка продуманого образу. Аксесуар, який говорить про його завершеність та досконалість. Ми створили ремені у десятках відтінків та фактур шкіри, аби кожна власниця могла знайти той самий. Який буде бездоганно пасувати до сумки, взуття чи одягу.\u003c\/p\u003e\n \u003cp\u003eРемені можуть бути виконані зі шкіри будь-якого кольору та фактури. Також можливе виготовлення ременя за індивідуальними розмірами.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-2\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Натуральна італійська шкіра Deep Brown Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eШирина ременя:\u003c\/strong\u003e 1.7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗагальна довжина:\u003c\/strong\u003e 110 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (мінімальний):\u003c\/strong\u003e 67.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eОбсяг талії (максимальний):\u003c\/strong\u003e 92.5 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКількість отворів:\u003c\/strong\u003e 11 шт. (крок між отворами 2.5 см)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eІндивідуальні опції:\u003c\/strong\u003e За запитом можливо додати більше отворів або виконати ремінь в іншому кольорі, фактурі чи за вашими персональними розмірами\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv id=\"belt-3\" class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"belt-4\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n function initBlackwoodTabs() {\n document.querySelectorAll('.bw-tabs-wrapper').forEach(container =\u003e {\n const triggers = container.querySelectorAll('.bw-tab-btn');\n const panes = container.querySelectorAll('.bw-tab-pane');\n\n triggers.forEach(btn =\u003e {\n if (btn.dataset.initialized) return;\n btn.dataset.initialized = true;\n\n btn.addEventListener('click', function() {\n const target = this.getAttribute('data-target');\n triggers.forEach(t =\u003e t.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n const activePane = container.querySelector('#' + target);\n if (activePane) {\n activePane.classList.add('active');\n }\n });\n });\n });\n }\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBlackwoodTabs);\n } else {\n initBlackwoodTabs();\n }\n})();\n\u003c\/script\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":45242147504370,"sku":"Belt Brown Croco","price":4200.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/belt-brown-croco_292ba94f-79a7-4b08-a0e6-46d93fb6f450.webp?v=1776767296"},{"product_id":"essence-deep-brown","title":"Essence Deep Brown Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху для сумок, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 560px; \/* Оптимальна ширина для поділу 3 таби зверху \/ 2 знизу *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 30px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eРозміри\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eBlack Pearl — втілення внутрішньої впевненості та поваги до витоків. Поєднання рідкісного африканського дерева BLACKWOOD з делікатним сяйвом натурального перламутру та перлів створює образ стриманої та глибокої розкоші.\u003c\/p\u003e\n \u003cp\u003e \u003cb\u003e Essence — форма суті. \u003c\/b\u003e\u003c\/p\u003e\n \u003cp\u003eНатхненна динамічним ритмом сучасного життя, ця лаконічна модель із вертикальним геометричним силуетом створена для тих, хто цінує функціональність і чіткість. Поєднання натуральної шкіри та дерев’яної вставки підкреслює зв’язок із природою, а можливість носіння на поясі або на ланцюжку забезпечує свободу рухів у будь-якій ситуації. \u003cb\u003e Essence \u003c\/b\u003e — це втілення внутрішнього фокуса та контролю для жінки, яка прагне мати доступ до найважливішого в кожному моменті.\u003c\/p\u003e\n \u003cp\u003eСпеціально розроблено під всі сучасні моделі смартфонів. \u003cb\u003e Phone bag Essence \u003c\/b\u003e створена спеціально для того, щоб ваш телефон завжди був під рукою. До кожної сумки ми створили пояс, що надійно фіксує сумку на одязі та за бажанням додає стильний акцент до образу.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Італійська шкіра Deep Brown Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДерево:\u003c\/strong\u003e Чорний американський горіх\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eБокові деталі:\u003c\/strong\u003e Авторська композиція з напівдорогоцінних каменів перламутру, вкрита ювелірною смолою\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eФурнітура:\u003c\/strong\u003e Лита італійська фурнітура з легованої сталі зі срібним відливом\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003cstrong\u003eУ комплекті — два змінні ремені:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eМеталевий ланцюжок — для витончених образів та вечірніх виходів.\u003c\/li\u003e\n \u003cli\u003eПоясний шкіряний ремінь — для комфорту у щоденному ритмі.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗовнішній розмір:\u003c\/strong\u003e 18,5 х 10,5 х 2,8 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВнутрішній розмір:\u003c\/strong\u003e 16,8 х 10 х 1,7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ланцюжка:\u003c\/strong\u003e 105 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ременя:\u003c\/strong\u003e 100 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага сумки:\u003c\/strong\u003e 125 г\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. We надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри, дерева або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n (function() {\n function initBwTabsEngine() {\n const wrappers = document.querySelectorAll('.bw-tabs-wrapper');\n wrappers.forEach(wrapper =\u003e {\n const buttons = wrapper.querySelectorAll('.bw-tab-btn');\n const panes = wrapper.querySelectorAll('.bw-tab-pane');\n\n buttons.forEach((btn, index) =\u003e {\n if (btn.dataset.tabsBound) return;\n btn.dataset.tabsBound = \"true\";\n\n btn.addEventListener('click', function(e) {\n e.preventDefault();\n \n buttons.forEach(b =\u003e b.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBwTabsEngine);\n } else {\n initBwTabsEngine();\n }\n })();\n\u003c\/script\u003e","brand":"BlackwoodUkraine","offers":[{"title":"Default Title","offer_id":45242146586866,"sku":"Essence Brown Croco","price":8900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/essence-brown-croco-phone-bag.webp?v=1779467692"},{"product_id":"essence-blue-graphite","title":"Essence Blue Graphite Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD (Золотий стандарт + підкреслення при hover) === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px; \/* Акуратне підтягування контенту вгору *\/\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 зверху для сумок, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 560px; \/* Оптимальна ширина для поділу 3 таби зверху \/ 2 знизу *\/\n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Плавне підкреслення та активізація кольору при наведенні мишкою *\/\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4); \/* Напівпрозора лінія при hover *\/\n }\n\n .bw-tab-btn.active {\n opacity: 1;\n font-weight: 500;\n }\n\n \/* Чітка лінія для вже вибраного активного таба *\/\n .bw-tab-btn.active::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200; \/* Насичена лінія *\/\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \/* Захищає екран від смикання вгору-вниз при перемиканні *\/\n }\n\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n .bw-tab-pane.active {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n \/* ТЕКСТ ТА ВІДСТУПИ *\/\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n \/* АДАПТАЦІЯ ДЛЯ МОБІЛКИ *\/\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 30px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eРозміри\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eВиріб з колекції Blue Stones у глибокому відтінку Blue Graphite поєднує в собі комфорт улюблених джинсів та бездоганну впевненість, стираючи межі між повсякденною розслабленістю та витонченою елегантністю вечірніх образів.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e Essence — форма суті. \u003c\/b\u003e \u003c\/p\u003e\n \u003cp\u003eНатхненна динамічним ритмом сучасного життя, ця лаконічна модель із вертикальним геометричним силуетом створена для тих, хто цінує функціональність і чіткість. Поєднання натуральної шкіри та дерев’яної вставки підкреслює зв’язок із природою, а можливість носіння на поясі або на ланцюжку забезпечує свободу рухів у будь-якій ситуації. \u003cb\u003eEssence\u003c\/b\u003e — це втілення внутрішнього фокуса та контролю для жінки, яка прагне мати доступ до найважливішого в кожному моменті.\u003c\/p\u003e\n \u003cp\u003eСпеціально розроблено під всі сучасні моделі смартфонів. \u003cb\u003ePhone bag Essence\u003c\/b\u003e створена спеціально для того, щоб ваш телефон завжди був під рукою. До кожної сумки ми створили пояс, що надійно фіксує сумку на одязі та за бажанням додає стильний акцент до образу.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Італійська шкіра Blue Graphite Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДерево:\u003c\/strong\u003e Карпатський ясен\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eБокові деталі:\u003c\/strong\u003e Авторська композиція з напівдорогоцінних каменів содаліту, вкрита ювелірною смолою\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eФурнітура:\u003c\/strong\u003e Лита італійська фурнітура з легованої сталі зі срібним відливом\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003cstrong\u003eУ комплекті — два змінні ремені:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eМеталевий ланцюжок — для витончених образів та вечірніх виходів.\u003c\/li\u003e\n \u003cli\u003eПоясний шкіряний ремінь — для комфорту у щоденному ритмі.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗовнішній розмір:\u003c\/strong\u003e 18,5 х 10,5 х 2,8 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВнутрішній розмір:\u003c\/strong\u003e 16,8 х 10 х 1,7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ланцюжка:\u003c\/strong\u003e 105 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ременя:\u003c\/strong\u003e 100 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага сумки:\u003c\/strong\u003e 125 г\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри, дерева або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n (function() {\n function initBwTabsEngine() {\n const wrappers = document.querySelectorAll('.bw-tabs-wrapper');\n wrappers.forEach(wrapper =\u003e {\n const buttons = wrapper.querySelectorAll('.bw-tab-btn');\n const panes = wrapper.querySelectorAll('.bw-tab-pane');\n\n buttons.forEach((btn, index) =\u003e {\n if (btn.dataset.tabsBound) return;\n btn.dataset.tabsBound = \"true\";\n\n btn.addEventListener('click', function(e) {\n e.preventDefault();\n \n buttons.forEach(b =\u003e b.classList.remove('active'));\n panes.forEach(p =\u003e p.classList.remove('active'));\n\n this.classList.add('active');\n if (panes[index]) {\n panes[index].classList.add('active');\n }\n });\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initBwTabsEngine);\n } else {\n initBwTabsEngine();\n }\n })();\n\u003c\/script\u003e","brand":"BlackwoodUkraine","offers":[{"title":"Default Title","offer_id":45242146521330,"sku":"Essence Blue-Graphite Croco","price":8900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/essence-graphite-croco-phone-bag.webp?v=1779467969"},{"product_id":"essence-midnight-black","title":"Essence Midnight Black Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px;\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 таби зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 560px; \n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n \/* Перетворюємо label на преміальну кнопку таба *\/\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n display: inline-block;\n }\n\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4);\n }\n\n \/* НАДІЙНИЙ ЗАХИСТ ВІД ОЧИЩЕННЯ СКРИПТІВ САЙТОМ *\/\n .bw-tab-radio {\n display: none !important;\n }\n\n \/* CSS ЛОГІКА ПЕРЕМИКАННЯ (Працює без JavaScript) *\/\n #bw-ess-black-tab1:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab1\"],\n #bw-ess-black-tab2:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab2\"],\n #bw-ess-black-tab3:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab3\"],\n #bw-ess-black-tab4:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab4\"],\n #bw-ess-black-tab5:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab5\"] {\n opacity: 1;\n font-weight: 500;\n }\n\n #bw-ess-black-tab1:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab1\"]::after,\n #bw-ess-black-tab2:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab2\"]::after,\n #bw-ess-black-tab3:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab3\"]::after,\n #bw-ess-black-tab4:checked ~ .bw-tabs-nav label[for=\"bw-ess-white-tab4\"]::after,\n #bw-ess-black-tab5:checked ~ .bw-tabs-nav label[for=\"bw-ess-black-tab5\"]::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200;\n }\n\n \/* ВІДОБРАЖЕННЯ АКТИВНОГО БЛОКУ *\/\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n #bw-ess-black-tab1:checked ~ .bw-tabs-content .bw-pane1,\n #bw-ess-black-tab2:checked ~ .bw-tabs-content .bw-pane2,\n #bw-ess-black-tab3:checked ~ .bw-tabs-content .bw-pane3,\n #bw-ess-black-tab4:checked ~ .bw-tabs-content .bw-pane4,\n #bw-ess-black-tab5:checked ~ .bw-tabs-content .bw-pane5 {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 30px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-black-tab1\" name=\"bw-essence-black-tabs\" class=\"bw-tab-radio\" checked\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-black-tab2\" name=\"bw-essence-black-tabs\" class=\"bw-tab-radio\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-black-tab3\" name=\"bw-essence-black-tabs\" class=\"bw-tab-radio\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-black-tab4\" name=\"bw-essence-black-tabs\" class=\"bw-tab-radio\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-black-tab5\" name=\"bw-essence-black-tabs\" class=\"bw-tab-radio\"\u003e\n\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003clabel for=\"bw-ess-black-tab1\" class=\"bw-tab-btn\"\u003eОпис\u003c\/label\u003e\n \u003clabel for=\"bw-ess-black-tab2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/label\u003e\n \u003clabel for=\"bw-ess-black-tab3\" class=\"bw-tab-btn\"\u003eРозміри\u003c\/label\u003e\n \u003clabel for=\"bw-ess-black-tab4\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/label\u003e\n \u003clabel for=\"bw-ess-black-tab5\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/label\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane bw-pane1\"\u003e\n \u003cp\u003eВиріб з колекції Black Stones втілює визнання власної глибини та містичної сили, де крізь прийняття своєї тіні народжується справжня цілісність і зріла краса.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eEssence — форма суті.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eНатхненна динамічним ритмом сучасного життя, ця лаконічна модель із вертикальним геометричним силуетом створена для тих, хто цінує функціональність і чіткість. Поєднання натуральної шкіри та дерев’яної вставки підкреслює зв’язок із природою, а можливість носіння на поясі або на ланцюжку забезпечує свободу рухів у будь-якій ситуації. \u003cstrong\u003eEssence\u003c\/strong\u003e — це втілення внутрішнього фокуса та контролю для жінки, яка прагне мати доступ до найважливішого в кожному моменті.\u003c\/p\u003e\n \u003cp\u003eСпеціально розроблено під всі сучасні моделі смартфонів. \u003cstrong\u003ePhone bag Essence\u003c\/strong\u003e створена спеціально для того, щоб ваш телефон завжди був під рукою. До кожної сумки ми створили пояс, що надійно фіксує сумку на одязі та за бажанням додає стильний акцент до образу.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane bw-pane2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Італійська шкіра Black Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДерево:\u003c\/strong\u003e Карпатський ясен\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eБокові деталі:\u003c\/strong\u003e Авторська композиція з напівдорогоцінних каменів сірого содаліту, вкрита ювелірною смолою\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eФурнітура:\u003c\/strong\u003e Лита італійська фурнітура з легованої сталі зі срібним відливом\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003cstrong\u003eУ комплекті — два змінні ремені:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eМеталевий ланцюжок — для витончених образів та вечірніх виходів.\u003c\/li\u003e\n \u003cli\u003eПоясний шкіряний ремінь — для комфорту у щоденному ритмі.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-tab-pane bw-pane3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗовнішній розмір:\u003c\/strong\u003e 18,5 х 10,5 х 2,8 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВнутрішній розмір:\u003c\/strong\u003e 16,8 х 10 х 1,7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ланцюжка:\u003c\/strong\u003e 105 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ременя:\u003c\/strong\u003e 100 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага сумки:\u003c\/strong\u003e 125 г\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane bw-pane4\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane bw-pane5\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри, дерева або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"BlackwoodUkraine","offers":[{"title":"Default Title","offer_id":45242146488562,"sku":"Essence Black Croco","price":8900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/essence-black-croco-phone-bag.webp?v=1779468186"},{"product_id":"essence-emerald-green","title":"Essence Emerald Green Croco","description":"\u003cstyle\u003e\n \/* === Глобальні стилі BLACKWOOD === *\/\n .bw-tabs-wrapper {\n width: 100%;\n background-color: #dbd9d3;\n padding: 0 5px 0 5px; \n margin-top: -15px;\n margin-bottom: 0; \n font-family: 'KyivTypeSans-Regular', sans-serif;\n color: #190200;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n \/* НАВІГАЦІЯ (Строго 2 ряди: 3 таби зверху, 2 знизу) *\/\n .bw-tabs-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px 25px;\n max-width: 560px; \n margin: 0 auto 30px auto;\n text-align: center;\n }\n\n \/* Перетворюємо label на преміальну кнопку таба *\/\n .bw-tab-btn {\n font-size: 16px;\n font-weight: 400;\n cursor: pointer;\n opacity: 0.4;\n transition: all 0.3s ease;\n position: relative;\n padding-bottom: 5px;\n -webkit-tap-highlight-color: transparent;\n display: inline-block;\n }\n\n .bw-tab-btn:hover {\n opacity: 1;\n }\n \n .bw-tab-btn:hover::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: rgba(25, 2, 0, 0.4);\n }\n\n \/* НАДІЙНИЙ ЗАХИСТ ВІД ОЧИЩЕННЯ СКРИПТІВ САЙТОМ *\/\n .bw-tab-radio {\n display: none !important;\n }\n\n \/* CSS ЛОГІКА ПЕРЕМИКАННЯ (Працює без JavaScript) *\/\n #bw-ess-emerald-tab1:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab1\"],\n #bw-ess-emerald-tab2:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab2\"],\n #bw-ess-emerald-tab3:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab3\"],\n #bw-ess-emerald-tab4:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab4\"],\n #bw-ess-emerald-tab5:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab5\"] {\n opacity: 1;\n font-weight: 500;\n }\n\n #bw-ess-emerald-tab1:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab1\"]::after,\n #bw-ess-emerald-tab2:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab2\"]::after,\n #bw-ess-emerald-tab3:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab3\"]::after,\n #bw-ess-emerald-tab4:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab4\"]::after,\n #bw-ess-emerald-tab5:checked ~ .bw-tabs-nav label[for=\"bw-ess-emerald-tab5\"]::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1.5px;\n background-color: #190200;\n }\n\n \/* ВІДОБРАЖЕННЯ АКТИВНОГО БЛОКУ *\/\n .bw-tab-pane {\n display: none;\n line-height: 1.6;\n font-size: 16px;\n }\n\n #bw-ess-emerald-tab1:checked ~ .bw-tabs-content .bw-pane1,\n #bw-ess-emerald-tab2:checked ~ .bw-tabs-content .bw-pane2,\n #bw-ess-emerald-tab3:checked ~ .bw-tabs-content .bw-pane3,\n #bw-ess-emerald-tab4:checked ~ .bw-tabs-content .bw-pane4,\n #bw-ess-emerald-tab5:checked ~ .bw-tabs-content .bw-pane5 {\n display: block;\n animation: premiumSlideSide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n }\n\n \/* КОНТЕНТ ТА ДЖЕНТЛЬМЕНСЬКИЙ ЗАХИСТ ВІД СТРИБКІВ *\/\n .bw-tabs-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n min-height: 225px; \n }\n\n @keyframes premiumSlideSide {\n 0% { opacity: 0; transform: translateX(40px); }\n 100% { opacity: 1; transform: translateX(0); }\n }\n\n .bw-tab-pane p { margin-bottom: 15px; }\n .bw-tab-pane b, .bw-tab-pane strong { font-weight: 600; }\n .bw-tab-pane a { color: #5b2029; text-decoration: underline; transition: opacity 0.2s; }\n \n .bw-tabs-content ul { padding-left: 18px; margin-bottom: 15px; list-style-type: none; }\n .bw-tabs-content li { margin-bottom: 6px; position: relative; }\n .bw-tabs-content li::before { content: \"—\"; position: absolute; left: -18px; color: rgba(25, 2, 0, 0.5); }\n\n .bw-tab-pane *:last-child { margin-bottom: 0; padding-bottom: 25px; }\n\n @media (max-width: 600px) {\n .bw-tabs-wrapper { padding: 0 10px 0 10px; margin-top: -25px; }\n .bw-tabs-nav { gap: 15px 30px; margin-bottom: 25px; max-width: 100%; }\n .bw-tab-btn { font-size: 16px; }\n .bw-tab-pane { font-size: 14px; }\n .bw-tabs-content { min-height: 290px; }\n .bw-tab-btn:hover::after { display: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-emerald-tab1\" name=\"bw-essence-emerald-tabs\" class=\"bw-tab-radio\" checked\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-emerald-tab2\" name=\"bw-essence-emerald-tabs\" class=\"bw-tab-radio\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-emerald-tab3\" name=\"bw-essence-emerald-tabs\" class=\"bw-tab-radio\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-emerald-tab4\" name=\"bw-essence-emerald-tabs\" class=\"bw-tab-radio\"\u003e\n \u003cinput type=\"radio\" id=\"bw-ess-emerald-tab5\" name=\"bw-essence-emerald-tabs\" class=\"bw-tab-radio\"\u003e\n\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003clabel for=\"bw-ess-emerald-tab1\" class=\"bw-tab-btn\"\u003eОпис\u003c\/label\u003e\n \u003clabel for=\"bw-ess-emerald-tab2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/label\u003e\n \u003clabel for=\"bw-ess-emerald-tab3\" class=\"bw-tab-btn\"\u003eРозміри\u003c\/label\u003e\n \u003clabel for=\"bw-ess-emerald-tab4\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/label\u003e\n \u003clabel for=\"bw-ess-emerald-tab5\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/label\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv class=\"bw-tab-pane bw-pane1\"\u003e\n \u003cp\u003eВиріб з колекції Emerald втілює довіру до внутрішнього голосу та інтуїції, що слугує надійним орієнтиром і дарує відчуття спокою навіть посеред життєвого хаосу.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eEssence — форма суті.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eНатхненна динамічним ритмом сучасного життя, ця лаконічна модель із вертикальним геометричним силуетом створена для тих, хто цінує функціональність і чіткість. Поєднання натуральної шкіри та дерев’яної вставки підкреслює зв’язок із природою, а можливість носіння на поясі або на ланцюжку забезпечує свободу рухів у будь-якій ситуації. \u003cstrong\u003eEssence\u003c\/strong\u003e — це втілення внутрішнього фокуса та контролю для жінки, яка прагне мати доступ до найважливішого в кожному моменті.\u003c\/p\u003e\n \u003cp\u003eСпеціально розроблено під всі сучасні моделі смартфонів. \u003cstrong\u003ePhone bag Essence\u003c\/strong\u003e створена спеціально для того, щоб ваш телефон завжди був під рукою. До кожної сумки ми створили пояс, що надійно фіксує сумку на одязі та за бажанням додає стильний акцент до образу.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane bw-pane2\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eШкіра:\u003c\/strong\u003e Італійська шкіра Emerald Green Croco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДерево:\u003c\/strong\u003e Карпатський ясен\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eБокові деталі:\u003c\/strong\u003e Авторська композиція з напівдорогоцінних каменів малахіту, вкрита ювелірною смолою\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eФурнітура:\u003c\/strong\u003e Лита італійська фурнітура з легованої сталі зі срібним відливом\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003cstrong\u003eУ комплекті — два змінні ремені:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eМеталевий ланцюжок — для витончених образів та вечірніх виходів.\u003c\/li\u003e\n \u003cli\u003eПоясний шкіряний ремінь — для комфорту у щоденному ритмі.\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003cp\u003e\u003ci\u003e* Кожен виріб створюється вручну з натуральних матеріалів, фактура і відтінок яких неповторні. Допустимі незначні відмінності готового виробу від фото.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-tab-pane bw-pane3\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eЗовнішній розмір:\u003c\/strong\u003e 18,5 х 10,5 х 2,8 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВнутрішній розмір:\u003c\/strong\u003e 16,8 х 10 х 1,7 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ланцюжка:\u003c\/strong\u003e 105 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eДовжина ременя:\u003c\/strong\u003e 100 см\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага сумки:\u003c\/strong\u003e 125 г\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane bw-pane4\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eНова Пошта:\u003c\/strong\u003e Безкоштовно на відділення\/поштомат (при передоплаті).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eСамовивіз:\u003c\/strong\u003e Шоурум в Одесі (Французький бульвар, 9).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eТермін:\u003c\/strong\u003e 1–3 робочі дні по Україні.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tab-pane bw-pane5\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eГарантія не поширюється на:\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eПриродний знос та механічні пошкодження шкіри, дерева або фурнітури\u003c\/li\u003e\n \u003cli\u003eВплив агресивних хімікатів, спирту чи екстремальних температур\u003c\/li\u003e\n \u003cli\u003eРемонт виробу у сторонніх майстернях\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"BlackwoodUkraine","offers":[{"title":"Default Title","offer_id":45242146455794,"sku":"Essence Green Croco","price":8900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/essence-emerald-croco-phone-bag.webp?v=1779468444"}],"url":"https:\/\/blackwood.ua\/collections\/new-accessories-no-discount.oembed?page=4","provider":"Blackwood Ukraine","version":"1.0","type":"link"}