/* FINER incremental restyling.
   Крок 1: колір футера. Крок 2: структура лівої колонки, соціконки, білий текст. */

/* --- фон --- */
.footer { background: #1C5B74; }

/* --- ВЕСЬ текст у футері білий; ховер — фірмова блакить --- */
.footer, .footer span, .footer p, .footer li, .footer h2, .footer .footer__title, .footer button,
.footer a, .footer .contacts__item a, .footer .contacts__item button,
.footer .menu-group__menu a, .footer .footer__contacts a { color: #fff; }
.footer a:hover, .footer .menu-group__menu a:hover, .footer .contacts__item a:hover { color: #59CCE9; }

/* --- ліва колонка: усе в стовпчик, строго по лівому краю --- */
.footer .footer__left-column {
  display: flex; flex-direction: column;
  align-items: flex-start; text-align: left;
  gap: 0;
}
.footer .footer_logo, .footer #footer-logo { display: block; margin: 0 0 10px; }
.footer .footer__logo-img { display: block; margin: 0; width: auto; height: 46px; object-fit: contain; object-position: left center; }
.footer__tagline { margin: 0 0 14px; max-width: 320px; line-height: 1.55; font-size: 14.5px; }
.footer .social-links { display: flex; gap: 16px; padding: 0; margin: 0 0 16px; list-style: none; }
.footer .social-links li { margin: 0; }
.footer .social-links a { display: inline-flex; align-items: center; opacity: .92; }
.footer .social-links a:hover { opacity: 1; }
.footer__copyline { margin: 0; font-size: 13.5px; opacity: .85; }

/* --- прибране --- */
.footer__powered-text { display: none; }

/* лого в шапці: теж без фантомних полів від letterbox */
.logo-nav__logo-img { width: auto; }

/* ===== Крок 3 (30.08): нова шапка за макетом Стаса ===== */
.top-nav { display: none; }
.catalog-nav { display: none; }
.logo-nav { background: #fff; border-bottom: 1px solid #E4E8EA; }
.logo-nav__main-block { display: flex; align-items: center; gap: 30px; min-height: 96px; }
.logo-nav__logo-group { position: static; transform: none; margin-right: 6px; }
.logo-nav__logo-img { width: auto; height: 48px; }

.fh-nav { display: flex; align-items: center; gap: 32px; margin-right: auto; }
.fh-nav__link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 15px; font-weight: 500; color: #131313;
  background: none; border: 0; cursor: pointer; padding: 8px 0;
  text-decoration: none; font-family: inherit; white-space: nowrap;
}
.fh-nav__link:hover { color: #1C5B74; }
.fh-caret { margin-top: 2px; }

.fh-drop { position: relative; }
.fh-drop__panel {
  position: absolute; top: 100%; left: -14px; min-width: 240px;
  background: #fff; border: 1px solid #E3EDF1; border-radius: 0;
  box-shadow: 0 12px 30px rgba(28, 91, 116, .14);
  padding: 10px; display: none; z-index: 300; border-radius: 0;
}
.fh-drop:hover .fh-drop__panel, .fh-drop:focus-within .fh-drop__panel { display: block; }
.fh-drop__panel a { display: block; padding: 10px 14px; border-radius: 0; font-size: 14.5px; color: #131313; text-decoration: none; white-space: nowrap; }
.fh-drop__panel a:hover { background: #EAF5F9; color: #1C5B74; }

.fh-right { display: flex; align-items: center; gap: 28px; }
.fh-block { display: flex; align-items: center; gap: 9px; color: #131313; }
.fh-block__icon { flex: 0 0 auto; color: #131313; }
.fh-block__col { display: flex; flex-direction: column; line-height: 1.3; }
.fh-block__main { font-weight: 600; font-size: 14.5px; color: #131313; text-decoration: none; white-space: nowrap; }
.fh-block__main:hover { color: #1C5B74; }
.fh-block__sub { font-size: 12.5px; color: #6B7478; text-decoration: none; white-space: nowrap; }
a.fh-block__sub:hover { color: #1C5B74; text-decoration: underline; }
.fh-cta {
  display: inline-flex; align-items: center; padding: 12px 20px;
  background: #1C5B74; color: #fff; font-weight: 600; font-size: 14.5px;
  border-radius: 4px; text-decoration: none; white-space: nowrap;
  transition: background .18s;
}
.fh-cta:hover { background: #17566E; color: #fff; }

@media (min-width: 1101px) { .logo-nav__burger-group { display: none; } }
@media (max-width: 1180px) { .fh-block { display: none; } }
@media (max-width: 1100px) { .fh-nav, .fh-cta { display: none; } }

/* мовний перемикач у новій шапці (тема стилізувала його лише в топбарі) */
.fh-right .form-language { position: relative; }
.fh-right .lang-toggle { display: inline-flex; align-items: center; gap: 5px; background: none; border: 0; cursor: pointer; font-size: 14.5px; font-weight: 400; color: #131313; font-family: inherit; }
.fh-right .form-language__lang-list.lang-list { display: none; position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); right: auto; background: #fff; border: 1px solid #E3EDF1; border-radius: 0; box-shadow: 0 10px 24px rgba(28,91,116,.14); padding: 6px; margin: 0; list-style: none; z-index: 300; min-width: 64px; }
.fh-right .form-language:hover .form-language__lang-list.lang-list, .fh-right .form-language:focus-within .form-language__lang-list.lang-list, .fh-right .form-language.open .form-language__lang-list.lang-list { display: block; }
.fh-right .lang-list .lang-item__btn, .fh-right .lang-list .current-lang { display: block; width: 100%; padding: 8px 14px; background: none; border: 0; text-align: center; font-size: 14.5px; cursor: pointer; border-radius: 0; color: #131313; font-family: inherit; line-height: 1.2; }
.fh-right .lang-item__btn:hover { background: #EAF5F9; color: #1C5B74; }
.fh-right .current-lang { opacity: .5; cursor: default; }

/* Крок 3.6: вертикальне центрування — мова мала зайві 8px відступу форми;
   лого центруємо ОПТИЧНО (серце в SVG додає верхній headroom, літери сидять низько) */
.fh-right .form-language { margin: 0; display: flex; align-items: center; }
.fh-right .lang-toggle { padding: 0; line-height: 1; }
.logo-nav .logo-nav__logo-img { transform: translateY(-5px); }

.fh-right .lang-list .current-lang { color: #9AA6AB; cursor: default; }
.fh-right .lang-list .lang-item { margin: 0; }
.fh-right .form-language .lang-dropdown { position: relative; display: flex; align-items: center; }

/* ===== Крок 4 (31.08): чистка хедера й типографіки товарної ===== */
/* 1. бежева смуга well згори — контейнер шапки красився сам */
.top-navs-group { background: #F6F7F8; }
.logo-nav { background: #F6F7F8; }
#top-line-banner { display: none; }

/* 2. мовний дропдаун — ТІЛЬКИ по кліку (тема ставить aria-expanded) */
.fh-right .form-language:hover .form-language__lang-list.lang-list,
.fh-right .form-language:focus-within .form-language__lang-list.lang-list { display: none; }
.fh-right .lang-toggle[aria-expanded="true"] + .form-language__lang-list.lang-list,
.fh-right .form-language.open .form-language__lang-list.lang-list { display: block; }

/* 3. бренд і назва товару — без CAPS */
.product-sec__manufacturer { text-transform: none; letter-spacing: .02em; }
.product-sec__page-title { text-transform: none; font-size: 24px; line-height: 1.25; font-weight: 700; }
.product-sec__sub-title { text-transform: none; }

/* Крок 4.2: компактніша шапка + правильна вага заголовка
   (у Fixel Text є лише 400/500/600 — 700 давав синтетичний faux-bold) */
.logo-nav__main-block { min-height: 72px; gap: 26px; }
.logo-nav__logo-img { height: 40px; }
.fh-cta { padding: 10px 18px; }
.fh-block__icon { width: 22px; height: 22px; }
.product-sec__page-title { font-weight: 600; font-size: 23px; }

/* ===== Крок 4.3 (31.08): світліша шапка + вигнати бежевий well скрізь ===== */
/* шапка (звичайна + закріплена .is-pinned) — світлий сірий */
.top-navs-group,
.logo-nav,
.logo-nav.is-pinned { background: #FAFBFC; }
.logo-nav.is-pinned { border-bottom: 1px solid #E4E8EA; }

/* решта бежевих плашок теми -> нейтральний сірий */
.latest,
.categories-sec,
.reviews-sec__rating-group,
.contact-sec__contact-block,
.checkout-nav,
.modal-wrapper .search-chips > li > a:hover,
.reviews-sec .select-filter .button { background: #F5F6F7; }
.main-btn.grey { background: #F5F6F7; border-color: #E4E8EA; }

/* заголовок товару — легша вага */
.product-sec__page-title { font-weight: 500; }

/* ===== Крок 5 (31.08): фільтри, стікери, регістр карток ===== */
/* 1. бежевий у панелі фільтрів (core/mobile + згенеровані ocf.cache.*) -> сірий */
/* «Фільтр» — без підкладки; заголовки фільтрів (Бренд/Виробник/…) — сірі */
.ocf-header, .modal-filter .ocf-header { background: transparent; }
/* ocfilter вантажить свій ocf.cache.*.css ПІСЛЯ finer.css — тому специфічність вища */
body .ocf-filter-header,
body .ocf-dropdown .ocf-filter-header,
body .ocf-filter-list .ocf-filter-header,
.category__top-btns-wrapper > * { background: #F5F6F7; }
/* блок «Ви вибрали» — без фону */
.ocf-selected-card { background: transparent; padding-left: 0; }
body .ocf-header, body .modal-filter .ocf-header { background: transparent; }

/* 2-3. картки: назви та бренди звичайним регістром */
.product-card__name,
.product-card__manufacturer { text-transform: none; letter-spacing: .01em; }
.product-card__manufacturer { color: #6B7478; }

/* 4. чіп «Новинка» — у палітрі finer (світла блакить + фірмовий синій) */
.stickers__new,
.product-card.latest-card .stickers__new {
  text-transform: none;
  background: #E8F4F8;
  background-color: #E8F4F8;
  border: 1px solid #C3E0EA;
  color: #1C5B74;
  font-weight: 500;
  letter-spacing: .01em;
}

/* Крок 6: чорні елементи well -> фірмовий синій */
.main-btn.black,
#cart-button, #mob-cart-button,
.add-cart-btn,
.product-sec__add-cart-btn {
  background: #1C5B74; border-color: #1C5B74; color: #fff;
}
.main-btn.black:hover,
#cart-button:hover, .add-cart-btn:hover, .product-sec__add-cart-btn:hover {
  background: #17566E; border-color: #17566E; color: #fff;
}
.main-btn.black.only-border {
  background: transparent; color: #1C5B74; border: 1.5px solid #1C5B74;
}
.main-btn.black.only-border:hover { background: #EAF5F9; color: #17566E; border-color: #17566E; }
/* пагінація */
.pagination .active, .pagination li.active a, .pagination li.active span,
.pagination__item.active, .pagination a:hover { background: #1C5B74; border-color: #1C5B74; color: #fff; }
/* шапка бургер-меню (була чорна) */
.burger-menu-wrapper__top-group,
.children-menu-wrapper__top-group { background: #1C5B74; }

/* Крок 6.3: «Завантажити ще» — обведена (біле тло, синя рамка, синій текст) */
#loadmore-btn,
.main-btn.has-border.black,
.pagination__loadmore-btn {
  background: #fff; color: #1C5B74; border: 1px solid #1C5B74;
}
#loadmore-btn:hover,
.main-btn.has-border.black:hover,
.pagination__loadmore-btn:hover {
  background: #EAF5F9; color: #17566E; border-color: #17566E;
}

/* Крок 6.4: CTA «Отримати консультацію» — не жирний, вищий (як інші кнопки) */
.fh-cta { font-weight: 500; font-size: 15px; padding: 14px 24px; }

/* Крок 6.6: код товару — в один рядок з брендом, притиснутий праворуч */
.product-sec__brandrow { display: flex; align-items: baseline; gap: 8px 16px; flex-wrap: wrap; }
.product-sec__brandrow .product-sec__manufacturer { margin: 0; }
.product-sec__brandrow .product-sec__model.model--top { margin-left: auto; white-space: nowrap; font-size: 13px; color: #6B7478; }
.product-sec__brandrow .product-sec__model.model--top strong { color: #131313; font-weight: 500; }
.product-sec__stock-group:empty { display: none; }

/* ==========================================================================
   Крок 7 (31.08): товарна сторінка за макетом FINER (B2B medical)
   ========================================================================== */

/* --- 7.1 Шапка: просторіше, ☰ Каталог, пошук іконкою --- */
.logo-nav__main-block { min-height: 84px; gap: 22px; }
.fh-nav { gap: 26px; }
.fh-catalog-btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 10px 4px; margin-right: 4px;
  background: none; border: 0; cursor: pointer;
  font-family: inherit; font-size: 15px; font-weight: 500; color: #131313;
  white-space: nowrap;
}
.fh-catalog-btn:hover { color: #1C5B74; }
.fh-catalog-btn__icon { flex: 0 0 auto; }
.fh-search-btn { padding: 8px; color: #131313; }
.fh-search-btn:hover { color: #1C5B74; }
/* тема фарбує всі svg у #131313 — лупа має успадковувати колір кнопки, щоб підсвічуватись разом з текстом */
.fh-search-btn svg { color: inherit; }

/* --- 7.2 Бейдж «Новинка»: приглушений sage, щоб не сперечався з CTA --- */
.stickers__new,
.product-card.latest-card .stickers__new,
.product-sec .stickers__new {
  background: #E8F0E9; background-color: #E8F0E9;
  border: 1px solid #CFE0D2; color: #3E6B4B;
}

/* --- 7.3 Код + рейтинг компактно зверху справа --- */
.product-sec__brandrow { align-items: center; gap: 6px 14px; }
.product-sec__brandrow .product-sec__model.model--top { font-size: 13px; }

/* Рейтинг тепер живе в тому самому flex-рядку, що бренд і код (у потоці —
   нічого не накладається і не «стрибає» при зміні ширини). */
.product-sec__brandrow .product-sec__rating-group {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0; padding: 0 0 0 14px; border-left: 1px solid #E4E8EA;
  flex: 0 0 auto; white-space: nowrap;
}
.product-sec__brandrow .product-sec__rating-list { display: inline-flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
.product-sec__brandrow .rating-count { font-size: 12.5px; color: #6B7478; }

/* --- 7.4 «Моделі серії»: горизонтальні картки з мініатюрою, без цін --- */
.fnr-variations .group__title { font-size: 15px; font-weight: 600; color: #131313; margin: 0 0 12px; }
/* рівна плитка 3×N: усі картки однакового розміру */
.fnr-models { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 0; margin: 0; list-style: none; }
.fnr-models__item { min-width: 0; }
.fnr-models__card {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; height: 100%;
  border: 1.5px solid #E4E8EA; border-radius: 4px;
  background: #fff; color: #131313; text-decoration: none;
  transition: border-color .16s, box-shadow .16s, background .16s;
}
.fnr-models__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fnr-models__price { font-size: 12.5px; line-height: 1.25; color: #5E7382; }
a.fnr-models__card:hover { border-color: #9CC3D3; box-shadow: 0 2px 10px rgba(28,91,116,.08); }
.fnr-models__item.is-active .fnr-models__card { border-color: #1C5B74; color: #1C5B74; background: rgba(28, 91, 116, .06); }
.fnr-models__item.is-active .fnr-models__name { font-weight: 600; }
.fnr-models__thumb { width: 46px; height: 46px; object-fit: contain; flex: 0 0 auto; mix-blend-mode: multiply; }
.fnr-models__name {
  font-size: 14px; line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* понад 6 моделей — дропдаун у стилі полів сайту */
.fnr-models-dd { position: relative; max-width: 440px; }
.fnr-models-dd__toggle {
  width: 100%; display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; text-align: left; cursor: pointer;
  font-family: inherit; font-size: inherit; color: #131313;
  border: 1.5px solid #C9D6DD; border-radius: 4px; background: #fff;
  transition: border-color .16s;
}
.fnr-models-dd.open .fnr-models-dd__toggle,
.fnr-models-dd__toggle:hover { border-color: #1C5B74; }
.fnr-models-dd__chevron { margin-left: auto; flex: 0 0 auto; color: #1C5B74; transition: transform .18s; }
.fnr-models-dd.open .fnr-models-dd__chevron { transform: rotate(180deg); }
.fnr-models-dd__list {
  display: none; position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; right: 0;
  margin: 0; padding: 6px 0; list-style: none;
  background: #fff; border: 1px solid #E3EAF0; border-radius: 4px;
  box-shadow: 0 14px 34px rgba(19, 19, 19, .14);
  max-height: 380px; overflow-y: auto;
}
.fnr-models-dd.open .fnr-models-dd__list { display: block; }
.fnr-models-dd__item {
  display: flex; align-items: center; gap: 12px;
  padding: 8px 14px; color: #131313; text-decoration: none;
}
a.fnr-models-dd__item:hover { background: #F2F8FB; }
.fnr-models-dd__item.is-active { background: rgba(28, 91, 116, .06); }
.fnr-models-dd__item.is-active .fnr-models__name { color: #1C5B74; font-weight: 600; }
.fnr-models-dd__item .fnr-models__thumb { width: 40px; height: 40px; }
.fnr-variations-legacy { display: none !important; }

/* --- 7.5 Ціна / «Уточнити ціну» --- */
.fnr-price-request {
  background: none; border: 0; padding: 0; cursor: pointer;
  font-family: inherit; font-size: 16px; font-weight: 500; color: #1C5B74;
  text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 4px;
}
.fnr-price-request:hover { color: #17566E; }
.mob-button-wrapper .fnr-price-request { font-size: 15px; }

/* --- 7.6 CTA: «Замовити» + «Запитати КП», однакові, без кошика/сердечка --- */
.product-sec__quantity-group { display: none !important; }   /* input лишається в DOM для скрипта доставки */
.product-sec__pay-block .product-sec__buttons-group { display: none !important; }
.product-sec__pay-block { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.product-sec__pay-block .add-cart-btn,
.product-sec__pay-block .fnr-quote-btn {
  flex: 1 1 200px; min-height: 54px; padding: 14px 20px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-size: 15px; font-weight: 500; border-radius: 4px; white-space: nowrap;
}
.fnr-quote-btn {
  background: #fff; color: #1C5B74; border: 1.5px solid #1C5B74;
  cursor: pointer; font-family: inherit;
}
.fnr-quote-btn:hover { background: #EAF5F9; color: #17566E; border-color: #17566E; }
.fnr-quote-btn__icon { flex: 0 0 auto; }
.product-sec__pay-block .add-cart-btn::before,
.product-sec__pay-block .add-cart-btn svg { display: none !important; }  /* без іконки кошика */

/* --- 7.7 Характеристики: одна колонка «назва ....... значення» --- */
.tab-attributes .tab-content table,
.tab-attributes .tab-content tbody { display: block; width: 100%; }
.tab-attributes .tab-content tr {
  display: flex; align-items: baseline; gap: 6px;
  padding: 7px 0; width: 100%;
}
.tab-attributes .tab-content td { display: block; border: 0; padding: 0; background: none; }
.tab-attributes .tab-content td:first-child { flex: 0 0 auto; max-width: 60%; }
.tab-attributes .tab-content td:first-child strong { font-weight: 400; color: #6B7478; }
/* без крапкових ліній — розділяє заливка рядків через один */
.tab-attributes .tab-content tr::after { content: ""; flex: 1 1 auto; order: 1; min-width: 18px; }
.tab-attributes .tab-content td:last-child { order: 2; flex: 0 0 auto; text-align: right; color: #131313; }
.tab-attributes .tab-content tr { padding: 10px 14px; }
.tab-attributes .tab-content tr:nth-child(odd) { background: #F5F7F8; }
.tab-attributes .tab-content tr:nth-child(even) { background: transparent; }

/* --- 7.8 Акордеони: більше повітря, чистий B2B-вигляд --- */
#info-tabs .tab { border-bottom: 1px solid #E9EDEF; }
#info-tabs .tab-btn { padding: 18px 0; }
.fnr-reviews-tab { border-bottom: 1px solid #E9EDEF; margin-top: 0; }
.fnr-reviews-tab .tab__tab-content { overflow: hidden; max-height: 0; transition: max-height .3s ease; }
.fnr-reviews-tab:not(.hidden) .tab__tab-content { max-height: none; }

/* --- 7.9 B2B-переваги: спокійніше, з повітрям --- */
.product-sec__repeater-list { display: flex; flex-direction: column; gap: 14px; margin-top: 28px; }
.repeater-list__item { align-items: flex-start; gap: 12px; }
.repeater-list__item .item__text { font-size: 14.5px; line-height: 1.45; color: #131313; }

/* --- 7.10 Загальний ритм: більше whitespace --- */
.product-sec__info-column { padding-bottom: 8px; }
.product-sec__title-block { margin-bottom: 22px; }
.product-sec__content-groups { margin-bottom: 22px; }
.product-sec__price-block { margin-bottom: 18px; }

/* --- 7.11 Модалка запиту --- */
/* тема позиціонує .modal-wrapper по-своєму (transform/absolute) — перебиваємо */
body #fnr-request-modal.modal-wrapper {
  position: fixed; inset: 0; top: 0; left: 0; right: 0; bottom: 0;
  width: 100%; height: 100%; max-width: none; max-height: none;
  transform: none; margin: 0; z-index: 10000;
  background: rgba(19,19,19,.45);
  align-items: center; justify-content: center; padding: 20px;
  overflow-y: auto;
}
body #fnr-request-modal.modal-wrapper .modal-wrapper__main-block {
  background: #fff; max-width: 460px; width: 100%; padding: 30px;
  position: relative; transform: none; margin: auto; inset: auto;
  max-height: 90vh; overflow-y: auto;
}
.fnr-request__product { margin: 0 0 18px; font-size: 14px; color: #6B7478; }
.fnr-request__result { margin: 10px 0 0; font-size: 14px; }
.fnr-request__result.is-error { color: #C0392B; }
.fnr-request__result.is-success { color: #2E7D4F; }

/* --- 7.12 Планшет/мобільний --- */
@media (max-width: 1100px) {
  .fh-catalog-btn__text { display: none; }   /* лишається лише ☰, шапка без overflow */
  .fh-catalog-btn { padding: 10px 6px; }
}
@media (max-width: 767px) {
  .logo-nav__main-block { min-height: 64px; gap: 12px; }
  .fnr-models { grid-template-columns: repeat(2, 1fr); }   /* моделі — 2 колонки на мобільному */
  .product-sec__pay-block { flex-direction: column; }      /* кнопки одна під одною */
  .product-sec__pay-block .add-cart-btn,
  .product-sec__pay-block .fnr-quote-btn { flex: 1 1 auto; width: 100%; }

  .tab-attributes .tab-content tr { flex-wrap: wrap; }
  .tab-attributes .tab-content td:first-child { max-width: 100%; }
  .tab-attributes .tab-content tr::after { min-width: 10px; }
}

/* --- 7.13 Прилипаюча панель (логіка як була): ціна/запит + «Замовити» --- */
.mob-button-wrapper.is-fixed { background: #fff; border-top: 1px solid #E4E8EA; box-shadow: 0 -4px 14px rgba(19,19,19,.07); }
.mob-button-wrapper .add-cart-btn { min-height: 48px; border-radius: 4px 0 0 4px; }
/* B2B: ecommerce-пункт «Безкоштовна доставка» не входить у макет FINER
   (розмітку лишаємо — від неї залежить скрипт розрахунку доставки) */
.product-sec__repeater-list .repeater-list__item.item-delivery { display: none; }

/* зебра тільки на рядку: у теми фарбувалися td (звідси «плями» замість суцільної смуги) */
.tab-attributes .tab-content tr > td,
.tab-attributes .tab-content tr:nth-child(even) > td,
.tab-attributes .tab-content tr:nth-child(odd) > td { background: transparent !important; }

/* код і рейтинг: разом праворуч, з переносом на вузьких екранах */
.product-sec__brandrow { row-gap: 6px; }
.product-sec__brandrow .product-sec__model.model--top { margin-left: auto; }
@media (max-width: 640px) {
  .product-sec__brandrow .product-sec__rating-group { padding-left: 0; border-left: 0; }
  .product-sec__brandrow .product-sec__model.model--top { margin-left: auto; }
}

/* Бренд, код і рейтинг — строго на одній лінії (вирівнювання по базовій лінії
   тексту, а не по центру: у них різні кеглі, тому center візуально «плив») */
.product-sec__brandrow { align-items: baseline; }
.product-sec__brandrow .product-sec__manufacturer { font-size: 16px; line-height: 1.2; }
.product-sec__brandrow .product-sec__model.model--top { font-size: 14px; line-height: 1.2; }
.product-sec__brandrow .product-sec__rating-group {
  align-self: baseline; font-size: 14px; line-height: 1.2; padding-left: 14px;
}
.product-sec__brandrow .product-sec__rating-group .rating-count { font-size: 14px; line-height: 1.2; }
/* зірки — по центру відносно тексту «N відгуків» (без зсуву) */
.product-sec__brandrow .product-sec__rating-list { align-items: center; transform: none; }

/* ==========================================================================
   Крок 8 (31.08): бургер-меню за макетом FINER
   ========================================================================== */

/* --- панель меню --- */
.burger-menu-wrapper__main-block { background: #fff; }
@media (min-width: 768px) {
  /* ширину задає САМ контейнер меню (у теми 420px і overflow:auto —
     інакше ширший main-block просто обрізається) */
  .burger-menu-wrapper__main-block { width: 100%; max-width: 100%; }
}

/* шапка меню — фірмовий синій, біле лого, хрестик */
.burger-menu-wrapper__top-group {
  background: #1C5B74; padding: 18px 24px; min-height: 92px;
  display: flex; align-items: center; justify-content: space-between;
}
.burger-menu-wrapper__top-group .top-group__logo { height: 38px; width: auto; }
.burger-menu-wrapper__close-btn { background: none; border: 0; cursor: pointer; padding: 6px; line-height: 0; }
.burger-menu-wrapper__close-btn svg { width: 24px; height: 24px; }

/* --- категорії (рівень 1) — одразу видно --- */
.fnr-cats { padding: 8px 0 4px; }
/* тема робить меню-список горизонтальним flex — нам потрібен стовпчик */
.fnr-cats ul { display: flex; flex-direction: column; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; gap: 0; }
.fnr-cats li {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 24px; cursor: pointer;
  font-size: 15px; color: #131313; line-height: 1.3;
  border-left: 3px solid transparent;
  transition: background .14s, color .14s;
}
.fnr-cats li > span { flex: 1 1 auto; }
.fnr-cats li .arrow, .fnr-cats li svg.arrow { flex: 0 0 auto; width: 20px; height: 20px; color: #9AA6AB; }
.fnr-cats li:hover { background: #F2F8FB; color: #1C5B74; }
.fnr-cats li.is-open { background: #EAF4F9; color: #1C5B74; border-left-color: #1C5B74; }
.fnr-cats li.is-open .arrow { color: #1C5B74; }

/* --- службові посилання --- */
.burger-menu-wrapper__menu-group.info-menu { border-top: 1px solid #E9EDEF; padding: 14px 0 4px; margin-top: 4px; }
.burger-menu-wrapper__menu-group.info-menu ul { margin: 0; padding: 0; list-style: none; }
.burger-menu-wrapper__menu-group.info-menu li {
  padding: 7px 24px; cursor: pointer; font-size: 14.5px; color: #131313;
}
.burger-menu-wrapper__menu-group.info-menu li:hover { color: #1C5B74; }

/* --- контакти --- */
.burger-menu-wrapper__contacts-group { border-top: 1px solid #E9EDEF; margin-top: 8px; padding: 14px 24px 6px; }
.burger-menu-wrapper__contacts-group > li { list-style: none; display: flex; flex-direction: column; gap: 11px; }
.burger-menu-wrapper__contact-group { display: flex; flex-direction: column; gap: 1px; }
.burger-menu-wrapper__contact-group > span { font-size: 12.5px; color: #8A98A0; }
.burger-menu-wrapper__contact-group a,
.burger-menu-wrapper__contact-group button { font-size: 15.5px; font-weight: 500; color: #131313; text-decoration: none; }
.burger-menu-wrapper__contact-group a:hover,
.burger-menu-wrapper__contact-group button:hover { color: #1C5B74; }

/* --- мова: UA / RU кнопками внизу --- */
.burger-menu-wrapper .form-language { padding: 12px 24px 18px; margin: 0; }
.burger-menu-wrapper .form-language .lang-list { display: flex; gap: 10px; padding: 0; margin: 0; list-style: none; }
.burger-menu-wrapper .form-language .lang-item__btn,
.burger-menu-wrapper .form-language .current-lang {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 62px; padding: 9px 14px; border: 1.5px solid #E4E8EA; background: #fff;
  font-size: 14.5px; color: #6B7478; cursor: pointer; font-family: inherit; border-radius: 0;
}
.burger-menu-wrapper .form-language .current-lang { border-color: #1C5B74; color: #1C5B74; font-weight: 500; }
.burger-menu-wrapper .form-language .lang-item__btn:hover { border-color: #9CC3D3; color: #1C5B74; }

/* --- рівень 2: на десктопі виїжджає ВПРАВО від меню, на мобільному — на весь екран --- */
@media (min-width: 768px) {
  .children-menu-wrapper[data-level="2"],
  .children-menu-wrapper[data-level="3"],
  .children-menu-wrapper[data-level="4"],
  .children-menu-wrapper[data-level="5"] {
    left: 528px; max-width: 360px; width: 360px;   /* 8px зазор, як у макеті */
    top: var(--fnr-sub-top, 150px); height: auto; max-height: calc(100vh - 220px);
    box-shadow: 0 18px 40px rgba(19,19,19,.16);
    border: 1px solid #EDF1F3; background: #fff;
    overflow-y: auto;
  }
  .children-menu-wrapper[data-level="3"] { left: 896px; }
  /* «носик», що вказує на обрану категорію */
  .fnr-cats li.is-open { position: relative; }
  .fnr-cats li.is-open::after {
    content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%);
    border: 9px solid transparent; border-right-color: #fff; z-index: 2;
  }
  /* усередині правої панелі кнопка «назад» і хрестик зайві */
  .children-menu-wrapper[data-level="2"] .children-menu-wrapper__top-group,
  .children-menu-wrapper[data-level="3"] .children-menu-wrapper__top-group,
  .children-menu-wrapper[data-level="4"] .children-menu-wrapper__top-group,
  .children-menu-wrapper[data-level="5"] .children-menu-wrapper__top-group { display: none; }
  .children-menu-wrapper[data-level="2"] .children-menu-wrapper__menu-group,
  .children-menu-wrapper[data-level="3"] .children-menu-wrapper__menu-group,
  .children-menu-wrapper[data-level="4"] .children-menu-wrapper__menu-group,
  .children-menu-wrapper[data-level="5"] .children-menu-wrapper__menu-group { padding: 10px 0; }
  .children-menu-wrapper[data-level="2"] li,
  .children-menu-wrapper[data-level="3"] li,
  .children-menu-wrapper[data-level="4"] li,
  .children-menu-wrapper[data-level="5"] li {
    padding: 11px 24px; font-size: 14.5px; color: #131313; cursor: pointer;
  }
  .children-menu-wrapper[data-level="2"] li:hover,
  .children-menu-wrapper[data-level="3"] li:hover,
  .children-menu-wrapper[data-level="4"] li:hover,
  .children-menu-wrapper[data-level="5"] li:hover { background: #F2F8FB; color: #1C5B74; }
}

/* --- мобільний: меню на весь екран, рівні заміщають один одного (як було) --- */
@media (max-width: 767px) {
  .burger-menu-wrapper__main-block { width: 100%; max-width: 100%; }
  .burger-menu-wrapper__top-group { min-height: 84px; padding: 16px 18px; }
  .burger-menu-wrapper__top-group .top-group__logo { height: 34px; }
  .fnr-cats li { padding: 14px 18px; font-size: 15.5px; gap: 12px; }
  .burger-menu-wrapper__menu-group.info-menu li { padding: 9px 18px; }
  .burger-menu-wrapper__contacts-group { padding: 16px 18px 8px; }
  .burger-menu-wrapper .form-language { padding: 14px 18px 20px; }
}

/* ===== Крок 8.2: точні пропорції меню за макетом + іконки контактів ===== */
/* макет: меню 597/1122 ≈ 53%; рядок 66px; іконка 24; шрифт 15 */
@media (min-width: 768px) {
}
.burger-menu-wrapper__top-group { min-height: 88px; padding: 16px 22px; }
.burger-menu-wrapper__top-group .top-group__logo { height: 34px; }

.fnr-cats { padding: 4px 0 0; }
.fnr-cats li {
  gap: 14px; padding: 11px 22px; font-size: 14.5px; min-height: 46px;
}
.fnr-cats li .menu-icon { width: 22px; height: 22px; flex: 0 0 22px; color: #1C5B74; }
.fnr-cats li .arrow, .fnr-cats li svg.arrow { width: 16px; height: 16px; }

/* службові — компактний блок, як у макеті */
.burger-menu-wrapper__menu-group.info-menu { padding: 12px 0 8px; margin-top: 2px; }
.burger-menu-wrapper__menu-group.info-menu li { padding: 5px 22px; font-size: 14.5px; }

/* контакти: іконка ліворуч, підпис і значення — стовпчиком */
.burger-menu-wrapper__contacts-group { padding: 12px 22px 4px; margin-top: 4px; }
.burger-menu-wrapper__contacts-group > li { gap: 10px; }
.burger-menu-wrapper__contact-group {
  display: grid; grid-template-columns: 26px 1fr; grid-template-rows: auto auto;
  column-gap: 12px; align-items: center;
}
.fnr-contact__icon { grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center; }
.fnr-contact__title { grid-column: 2; font-size: 12px; color: #8A98A0; line-height: 1.2; }
.burger-menu-wrapper__contact-group a,
.burger-menu-wrapper__contact-group button { grid-column: 2; font-size: 15px; line-height: 1.25; }

/* мова */
.burger-menu-wrapper .form-language { padding: 10px 22px 16px; }
.burger-menu-wrapper .form-language .lang-item__btn,
.burger-menu-wrapper .form-language .current-lang { min-width: 56px; padding: 7px 12px; font-size: 14px; }

/* підменю: пропорції макета (395/1122 ≈ 35%) */
@media (min-width: 768px) {
  .children-menu-wrapper[data-level="2"],
  .children-menu-wrapper[data-level="3"] {
    left: 508px; width: 340px; max-width: 340px;
  }
  .children-menu-wrapper[data-level="3"] { left: 856px; }
  .children-menu-wrapper[data-level="2"] li,
  .children-menu-wrapper[data-level="3"] li { padding: 10px 22px; font-size: 14.5px; }
}

/* ===== Крок 8.3: щільне меню за макетом, усе вміщається в екран ===== */
@media (min-width: 768px) {
  /* «бабл» другого рівня стикується з меню впритул, без розриву */
  .children-menu-wrapper[data-level="2"],
  .children-menu-wrapper[data-level="3"] { left: 400px; width: 310px; max-width: 310px; border-left: 0; }
  .children-menu-wrapper[data-level="3"] { left: 710px; }
  .children-menu-wrapper[data-level="2"] li,
  .children-menu-wrapper[data-level="3"] li { padding: 8px 20px; font-size: 14px; }
  .fnr-cats li.is-open::after { display: none; }   /* стик — без «носика» */
}

/* шапка меню */
.burger-menu-wrapper__top-group { min-height: 68px; padding: 12px 20px; }
.burger-menu-wrapper__top-group .top-group__logo { height: 28px; }

/* ЄДИНА ЛІВА СІТКА: іконка 22px + 12px відступ — і в категоріях, і в контактах */
.fnr-cats { padding: 2px 0 0; }
.fnr-cats li { gap: 12px; padding: 7px 20px; font-size: 14px; min-height: 36px; }
.fnr-cats li .menu-icon { width: 20px; height: 20px; flex: 0 0 20px; }
.fnr-cats li .arrow, .fnr-cats li svg.arrow { width: 14px; height: 14px; }

/* розділи з підменю + порівняння */
.fnr-extra { border-top: 1px solid #E9EDEF; padding: 4px 0; }
.fnr-extra__list, .fnr-extra__sub { margin: 0; padding: 0; list-style: none; }
.fnr-extra__btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; padding: 7px 20px; min-height: 34px;
  background: none; border: 0; cursor: pointer; text-align: left; text-decoration: none;
  font-family: inherit; font-size: 14px; color: #131313;
}
.fnr-extra__btn:hover { background: #F2F8FB; color: #1C5B74; }
.fnr-extra__caret { transition: transform .16s; flex: 0 0 auto; color: #9AA6AB; }
.fnr-extra__item.is-open > .fnr-extra__btn { color: #1C5B74; }
.fnr-extra__item.is-open .fnr-extra__caret { transform: rotate(90deg); color: #1C5B74; }
.fnr-extra__sub { display: none; padding: 2px 0 6px; background: #F7F9FA; }
.fnr-extra__item.is-open .fnr-extra__sub { display: block; }
.fnr-extra__sub a { display: block; padding: 6px 20px 6px 34px; font-size: 13.5px; color: #4B5A61; text-decoration: none; }
.fnr-extra__sub a:hover { color: #1C5B74; }

/* службові посилання */
.burger-menu-wrapper__menu-group.info-menu { border-top: 1px solid #E9EDEF; padding: 6px 0; margin: 0; }
.burger-menu-wrapper__menu-group.info-menu li { padding: 5px 20px; font-size: 14px; }

/* контакти: одна лінія зверху, іконки в тій самій лівій сітці, текст вирівняний */
.burger-menu-wrapper__contacts-group { border-top: 1px solid #E9EDEF; margin: 0; padding: 8px 20px 4px; }
.burger-menu-wrapper__contacts-group > li { gap: 6px; }
.burger-menu-wrapper__contact-group {
  grid-template-columns: 20px 1fr; column-gap: 12px;
  padding: 4px 0; border: 0;      /* прибираємо другу лінію теми */
}
.burger-menu-wrapper__contacts-group .contacts__item,
.burger-menu-wrapper__contacts-group li + li { border-top: 0; }
.fnr-contact__icon svg { width: 20px; height: 20px; display: block; }
.fnr-contact__title { font-size: 11.5px; }
.burger-menu-wrapper__contact-group a,
.burger-menu-wrapper__contact-group button { font-size: 14px; }

/* мова */
.burger-menu-wrapper .form-language { padding: 8px 20px 14px; border-top: 1px solid #E9EDEF; margin-top: 4px; }
.burger-menu-wrapper .form-language .lang-item__btn,
.burger-menu-wrapper .form-language .current-lang { min-width: 50px; padding: 6px 10px; font-size: 13.5px; }

/* меню прокручується цілком, якщо все ж не влазить */
.burger-menu-wrapper__main-block { display: flex; flex-direction: column; max-height: 100vh; overflow-y: auto; }
/* діти флекс-колонки не стискаються — інакше контент підрізається і скролити нічого */
.burger-menu-wrapper__main-block > * { flex: 0 0 auto; }

@media (max-width: 767px) {

  .fnr-cats li { padding: 9px 18px; font-size: 14.5px; }
  .fnr-extra__btn { padding: 9px 18px; }
  .fnr-extra__sub a { padding-left: 32px; }
}

/* ===== Крок 8.4: єдина ліва сітка + фінальна щільність ===== */
/* сітка: край 20px → іконка 20px → 12px → текст на 52px */
.fnr-cats li { padding: 6px 20px; min-height: 34px; }
.fnr-cats li .menu-icon { margin: 0; }

/* пункти без іконок вирівнюємо по тексту категорій (52px) */
.fnr-extra__btn { padding: 6px 20px 6px 52px; min-height: 32px; }
.fnr-extra__sub a { padding: 5px 20px 5px 52px; }
.burger-menu-wrapper__menu-group.info-menu li { padding: 4px 20px 4px 52px; font-size: 14px; }

/* контакти: іконка рівно на 20px, текст на 52px */
.burger-menu-wrapper__contacts-group { padding: 6px 20px 2px; }
.burger-menu-wrapper__contact-group { grid-template-columns: 20px 1fr; column-gap: 12px; padding: 3px 0; }
.fnr-contact__icon { width: 20px; justify-content: flex-start; }
.fnr-contact__title { font-size: 11px; }
.burger-menu-wrapper__contact-group a,
.burger-menu-wrapper__contact-group button { font-size: 13.5px; }

/* фінальна щільність: усе меню вміщається у 900px */
.burger-menu-wrapper__top-group { min-height: 60px; padding: 10px 20px; }
.burger-menu-wrapper__top-group .top-group__logo { height: 26px; }
.fnr-extra { padding: 2px 0; }
.burger-menu-wrapper__menu-group.info-menu { padding: 4px 0; }
.burger-menu-wrapper .form-language { padding: 6px 20px 10px; }
/* 3px прозорої лівої межі (індикатор активної категорії) компенсуємо падінгом,
   щоб іконки категорій стояли рівно на тій самій вертикалі, що й іконки контактів */
.fnr-cats li { padding: 6px 20px 6px 17px; }

/* Позиції відкритого/закритого меню лишаємо темі (вона анімує left .7s):
   власні left-правила конфліктували з переходом і меню «застрягало»
   на проміжному значенні. Тут — лише гарантія кінцевого стану. */
.burger-menu-wrapper.open { left: 0; }

/* ШИРИНА МЕНЮ: тема відкриває його анімацією max-width (0 → 420px), а не left.
   Тому ширину задаємо саме на відкритому стані — інакше меню або не
   розкривається, або застрягає на проміжному значенні. */
@media (min-width: 768px) {
  .burger-menu-wrapper.open { max-width: 400px; }
  .burger-menu-wrapper.open .burger-menu-wrapper__main-block { width: 400px; }
}
@media (max-width: 767px) {
  .burger-menu-wrapper.open { max-width: 100%; }
  .burger-menu-wrapper.open .burger-menu-wrapper__main-block { width: 100%; }
}
/* тема робить будь-який ul у меню горизонтальним flex — примусово стовпчик.
   Для вкладеного списку напрямок задаємо лише у відкритому стані, інакше
   flex перебиває display:none і підменю висить розгорнутим. */
.fnr-extra__list { display: flex; flex-direction: column; flex-wrap: nowrap; }
.fnr-extra__sub { display: none; flex-direction: column; flex-wrap: nowrap; }
.fnr-extra__item.is-open > .fnr-extra__sub { display: flex; }
.fnr-extra__item { display: block; width: 100%; }
.burger-menu-wrapper__menu-group.info-menu ul { display: flex; flex-direction: column; flex-wrap: nowrap; }
/* пошук: іконка + підпис */
.fh-search-btn { gap: 8px; padding: 8px 0; }
.fh-search-btn__text { font-size: 15px; font-weight: 500; }
@media (max-width: 1240px) { .fh-search-btn__text { display: none; } }

/* ===== Пошук перекриває шапку повністю =====
   Тема відкривала панель одразу ПІД шапкою (top = її висота). Тепер панель
   стартує від самого верху і має щонайменше висоту шапки, тож повністю
   закриває логотип, навігацію й контакти. Висоту передає JS (--fnr-hdr-h),
   статичне значення — запасне. */
#search-modal {
  top: 0 !important; left: 0 !important; right: 0 !important;
  width: 100vw !important; max-width: 100vw !important;
  padding: 0 !important; margin: 0 !important;
  /* display НЕ чіпаємо: тема ховає модалку інлайновим display:none,
     і !important тут залишав панель пошуку висіти поверх шапки назавжди */
  z-index: 100000 !important;   /* вище за прилипаючу шапку */
  min-height: var(--fnr-hdr-h, 101px);
  transform: none !important;   /* тема центрує модалку через translateX(-50%) — з left:0 це давало зсув */
  background: #fff;             /* біле тло до самих країв екрана */
  box-shadow: 0 10px 26px rgba(19, 19, 19, .10);
}
#search-modal .modal-wrapper__main-block {
  min-height: var(--fnr-hdr-h, 101px);
  display: flex; align-items: center;
  background: #fff; box-shadow: 0 10px 26px rgba(19, 19, 19, .10);
}

/* ===== Панель пошуку: біле тло на всю ширину, вміст на одній лівій лінії ===== */
#search-modal .modal-wrapper__main-block {
  background: transparent;      /* тло тепер на контейнері */
  box-shadow: none; border-radius: 0;
}
/* рядок вводу: іконка + поле + кнопка строго по центру по вертикалі */
#search-modal .modal-wrapper__search-form {
  display: flex; align-items: center; gap: 14px;
  min-height: var(--fnr-hdr-h, 101px);
  margin: 0; width: 100%;
}
#search-modal .search-form__icon { flex: 0 0 auto; margin: 0; }
#search-modal .search-form__search-input { flex: 1 1 auto; margin: 0; }
#search-modal .search-form__submit-btn { flex: 0 0 auto; margin: 0; align-self: center; }

/* видача: тло на всю ширину, вміст рівно під іконкою пошуку */
#search-modal .modal-wrapper__search-results-wrapper {
  background: transparent;
  width: 100% !important; max-width: 100% !important; margin: 0 !important;
  padding: 4px 24px 26px;      /* та сама ліва колонка, що й у поля вводу */
  box-sizing: border-box;
}
#search-modal .modal-wrapper__search-results-scroll,
#search-modal .modal-wrapper__search-group,
#search-modal .modal-wrapper__search-results {
  width: 100%; max-width: 100%;
  margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;
}

/* Рядок «бренд · код · рейтинг» був на 13px вужчий за колонку (padding теми),
   через що код не доходив до правого краю — як у кнопок нижче. */
.product-sec__title-group { width: 100%; padding-right: 0; margin-right: 0; }
.product-sec__brandrow { width: 100%; padding-right: 0; margin-right: 0; }

/* ===== Крок 8.6: єдиний стиль пунктів меню (категорії + розділи) ===== */
/* розділи виглядають і поводяться точно як категорії */
.fnr-extra { border-top: 1px solid #E9EDEF; padding: 4px 0; margin-top: 2px; }
.fnr-extra__list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.fnr-extra__item {
  display: flex; align-items: center; gap: 12px;
  padding: 6px 20px 6px 17px; min-height: 34px;
  border-left: 3px solid transparent; cursor: pointer;
  font-size: 14px; color: #131313; line-height: 1.3;
  transition: background .14s, color .14s;
}
.fnr-extra__item > span { flex: 1 1 auto; padding-left: 32px; } /* колонка тексту — як у категорій */
.fnr-extra__item:hover { background: #F2F8FB; color: #1C5B74; }
.fnr-extra__item.is-open { background: #EAF4F9; color: #1C5B74; border-left-color: #1C5B74; }

/* стрілки однакові скрізь */
.fnr-cats li .arrow, .fnr-cats li svg.arrow,
.fnr-extra__item .arrow { width: 20px; height: 20px; flex: 0 0 20px; color: #9AA6AB; }
.fnr-cats li.is-open .arrow, .fnr-extra__item.is-open .arrow { color: #1C5B74; }

/* підсвітка з білим полем по краях — не прилипає до країв панелі */
.fnr-cats li, .fnr-extra__item { margin: 0 6px; }
.fnr-cats li { padding: 6px 14px 6px 11px; }
.fnr-extra__item { padding: 6px 14px 6px 11px; }
.fnr-cats li .menu-icon { margin-left: 3px; }
.fnr-extra__item > span { padding-left: 35px; }

/* бічні панелі розділів — поводяться як панелі категорій */
@media (min-width: 768px) {
  .fnr-side-panel { left: 400px; width: 310px; max-width: 310px; top: var(--fnr-sub-top, 150px);
    height: auto; max-height: calc(100vh - 220px); overflow-y: auto;
    background: #fff; border: 1px solid #EDF1F3; box-shadow: 0 18px 40px rgba(19,19,19,.16); }
  .fnr-side-panel .children-menu-wrapper__top-group { display: none; }
  .fnr-side-panel li { padding: 8px 20px; font-size: 14px; color: #131313; cursor: pointer; }
  .fnr-side-panel li:hover { background: #F2F8FB; color: #1C5B74; }
  .fnr-side-panel ul { display: flex; flex-direction: column; margin: 0; padding: 10px 0; list-style: none; }
}
@media (max-width: 767px) {
  .fnr-side-panel { left: 0; width: 100%; max-width: 100%; top: 0; height: 100%; background: #fff; }
  .fnr-side-panel ul { display: flex; flex-direction: column; margin: 0; padding: 8px 0; list-style: none; }
  .fnr-side-panel li { padding: 11px 18px; font-size: 14.5px; }
}

/* ===== Крок 8.7: дрібні правки меню за макетом ===== */
/* синя смужка ліворуч — у КОЖНОГО підсвіченого пункту, не лише в тих, що мають підменю */
.fnr-cats li:hover, .fnr-extra__item:hover { border-left-color: #1C5B74; }

/* «Рішення» / «Файнер Україна» — текст по лівому краю (без колонки під іконку) */
.fnr-extra__item > span { padding-left: 0; }
.fnr-extra__item { padding-left: 14px; }

/* більше повітря над перемикачем мов */
.burger-menu-wrapper .form-language { padding: 18px 20px 16px; margin-top: 6px; }

/* другий рівень — така сама щільність, як у першого */
@media (min-width: 768px) {
  .children-menu-wrapper[data-level="2"] li,
  .children-menu-wrapper[data-level="3"] li,
  .fnr-side-panel li { padding: 6px 20px; min-height: 34px; display: flex; align-items: center; font-size: 14px; }
  .children-menu-wrapper[data-level="2"] .children-menu-wrapper__menu-group,
  .fnr-side-panel .children-menu-wrapper__menu-group { padding: 6px 0; }
  .children-menu-wrapper[data-level="2"] ul,
  .fnr-side-panel ul { padding: 6px 0; }
}
/* у підменю тема додавала gap:16px між пунктами — крок рядка виходив 50px
   замість 34px, як у першому рівні */
.children-menu-wrapper[data-level="2"] ul,
.children-menu-wrapper[data-level="3"] ul,
.fnr-side-panel ul,
.children-menu-wrapper__menu-group ul { gap: 0 !important; }

/* ===== Крок 8.8: мобільна зручність меню + шапка ===== */
/* мобільний: замість другого бургера — слухавка (зворотний дзвінок) */
.fh-mob-call { display: none; background: none; border: 0; padding: 8px; cursor: pointer; color: #131313; margin-left: auto; }
.fh-mob-call:hover { color: #1C5B74; }
@media (max-width: 1100px) {
  .fh-catalog-btn { display: none; }     /* дубль бургера теми */
  .fh-mob-call { display: inline-flex; align-items: center; }
}

/* стрілки: однакова вертикаль і помітніші */
.fnr-cats li .arrow, .fnr-cats li svg.arrow,
.fnr-extra__item .arrow {
  width: 18px; height: 18px; flex: 0 0 18px;
  color: #7C8A92; stroke-width: 2.2; margin-left: auto;
}
.fnr-cats li, .fnr-extra__item { padding-right: 16px; }

/* мобільний: більші відступи, шрифт і іконки — щоб зручно було пальцем */
@media (max-width: 767px) {
  .fnr-cats li { padding: 12px 16px 12px 13px; min-height: 52px; font-size: 15.5px; gap: 14px; }
  .fnr-cats li .menu-icon { width: 24px; height: 24px; flex: 0 0 24px; }
  .fnr-cats li .arrow, .fnr-extra__item .arrow { width: 20px; height: 20px; flex: 0 0 20px; }
  .fnr-extra__item { padding: 12px 16px 12px 13px; min-height: 52px; font-size: 15.5px; }
  .fnr-extra__item > span { padding-left: 38px; }        /* під колонку іконок */
  .burger-menu-wrapper__contact-group a,
  .burger-menu-wrapper__contact-group button { font-size: 15px; }
  .fnr-contact__title { font-size: 12px; }
  .fnr-contact__icon svg { width: 24px; height: 24px; }
  .burger-menu-wrapper__contact-group { grid-template-columns: 24px 1fr; column-gap: 14px; padding: 6px 0; }
  .burger-menu-wrapper__contacts-group { padding: 10px 16px 6px; }
  .burger-menu-wrapper .form-language .lang-item__btn,
  .burger-menu-wrapper .form-language .current-lang { min-width: 62px; padding: 10px 14px; font-size: 15px; }
  .fnr-side-panel li { padding: 12px 16px; min-height: 52px; font-size: 15.5px; }
}
/* однакова геометрія рядків у категорій і розділів — стрілки в одну вертикаль */
#fnr-cats ul, .fnr-extra__list { padding: 0 6px; margin: 0; }
.fnr-cats li, .fnr-extra__item { margin: 0; width: 100%; box-sizing: border-box; }

/* ===== Крок 10: підвал за схемою Стана ===== */
/* соцмережі — всередині контактів, під e-mail */
.footer .contacts__item.socials { margin-top: 14px; }
.footer .contacts__item.socials .social-links { display: flex; gap: 16px; padding: 0; margin: 0; list-style: none; }
.footer .contacts__item.socials .social-links a { display: inline-flex; opacity: .92; }
.footer .contacts__item.socials .social-links a:hover { opacity: 1; }

/* копірайт — окремим рядком під роздільником */
.footer__copyright {
  border-top: 1px solid rgba(255,255,255,.18);
  margin-top: 26px; padding-top: 18px;
}
.footer__copyright p { margin: 0; font-size: 13.5px; color: #fff; opacity: .85; }

@media (max-width: 767px) {
  /* лого → лінія → КАТАЛОГ → лінія → ІНФОРМАЦІЯ → лінія → КОНТАКТИ → лінія → копірайт */
  .footer .footer__left-column { padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.18); margin-bottom: 4px; }
  .footer .footer__logo-img { height: 40px; }
  .footer__copyright { margin-top: 18px; padding-top: 16px; text-align: left; }
  .footer .contacts__item.socials { margin-top: 16px; }
  .footer .contacts__item.socials .social-links { gap: 18px; }
}

/* ===== Крок 10.1: підвал і мобільна шапка ===== */
/* копірайт: десктоп — під логотипом, мобільний — окремим рядком унизу */
.fnr-copy--left { margin: 14px 0 0; font-size: 13.5px; color: #fff; opacity: .85; }
@media (max-width: 767px) { .fnr-copy--left { display: none; } }
@media (min-width: 768px) { .fnr-copy--bottom { display: none; } }

/* лінії підвалу — білі, такої ж товщини й ширини, як роздільники акордеона */
.footer .footer__title,
.footer .footer__menu-group,
.footer .footer__left-column,
.footer__copyright { border-color: rgba(255,255,255,.35) !important; }
.footer .footer__menu-group + .footer__menu-group,
.footer .right-column { border-top-color: rgba(255,255,255,.35) !important; }

/* мобільна шапка: логотип строго по центру, слухавка більша */
@media (max-width: 1100px) {
  .logo-nav__main-block { position: relative; }
  .logo-nav__logo-group {
    position: absolute; left: 50%; transform: translateX(-50%);
    margin: 0; z-index: 1;
  }
  .fh-mob-call { margin-left: auto; padding: 6px; }
  .fh-mob-call svg { width: 26px; height: 26px; }
}

/* мобільне підменю — така сама типографіка й відступи, як у першому рівні */
@media (max-width: 767px) {
  .children-menu-wrapper[data-level="2"] li,
  .children-menu-wrapper[data-level="3"] li,
  .fnr-side-panel li {
    padding: 12px 16px; min-height: 52px; font-size: 15.5px;
    display: flex; align-items: center;
  }
  .children-menu-wrapper__menu-group ul { gap: 0 !important; padding: 6px 0; }
}

/* ===== Крок 10.2: мобільне меню — однакові шапки і надійний скрол ===== */
@media (max-width: 767px) {
  /* шапка підменю — точно як у головного меню */
  .children-menu-wrapper .children-menu-wrapper__top-group,
  .fnr-side-panel .children-menu-wrapper__top-group {
    min-height: 60px; height: 60px; padding: 10px 16px;
    display: flex; align-items: center; justify-content: space-between;
    background: #1C5B74; box-sizing: border-box;
  }
  .children-menu-wrapper__parent-name { font-size: 14.5px; }

  /* підменю на весь екран */
  .children-menu-wrapper[data-level="2"],
  .children-menu-wrapper[data-level="3"],
  .fnr-side-panel {
    left: 0; width: 100vw; max-width: 100vw; top: 0; height: 100vh; max-height: 100vh;
    border: 0; box-shadow: none;
  }

  /* СКРОЛ: один контейнер, що прокручується (був подвійний — через це «залипало») */
  #burger-menu-wrapper.burger-menu-wrapper { overflow: hidden; }
  .burger-menu-wrapper__main-block {
    height: 100%; max-height: 100%;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .children-menu-wrapper .children-menu-wrapper__menu-group,
  .fnr-side-panel .children-menu-wrapper__menu-group {
    max-height: calc(100vh - 60px); overflow-y: auto;
    -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  }
}
/* однакова ВІЗУАЛЬНА вага ліній: у слухавки менший viewBox (контент обрізаний
   до країв), тому її штрих 1.45 після масштабування дає ті самі 1.7 */
.fh-block__icon--phone path, .fh-mob-call__icon path { stroke-width: 1.45; }
.fh-block__icon:not(.fh-block__icon--phone) path,
.fh-search-btn svg circle, .fh-search-btn svg path { stroke-width: 1.7; }
/* у мобільному підвалі колонка меню мала margin-top:40px — через це проміжок
   між лінією під логотипом і «КАТАЛОГ» був удвічі більший за решту */
@media (max-width: 767px) {
  .footer .footer__center-column { margin-top: 0; }
  .footer .footer__left-column { padding-bottom: 14px; margin-bottom: 0; }
}
/* характеристики: рядок 60% від попередньої висоти (61px → ~37px) */
.tab-attributes .tab-content tr { padding: 6px 14px; line-height: 1.5; }
.tab-attributes .tab-content td { line-height: 1.5; }
/* висоту рядка тримав внутрішній padding комірок (12px 24px) — обнуляємо
   вертикальний, горизонтальний лишається на рядку */
.tab-attributes .tab-content td { padding: 0 !important; line-height: 1.45; }
.tab-attributes .tab-content tr { padding: 7px 14px; }
/* акордеони: менше повітря між заголовком і вмістом */
#info-tabs .tab-btn { padding: 12px 0; }
#info-tabs .tab-content { margin-top: 2px; padding-bottom: 10px; }
#info-tabs .tab-content > *:first-child { margin-top: 0; }
#info-tabs .tab-content > *:last-child { margin-bottom: 0; }
#info-tabs .tab-content p { margin: 0 0 8px; }
.tab-attributes .tab-content { margin-top: 0; }
/* «☰ Каталог» — один елемент: іконка й текст підсвічуються разом */
.fh-catalog-btn, .fh-catalog-btn * { transition: color .14s; }
.fh-catalog-btn:hover,
.fh-catalog-btn:hover .fh-catalog-btn__icon,
.fh-catalog-btn:hover .fh-catalog-btn__text,
.fh-catalog-btn:focus-visible,
.fh-catalog-btn:focus-visible .fh-catalog-btn__icon { color: #1C5B74; }
.fh-catalog-btn:hover .fh-catalog-btn__icon path { stroke: currentColor; }
/* у згорнутому акордеоні порожній вміст лишав нижній відступ — через це
   під заголовком було більше повітря, ніж над ним */
#info-tabs .tab.hidden .tab-content,
.fnr-reviews-tab.hidden .tab-content { padding: 0; margin: 0; }
/* «Моделі серії» — той самий заголовок і ритм, що в «Переваги» */
.product-sec__content-groups .group { margin-bottom: 14px; }
.product-sec__content-groups .group:first-child { margin-top: 0; }
.product-sec__content-groups .group__title,
.fnr-variations .group__title {
  font-size: 16px; font-weight: 400; color: #6B7478;
  margin: 0 0 6px; line-height: 1.3;
}
.product-sec__content-groups .group__content { margin: 0; }
/* менше повітря над «Переваги» */
.product-sec__title-block { margin-bottom: 14px; }
.product-sec__content-groups { margin-top: 0; margin-bottom: 16px; }

/* ==========================================================================
   ГОЛОВНА (v89) — стиль референсу: білий фон, глибокий синій #16394C,
   бренд #1C5B74, акцент #59CCE9
   ========================================================================== */

/* ---------- Hero ---------- */
.fnr-hero {
  position: relative;
  background-color: #F4F8FB;
  background-image: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.82) 32%, rgba(255,255,255,0) 58%), var(--fnr-hero-img);
  background-size: cover;
  background-position: right center;
  min-height: 520px;
  display: flex;
  align-items: center;
}
.fnr-hero .container { width: 100%; }
.fnr-hero__inner { max-width: 600px; padding: 64px 0; }
.fnr-hero__text strong { font-weight: 600; color: inherit; }
.fnr-hero__l { white-space: nowrap; }
.fnr-hero__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-weight: 500;
  font-size: clamp(24px, 3.1vw, 46px);
  line-height: 1.18;
  color: #14293A;
  margin: 0 0 20px;
}
.fnr-hero__text {
  font-size: 17px;
  line-height: 1.55;
  color: #44586A;
  margin: 0 0 30px;
  max-width: 470px;
}
/* дві кнопки однакової ширини: inline-grid підганяє обидві колонки
   під найширший напис (звичайний grid давав ширшій кнопці більше місця) */
.fnr-hero__actions {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 14px;
  max-width: 100%;
}
.fnr-hero__btn {
  height: 52px;
  padding: 0 22px;
  border-radius: 4px;
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
  white-space: nowrap;
}
.fnr-hero__btn--primary { background: #16394C; border: 1px solid #16394C; color: #fff; }
.fnr-hero__btn--primary:hover { background: #1C5B74; border-color: #1C5B74; }
.fnr-hero__btn--ghost { background: rgba(255,255,255,.85); border: 1px solid #B9CCD8; color: #16394C; }
.fnr-hero__btn--ghost:hover { border-color: #1C5B74; color: #1C5B74; }

/* ---------- Заголовок-«брова» секції ---------- */
.fnr-eyebrow {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #1C5B74;
  margin: 0 0 20px;
}

/* ---------- Плитка категорій (4×2) + відгук і сертифікати праворуч ---------- */
.fnr-cats-sec { padding: 52px 0; background: #fff; }
.fnr-cats-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr);
  gap: 16px;
  align-items: stretch;
}
.fnr-cats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* плитки строго квадратні (padding-хак замість aspect-ratio —
   iOS Safari у гріді розтягував плитки, ігноруючи пропорцію) */
.fnr-cats-grid > li { position: relative; min-width: 0; }
.fnr-cats-grid > li::before { content: ''; display: block; padding-top: 100%; }
.fnr-cats-grid > li > .fnr-cat-tile { position: absolute; inset: 0; }
.fnr-cats-side { display: flex; flex-direction: column; gap: 16px; }
.fnr-cats-side .fnr-quote-card,
.fnr-cats-side .fnr-cert-card { margin: 0; padding: 22px 26px; }
/* рівні висоти з сіткою — лише коли колонка стоїть поруч із плитками;
   на мобілці flex-basis 0 колапсував картки в 40px і текст наїжджав */
@media (min-width: 1151px) {
  .fnr-cats-side { min-height: 0; }
  .fnr-cats-side .fnr-quote-card,
  .fnr-cats-side .fnr-cert-card { flex: 1 1 0; min-height: 0; }
}
.fnr-cats-side .fnr-quote-card__mark { font-size: 40px; }
.fnr-cats-side .fnr-quote-card__text { font-size: 15px; margin-bottom: 12px; }
.fnr-cats-side .fnr-cert-card__title { margin-bottom: 12px; }
.fnr-cats-side .fnr-cert-card__badges { margin-bottom: 12px; }
.fnr-cats-side .fnr-cert-card__text { font-size: 13.5px; }
.fnr-cat-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  height: 100%;
  padding: 22px 18px 18px;
  border: 1px solid #E3EAF0;
  border-radius: 4px;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}
.fnr-cat-tile:hover { border-color: #1C5B74; box-shadow: 0 6px 18px rgba(20, 60, 84, .08); }
.fnr-cat-tile__icon { width: 44px; height: 44px; }
.fnr-cat-tile__name {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #14293A;
  flex-grow: 1;
}
.fnr-cat-tile__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #1C5B74;
}
.fnr-cat-tile:hover .fnr-cat-tile__more { text-decoration: underline; }

/* ---------- Відгук + сертифікати (в колонці праворуч від категорій) ---------- */
.fnr-quote-card {
  margin: 0;
  padding: 28px 30px;
  border-radius: 4px;
  background: #F1F7FA;
  position: relative;
}
.fnr-quote-card__mark {
  font-family: Georgia, serif;
  font-size: 56px;
  line-height: 1;
  color: #59CCE9;
  margin-bottom: 2px;
}
.fnr-quote-card__text {
  margin: 0 0 16px;
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.55;
  color: #26404F;
}
.fnr-quote-card__role { font-size: 13.5px; color: #5E7382; }
.fnr-cert-card {
  padding: 28px 30px;
  border: 1px solid #E3EAF0;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.fnr-cert-card__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #14293A;
  margin: 0 0 18px;
}
.fnr-cert-card__badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.fnr-cert-badge {
  padding: 8px 14px;
  border: 1.5px solid #16394C;
  border-radius: 4px;
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #16394C;
  white-space: nowrap;
}
.fnr-cert-card__text { margin: 0; font-size: 14.5px; line-height: 1.5; color: #44586A; }

/* ---------- Темна полоса одразу після банера: компанія + переваги ----------
   як «FEATURED PRODUCT» на референсі: текст зліва, іконки в ряд справа,
   тонкі роздільники, темно-сірий фон */
.fnr-band { background: #EFF5F8; padding: 46px 0; }
.fnr-band__row {
  display: grid;
  grid-template-columns: minmax(200px, 240px) 1fr;
  gap: 28px;
  align-items: center;
}
.fnr-band__head { text-align: left; }
.fnr-band__eyebrow {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #1C5B74;
  margin: 0 0 10px;
}
.fnr-band__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 27px;
  font-weight: 500;
  color: #14293A;
  margin: 0 0 6px;
}
.fnr-band__sub { font-size: 15px; line-height: 1.45; color: #5E7382; margin: 0; }
.fnr-band__benefits {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.fnr-benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 0 10px;
  border-left: 1px solid rgba(20, 60, 84, .14);
}
.fnr-benefit__icon { color: #1C5B74; margin-bottom: 8px; }
.fnr-benefit__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #14293A;
  line-height: 1.3;
  white-space: nowrap;
}
.fnr-benefit__text { font-size: 12.5px; line-height: 1.45; color: #5E7382; max-width: 190px; }

/* ---------- Популярне обладнання (слайдер як «Новинки») ---------- */
.fnr-featured { padding: 10px 0 24px; }
/* «Уточнити ціну» замість «0 грн» */
.fnr-card-request { color: #1C5B74; }
/* стрілки слайдерів: фірмові кольори замість бежевого велл */
.slider-prev, .slider-next { color: #9AA6AB; transition: color .15s; }
.slider-prev:hover, .slider-next:hover { color: #1C5B74; }
.slider-prev svg path, .slider-next svg path { fill: currentColor; }
.slider-prev.swiper-button-disabled, .slider-next.swiper-button-disabled { opacity: .35; }

/* ---------- Адаптив ---------- */
@media (max-width: 1320px) {
  .fnr-band__row { grid-template-columns: 1fr; gap: 28px; }
  .fnr-band__benefits { grid-template-columns: repeat(3, 1fr); gap: 24px 0; }
}
@media (max-width: 1150px) {
  .fnr-cats-wrap { grid-template-columns: 1fr; }
  .fnr-cats-side { flex-direction: row; }
  .fnr-cats-side > * { flex: 1; }
}
@media (max-width: 900px) {
  .fnr-hero__title { font-size: clamp(24px, 3.4vw, 37px); }
  .fnr-cats-grid { grid-template-columns: repeat(3, 1fr); }
  .fnr-cats-side { flex-direction: column; }
}
.fnr-hero__photo { display: none; }
@media (max-width: 768px) {
  /* мобільний хіро: вертикальний кадр фоном, текст поверх білого градієнта,
     апарат проступає знизу */
  .fnr-hero {
    background-image: linear-gradient(180deg, rgba(250,252,254,.98) 0%, rgba(250,252,254,.95) 36%, rgba(250,252,254,.5) 54%, rgba(250,252,254,0) 72%), var(--fnr-hero-img-mob);
    background-size: cover;
    background-position: center bottom;
    background-color: #F7FAFC;
    min-height: 575px;
    display: flex;
    align-items: stretch;   /* базовий center не давав розтягнутись і зʼїдав margin-top:auto */
  }
  .fnr-hero .container { display: flex; width: 100%; }
  /* текст нижче, апарат вільний у середині, кнопки притиснуті донизу — на підлогу */
  .fnr-hero__inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 84px 0 92px;
  }
  .fnr-hero__actions { margin-top: auto; }
  .fnr-hero__photo { display: none; }
  .fnr-hero__title { font-size: clamp(20px, 7.2vw, 28px); }
  /* на вузьких екранах довгі фрази (en) мусять переноситись — інакше вилазять за край */
  .fnr-hero__l { white-space: normal; }
  .fnr-hero__text { font-size: 15.5px; }
  .fnr-hero__actions { display: grid; grid-auto-flow: row; grid-auto-columns: unset; width: 100%; max-width: 420px; }
  .fnr-cats-sec { padding: 36px 0; }
  .fnr-band { padding: 36px 0 40px; }
  .fnr-band__title { font-size: 23px; }
  .fnr-band__benefits { grid-template-columns: repeat(2, 1fr); gap: 22px 0; }
  .fnr-benefit { padding: 0 10px; }
  .fnr-benefit:nth-child(2n+1) { border-left: 0; }
  .fnr-benefit__title { white-space: normal; }
  .fnr-benefit__text { max-width: none; }
}
@media (max-width: 520px) {
  .fnr-cats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .fnr-cat-tile { padding: 16px 14px 14px; }
  .fnr-featured .product-cards { grid-gap: 15px; grid-template-columns: repeat(2, 1fr); }
  .fnr-quote-card, .fnr-cert-card { padding: 22px 20px; }
  .fnr-band__benefits { grid-template-columns: repeat(2, 1fr); }
}

/* тема глобально фарбує svg { color: #131313 } — нашим іконкам повертаємо
   успадкований колір (переваги в темній полосі, стрілки плиток категорій) */
.fnr-benefit__icon svg,
.fnr-cat-tile__more svg { color: inherit; }


/* ---------- Єдиний радіус кутів по сайту: 4px ----------
   кнопки (каталог, картки, форми), попапи, поля вводу */
.main-btn,
.modal-wrapper__main-block,
.cart-modal-wrapper__main-block,
.form-group__input,
.form-group__text,
.form-group__textarea,
.burger-menu-wrapper .form-language .lang-item__btn,
.fnr-quote-btn,
.fnr-price-request { border-radius: 4px; }
/* великі білі картки: 4px оптично губиться, 8px читається
   (.latest-card — бо тема має власне border-radius:0 вищої специфічності) */
.product-card,
.product-card.latest-card { border-radius: 8px; overflow: hidden; }


/* ---------- SEO-текст унизу головної ---------- */
/* білий відступ між слайдерами і сірим блоком */
.fnr-seo { background: #FAFBFC; padding: 44px 0 56px; margin-top: 40px; }
.fnr-seo__inner { max-width: 920px; }
.fnr-seo h2 {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 21px;
  font-weight: 500;
  color: #14293A;
  margin: 0 0 14px;
  line-height: 1.3;
}
.fnr-seo h3 {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif;
  font-size: 16.5px;
  font-weight: 500;
  color: #14293A;
  margin: 22px 0 10px;
}
.fnr-seo p { font-size: 14.5px; line-height: 1.65; color: #44586A; margin: 0 0 12px; }
/* тема робить будь-який ul флексом — повертаємо звичайний список */
.fnr-seo ul { display: block; margin: 0 0 12px; padding-left: 20px; }
.fnr-seo li { display: list-item; list-style: disc; font-size: 14.5px; line-height: 1.65; color: #44586A; margin-bottom: 6px; }
.fnr-seo a { color: #1C5B74; text-decoration: underline; text-underline-offset: 2px; }
.fnr-seo a:hover { color: #59CCE9; }

/* B2B: перемикачі моделей і мітки варіацій на картках товарів прибрані —
   вибір моделі лишається тільки на сторінці товару («Схожа техніка») */
.product-card .variations-group,
.product-card .product-card__variations-group,
.product-card .rating-group__volume,
.product-card .volume { display: none !important; }

/* ---------- Чіпи підкатегорій на мобільному (як на велл) ----------
   На велл ці правила живуть в ocfilter/mobile.css і вантажаться лише коли
   OCFilter активний на сторінці; без значень фільтра чіпи розсипались у
   список. Тримаємо їх у своєму CSS — чіпи не залежать від стану фільтра. */
/* колонки категорії на вузьких екранах — у стовпчик (на велл це правило
   живе в критичному CSS шапки) */
@media (max-width: 920px) {
  .category .columns,
  .brand .columns { display: block; }
  .category .column-left,
  .brand .column-left { width: auto; display: block; }
}
@media (max-width: 767px) {
  .side-categories { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .side-categories::-webkit-scrollbar { display: none; }
  .side-categories__cat-list { display: flex; flex-direction: row; gap: 0 10px; }
  .side-categories__cat-list li { display: block; }
  .side-categories__cat-list a {
    display: block;
    min-width: max-content;
    padding: 8px 12px;
    font-size: .9em;
    border: 1px solid #C9D6DD;
    border-radius: 4px;
    color: #131313;
  }
  .side-categories__cat-list a:active { border-color: #1C5B74; color: #1C5B74; }
}

/* ==========================================================================
   Панель «Безкоштовна консультація» (глобальна, з шапки і з хіро)
   ========================================================================== */
.fnr-consult { position: fixed; inset: 0; z-index: 100050; }
.fnr-consult__backdrop { position: absolute; inset: 0; background: rgba(16, 42, 56, .38); }
.fnr-consult { display: flex; align-items: center; justify-content: center; padding: 24px; }
.fnr-consult[hidden] { display: none; }
/* hidden має перемагати будь-який класовий display всередині цих попапів */
#fnr-consult [hidden], #fnr-request-modal [hidden], #fnr-request-modal[hidden] { display: none !important; }
.fnr-consult__panel {
  position: relative;
  width: min(600px, 100%);
  max-height: calc(100vh - 48px);
  border-radius: 16px;
  overflow-y: auto;
  box-shadow: 0 30px 80px rgba(10, 35, 50, .30);
  background: #fff;
}
.fnr-consult__head {
  padding: 44px 46px 30px;
  text-align: center;
  background: #F5FAFD url('/image/catalog/finer/home/consult-head-bg3.webp') no-repeat top center / cover;
}
.fnr-consult__body { padding: 26px 46px 34px; }
.fnr-consult__close {
  position: absolute; top: 18px; right: 18px;
  width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
  border: 0; background: transparent; color: #44586A; cursor: pointer; border-radius: 4px;
}
.fnr-consult__close:hover { color: #1C5B74; background: rgba(255,255,255,.7); }
.fnr-consult__eyebrow {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 12.5px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: #1C5B74;
  text-align: center; margin: 0 0 10px;
}
.fnr-consult__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 27px; font-weight: 600; line-height: 1.25;
  color: #14293A; text-align: center; margin: 0 0 14px;
}
.fnr-consult__title span { color: #3FB1D8; }
.fnr-consult__line {
  display: block; width: 44px; height: 3px; border-radius: 2px;
  background: #59CCE9; margin: 0 auto 18px;
}
.fnr-consult__proof {
  text-align: center; font-size: 13px; color: #5E7382; margin: 0;
}
.fnr-consult__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fnr-consult__field { display: block; margin-bottom: 14px; }
.fnr-consult__grid .fnr-consult__field { margin-bottom: 0; }
.fnr-consult__grid { margin-bottom: 14px; }
.fnr-consult__field > span:first-child {
  display: block; font-size: 13px; color: #44586A; margin-bottom: 6px;
}
.fnr-consult__field input,
.fnr-consult__field textarea {
  width: 100%; font-family: inherit; font-size: 15px; color: #131313;
  border: 1px solid #D6E2E8; border-radius: 4px; background: #fff;
  padding: 0 14px; height: 46px;
}
.fnr-consult__field textarea { height: auto; padding: 12px 14px; resize: vertical; min-height: 96px; }
.fnr-consult__field input:focus,
.fnr-consult__field textarea:focus { outline: none; border-color: #1C5B74; }
.fnr-consult__field input::placeholder,
.fnr-consult__field textarea::placeholder { color: #9AA9B2; }
.fnr-consult__phone { position: relative; display: block; }
.fnr-consult__phone svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.fnr-consult__phone input { padding-left: 42px; }
.fnr-consult__bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin-top: 6px;
}
.fnr-consult__privacy {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12.5px; color: #44586A;
}
.fnr-consult__privacy svg { flex: 0 0 auto; }
.fnr-consult__submit {
  height: 48px; padding: 0 26px; border: 0; border-radius: 4px; cursor: pointer;
  background: #16394C; color: #fff; font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 15px; font-weight: 500;
  transition: background .15s; white-space: nowrap;
}
.fnr-consult__submit:hover { background: #1C5B74; }
.fnr-consult__submit[disabled] { opacity: .6; cursor: default; }
.fnr-consult__result { font-size: 13.5px; margin: 4px 0 6px; min-height: 0; }
.fnr-consult__result.is-error { color: #C0392B; }
.fnr-consult__result.is-success { color: #1E7B45; }

@media (max-width: 640px) {
  .fnr-consult { padding: 0; }
  .fnr-consult__panel { width: 100%; height: 100%; max-height: none; border-radius: 0; }
  .fnr-consult__head { padding: 56px 20px 24px; }
  .fnr-consult__body { padding: 22px 20px 28px; }
  .fnr-consult__grid { grid-template-columns: 1fr; gap: 0; }
  .fnr-consult__grid .fnr-consult__field { margin-bottom: 14px; }
  .fnr-consult__bottom { flex-direction: column-reverse; align-items: stretch; text-align: center; }
  .fnr-consult__submit { width: 100%; }
  .fnr-consult__privacy { justify-content: center; }
  .fnr-consult__title { font-size: 23px; }
}

/* ==========================================================================
   Попапи картки товару: «Замовити» / «Запитати КП» / «Уточнити ціну»
   (каркас перевикористовує .fnr-consult, тут — двоколонкова начинка)
   ========================================================================== */
.fnr-req__panel {
  width: min(880px, 100%);
  background: #fff url('/image/catalog/finer/home/consult-head-bg3.webp') no-repeat top center / 100% auto;
}
.fnr-req__head { padding: 40px 46px 6px; text-align: center; }
.fnr-req__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 24px; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: #14293A; margin: 0 0 8px;
}
.fnr-req__sub { font-size: 15px; color: #44586A; margin: 0; }
.fnr-req__cols {
  display: grid; grid-template-columns: 280px 1fr; gap: 12px 40px;
  padding: 22px 46px 34px; align-items: start;
}
.fnr-req__img-wrap {
  background: #fff; border: 1px solid #E4EDF2; border-radius: 8px;
  display: flex; align-items: center; justify-content: center; padding: 12px;
}
.fnr-req__img-wrap img { max-width: 100%; height: auto; }
.fnr-req__thumbs { display: flex; gap: 10px; margin-top: 10px; }
.fnr-req__thumb {
  width: 60px; height: 60px; padding: 4px; cursor: pointer;
  background: #fff; border: 1px solid #E4EDF2; border-radius: 6px;
}
.fnr-req__thumb.is-active { border-color: #1C5B74; }
.fnr-req__thumb img { max-width: 100%; height: auto; display: block; }
.fnr-req__benefits { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 16px; }
.fnr-req__benefits li { display: flex; align-items: flex-start; gap: 12px; }
.fnr-req__benefits svg { flex: 0 0 auto; margin-top: 1px; }
.fnr-req__benefits span { font-size: 13.5px; line-height: 1.35; color: #44586A; }
.fnr-req__benefits b { font-weight: 600; color: #26404F; }
.fnr-req__form .fnr-consult__field { margin-bottom: 13px; }
.fnr-req__form textarea { min-height: 84px; }
.fnr-req__submit { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.fnr-req__privacy { display: flex; justify-content: center; margin-top: 12px; }

@media (max-width: 760px) {
  .fnr-req__head { padding: 52px 20px 4px; }
  .fnr-req__cols { grid-template-columns: 1fr; gap: 0; padding: 18px 20px 28px; }
  .fnr-req__media { display: grid; grid-template-columns: 96px 1fr; gap: 4px 14px; align-items: start; margin-bottom: 16px; }
  .fnr-req__img-wrap { padding: 6px; }
  .fnr-req__thumbs { grid-column: 1; margin-top: 6px; }
  .fnr-req__thumb { width: 44px; height: 44px; }
  .fnr-req__benefits { grid-column: 2; grid-row: 1 / span 2; margin: 0; gap: 10px; }
}

/* ==========================================================================
   Попап «Запит успішно відправлено» (спільний успіх усіх форм)
   ========================================================================== */
#fnr-done [hidden] { display: none !important; }
.fnr-done__panel {
  width: min(640px, 100%);
  text-align: center;
  padding: 40px 46px 38px;
  background: #fff url('/image/catalog/finer/home/consult-head-bg3.webp') no-repeat top center / 100% auto;
}
.fnr-done__icon { margin: 6px 0 4px; }
/* тема робить усі svg блоками з color:#131313 — центруємо галочку і повертаємо білі стрілки */
.fnr-done__icon svg { display: block; margin: 0 auto; }
.fnr-consult__submit svg, .fnr-done__back svg { color: inherit; }
.fnr-done__title {
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 26px; font-weight: 600; line-height: 1.25;
  color: #14293A; margin: 0 0 12px;
}
.fnr-done__sub { font-size: 16px; line-height: 1.45; color: #26404F; margin: 0 0 14px; }
.fnr-done__note {
  font-size: 13.5px; line-height: 1.5; color: #8296A3; margin: 0 0 22px;
  padding-bottom: 22px; border-bottom: 1px solid #E4EDF2;
}
.fnr-done__strip {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  background: #EFF7FB; border-radius: 6px; padding: 13px 16px;
  font-size: 14px; color: #26404F; margin-bottom: 22px;
}
.fnr-done__strip svg { flex: 0 0 auto; }
.fnr-done__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fnr-done__back {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: 50px; border: 0; border-radius: 4px; cursor: pointer;
  background: #16394C; color: #fff; font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 15px; font-weight: 500;
  transition: background .15s;
}
.fnr-done__back:hover { background: #1C5B74; }
.fnr-done__call {
  display: inline-flex; align-items: center; justify-content: center;
  height: 50px; border: 1px solid #1C5B74; border-radius: 4px; cursor: pointer;
  background: #fff; color: #1C5B74; font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 15px; font-weight: 500;
  transition: background .15s;
}
.fnr-done__call:hover { background: #F2F8FB; }

@media (max-width: 560px) {
  .fnr-done__panel { padding: 48px 20px 28px; }
  .fnr-done__title { font-size: 21px; }
  .fnr-done__actions { grid-template-columns: 1fr; }
}

/* ===================== Про нас — лендинг (.fa-*) 05.09.2026 ===================== */
.info-sec__content:has(.fa-page) h1 { font-size: 36px; line-height: 1.15; font-weight: 600; color: #16394C; max-width: 760px; margin: 0 0 22px; letter-spacing: -.01em; }
.fa-page { --fa-ink: #1F2A30; --fa-muted: #5F6C74; --fa-brand: #1C5B74; --fa-deep: #16394C; --fa-accent: #4CB0C9; --fa-soft: #EFF7FB; --fa-line: #DCEAF0; font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; color: var(--fa-ink); }
.fa-page p, .fa-page h2, .fa-page h3, .fa-page ul, .fa-page ol, .fa-page figure { margin: 0; padding: 0; }
.fa-page ul, .fa-page ol { list-style: none; }
.fa-page h2 { font-size: 26px; line-height: 1.25; font-weight: 600; color: var(--fa-deep); margin-bottom: 12px; }
.fa-page h3 { font-size: 17px; line-height: 1.3; font-weight: 600; color: var(--fa-deep); margin-bottom: 6px; }
.fa-page .fa-section__intro { font-size: 16px; line-height: 1.6; color: var(--fa-ink); max-width: 820px; margin-bottom: 20px; }
.fa-page .fa-note { font-size: 15px; line-height: 1.55; color: var(--fa-muted); margin-top: 14px; max-width: 820px; }
.fa-section { margin-top: 44px; }
/* hero */
.fa-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 40px; align-items: center; min-height: 540px; }
.fa-hero__text { position: relative; z-index: 1; }
.fa-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--fa-brand); margin-bottom: 14px; }
.fa-eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--fa-accent); border-radius: 2px; }
.fa-lead { font-size: 17px; line-height: 1.6; color: var(--fa-ink); margin-bottom: 14px; }
.fa-lead--accent { color: var(--fa-deep); font-weight: 500; }
.fa-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 250px)); gap: 12px; margin-top: 24px; }
.fa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 50px; padding: 0 22px; border-radius: 4px; font-size: 15px; font-weight: 500; text-decoration: none; transition: background .15s, color .15s, border-color .15s; border: 1px solid transparent; white-space: nowrap; }
.fa-btn svg { width: 18px; height: 18px; color: inherit; flex: 0 0 auto; }
.fa-btn--primary { background: var(--fa-brand); color: #fff; }
.fa-btn--primary:hover { background: var(--fa-deep); color: #fff; }
.fa-btn--ghost { background: #fff; color: var(--fa-brand); border-color: var(--fa-brand); }
.fa-btn--ghost:hover { background: var(--fa-soft); color: var(--fa-brand); }
.fa-btn--light { background: #16394C; color: #fff; }
.fa-btn--light:hover { background: #1C5B74; color: #fff; }
.fa-btn--outline { background: #fff; color: var(--fa-brand); border-color: var(--fa-brand); }
.fa-btn--outline:hover { background: var(--fa-soft); color: var(--fa-brand); }
.fa-hero__visual { position: absolute; top: 0; right: 0; bottom: 0; width: 64%; z-index: 0; display: block; }
.fa-tile:not(.fa-tile--big) { display: none; }
.fa-tile { background: var(--fa-soft); border: 1px solid var(--fa-line); border-radius: 14px; padding: 18px; display: flex; align-items: center; justify-content: center; min-height: 150px; }
.fa-tile img { max-width: 100%; max-height: 100%; height: auto; object-fit: contain; }
.fa-tile--big { position: relative; background: none; border: none; border-radius: 0; padding: 0; min-height: 0; display: block; height: 100%; }
.fa-tile--big::after { content: ''; position: absolute; inset: 0; pointer-events: none; background:
  linear-gradient(90deg, #fff 0%, #fff 8%, rgba(255,255,255,0) 55%),
  linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 10%),
  linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 16%),
  linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 14%); }
.fa-tile--big img { width: 100%; height: 100%; max-height: none; object-fit: cover; display: block; }
/* stats */
.fa-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 48px; }
.fa-stats li { background: #fff; border: 1px solid var(--fa-line); border-radius: 12px; padding: 18px 20px; }
.fa-stats__num { display: block; font-size: 24px; font-weight: 600; color: var(--fa-brand); line-height: 1.15; margin-bottom: 6px; }
.fa-stats__label { display: block; font-size: 14px; line-height: 1.4; color: var(--fa-muted); }
/* cards */
.fa-cards { display: grid; gap: 16px; }
.fa-cards--2 { grid-template-columns: repeat(2, 1fr); }
.fa-cards--3 { grid-template-columns: repeat(3, 1fr); }
.fa-card { background: #fff; border: 1px solid var(--fa-line); border-radius: 14px; padding: 22px 22px 24px; }
.fa-card p { font-size: 15px; line-height: 1.55; color: var(--fa-ink); }
.fa-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--fa-soft); color: var(--fa-brand); margin-bottom: 14px; }
.fa-icon svg { width: 24px; height: 24px; }
/* steps */
.fa-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: fa; }
.fa-steps li { position: relative; background: var(--fa-soft); border-radius: 14px; padding: 22px 20px 24px; }
.fa-steps__num { position: absolute; top: 16px; right: 18px; font-size: 13px; font-weight: 600; color: var(--fa-accent); letter-spacing: .06em; }
.fa-steps__num::before { content: '0'; }
.fa-steps .fa-icon { background: #fff; }
.fa-steps p { font-size: 14.5px; line-height: 1.5; color: var(--fa-ink); }
/* chips */
.fa-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.fa-chips li { padding: 9px 16px; border-radius: 999px; background: var(--fa-soft); border: 1px solid var(--fa-line); color: var(--fa-deep); font-size: 14.5px; font-weight: 500; }
/* cta band */
.fa-cta { margin-top: 48px; background: #fff url('/image/catalog/finer/home/consult-head-bg3.webp') no-repeat top center / 100% auto; border: 1px solid var(--fa-line); box-shadow: 0 18px 50px -34px rgba(10, 35, 50, .4); border-radius: 16px; padding: 40px 44px; display: grid; grid-template-columns: minmax(0, 1.4fr) auto; gap: 32px; align-items: center; }
.fa-cta h2 { color: var(--fa-deep); }
.fa-cta p { font-size: 15.5px; line-height: 1.6; color: #44586A; max-width: 640px; }
.fa-cta__actions { display: flex; flex-direction: column; gap: 12px; }
.fa-cta__actions .fa-btn { width: 100%; }
.fa-signature { display: none; }
@media (max-width: 1024px) {
  .fa-hero { grid-template-columns: 1fr; min-height: 0; }
  .fa-hero__visual { position: static; width: auto; }
  .fa-tile--big img { height: 280px; }
  .fa-stats { grid-template-columns: repeat(2, 1fr); }
  .fa-cards--3 { grid-template-columns: repeat(2, 1fr); }
  .fa-steps { grid-template-columns: repeat(2, 1fr); }
  .fa-cta { grid-template-columns: 1fr; }
  .fa-cta__actions { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 640px) {
  .info-sec__content:has(.fa-page) h1 { font-size: 27px; }
  .fa-page h2 { font-size: 22px; }
  .fa-section { margin-top: 44px; }
  .fa-tile--big img { height: 250px; }

  .fa-stats, .fa-cards--2, .fa-cards--3, .fa-steps { grid-template-columns: 1fr; }
  .fa-cta { padding: 28px 22px; }
  .fa-actions { grid-template-columns: 1fr; }
  .fa-actions .fa-btn, .fa-cta__actions .fa-btn { width: 100%; }
}

/* .fa-*: тема робить будь-який ul/ol у контенті вертикальним flex і підкреслює посилання —
   перебиваємо специфічністю (.content-default .fa-page …) */
.content-default .fa-page ul, .content-default .fa-page ol { display: block; flex-direction: initial; }
.content-default .fa-page li { width: auto; max-width: none; margin: 0; list-style: none; }
.content-default .fa-page li::before, .content-default .fa-page li::marker { content: none; }
.content-default .fa-page .fa-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.content-default .fa-page .fa-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.content-default .fa-page .fa-chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.content-default .fa-page .fa-chips li { width: auto; flex: 0 0 auto; }
.content-default .fa-page a.fa-btn, .content-default .fa-page a.fa-btn:hover { text-decoration: none; }
@media (max-width: 1024px) {
  .content-default .fa-page .fa-stats { grid-template-columns: repeat(2, 1fr); }
  .content-default .fa-page .fa-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .content-default .fa-page .fa-stats, .content-default .fa-page .fa-steps { grid-template-columns: 1fr; }
}

.content-default .fa-page a.fa-btn--outline { color: #1C5B74; }
.content-default .fa-page a.fa-btn--outline:hover { color: #1C5B74; background: #EFF7FB; }
.content-default .fa-page a.fa-btn--primary { color: #fff; }
.content-default .fa-page a.fa-btn--ghost { color: #1C5B74; }
.content-default .fa-page a.fa-btn--light { color: #fff; }

/* ==========================================================================
   Сторінка «Контакти» (fc-*)
   ========================================================================== */
/* тема робить main флексом з order — повертаємо природний потік */
main#contact-page, main.contact-page { display: block !important; }
.fc-hero { position: relative; padding: 26px 0 34px; min-height: 260px; }
.fc-hero__photo {
  position: absolute; top: 0; right: 0; bottom: 0; width: 58%; z-index: 0;
  background: url('/image/catalog/finer/home/contacts-office.webp') no-repeat center right / cover;
}
.fc-hero__photo::after {
  content: ''; position: absolute; inset: 0; background:
    linear-gradient(90deg, #fff 0%, #fff 6%, rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 60%, #fff 100%);
}
.fc-hero .container { position: relative; z-index: 1; }
.fc-breadcrumb { display: flex; gap: 6px; list-style: none; margin: 0 0 18px; padding: 0; font-size: 13px; }
.fc-breadcrumb li { display: flex; align-items: center; gap: 6px; color: #5E7382; }
.fc-breadcrumb li + li::before { content: '›'; color: #9AA9B2; }
.fc-breadcrumb a { color: #5E7382; text-decoration: none; }
.fc-breadcrumb a:hover { color: #1C5B74; }
.fc-title { font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 42px; font-weight: 600; color: #16394C; margin: 0 0 12px; }
.fc-sub { font-size: 17px; line-height: 1.55; color: #26404F; max-width: 560px; margin: 0; }

.fc-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; list-style: none; margin: 0 0 44px; padding: 0; }
.contact-page .fc-cards li { display: block; }
.fc-card {
  display: flex; flex-direction: column; gap: 3px; width: 100%; height: 100%;
  background: #fff; border: 1px solid #DCEAF0; border-radius: 8px; padding: 20px 22px;
  text-align: left; font-family: inherit; cursor: pointer; text-decoration: none;
  transition: border-color .15s, box-shadow .15s;
}
.fc-card:hover { border-color: #1C5B74; box-shadow: 0 12px 28px -20px rgba(10, 35, 50, .45); text-decoration: none; }
.fc-card__icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 46px; height: 46px; border-radius: 50%; background: #EFF7FB; margin-bottom: 12px;
}
.fc-card__label { font-size: 13px; font-weight: 600; color: #16394C; }
.fc-card__value { font-size: 16.5px; font-weight: 600; color: #16394C; }
.fc-card__note { font-size: 13px; line-height: 1.4; color: #5E7382; }

.fc-main { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: start; margin-bottom: 56px; scroll-margin-top: 90px; }
.fc-h2 { font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 24px; font-weight: 600; color: #16394C; margin: 0 0 10px; }
.fc-intro { font-size: 15px; line-height: 1.55; color: #44586A; margin: 0 0 22px; }
#fc-form .fnr-consult__field textarea { min-height: 130px; }
#fc-form .fnr-consult__field { position: relative; }
.fc-counter { position: absolute; right: 2px; bottom: -18px; font-size: 12px; color: #9AA9B2; }
.fc-select { position: relative; display: block; }
.fc-select select {
  width: 100%; height: 46px; padding: 0 38px 0 14px; appearance: none; -webkit-appearance: none;
  font-family: inherit; font-size: 15px; color: #131313;
  border: 1px solid #D6E2E8; border-radius: 4px; background: #fff; cursor: pointer;
}
.fc-select select:focus { outline: none; border-color: #1C5B74; }
.fc-select select:invalid, .fc-select select option[value=""] { color: #9AA9B2; }
.fc-select svg { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.fc-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 26px; }
.fc-submit { width: auto; padding: 0 26px; }

.fc-map { border-radius: 12px; overflow: hidden; border: 1px solid #DCEAF0; margin-bottom: 18px; }
.fc-map iframe { display: block; width: 100%; height: 300px; border: 0; }
.fc-office-meta { display: grid; gap: 14px; }
.fc-office-item { display: flex; gap: 14px; align-items: flex-start; }
.fc-office-item .fc-card__icon { margin-bottom: 0; width: 42px; height: 42px; }
.fc-office-item > span:last-child { font-size: 14.5px; line-height: 1.5; color: #44586A; }
.fc-office-item b { display: block; font-weight: 600; color: #16394C; margin-bottom: 2px; }
.fc-route { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: #1C5B74; font-weight: 500; text-decoration: none; }
.fc-route:hover { text-decoration: underline; color: #1C5B74; }
.fc-route svg { color: inherit; }

@media (max-width: 1024px) {
  .fc-cards { grid-template-columns: 1fr 1fr; }
  .fc-main { grid-template-columns: 1fr; gap: 40px; }
  .fc-hero__photo { width: 70%; }
}
@media (max-width: 640px) {
  .fc-title { font-size: 30px; }
  .fc-hero { min-height: 0; padding-bottom: 24px; }
  .fc-hero__photo { display: none; }
  .fc-cards { grid-template-columns: 1fr; margin-bottom: 34px; }
  .fc-bottom { flex-direction: column-reverse; align-items: stretch; text-align: center; }
  .fc-submit { width: 100%; }
  .fnr-consult__privacy { justify-content: center; }
}

/* ==========================================================================
   Перемикач мов у футері (темна тема)
   ========================================================================== */
.fnr-footer-lang { margin-top: 18px; }
.fnr-footer-lang .lang-dropdown__toggle { display: none !important; }
.fnr-footer-lang .form-language__lang-list {
  display: flex !important; flex-direction: row; gap: 8px;
  position: static; margin: 0; padding: 0; list-style: none;
  background: none; border: 0; box-shadow: none;
}
.fnr-footer-lang .lang-list__lang-item { display: block; margin: 0; }
.fnr-footer-lang .lang-item__btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 52px; height: 38px; padding: 0 14px;
  font-family: 'Fixel Text', 'Fixel Fallback Arial', 'Fixel Fallback Roboto', sans-serif; font-size: 14px; font-weight: 500;
  background: transparent; color: rgba(255, 255, 255, .85);
  border: 1px solid rgba(255, 255, 255, .35); border-radius: 4px; cursor: pointer;
  transition: border-color .15s, color .15s, background .15s;
}
.fnr-footer-lang .lang-item__btn:hover { border-color: #fff; color: #fff; }
.fnr-footer-lang .lang-item__btn.current-lang {
  background: #fff; color: #16394C; border-color: #fff; cursor: default;
}


/* Моб. шапка: лого по вертикальному центру відносно іконок (тема ставила top:12px) */
@media (max-width: 767px) {
  .logo-nav__logo-group { top: 50% !important; transform: translate(-50%, -50%) !important; }
  .logo-nav .logo-nav__logo-img { transform: none; } /* десктопна оптична поправка -5px тут не потрібна */
  /* Код товару на мобільному — зліва, а не притиснутий праворуч */
  .product-sec__brandrow .product-sec__model.model--top { margin-left: 0; margin-right: auto; padding-left: 0; }
  .product-sec__brandrow { padding-left: 0; margin-left: 0; }
}

/* Товар без бренду: порожній блок виробника не має зʼїдати flex-gap перед кодом */
.product-sec__brandrow .product-sec__manufacturer:empty { display: none; }

/* Моб. кнопка «Фільтр» — той самий вигляд, що й Sort (бордер) */
#ocfilter-btns-wrapper .top-btns-wrapper__button { border: 1px solid #E4E8EA; }

/* ==========================================================================
   Лендинг «Рішення»: якірна навігація + плавний скрол до секцій
   ========================================================================== */
html { scroll-behavior: smooth; }
.fa-page section[id] { scroll-margin-top: 96px; }
.fa-subnav { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 6px; padding: 0; list-style: none; }
.fa-subnav a {
  display: inline-flex; align-items: center;
  padding: 10px 18px; border-radius: 999px;
  background: #F2F8FB; border: 1px solid #D6E2E8; color: #1C5B74;
  font-size: 14.5px; font-weight: 500; text-decoration: none;
  transition: background .15s, border-color .15s;
}
.fa-subnav a:hover { background: #EAF4F9; border-color: #1C5B74; color: #1C5B74; text-decoration: none; }
/* тема робить ul вертикальним флексом — перебиваємо тією ж специфічністю, що й fa-chips */
.content-default .fa-page .fa-subnav { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 34px 0 10px; }
.content-default .fa-page .fa-subnav li { width: auto; flex: 0 0 auto; margin: 0; }

/* ===== Меню: рівні 3–5 — точна копія другого ===== */
/* тема анімує left .7s: глибша колонка виїжджала з CSS-позиції до тієї,
   яку ставить JS, — звідси «плавання» при наведенні */
@media (min-width: 768px) {
  .children-menu-wrapper[data-level="2"],
  .children-menu-wrapper[data-level="3"],
  .children-menu-wrapper[data-level="4"],
  .children-menu-wrapper[data-level="5"] {
    transition: none !important;
    width: 310px; max-width: 310px; height: auto; max-height: calc(100vh - 220px);
    overflow-y: auto; background: #fff;
    border: 1px solid #EDF1F3; border-left: 0;
    box-shadow: 0 18px 40px rgba(19,19,19,.16);
  }
  .children-menu-wrapper[data-level="4"] { left: 1020px; }
  .children-menu-wrapper[data-level="5"] { left: 1330px; }
  .children-menu-wrapper[data-level="3"] .children-menu-wrapper__menu-group,
  .children-menu-wrapper[data-level="4"] .children-menu-wrapper__menu-group,
  .children-menu-wrapper[data-level="5"] .children-menu-wrapper__menu-group { padding: 6px 0; }
  .children-menu-wrapper[data-level="3"] ul,
  .children-menu-wrapper[data-level="4"] ul,
  .children-menu-wrapper[data-level="5"] ul { padding: 6px 0; gap: 0 !important; }
  .children-menu-wrapper[data-level="4"] li,
  .children-menu-wrapper[data-level="5"] li {
    padding: 6px 20px; min-height: 34px; display: flex; align-items: center; font-size: 14px;
  }
  /* пункт, що відкрив наступну колонку, лишається підсвіченим — як у першому рівні */
  .children-menu-wrapper[data-level] li.is-open { background: #F2F8FB; color: #1C5B74; }
  .children-menu-wrapper[data-level] li.is-open .arrow { color: #1C5B74; }
}
/* мобільний: 4–5 рівні теж на весь екран, з тими ж відступами */
@media (max-width: 767px) {
  .children-menu-wrapper[data-level="4"],
  .children-menu-wrapper[data-level="5"] {
    left: 0; width: 100vw; max-width: 100vw; top: 0; height: 100vh; max-height: 100vh;
    border: 0; box-shadow: none;
  }
  .children-menu-wrapper[data-level="4"] li,
  .children-menu-wrapper[data-level="5"] li {
    padding: 12px 16px; min-height: 52px; font-size: 15.5px; display: flex; align-items: center;
  }
}

/* ===== Форми: стан «надсилаємо» (fnrBusy) — кнопка не сіріє, крутиться спінер ===== */
.fnr-consult__submit.is-loading,
.fnr-consult__submit.is-loading:disabled {
  opacity: 1 !important; filter: none !important; cursor: progress;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
}
.fnr-consult__submit.is-loading > * { pointer-events: none; }
.fnr-spin {
  width: 18px; height: 18px; flex: 0 0 18px; border-radius: 50%;
  border: 2px solid currentColor; border-right-color: transparent;
  animation: fnr-spin .7s linear infinite;
}
@keyframes fnr-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fnr-spin { animation-duration: 1.6s; } }

/* SEO-текст головної: кілька H2 — перший як заголовок блоку, решта — розділи */
.fnr-seo h2:not(:first-child) { font-size: 17.5px; margin: 26px 0 10px; }

/* Перемикач мов: кнопки стали посиланнями <a> (SEO) — вигляд як у кнопок */
.form-language a.lang-item__btn { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.fh-right .form-language a.lang-item__btn { display: block; color: #131313; }

/* ===== Пошук: популярні запити й історія (з well 17.09.2026, 24.10) ===== */
.search-modal .search-chips.popular { flex-wrap: wrap; overflow: visible; gap: 8px; cursor: default; }
.search-modal .search-popular,
.search-modal .search-history { align-self: stretch; padding-top: 8px; padding-bottom: 20px; } /* main-block центрує дітей (align-items: center) */
.search-history__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.search-modal .search-history__head .search-group__title { margin-bottom: 0; }
.search-history__clear { background: none; border: 0; padding: 4px 0; font: inherit; font-size: .85em; color: #757575; text-decoration: underline; cursor: pointer; }
.search-modal .search-history .search-history__list { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0; list-style: none; margin: 0; padding: 0; max-height: none; overflow: visible; }
.search-modal .search-history .search-history__item { display: flex; align-items: center; gap: 8px; width: 100%; flex: 0 0 auto; }
.search-history__link { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; padding: 9px 0; color: #131313; text-decoration: none; }
.search-history__link .icon { flex: 0 0 22px; width: 22px; height: 22px; color: #757575; }
.search-history__term { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-history__remove { flex: 0 0 auto; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; color: #757575; font-size: 24px; line-height: 1; cursor: pointer; }
@media (min-width: 768px) {
  .search-modal .search-history .search-history__item:hover .search-history__link,
  .search-modal .search-history .search-history__item:hover .search-history__remove { color: #000000; }
}

/* Опис товару (вкладка «Про продукт»): розмітка з 1С — абзаци, h3, списки. Глобальне скидання робить ul/ol flex-рядком,
   тож список розлазився колонками; content-default повертає звичайний вигляд, тут — щільність під картку товару. */
.product-sec .product-desc { line-height: 1.55; }
.product-sec .product-desc p,
.product-sec .product-desc li { line-height: 1.55; }
.product-sec .product-desc h2,
.product-sec .product-desc h3,
.product-sec .product-desc h4 { margin: 18px 0 8px; font-size: 16px; font-weight: 600; line-height: 1.35; color: #131313; }
.product-sec .product-desc > :first-child { margin-top: 0; }
.product-sec .product-desc ul { padding-left: 20px; margin-bottom: 12px; }
.product-sec .product-desc li::marker { color: #1C5B74; }
.product-sec .product-desc li + li { margin-top: 4px; }