/* TOPSFIT — стиль adanola.com на шаблоне фабрики (22.10.2026).
   Замер Adanola: шрифт Favorit (здесь — Onest, свободный, с кириллицей), текст 12–13 px, заголовки секций 30 px / 500, всё чёрно-белое,
   углы прямые, кнопки — чёрная заливка (главные) или белые с чёрной рамкой (на фото), серые «плашки» #f2f2f2.
   Переменные WoodMart переопределяются через html:root — выше :root темы. */
html:root {
	--tf-ink: #000; --tf-muted: #6e6e6e; --tf-line: #e6e6e6; --tf-grey: #f2f2f2; --tf-cell: #ececec;
	--tf-font: "Onest", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	--wd-text-font: var(--tf-font); --wd-title-font: var(--tf-font); --wd-entities-title-font: var(--tf-font); --wd-header-el-font: var(--tf-font);
	--wd-widget-title-font: var(--tf-font); --wd-alternative-font: var(--tf-font); --btn-font-family: var(--tf-font);
	--wd-title-font-weight: 500; --wd-text-color: #000; --wd-title-color: #000; --wd-entities-title-color: #000; --wd-entities-title-color-hover: #000;
	--wd-primary-color: #000; --wd-alternative-color: #000; --wd-link-color: #000; --wd-link-color-hover: #000; --wd-main-bgcolor: #fff;
	--btn-accented-bgcolor: #000; --btn-accented-bgcolor-hover: #2a2a2a; --btn-accented-color: #fff; --btn-accented-color-hover: #fff;
	--btn-default-bgcolor: #000; --btn-default-bgcolor-hover: #2a2a2a; --btn-default-color: #fff; --btn-default-color-hover: #fff;
	--btn-accented-brd-radius: 0; --btn-default-brd-radius: 0; --wd-brd-radius: 0; --wd-form-brd-radius: 0;
	--btn-font-size: 12px; --btn-transform: uppercase; --btn-font-weight: 500; --wd-form-brd-color: #d4d4d4;
}
body.tf-adanola { font-family: var(--tf-font); font-size: 13px; letter-spacing: 0 !important; color: #000; background: #fff; -webkit-font-smoothing: antialiased; }
.tf-adanola h1, .tf-adanola h2, .tf-adanola h3, .tf-adanola h4, .tf-adanola .title, .tf-adanola .wd-entities-title { font-family: var(--tf-font) !important; letter-spacing: 0 !important; }
.tf-adanola .btn, .tf-adanola .button, .tf-adanola button.button { border-radius: 0 !important; letter-spacing: .02em; }

/* ---------- полоска над шапкой: чёрная, капс 11 px; на телефоне фразы по очереди ---------- */
.tf-adanola .wd-hb-wrapp, .tf-adanola .header-banner, .tf-adanola .header-banner .wd-entry-content { background: #000 !important; }
.tf-strip { margin: 0 !important; display: flex; justify-content: center; align-items: center; color: #fff !important; font: 500 11px/32px var(--tf-font) !important;
	letter-spacing: .05em !important; text-transform: uppercase; text-align: center; }
.tf-strip span { padding: 0 18px; color: #fff; }
.tf-strip span + span { border-left: 1px solid rgba(255, 255, 255, .28); }
.tf-strip a { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 768px) {
	.tf-strip { position: relative; height: 32px; overflow: hidden; }
	.tf-strip span { position: absolute; inset: 0; border: 0 !important; padding: 0 12px; opacity: 0; animation: tf-strip 12s infinite; }
	.tf-strip span:nth-child(2) { animation-delay: 4s; }
	.tf-strip span:nth-child(3) { animation-delay: 8s; }
}
@keyframes tf-strip { 0% { opacity: 0; transform: translateY(8px); } 4%, 29% { opacity: 1; transform: none; } 33%, 100% { opacity: 0; transform: translateY(-8px); } }

/* ---------- шапка: белая, меню слева капсом, логотип по центру ---------- */
.tf-adanola .whb-general-header, .tf-adanola .whb-sticked .whb-general-header { background: #fff !important; }
.tf-adanola .whb-general-header .wd-nav-main > li > a { font: 600 12px/1 var(--tf-font) !important; letter-spacing: .02em !important; text-transform: uppercase; color: #000 !important; }
.tf-adanola .whb-general-header .wd-nav-main > li > a:hover, .tf-adanola .wd-nav-main > li.current-menu-item > a { text-decoration: underline; text-underline-offset: 6px; }
.tf-adanola .whb-general-header .wd-nav-main > li > a .wd-nav-arrow, .tf-adanola .whb-general-header .wd-nav-main > li > a::after { display: none !important; }
.tf-adanola .whb-general-header .wd-tools-element .wd-tools-icon, .tf-adanola .whb-general-header .wd-tools-element > a { color: #000 !important; }
.tf-adanola .whb-general-header .wd-tools-element .wd-tools-count { background: #000; color: #fff; font: 600 9px/15px var(--tf-font); min-width: 15px; height: 15px; }
.tf-adanola .whb-general-header .wd-tools-text { display: none; }
.tf-adanola .site-logo img { display: block; }

/* мега-меню «Каталог» (HTML-блок tf-mega-katalog, brand.php) */
.tf-mega { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 420px); gap: 48px; padding: 34px 45px 40px; background: #fff; }
.tf-mega-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 24px; }
.tf-mega-h { display: block; margin-bottom: 12px; font: 600 12px/1.2 var(--tf-font); letter-spacing: .02em; text-transform: uppercase; color: #000 !important; }
.tf-mega ul { list-style: none; margin: 0; padding: 0; }
.tf-mega li { margin: 0 0 9px; }
.tf-mega li a { font: 400 13px/1.3 var(--tf-font); color: #000 !important; }
.tf-mega li a:hover, .tf-mega-h:hover { text-decoration: underline; text-underline-offset: 3px; }
.tf-mega-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tf-mega-tile { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--tf-grey); }
.tf-mega-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.tf-mega-tile:hover img { transform: scale(1.04); }
.tf-mega-tile span { position: absolute; left: 10px; bottom: 10px; padding: 7px 10px; background: #fff; font: 600 11px/1 var(--tf-font); text-transform: uppercase; color: #000; }

/* ---------- каталог: заголовок, хлебные крошки, фильтры-коробки как у Adanola ---------- */
.tf-adanola .wd-breadcrumbs, .tf-adanola .woocommerce-breadcrumb { font: 500 11px/1.4 var(--tf-font) !important; letter-spacing: .02em !important; text-transform: uppercase; color: var(--tf-muted) !important; }
.tf-adanola .wd-breadcrumbs a, .tf-adanola .woocommerce-breadcrumb a { color: var(--tf-muted) !important; }
.tf-adanola .page-title .title, .tf-adanola .woocommerce-products-header__title, .tf-adanola .wd-shop-title, .tf-adanola .elementor-widget-wd_shop_archive_title .title, .tf-adanola h1.title { font: 500 30px/1.2 var(--tf-font) !important; }
.tf-adanola .wd-product-filters .wd-pf-title { min-height: 38px; padding: 0 34px 0 12px !important; border: 1px solid #000 !important; background: #fff; display: flex; align-items: center; position: relative; }
.tf-adanola .wd-product-filters .wd-pf-title .title-text { font: 600 11px/1 var(--tf-font) !important; letter-spacing: .03em !important; text-transform: uppercase; color: #000; }
.tf-adanola .wd-product-filters .wd-pf-title::after { content: "+"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font: 300 18px/1 var(--tf-font); color: #000; border: 0 !important; width: auto; height: auto; }
.tf-adanola .wd-product-filters .wd-pf-dropdown { border-radius: 0 !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); }
.tf-adanola .woocommerce-result-count, .tf-adanola .wd-products-element-count { font: 500 11px/1 var(--tf-font) !important; text-transform: uppercase; letter-spacing: .03em; color: var(--tf-muted) !important; }
.tf-adanola .products.wd-products { --wd-gap-lg: 12px; row-gap: 36px !important; }
.tf-adanola .wd-loop-footer .wd-load-more { min-width: 240px; height: 44px; background: #fff !important; border: 1px solid #000 !important; color: #000 !important; font: 600 12px/42px var(--tf-font) !important; text-transform: uppercase; }
.tf-adanola .wd-loop-footer .wd-load-more:hover { background: #000 !important; color: #fff !important; }

/* полоса «Колір для всіх товарів» */
.tf-kbar { margin: 0 0 26px; padding: 18px 0 16px; border-top: 1px solid var(--tf-line); border-bottom: 1px solid var(--tf-line); }
.tf-kbar-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 14px; }
.tf-kbar-t { font: 600 12px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-kbar-hint { font: 400 12px/1.3 var(--tf-font); color: var(--tf-muted); }
.tf-kbar-sw { display: flex; flex-wrap: wrap; gap: 14px 6px; }
.tf-kbar-i { display: flex; flex-direction: column; align-items: center; gap: 7px; width: 62px; text-decoration: none !important; color: #000 !important; }
.tf-kbar-i i { display: block; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, .13); outline: 1px solid transparent; outline-offset: 3px; transition: outline-color .15s; }
.tf-kbar-i span { font: 400 10.5px/1.2 var(--tf-font); text-align: center; color: #3a3a3a; }
.tf-kbar-i:hover i { outline-color: #9a9a9a; }
.tf-kbar-i.is-on i { outline-color: #000; }
.tf-kbar-i.is-on span { color: #000; font-weight: 600; }
.tf-kbar-act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 14px; font: 400 12px/1.3 var(--tf-font); }
.tf-kbar-act:empty, .tf-kbar-act:not(:has(:not([hidden]))) { display: none; }
.tf-kbar-now { color: #000; }
.tf-kbar-only { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; background: #000; color: #fff !important; font-weight: 500; text-decoration: none !important; }
.tf-kbar-only:hover { background: #2a2a2a; }
.tf-kbar-reset { font: 400 12px/1 var(--tf-font); color: var(--tf-muted) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wd-product.tf-dim { opacity: .25; filter: grayscale(.7); transition: opacity .35s, filter .35s; }
.wd-product.tf-dim:hover { opacity: .6; }
@media (max-width: 768px) {
	.tf-adanola .wd-product-filters { display: flex !important; flex-wrap: wrap !important; overflow: visible !important; gap: 6px !important; }
	.tf-adanola .wd-product-filters > * { flex: 1 1 calc(50% - 6px) !important; max-width: none !important; width: auto !important; }
	.tf-adanola .wd-product-filters .wd-pf-title { min-height: 36px; }
	.tf-kbar { margin: 0 -15px 20px; padding: 14px 15px; }
	.tf-kbar-hint { display: none; }
	.tf-kbar-sw { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 4px; margin: 0 -15px; padding: 2px 15px 4px; }
	.tf-kbar-sw::-webkit-scrollbar { display: none; }
	.tf-kbar-i { flex: 0 0 56px; width: 56px; }
	.tf-kbar-i i { width: 30px; height: 30px; }
}

/* ---------- карточка товара в каталоге ---------- */
.tf-adanola .wd-product .wd-product-thumb { background: var(--tf-grey); overflow: hidden; }
.tf-adanola .wd-product .wd-product-thumb img { aspect-ratio: 2 / 3; width: 100%; object-fit: cover; }
.tf-adanola .wd-product .wd-add-btn-wrapp { display: none !important; } /* «+» шаблона — вместо него «Швидко додати» */
.tf-adanola .wd-product .wd-wishlist-btn { top: 6px !important; right: 6px !important; }
.tf-adanola .wd-product .wd-wishlist-btn a { width: 30px; height: 30px; background: #fff; padding: 0 !important; display: grid !important; place-items: center; }
.tf-adanola .wd-product .wd-wishlist-btn .wd-action-icon::before { font-size: 15px !important; color: #000 !important; }
.tf-adanola .wd-product .product-labels { top: 8px !important; left: 8px !important; }
.tf-adanola .wd-product .product-label { min-width: 0; min-height: 0; padding: 6px 8px; border-radius: 0 !important; font: 600 10.5px/1 var(--tf-font) !important; letter-spacing: .02em; }
.tf-adanola .wd-product .product-label.onsale { background: #000; color: #fff; }
.tf-adanola .wd-product .product-label.new { background: #fff; color: #000; }
.tf-badge { position: absolute; left: 10px; bottom: 10px; z-index: 3; padding: 6px 8px; background: rgba(242, 242, 242, .94); font: 500 11px/1 var(--tf-font); color: #000; pointer-events: none; }
.tf-adanola .wd-product .wp-block-wd-container { position: relative; padding-top: 10px !important; row-gap: 5px !important; }
.tf-adanola .wd-product .wd-entities-title, .tf-adanola .wd-product .wd-entities-title a { font: 400 12.5px/1.35 var(--tf-font) !important; letter-spacing: 0 !important; color: #000 !important; }
.tf-adanola .wd-product .wd-loop-prod-price { min-height: 26px; padding-right: 128px; display: flex; align-items: center; }
.tf-adanola .wd-product .price, .tf-adanola .wd-product .price .amount { font: 600 12.5px/1.2 var(--tf-font) !important; letter-spacing: 0 !important; color: #000 !important; }
.tf-adanola .wd-product .price del, .tf-adanola .wd-product .price del .amount { color: #8b8b8b !important; font-weight: 400 !important; }
.tf-adanola .wd-product .price ins { text-decoration: none; }
.tf-adanola .wd-product .price ins .amount { color: #b3001b !important; }

/* квадратики цвета (Adanola: 16 px, рамка, выбранный — чёрная рамка с отступом) */
.tf-adanola .zz-card-sw .wd-swatches-grid { gap: 5px !important; margin: 0 0 4px !important; padding: 0 !important; }
.tf-adanola .zz-card-sw .wd-swatches-grid.wd-swatches-product .wd-swatch.wd-bg { --zz-s: 16px !important; border-radius: 0 !important; }
.tf-adanola .zz-card-sw .wd-swatches-grid.wd-swatches-product .wd-swatch.wd-bg .wd-swatch-bg { border-radius: 0 !important; border: 1px solid rgba(0, 0, 0, .14) !important; }
.tf-adanola .zz-card-sw .wd-swatches-grid.wd-swatches-product .wd-swatch.wd-bg::after { border-radius: 0 !important; inset: -3px !important; border-color: #000 !important; }
.tf-adanola .zz-card-sw .wd-swatches-grid.wd-swatches-product .wd-swatch.wd-bg:hover::after { opacity: .45 !important; }
.tf-adanola .zz-card-sw .wd-swatches-grid.wd-swatches-product .wd-swatch.wd-bg.wd-active::after { opacity: 1 !important; }
.tf-adanola .zz-card-sw .wd-swatch-divider { font: 500 11px/16px var(--tf-font) !important; color: var(--tf-muted); }

/* «Швидко додати» и размеры на фото */
.tf-adanola .wd-product .tf-qa { position: absolute !important; right: 0 !important; bottom: 0 !important; left: auto !important; top: auto !important; z-index: 2;
	display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; min-width: 0 !important; height: 26px !important; min-height: 0 !important;
	margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
	background: #000 !important; color: #fff !important; font: 500 11.5px/1 var(--tf-font) !important; letter-spacing: 0 !important; text-transform: none !important;
	white-space: nowrap; cursor: pointer; text-decoration: none !important; }
.tf-adanola .wd-product .tf-qa svg { width: 13px; height: 13px; flex: none; }
.tf-adanola .wd-product .tf-qa:hover { background: #2a2a2a !important; }
.tf-qa.added::after, .tf-qa .added_to_cart { display: none !important; }
.tf-adanola .wd-product .added_to_cart { display: none !important; }
.tf-qp { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 6; padding: 12px; background: #fff; box-shadow: 0 6px 22px rgba(0, 0, 0, .12);
	animation: tf-up .22s ease; }
@keyframes tf-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.tf-qp-h { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font: 600 11px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-qp-x { width: 22px; height: 22px; margin: -4px -4px 0 0; display: grid; place-items: center; font: 300 20px/1 var(--tf-font); color: #000; cursor: pointer; }
.tf-qp-s { display: flex; flex-wrap: wrap; gap: 5px; }
.tf-qp-s [data-v] { min-width: 42px; height: 34px; padding: 0 10px; border: 1px solid #d4d4d4; background: #fff; color: #000; font: 500 12px/1 var(--tf-font); cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center; user-select: none; }
.tf-qp-s [data-v]:hover { border-color: #000; }
.tf-qp-s [data-v].is-off { color: #b4b4b4; text-decoration: line-through; cursor: default; border-color: #ececec; }
.tf-qp-s [data-v].is-busy { background: #000; color: #fff; border-color: #000; }
.tf-qp-ok { display: flex; align-items: center; gap: 8px; font: 500 12px/1.3 var(--tf-font); }
.tf-qp-ok b { font-weight: 600; }
.tf-qp-ok a { margin-left: auto; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }

/* стрелки по фото цвета в карточке */
.tf-arr { position: absolute; top: 50%; z-index: 4; width: 24px; height: 24px; margin-top: -12px; background: rgba(255, 255, 255, .9);
	display: grid; place-items: center; color: #000; opacity: 0; transition: opacity .2s; cursor: pointer; }
.tf-arr svg { width: 12px; height: 12px; }
.tf-arr.l { left: 8px; } .tf-arr.r { right: 8px; }
.wd-product:hover .tf-arr { opacity: 1; }
@media (hover: none) { .tf-arr { opacity: .9; width: 22px; height: 22px; } }
.wd-product.tf-browsed .wd-product-img-hover { display: none !important; }

@media (max-width: 600px) {
	.tf-adanola .wd-product .tf-qa { width: 30px !important; height: 30px !important; padding: 0 !important; justify-content: center; }
	.tf-adanola .wd-product .tf-qa span { display: none; }
	.tf-adanola .wd-product .tf-qa svg { width: 15px; height: 15px; }
	.tf-adanola .wd-product .wd-loop-prod-price { padding-right: 36px; min-height: 30px; }
	.tf-adanola .zz-card-sw .wd-swatches-grid.wd-swatches-product .wd-swatch.wd-bg { --zz-s: 14px !important; }
	.tf-qp { left: 4px; right: 4px; bottom: 4px; padding: 10px; }
	.tf-qp-s [data-v] { min-width: 36px; height: 32px; padding: 0 6px; }
	.tf-badge { left: 6px; bottom: 6px; font-size: 10px; padding: 5px 6px; }
}

/* ---------- страница товара ---------- */
.tf-adanola.single-product .product_title { font: 500 20px/1.3 var(--tf-font) !important; letter-spacing: 0 !important; }
.tf-adanola.single-product .summary .price, .tf-adanola.single-product .wd-single-price .price { font: 500 16px/1.3 var(--tf-font) !important; color: #000 !important; }
.tf-adanola.single-product .wd-single-price .price ins .amount { color: #b3001b !important; }
.tf-chip { display: inline-block; margin: 0 0 12px; padding: 6px 8px; background: var(--tf-grey); font: 500 11px/1 var(--tf-font); color: #000; }
.tf-adanola.single-product table.variations tr > th.label { padding-bottom: 10px !important; }
.tf-adanola.single-product table.variations th.label label { font: 600 11px/18px var(--tf-font) !important; letter-spacing: .03em !important; text-transform: uppercase; }
.tf-adanola.single-product table.variations th.label .wd-attr-selected { font: 400 11px/18px var(--tf-font) !important; letter-spacing: .03em !important; text-transform: uppercase; margin-left: 8px !important; }
/* цвет: квадраты 32 px, выбранный — чёрная рамка с отступом */
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-bg:not(:has(img)) { --wd-swatch-w: 32px; --wd-swatch-h: 32px; width: 32px !important; height: 32px !important; border-radius: 0 !important; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-bg:not(:has(img)) .wd-swatch-bg { width: 32px !important; height: 32px !important; border-radius: 0 !important; border: 1px solid rgba(0, 0, 0, .13) !important; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-bg:not(:has(img))::after { border-radius: 0 !important; inset: -4px !important; }
.tf-adanola.single-product .wd-swatches-product.wd-swatches-single:has(.wd-swatch-bg[style*="background-color"]) { gap: 10px !important; }
/* размер: кнопки как у Adanola — светло-серые с рамкой, выбранная чёрная */
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text { min-width: 54px; height: 40px; margin: 0; padding: 0 12px; border: 1px solid #d7d7d7 !important; border-radius: 0 !important;
	background: #f7f7f7; display: inline-flex; align-items: center; justify-content: center; box-shadow: none !important; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text .wd-swatch-text { font: 500 12px/1 var(--tf-font) !important; letter-spacing: .02em; color: #000; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text:hover { border-color: #000 !important; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text.wd-active { background: #000; border-color: #000 !important; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text.wd-active .wd-swatch-text { color: #fff; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text.wd-disabled { opacity: .45; text-decoration: line-through; }
.tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text::after, .tf-adanola.single-product .wd-swatches-product .wd-swatch.wd-text::before { display: none !important; }
.tf-adanola.single-product .wd-swatches-product.wd-swatches-single { gap: 6px; }
.tf-adanola.single-product .variations_form .reset_variations { display: none !important; }
.tf-adanola.single-product .variations_form .quantity { display: none !important; }
.tf-adanola.single-product .single_add_to_cart_button { height: 46px; min-height: 46px; background: #000 !important; color: #fff !important; font: 500 12px/46px var(--tf-font) !important;
	letter-spacing: .04em !important; text-transform: uppercase; border: 0 !important; }
.tf-adanola.single-product .single_add_to_cart_button.disabled { opacity: 1 !important; background: #000 !important; }
.tf-adanola.single-product .single_add_to_cart_button:hover { background: #2a2a2a !important; }
.tf-adanola.single-product .zz-buy .wd-wishlist-btn a { width: 46px; height: 46px; border: 1px solid #000 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; }
.tf-adanola.single-product table.variations th.label { position: relative; padding-right: 150px !important; }
.tf-adanola.single-product table.variations th.label label::after { content: none !important; }
.tf-adanola .tf-sg-link, .tf-adanola .tf-all-k { position: absolute; right: 0; top: 0; height: 18px; color: #000; }
.tf-adanola.single-product .zz-buy .wd-wishlist-btn .wd-action-icon::before, .tf-adanola.single-product .zz-buy .wd-wishlist-btn a::before { color: #000 !important; }
.tf-b { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.tf-b:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
[hidden].tf-b, .tf-kbar-only[hidden] { display: none !important; }
.tf-sg-link, .tf-all-k { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; font: 500 11px/18px var(--tf-font); letter-spacing: .03em;
	text-transform: uppercase; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; }
.tf-sg-link svg { width: 18px; height: 10px; }
.tf-sg-link span, .tf-all-k span { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(0, 0, 0, .35); }
.tf-sg-link:hover span, .tf-all-k:hover span { text-decoration-color: #000; }
.tf-details { margin: 0 0 18px; display: grid; gap: 0; border-top: 1px solid var(--tf-line); }
.tf-details > div { display: grid; grid-template-columns: 130px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--tf-line); }
.tf-details dt { font: 600 11px/1.5 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-details dd { margin: 0; font: 400 13px/1.5 var(--tf-font); }
.tf-adanola .elementor-widget-n-accordion .e-n-accordion-item-title-text, .tf-adanola .e-n-accordion-item-title { font: 600 12px/1.2 var(--tf-font) !important; letter-spacing: .03em !important; text-transform: uppercase; }

/* ---------- шторки справа: «Розмірна сітка» и «Обери колір» ---------- */
.tf-dr { position: fixed; inset: 0; z-index: 100000; visibility: hidden; }
.tf-dr.is-open { visibility: visible; }
.tf-dr-bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .38); opacity: 0; transition: opacity .3s; }
.tf-dr.is-open .tf-dr-bg { opacity: 1; }
.tf-dr-p { position: absolute; top: 0; right: 0; bottom: 0; width: min(460px, 100%); display: flex; flex-direction: column; background: #fff;
	transform: translateX(100%); transition: transform .38s cubic-bezier(.2, .75, .2, 1); }
.tf-dr.is-open .tf-dr-p { transform: none; }
.tf-dr-h { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--tf-line); font: 600 16px/1 var(--tf-font); }
.tf-dr-x { width: 30px; height: 30px; margin: -6px -6px -6px 0; color: #000; cursor: pointer; display: grid; place-items: center; }
.tf-dr-x svg { width: 16px; height: 16px; }
.tf-dr-b { flex: 1; overflow: auto; padding: 22px 20px 30px; -webkit-overflow-scrolling: touch; }
html.tf-lock, html.tf-lock body { overflow: hidden !important; }
@media (max-width: 600px) {
	.tf-dr-p { top: auto; height: 90vh; height: 90dvh; width: 100%; transform: translateY(100%); }
	.tf-dr-h::before { content: ""; position: absolute; top: 6px; left: 50%; width: 36px; height: 4px; margin-left: -18px; background: #d6d6d6; border-radius: 2px; }
	.tf-dr-h { position: relative; padding-top: 22px; }
}
/* сетка */
.tf-sg-lab { margin: 0 0 10px; font: 600 11px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-sg-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.tf-sg-tabs [role="tab"] { display: inline-flex; align-items: center; height: 40px; padding: 0 20px; border: 1px solid #d7d7d7; border-radius: 0; background: #f7f7f7; color: #000; font: 500 12px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; cursor: pointer; }
.tf-sg-tabs [role="tab"].is-on { background: #000; border-color: #000; color: #fff; }
.tf-sg-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
.tf-sg-cap { padding-bottom: 5px; border-bottom: 1px solid #000; font: 600 12px/1 var(--tf-font); letter-spacing: .02em; text-transform: uppercase; }
.tf-sg-unit { display: flex; align-items: center; gap: 8px; font: 600 11px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-sg-sw { position: relative; display: inline-block; width: 34px; height: 18px; border: 1px solid #000; background: #fff; cursor: pointer; }
.tf-sg-sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 12px; background: #000; transition: left .2s; }
.tf-sg-sw[aria-checked="true"]::after { left: 16px; }
.tf-sg-unit .is-dim { color: #9a9a9a; }
.tf-sg-wrap { margin: 0 -4px; overflow-x: auto; }
.tf-sg-t { width: 100%; border-collapse: separate; border-spacing: 4px; margin: 0; }
.tf-sg-t th, .tf-sg-t td { padding: 13px 6px; border: 0 !important; background: var(--tf-cell); text-align: center; font: 400 12px/1.25 var(--tf-font); color: #000; white-space: nowrap; }
.tf-sg-t th { font: 600 10.5px/1.25 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; white-space: normal; }
.tf-sg-t td:first-child { font-weight: 600; }
.tf-sg-t tbody tr { transition: background .2s; }
.tf-sg-t tbody tr:hover td { background: #e0e0e0; }
.tf-sg-t tbody tr.is-cur td { background: #000; color: #fff; }
.tf-sg-cur { margin: 10px 0 0; font: 400 12px/1.4 var(--tf-font); color: var(--tf-muted); }
.tf-sg-notes { margin: 18px 0 0; padding: 14px 16px; background: var(--tf-grey); font: 400 12.5px/1.5 var(--tf-font); }
.tf-sg-notes p { margin: 0; } .tf-sg-notes p + p { margin-top: 6px; }
.tf-sg-raw { white-space: pre-line; font: 400 13px/1.6 var(--tf-font); }
.tf-sg-how { margin-top: 26px; border-top: 1px solid var(--tf-line); }
.tf-sg-how summary { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; font: 600 12px/1 var(--tf-font); letter-spacing: .03em;
	text-transform: uppercase; cursor: pointer; list-style: none; }
.tf-sg-how summary::-webkit-details-marker { display: none; }
.tf-sg-how summary::after { content: "+"; font: 300 20px/1 var(--tf-font); }
.tf-sg-how[open] summary::after { content: "−"; }
.tf-sg-how-g { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: start; }
.tf-sg-how-g img { width: 100%; height: auto; background: var(--tf-grey); }
.tf-sg-how ol { margin: 0; padding: 0; list-style: none; counter-reset: s; }
.tf-sg-how li { counter-increment: s; position: relative; padding: 0 0 14px 30px; font: 400 12.5px/1.45 var(--tf-font); }
.tf-sg-how li::before { content: counter(s); position: absolute; left: 0; top: -1px; width: 20px; height: 20px; border: 1px solid #000; display: grid; place-items: center; font: 600 10px/1 var(--tf-font); }
.tf-sg-how li b { display: block; font-weight: 600; margin-bottom: 2px; }
.tf-sg-tip { margin: 4px 0 0; font: 400 12px/1.5 var(--tf-font); color: var(--tf-muted); }
/* «Обери колір» */
.tf-kd-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 10px; }
.tf-kd-i { display: block; text-align: left; cursor: pointer; color: #000; }
.tf-kd-ph { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--tf-grey); outline: 1px solid transparent; outline-offset: 3px; transition: outline-color .15s; }
.tf-kd-ph img { width: 100%; height: 100%; object-fit: cover; }
.tf-kd-i:hover .tf-kd-ph { outline-color: #a6a6a6; }
.tf-kd-i.is-on .tf-kd-ph { outline-color: #000; }
.tf-kd-n { display: flex; align-items: center; gap: 7px; margin-top: 9px; font: 400 12px/1.25 var(--tf-font); }
.tf-kd-n i { flex: none; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, .15); }
.tf-kd-i.is-on .tf-kd-n { font-weight: 600; }
.tf-kd-i.is-oos .tf-kd-ph img { opacity: .45; }
.tf-kd-i.is-oos .tf-kd-n::after { content: "немає"; margin-left: auto; font-size: 10px; color: var(--tf-muted); text-transform: uppercase; }

/* ---------- подвал: крупный логотип внизу, как ADANOLA ---------- */
.tf-adanola .wd-footer::after { content: ""; display: block; height: clamp(44px, 7vw, 104px); margin: 8px 45px 34px; background: url(topsfit-logo.svg) left bottom / contain no-repeat; }
@media (max-width: 768px) { .tf-adanola .wd-footer::after { margin: 6px 15px 26px; } }
.tf-adanola .wd-footer .elementor-widget-wd_list a, .tf-adanola .wd-footer .wd-list-content { font: 400 13px/1.4 var(--tf-font) !important; letter-spacing: 0 !important; }
.tf-adanola .wd-footer .elementor-heading-title, .tf-adanola .wd-footer .wd-title .title { font-family: var(--tf-font) !important; letter-spacing: .02em !important; }
.tf-adanola .wd-footer .elementor-button, .tf-adanola .wd-footer .btn { background: #000 !important; border-radius: 0 !important; }

/* ---------- главная [tf_home] ---------- */
body.home .wd-content-layout, body.home .main-page-wrapper > .container { padding-top: 0 !important; }
body.home .wd-content-layout { padding-bottom: 0 !important; }
html.tf-has-full, html.tf-has-full body { overflow-x: clip; }
.tf-full { position: relative; left: 50%; width: calc(100vw - var(--tf-sbw, 0px)); margin-left: calc(-50vw + var(--tf-sbw, 0px) / 2); }
.tf-hero { position: relative; height: min(84vh, 780px); min-height: 460px; overflow: hidden; background: #e9e9e9; }
.tf-hero .tf-hero-s { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity .9s ease; color: #fff !important; text-decoration: none !important; }
.tf-hero .tf-hero-s.is-on { opacity: 1; z-index: 1; }
.tf-hero { touch-action: pan-y; }
.tf-hero.tf-hero-slide .tf-hero-s { opacity: 1; transition: transform .85s cubic-bezier(.65, 0, .35, 1); will-change: transform; }
.tf-hero img { -webkit-user-drag: none; user-select: none; }
.tf-hero-ph { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); }
.tf-hero-ph.n1 { grid-template-columns: 1fr; } .tf-hero-ph.n2 { grid-template-columns: 1fr 1fr; }
.tf-hero-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tf-hero-ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .18) 55%, rgba(0, 0, 0, .3)); }
.tf-hero-c { position: absolute; left: 0; right: 0; top: 50%; z-index: 2; transform: translateY(-50%); padding: 0 20px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.tf-hero-t { font: 500 clamp(30px, 3.3vw, 48px)/1.08 var(--tf-font); color: #fff; text-shadow: 0 1px 24px rgba(0, 0, 0, .25); }
.tf-hero-x { max-width: 460px; font: 400 14px/1.45 var(--tf-font); color: #fff; text-shadow: 0 1px 14px rgba(0, 0, 0, .35); }
.tf-btn-w { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; background: #fff; border: 1px solid #000; color: #000; font: 500 11.5px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; transition: background .2s, color .2s; }
a:hover > .tf-hero-c .tf-btn-w, .tf-cat:hover .tf-btn-w { background: #000; color: #fff; border-color: #000; }
.tf-dots { display: flex; justify-content: center; gap: 8px; margin: 14px 0 0; }
.tf-dots i { position: relative; width: 74px; height: 3px; background: #dcdce4; overflow: hidden; cursor: pointer; }
.tf-dots i::after { content: ""; position: absolute; inset: 0; width: 0; background: #000; }
.tf-dots i.is-on::after { animation: tf-dot 6.5s linear forwards; }
.tf-dots i.is-done::after { width: 100%; }
@keyframes tf-dot { to { width: 100%; } }
.tf-sec { margin-top: 60px; }
.tf-sec-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
.tf-sec-h h2 { margin: 0; font: 500 30px/1.15 var(--tf-font) !important; color: #000; }
.tf-sec-h p { margin: 8px 0 0; font: 400 13px/1.4 var(--tf-font); color: var(--tf-muted); }
.tf-btn-o { flex: none; display: inline-flex; align-items: center; height: 26px; padding: 0 9px; border: 1px solid #000; color: #000 !important; font: 500 11px/1 var(--tf-font);
	letter-spacing: .03em; text-transform: uppercase; text-decoration: none !important; transition: background .2s, color .2s; }
.tf-btn-o:hover { background: #000; color: #fff !important; }
.tf-banner { height: min(78vh, 700px); min-height: 420px; overflow: hidden; }
.tf-banner .tf-hero-s { position: absolute; inset: 0; display: block; color: #fff !important; text-decoration: none !important; }
.tf-cats-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% / 3.08); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tf-cats-track::-webkit-scrollbar { display: none; }
.tf-cat { position: relative; display: block; aspect-ratio: 2 / 3; overflow: hidden; scroll-snap-align: start; background: var(--tf-grey); }
.tf-cat img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s ease; }
.tf-cat:hover img { transform: scale(1.03); }
.tf-cat .tf-btn-w { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); white-space: nowrap; }
.tf-scroll-bar { position: relative; display: block; width: min(320px, 60%); height: 3px; margin: 16px auto 0; background: #dcdce4; }
.tf-scroll-bar i { position: absolute; top: 0; left: 0; height: 100%; width: 32%; background: #000; transition: left .15s linear; }
.tf-home-k-g { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 24px 12px; }
.tf-home-k-g a { display: flex; flex-direction: column; gap: 7px; color: #000 !important; text-decoration: none !important; }
.tf-home-k-g i { display: block; aspect-ratio: 1; border: 1px solid rgba(0, 0, 0, .1); outline: 1px solid transparent; outline-offset: 4px; transition: outline-color .15s; }
.tf-home-k-g a:hover i { outline-color: #000; }
.tf-home-k-g span { font: 500 12.5px/1.2 var(--tf-font); }
.tf-home-k-g em { font: 400 11px/1 var(--tf-font); font-style: normal; color: var(--tf-muted); }
.tf-sec-p .wd-carousel-container { margin-bottom: 0; }
.tf-home + * { margin-top: 0; }
.tf-home { padding-bottom: 70px; }
@media (max-width: 768px) {
	.tf-hero { height: 76vh; min-height: 420px; }
	.tf-hero-ph, .tf-hero-ph.n2 { grid-template-columns: 1fr; }
	.tf-hero-ph img:not(:first-child) { display: none; }
	.tf-hero-x { font-size: 13px; max-width: 300px; }
	.tf-banner { height: 70vh; }
	.tf-sec { margin-top: 44px; }
	.tf-sec-h h2 { font-size: 24px !important; }
	.tf-cats-track { grid-auto-columns: 78%; }
	.tf-home-k-g { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 8px; }
	.tf-dots i { width: 56px; }
}

/* ---------- рилсы @topsfit.ua ---------- */
.tf-vchip { position: absolute; right: 8px; bottom: 8px; z-index: 3; display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; background: rgba(0, 0, 0, .7); color: #fff;
	font: 500 10.5px/1 var(--tf-font); pointer-events: none; }
.tf-vchip svg, .tf-reel-n svg, .tf-rv-meta svg { width: 8px; height: 8px; }
.tf-reels-act { display: flex; align-items: center; gap: 6px; }
.tf-rn { width: 26px; height: 26px; border: 1px solid #000; display: grid; place-items: center; color: #000; }
.tf-rn svg { width: 11px; height: 11px; }
.tf-rn:hover { background: #000; color: #fff; }
.tf-reels { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 5 * 12px) / 5.5); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tf-reels::-webkit-scrollbar { display: none; }
.tf-reel { min-width: 0; scroll-snap-align: start; }
.tf-reel-v { position: relative; display: block; aspect-ratio: 9 / 16; overflow: hidden; background: #151515; cursor: pointer; }
.tf-reel-v video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tf-reel-n { position: absolute; left: 8px; top: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 4px 6px; background: rgba(0, 0, 0, .55); color: #fff;
	font: 500 10.5px/1 var(--tf-font); pointer-events: none; }
.tf-reel-p { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 9px; align-items: center; margin-top: 9px; color: #000 !important; text-decoration: none !important; }
.tf-reel-p img { width: 36px; height: 54px; object-fit: cover; background: var(--tf-grey); }
.tf-reel-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 400 12px/1.3 var(--tf-font); }
.tf-reel-p b { display: block; margin-top: 3px; font: 600 12px/1.2 var(--tf-font); }
.tf-reel-p em { display: block; margin-top: 2px; font: 400 10.5px/1.2 var(--tf-font); font-style: normal; color: var(--tf-muted); }
.tf-reel-p:hover .tf-reel-t { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 768px) { .tf-reels { grid-auto-columns: calc((100% - 12px) / 2.25); } .tf-rn { display: none; } }
.tf-preels { margin: 18px 0 4px; }
.tf-preels-h { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; font: 600 11px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-preels-h em { font: 400 12px/1 var(--tf-font); font-style: normal; letter-spacing: 0; text-transform: none; color: var(--tf-muted); }
.tf-preels-g { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.tf-preels-g::-webkit-scrollbar { display: none; }
.tf-preel { position: relative; flex: 0 0 86px; aspect-ratio: 9 / 16; overflow: hidden; background: #151515; }
.tf-preel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.tf-preel:hover img { transform: scale(1.05); }
.tf-preel::after { content: ""; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: rgba(255, 255, 255, .9)
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 2v6l5-3z' fill='%23000'/%3E%3C/svg%3E") 56% 50% / 12px no-repeat; }
.tf-preel .tf-reel-n { top: auto; bottom: 5px; left: 5px; padding: 3px 5px; font-size: 10px; }
.tf-dr-reel .tf-dr-b { padding: 0 0 26px; }
.tf-rv { position: relative; background: #000; }
.tf-rv video { display: block; width: 100%; height: min(66vh, 620px); object-fit: contain; background: #000; cursor: pointer; }
.tf-rv-snd { position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 50%; background: rgba(0, 0, 0, .55); color: #fff; display: grid; place-items: center; }
.tf-rv-snd svg { width: 18px; height: 18px; }
.tf-rv-a { position: absolute; top: 50%; width: 34px; height: 34px; margin-top: -17px; background: rgba(255, 255, 255, .92); color: #000; display: grid; place-items: center; }
.tf-rv-a svg { width: 13px; height: 13px; }
.tf-rv-a.l { left: 10px; } .tf-rv-a.r { right: 10px; }
.tf-rv-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 20px 0; font: 500 11px/1.3 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; color: var(--tf-muted); }
.tf-rv-meta span { display: inline-flex; align-items: center; gap: 5px; }
.tf-rv-meta a { color: #000 !important; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.tf-rv-cap { margin: 8px 20px 0; font: 400 13px/1.5 var(--tf-font); }
.tf-rv-h { margin: 18px 20px 8px; font: 600 11px/1 var(--tf-font); letter-spacing: .03em; text-transform: uppercase; }
.tf-rv-pr { display: grid; gap: 8px; padding: 0 20px; }
.tf-rv-p { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px; border: 1px solid var(--tf-line); color: #000 !important; text-decoration: none !important; transition: border-color .15s; }
.tf-rv-p:hover { border-color: #000; }
.tf-rv-p img { width: 52px; height: 78px; object-fit: cover; background: var(--tf-grey); }
.tf-rv-p > span > span { display: block; font: 400 13px/1.3 var(--tf-font); }
.tf-rv-p em { display: block; margin-top: 2px; font: 400 11px/1.3 var(--tf-font); font-style: normal; color: var(--tf-muted); }
.tf-rv-p b { display: block; margin-top: 4px; font: 600 13px/1 var(--tf-font); }
.tf-rv-p i { font: 500 11px/1 var(--tf-font); font-style: normal; text-transform: uppercase; white-space: nowrap; }
@media (max-width: 600px) { .tf-rv video { height: 54vh; } .tf-rv-p i { display: none; } .tf-rv-p { grid-template-columns: 44px minmax(0, 1fr); } .tf-rv-p img { width: 44px; height: 66px; } }

/* ---------- страница товара: первый ряд галереи целиком в экране + ~10% второго (22.10, Дмитро) ----------
   Ряд — два фото 2:3; от верха галереи до низа экрана ≈ 100vh − 150px (полоска 32 + шапка 64 + отступ). Высота ряда
   h = (100vh − 150px) / 1,1 → ширина фото h·2/3, колонка галереи = 2 фото + зазор 7 px, но не шире «всё минус 480 px».
   Колонка описания забирает освободившееся место до 540 px. Только компьютер: на телефоне галерея — карусель. */
@media (min-width: 1025px) {
	.single-product .e-con:has(> .wd-single-gallery), .single-product .elementor-element-bf75eb1 {
		--width: min(calc(100% - 480px), calc((100vh - 150px) / 1.1 * 4 / 3 + 7px)) !important;
		width: var(--width) !important; flex: 0 0 auto !important; }
	.single-product .wd-sticky-container-lg:has(.product_title) { --width: auto !important; width: auto !important; flex: 1 1 420px !important; max-width: 540px; }
}

/* ---------- шапка как у Adanola: прилипает средствами браузера (sticky), без скрипта WoodMart и без смены высоты;
   чёрная полоска над ней уезжает. Во встроенных браузерах Telegram / Instagram скриптовое прилипание запаздывало (23.10) ---------- */
.tf-adanola .whb-header { position: -webkit-sticky; position: sticky; top: 0; z-index: 390; }
.admin-bar.tf-adanola .whb-header { top: var(--wp-admin--admin-bar--height, 32px); }