{"title":"Окуляри","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-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":"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-bordeaux","title":"Bordeaux 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=\"bx-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"bx-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"bx-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"bx-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"bx-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=\"bx-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eBordeaux\u003c\/b\u003e втілюють у собі шляхетність старовинних виноградників та естетику інтелектуальної розкоші. Створені для тих, хто цінує глибоку витримку стилю, складні відтінки та вміє насолоджуватися моментом у всій його повноті.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний element гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"bx-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=\"bx-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=\"bx-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=\"bx-5\" class=\"bw-tab-pane\"\u003e\n \u003cp\u003eНа всі вироби діє \u003cb\u003eгарантія 12 місяців\u003c\/b\u003e. Ми надаємо безкоштовний сервіс у разі виявлення виробничого браку.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eGasрантія не поширюється на:\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":45841045651698,"sku":"Bordeaux Brown gradient","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/blackwood-bordeaux-sunglasses-1_3e82033c-e5f6-4f8a-87ac-4275188d934e.jpg?v=1775728654"},{"product_id":"sunglasses-sicily-black","title":"Sicily Black 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=\"sicily-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"sicily-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"sicily-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"sicily-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"sicily-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=\"sicily-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eSicily Black\u003c\/b\u003e – це об’єкт з характером, де кожна лінія випромінює впевненість і приховану силу. Окуляри для тих, хто володіє мистецтвом переконливого погляду та обирає роль, яку неможливо ігнорувати.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"sicily-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=\"sicily-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=\"sicily-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=\"sicily-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":45841104568562,"sku":"Sicily Black","price":6900.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/sicily-black-1_d4da7523-d631-4528-bb19-6fbb9067e14d.webp?v=1776764626"},{"product_id":"sunglasses-arctic","title":"Arctic Ice Blue","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!-- === СТРУКТУРА ТАБІВ (HTML) === --\u003e\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"ice-1\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"ice-2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"ice-3\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"ice-4\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"ice-5\" 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=\"ice-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eArctic Ice\u003c\/b\u003e втілюють у собі сувору естетику безкрайньої півночі та кришталеву чистоту ліній. Створені для тих, хто зберігає холодний розум і виняткову виваженість у будь-яких обставинах.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2 --\u003e\n \u003cdiv id=\"ice-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 Блакитні у відтого Candy Blue\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 39 грамів\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=\"ice-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=\"ice-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=\"ice-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!-- === ЗАЛІЗОБЕТОННИЙ СКРИПТ ПЕРЕМИКАННЯ === --\u003e\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 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 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":48890069221618,"sku":"Arctic Ice","price":5500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Arctic_Blue_1.jpg?v=1774023110"},{"product_id":"california-green","title":"California 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 22px;\n max-width: 460px; \/* Примусове перенесення Доставки на 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 .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 min-height: 230px; \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 }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-tabs-wrapper\"\u003e\n \u003cdiv class=\"bw-tabs-nav\"\u003e\n \u003cdiv data-target=\"cali-1\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"cali-2\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"cali-3\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"cali-4\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"cali-5\" class=\"bw-tab-btn\"\u003eГарантія\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-tabs-content\"\u003e\n \u003cdiv id=\"cali-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eCalifornia\u003c\/b\u003e втілюють у собі естетику нескінченного літа та дух вільної подорожі узбережжям Тихого океану. Створені для тих, хто живе у ритмі сонячного світла, цінує легкість образу та прагне завжди залишатися на хвилі натхнення.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"cali-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 Зелені у відтінку Сandy Green\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 39 грамів\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=\"cali-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 \n \u003cp class=\"bw-label\"\u003e\u003cstrong\u003eКому не підійдуть?\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"bw-value\"\u003e— Широке та середнє обличчя\u003c\/p\u003e\n \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 \u003cdiv id=\"cali-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=\"cali-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(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":46959269871858,"sku":"California Green","price":6500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Calofornia_19502a02-f270-4183-beb1-faa2d3ae0926.jpg?v=1776100987"},{"product_id":"sunglasses-venice-green","title":"Venice 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=\"vgn-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"vgn-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"vgn-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"vgn-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"vgn-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=\"vgn-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003eОкуляри \u003cb\u003eVenice Green\u003c\/b\u003e втілюють естетику міста на воді та вікових карнавальних традицій. Створені для тих, хто вміє тримати баланс між витонченою загадковістю та щоденною розкішшю.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2: Матеріали --\u003e\n \u003cdiv id=\"vgn-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 39 грамів\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=\"vgn-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=\"vgn-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=\"vgn-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":47258323747058,"sku":"Venice Green New","price":7500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Venivce_green.jpg?v=1776097385"},{"product_id":"sunglasses-kyoto-amber","title":"Kyoto Amber 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=\"kyoto-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"kyoto-2\" data-text=\"Матеріали\" class=\"bw-tab-btn\"\u003eМатеріали\u003c\/div\u003e\n \u003cdiv data-target=\"kyoto-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"kyoto-4\" data-text=\"Доставка та оплата\" class=\"bw-tab-btn\"\u003eДоставка та оплата\u003c\/div\u003e\n \u003cdiv data-target=\"kyoto-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=\"kyoto-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003e\u003cstrong\u003eKyoto Amber Green\u003c\/strong\u003e — це спокій японських садів, розсіяне світло і відчуття гармонії. Модель створена для тих, хто цінує баланс і деталі.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю став інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- Таб 2 --\u003e\n \u003cdiv id=\"kyoto-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 Candy Green\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eКріплення дужок:\u003c\/strong\u003e Флексові з доводчиком\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eВага:\u003c\/strong\u003e 39 грамів\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=\"kyoto-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=\"kyoto-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=\"kyoto-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":47859489734898,"sku":"Kyoto Amber Green","price":6500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Kyoto_Amber_1.jpg?v=1774635607"},{"product_id":"sunglasses-kyoto-bronze","title":"Kyoto Bronze","description":"\u003cstyle\u003e\n \/* === Глобальні стилі === *\/\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; \/* Гарантує перенесення останніх двох табів на 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);\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-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: 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=\"kb-1\" data-text=\"Опис\" class=\"bw-tab-btn active\"\u003eОпис\u003c\/div\u003e\n \u003cdiv data-target=\"kb-2\" data-text=\"Характеристики\" class=\"bw-tab-btn\"\u003eХарактеристики\u003c\/div\u003e\n \u003cdiv data-target=\"kb-3\" data-text=\"Кому підійдуть\" class=\"bw-tab-btn\"\u003eКому підійдуть\u003c\/div\u003e\n \u003cdiv data-target=\"kb-4\" data-text=\"Доставка\" class=\"bw-tab-btn\"\u003eДоставка\u003c\/div\u003e\n \u003cdiv data-target=\"kb-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=\"kb-1\" class=\"bw-tab-pane active\"\u003e\n \u003cp\u003e\u003cstrong\u003eKyoto Bronze\u003c\/strong\u003e — це спокій японських садів, розсіяне світло і відчуття гармонії. Ця модель створена для тих, хто цінує баланс, витончені деталі та природні матеріали.\u003c\/p\u003e\n \u003cp\u003eГоловною особливістю серії стал інноваційний функціональний чохол, який трансформує окуляри на стильний елемент гардероба, що завжди під рукою (кейс-аксесуар із натуральної шкіри для носіння на шиї).\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv id=\"kb-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 39 грамів\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=\"kb-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 \u003cdiv id=\"kb-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=\"kb-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 \/\/ Скидаємо активні класи в межах поточної картки Kyoto Bronze\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":49438327734514,"sku":"Kyoto Bronze Brown Gradient","price":6500.0,"currency_code":"UAH","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/9322\/5640\/files\/Kyoto_Bronze_1.jpg?v=1774635159"},{"product_id":"dallas-grey-test","title":"Dallas Grey (test)","description":"\u003cstyle\u003e\n .bw-premium-container {\n width: 100%;\n background-color: #dbd9d3;\n padding: 20px 16px;\n font-family: 'KyivTypeSans-Regular', 'Helvetica Neue', sans-serif;\n color: #190200;\n box-sizing: border-box;\n text-align: left;\n }\n\n \/* ПРИХОВАНІ РАДІО-КНОПКИ *\/\n .bw-tab-input {\n display: none;\n }\n\n \/* НАВІГАЦІЯ *\/\n .bw-nav-luxury {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 24px;\n }\n\n .bw-nav-label-btn {\n font-size: 15px;\n font-weight: 400;\n cursor: pointer;\n color: #9e9692;\n transition: color 0.3s ease;\n text-transform: none;\n letter-spacing: 0.8px;\n user-select: none;\n }\n\n .bw-nav-label-btn:hover {\n color: #190200; \n }\n\n \/* СТИЛЬ АКТИВНОГО ТАБА *\/\n #bw-tab-1:checked ~ .bw-nav-luxury label[for=\"bw-tab-1\"],\n #bw-tab-2:checked ~ .bw-nav-luxury label[for=\"bw-tab-2\"],\n #bw-tab-3:checked ~ .bw-nav-luxury label[for=\"bw-tab-3\"] {\n font-weight: 500;\n color: #190200;\n }\n\n \/* КОНТЕНТ-КОНТЕЙНЕР ПРОТИ СТРИБКІВ *\/\n .bw-main-content {\n max-width: 680px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n }\n\n .bw-pane-luxury {\n grid-column: 1;\n grid-row: 1;\n line-height: 1.55;\n font-size: 15px;\n \n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity 0.25s ease-in-out, visibility 0.25s;\n }\n\n \/* АКТИВАЦІЯ ТАБІВ *\/\n #bw-tab-1:checked ~ .bw-main-content #bw-lux-tab1,\n #bw-tab-2:checked ~ .bw-main-content #bw-lux-tab2,\n #bw-tab-3:checked ~ .bw-main-content #bw-lux-tab3 {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n \/* УНІФІКОВАНІ ПАРАГРАФИ ДЛЯ ТЕКСТУ *\/\n .bw-pane-luxury p { \n font-size: 15px;\n line-height: 1.55;\n margin-bottom: 12px; \n text-align: left; \n }\n \n .bw-pane-luxury p:last-child {\n margin-bottom: 0;\n }\n\n .bw-pane-luxury strong { \n font-weight: 500; \n letter-spacing: 0.3px; \n }\n\n \/* ПОСИЛАННЯ *\/\n .bw-premium-link {\n color: #5b2029 !important;\n text-decoration: none;\n font-weight: 500;\n border-bottom: 1px solid rgba(91, 32, 41, 0.4);\n transition: all 0.2s ease;\n }\n\n .bw-premium-link:hover {\n border-bottom-color: transparent;\n opacity: 0.7;\n }\n\n \/* БЛОК СЕРВІСУ *\/\n .bw-service-clean-block {\n margin-top: 12px;\n }\n\n \/* ОПТИЧНО СКОРЕГОВАНА ТАБЛИЦЯ МАТЕРІАЛІВ *\/\n .bw-material-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 8px 0; \/* Зменшено відступи для компактності *\/\n border-bottom: 1px solid rgba(25, 2, 0, 0.08);\n gap: 24px;\n line-height: 1.4; \/* Більш щільний інтервал *\/\n }\n\n .bw-material-row:last-of-type { \n border-bottom: none; \n }\n \n .bw-mat-label { \n opacity: 0.6; \n font-size: 14px; \/* Оптичне зменшення *\/\n letter-spacing: 0.3px;\n flex-shrink: 0;\n width: 140px; \n }\n\n .bw-mat-value { \n text-align: right; \n font-size: 14px; \/* Оптичне зменшення *\/\n font-weight: 400;\n flex-grow: 1;\n }\n\n \/* АДАПТИВНІСТЬ *\/\n @media (max-width: 600px) {\n .bw-premium-container { padding: 16px 12px; }\n .bw-nav-luxury { gap: 28px; margin-bottom: 20px; }\n \n .bw-material-row { \n flex-direction: column; \n gap: 2px; \n padding: 8px 0;\n }\n .bw-mat-label { width: 100%; }\n .bw-mat-value { text-align: left; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bw-premium-container\"\u003e\n \n \u003cinput type=\"radio\" name=\"bw-premium-tabs\" id=\"bw-tab-1\" class=\"bw-tab-input\" checked\u003e\n \u003cinput type=\"radio\" name=\"bw-premium-tabs\" id=\"bw-tab-2\" class=\"bw-tab-input\"\u003e\n \u003cinput type=\"radio\" name=\"bw-premium-tabs\" id=\"bw-tab-3\" class=\"bw-tab-input\"\u003e\n\n \u003cdiv class=\"bw-nav-luxury\"\u003e\n \u003clabel for=\"bw-tab-1\" class=\"bw-nav-label-btn\"\u003eОпис\u003c\/label\u003e\n \u003clabel for=\"bw-tab-2\" class=\"bw-nav-label-btn\"\u003eМатеріали\u003c\/label\u003e\n \u003clabel for=\"bw-tab-3\" class=\"bw-nav-label-btn\"\u003eРозмір\u003c\/label\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"bw-main-content\"\u003e\n \u003c!-- ТАБ 1: ОПИС --\u003e\n \u003cdiv id=\"bw-lux-tab1\" class=\"bw-pane-luxury\"\u003e\n \u003cp\u003e\u003cstrong\u003eDallas\u003c\/strong\u003e — сонцезахисні окуляри чіткої геометричної форми з виразними контурами. Дизайн оправи натхненний суворою архітектурною графікою однойменного мегаполісу, де переважають монолітні силуети та строгі лінії. Конструкція створена як прямий візуальний акцент для повсякденного образу.\u003c\/p\u003e\n \u003cp\u003eНімецька оптика Carl Zeiss захищає від ультрафіолету за будь-якого освітлення. Окуляри доповнені шкіряним чохлом ручної роботи зі знімним ремінцем.\u003c\/p\u003e\n \n \u003cdiv class=\"bw-service-clean-block\"\u003e\n \u003cp\u003e\n \u003ca href=\"https:\/\/blackwood.ua\/pages\/shipping\" target=\"_blank\" class=\"bw-premium-link\"\u003eДоставка та оплата\u003c\/a\u003e: безкоштовно по Україні Новою Поштою (1–3 дні) або самовивіз в Одесі. Накладний платіж, передоплата або оплата частинами від monobank.\n \u003c\/p\u003e\n \u003cp\u003e\n \u003ca href=\"https:\/\/blackwood.ua\/pages\/exchange-and-returns\" target=\"_blank\" class=\"bw-premium-link\"\u003eГарантія\u003c\/a\u003e: офіційні умови обслуговування, обміну та повернення виробу.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- ТАБ 2: МАТЕРІАЛИ --\u003e\n \u003cdiv id=\"bw-lux-tab2\" class=\"bw-pane-luxury\"\u003e\n \u003cdiv class=\"bw-material-row\"\u003e\n \u003cspan class=\"bw-mat-label\"\u003eОправа\u003c\/span\u003e\n \u003cspan class=\"bw-mat-value\"\u003eАфриканське чорне дерево (Ебен) в обробці натуральним воском\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-material-row\"\u003e\n \u003cspan class=\"bw-mat-label\"\u003eОптика\u003c\/span\u003e\n \u003cspan class=\"bw-mat-value\"\u003eCarl Zeiss з максимальним захистом від ультрафіолету (UV-400)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-material-row\"\u003e\n \u003cspan class=\"bw-mat-label\"\u003eКолір лінзи\u003c\/span\u003e\n \u003cspan class=\"bw-mat-value\"\u003eСірий\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-material-row\"\u003e\n \u003cspan class=\"bw-mat-label\"\u003eКріплення дужок\u003c\/span\u003e\n \u003cspan class=\"bw-mat-value\"\u003eПосилені німецькі флекси з механічним доводчиком\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-material-row\"\u003e\n \u003cspan class=\"bw-mat-label\"\u003eЗагальна вага\u003c\/span\u003e\n \u003cspan class=\"bw-mat-value\"\u003e39 грам\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-material-row\"\u003e\n \u003cspan class=\"bw-mat-label\"\u003eКомплектація\u003c\/span\u003e\n \u003cspan class=\"bw-mat-value\"\u003eШкіряний футляр, фірмова коробка, серветка\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"opacity: 0.5; margin-top: 16px; font-size: 13px;\"\u003e\n * Кожен виріб виготовляється вручну. Малюнок текстури натурального дерева є індивідуальним.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003c!-- ТАБ 3: РОЗМІР --\u003e\n \u003cdiv id=\"bw-lux-tab3\" class=\"bw-pane-luxury\"\u003e\n \u003cp\u003e\u003cstrong\u003eDallas\u003c\/strong\u003e — велика оправа з акцентним силуетом. Вона розроблена для широкого та середнього типів обличчя, забезпечуючи вільну анатомічну посадку без відчуття тиску в зонах скронь.\u003c\/p\u003e\n \u003cp\u003eДля вузького обличчя цей силует не рекомендований, оскільки виріб може виглядати надто масивно. Якщо ви маєте сумніви щодо форми, надішліть фото до нашого \u003ca href=\"https:\/\/t.me\/blackwood_ua\" target=\"_blank\" class=\"bw-premium-link\"\u003eконсьєрж-servісу\u003c\/a\u003e для отримання персональної рекомендації.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Blackwoodbags","offers":[{"title":"Default Title","offer_id":49609970778354,"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"}],"url":"https:\/\/blackwood.ua\/collections\/top-sunglasses.oembed?page=2","provider":"Blackwood Ukraine","version":"1.0","type":"link"}