/* Шапка в оформлении «Плитки» (дизайн-код .claude/skills/lifebook-style, §5 «Шапка»).
   Разметка общая со старым оформлением (ls/header.php), сюда — только внешний вид.
   Префикс body.lbt .lb-hdr и id из разметки: правила ls/header.css заданы через #id и проигрывать им нельзя. */

body.lbt .lb-hdr {
	--lbh-accent: var(--lb-ink);
	--lbh-accent-h: var(--lb-ink-hover);
	--lbh-accent-ink: var(--lb-ink);
	--lbh-ink: var(--lb-ink);
	--lbh-sub: var(--lb-ink-2);
	--lbh-mute: var(--lb-ink-3);
	--lbh-line: var(--lb-line);
	--lbh-soft: var(--lb-page);
	--lbh-gut: var(--lb-gut);
	--lbh-wrap: calc(var(--lb-wrap) + 2 * var(--lb-gut));
	--lbh-ease: var(--lb-ease);
	--cmm-btn-bg: var(--lb-ink);
	--cmm-btn-hover: var(--lb-ink-hover);
	--cmm-primary: var(--lb-ink);
	font-family: var(--lb-text);
	color: var(--lb-ink);
}
body.lbt .lb-hdr :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; border-radius: 12px; }

/* ---------- верхняя строка ---------- */
body.lbt .lb-hdr #headerLine { background: var(--lb-page); border-bottom: 1px solid var(--lb-line); }
body.lbt .lb-hdr #headerLine .wrapper { height: var(--lb-topbar-h); }
body.lbt .lb-hdr #headerLine .lb-service { gap: 22px; }
body.lbt .lb-hdr #headerLine .lb-service a { color: var(--lb-ink-3); font: 400 var(--lb-fs-small)/1 var(--lb-text); }
body.lbt .lb-hdr #headerLine .lb-service a:hover,
body.lbt .lb-hdr #headerLine .lb-service a[aria-current="page"] { color: var(--lb-ink); }
body.lbt .lb-hdr #headerLine .lb-service__b2b a { height: auto; padding: 0; border: 0; border-radius: 0; color: var(--lb-ink-3); font-weight: 400; }
body.lbt .lb-hdr #headerLine .lb-service__b2b a:hover { color: var(--lb-ink); }
body.lbt .lb-hdr #headerLineRight .lb-contact__tel { display: none; }
body.lbt .lb-hdr #headerLineRight .btn-link {
	border-bottom: 0;
	color: var(--lb-ink-3);
	font: 400 var(--lb-fs-small)/1 var(--lb-text);
	text-decoration: underline;
	text-decoration-color: var(--lb-line);
	text-underline-offset: 4px;
}
body.lbt .lb-hdr #headerLineRight .btn-link:hover { color: var(--lb-ink); }

/* ---------- основная строка ---------- */
body.lbt .lb-hdr #header { background: var(--lb-hdr-bg); border-bottom: 1px solid var(--lb-line); transition: box-shadow var(--lb-t) ease; }
body.lbt .lb-hdr #header .wrapper { height: var(--lb-hdr-h); gap: 18px; transition: height var(--lb-t) var(--lb-ease); }
body.lbt .lb-hdr #headerLeft .lb-logo__word { fill: currentColor; }
body.lbt .lb-hdr #headerLeft .lb-logo__sub { color: var(--lb-ink-3); font: 500 10.5px/1 var(--lb-text); letter-spacing: .12em; }

/* «Каталог» — графитовая пилюля (компонент catalog_mega; lb_header.js держит её в основной строке) */
body.lbt .lb-hdr #header .lb-hdr__cat { display: flex; }
body.lbt .lb-hdr #catalogMenuBtn {
	height: var(--lb-ctl-s);
	padding: 0 20px 0 16px;
	gap: 10px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-ink);
	color: var(--lb-on-ink);
	font: 700 15px/1 var(--lb-display);
	letter-spacing: 0;
	transition: height var(--lb-t) var(--lb-ease), background-color var(--lb-t-fast);
}
body.lbt .lb-hdr #catalogMenuBtn:hover,
body.lbt .lb-hdr #catalogMenuBtn[aria-expanded="true"] { background: var(--lb-ink-hover); }

/* поиск — пилюля на mist без рамки, лупа внутри справа */
body.lbt .lb-hdr #header .header__search-line { flex: 1 1 auto; max-width: 560px; }
body.lbt .lb-hdr #header #searchTable {
	height: var(--lb-ctl-s);
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	transition: height var(--lb-t) var(--lb-ease), background-color var(--lb-t-fast);
}
body.lbt .lb-hdr #header #searchTable:focus-within { background: var(--lb-page); box-shadow: inset 0 0 0 2px var(--lb-ink); }
body.lbt .lb-hdr #header #topSearchLine #topQ {
	height: var(--lb-ctl-s);
	padding: 0 8px 0 20px;
	color: var(--lb-ink);
	font: 400 var(--lb-fs-ui) var(--lb-text);
	transition: height var(--lb-t) var(--lb-ease);
}
body.lbt .lb-hdr #header #topSearchLine #topQ::placeholder { color: var(--lb-ink-3); }
body.lbt .lb-hdr #header #searchTable .inputSubmit { width: 44px; }
body.lbt .lb-hdr #header #goTopSearch,
body.lbt .lb-hdr #header #topSearchLine #goTopSearch:hover,
body.lbt .lb-hdr #header #topSearchLine #goTopSearch:focus-visible {
	width: 36px;
	height: 36px;
	margin: 0 4px 0 auto;
	border-radius: 50%;
	--lbh-search-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315191e' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
	background: transparent var(--lbh-search-ico) center / 18px no-repeat;
}
body.lbt .lb-hdr #header #topSearchLine #goTopSearch:hover { background-color: var(--lb-page); }

/* телефон и часы работы (только в новом оформлении, header.php) */
body.lbt .lb-hdr .lbt-phone {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 14px 0 6px;
	color: var(--lb-ink);
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
}
body.lbt .lb-hdr .lbt-phone b { font: 700 17px/1.2 var(--lb-display); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
body.lbt .lb-hdr .lbt-phone span { color: var(--lb-ink-3); font: 400 var(--lb-fs-micro)/1.3 var(--lb-text); }
body.lbt .lb-hdr .lbt-phone:hover b { text-decoration: underline; text-underline-offset: 3px; }
body.lbt .lb-hdr #header #headerRight { align-items: center; margin-left: auto; }

/* действия — круги 44 px без подписей (подписи остаются для экранных дикторов) */
body.lbt .lb-hdr #header #headerUserNav { gap: 4px; }
body.lbt .lb-hdr #headerUserNav .lb-home-nav-action,
body.lbt .lb-hdr #headerUserNav .uacc .uacc__login,
body.lbt .lb-hdr #headerUserNav .uacc .uacc__trigger,
body.lbt .lb-hdr #headerUserNav #topCart .topCart a {
	width: var(--lb-ctl-s);
	min-width: 0;
	height: var(--lb-ctl-s);
	border-radius: 50%;
	color: var(--lb-ink);
	gap: 0;
	transition: background-color var(--lb-t-fast), width var(--lb-t) var(--lb-ease), height var(--lb-t) var(--lb-ease);
}
body.lbt .lb-hdr #headerUserNav .lb-home-nav-action:hover,
body.lbt .lb-hdr #headerUserNav .uacc .uacc__login:hover,
body.lbt .lb-hdr #headerUserNav .uacc .uacc__trigger:hover,
body.lbt .lb-hdr #headerUserNav #topCart .topCart a:hover { background: var(--lb-mist); color: var(--lb-ink); }
body.lbt .lb-hdr #headerUserNav .lb-home-nav-action > span:not(.lbw-count),
body.lbt .lb-hdr #headerUserNav .uacc__cap,
body.lbt .lb-hdr #headerUserNav .uacc .uacc__trigger .uacc__cap,
body.lbt .lb-hdr #headerUserNav #topCart .lb-act__cap {
	position: absolute;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
body.lbt .lb-hdr #headerUserNav .lb-home-nav-action svg,
body.lbt .lb-hdr #headerUserNav .uacc .uacc__ico,
body.lbt .lb-hdr #headerUserNav .lb-act__ico { width: 22px; height: 22px; stroke-width: 1.9; }
body.lbt .lb-hdr #headerUserNav .uacc { --uacc-accent: var(--lb-ink); --uacc-accent-dark: var(--lb-ink); font-family: var(--lb-text); }
/* счётчики корзины и избранного — единственное место оранжевого кроме знака логотипа */
body.lbt .lb-hdr #headerUserNav #topCart #topQty,
body.lbt .lb-hdr #headerUserNav .lbw-count {
	top: 2px;
	left: auto;
	right: 0;
	background: var(--lb-brand);
	font: 600 10.5px/14px var(--lb-text);
}

/* ---------- строка разделов: пилюли на mist ---------- */
body.lbt .lb-hdr .lb-rub { background: var(--lb-page); border-bottom: 0; }
body.lbt .lb-hdr .lb-rub__in { height: auto; padding-top: 14px; padding-bottom: 18px; gap: 8px; }
body.lbt .lb-hdr .lb-rub__cat:empty,
body.lbt .lb-hdr .lb-rub__cat:not(:has(*)) { display: none; }
body.lbt .lb-hdr .lb-rub__list { gap: 8px; }
body.lbt .lb-hdr .lb-rub__list > a,
body.lbt .lb-hdr .lb-rub__grp-btn,
body.lbt .lb-hdr .lb-rub__more {
	height: var(--lb-ctl-s);
	padding: 0 18px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font: 500 15px/1 var(--lb-text);
	box-shadow: none;
}
body.lbt .lb-hdr .lb-rub__list > a:hover,
body.lbt .lb-hdr .lb-rub__grp-btn:hover,
body.lbt .lb-hdr .lb-rub__grp-btn[aria-expanded="true"],
body.lbt .lb-hdr .lb-rub__more:hover,
body.lbt .lb-hdr .lb-rub__more[aria-expanded="true"] { background: var(--lb-blue); color: var(--lb-ink); }
body.lbt .lb-hdr .lb-rub__list > a[aria-current="page"],
body.lbt .lb-hdr .lb-rub__grp-btn[data-current],
body.lbt .lb-hdr .lb-rub__grp-btn[data-current][aria-expanded="true"] { background: var(--lb-ink); color: var(--lb-on-ink); border-radius: var(--lb-r-pill); }
body.lbt .lb-hdr .lb-rub__badge { border: 0; background: var(--lb-page); color: var(--lb-ink-2); font: 600 11px/1.4 var(--lb-text); border-radius: var(--lb-r-pill); padding: 1px 7px; }
body.lbt .lb-hdr .lb-rub__label { color: var(--lb-ink-3); font: 400 var(--lb-fs-small)/1 var(--lb-text); }
body.lbt .lb-hdr .lb-rub__pop {
	top: calc(100% - 12px);
	padding: 8px;
	border: 1px solid var(--lb-line);
	border-radius: var(--lb-rc);
	box-shadow: 0 18px 44px rgba(21, 25, 30, .12);
}
body.lbt .lb-hdr .lb-rub__pop a { border-radius: 12px; color: var(--lb-ink); font: 500 15px/1.3 var(--lb-text); }
body.lbt .lb-hdr .lb-rub__pop a:hover,
body.lbt .lb-hdr .lb-rub__pop a:focus-visible { background: var(--lb-mist); color: var(--lb-ink); }
body.lbt .lb-hdr .lb-rub__pop a small,
body.lbt .lb-hdr .lb-rub__pop-h { font-family: var(--lb-text); color: var(--lb-ink-3); }
body.lbt .lb-hdr .lb-rub__pop.lb-rub__pop--grp a[aria-current="page"] b { color: var(--lb-ink); text-decoration: underline; }

/* мегаменю каталога: шрифты и выделение без оранжевого */
body.lbt .catalog-mega-menu { font-family: var(--lb-text); }
body.lbt .catalog-mega-menu__container { border-radius: var(--lb-rc); }
body.lbt .catalog-primary-list__link { border-radius: 12px; font-family: var(--lb-text); }
body.lbt .catalog-primary-list__item.is-active > .catalog-primary-list__link,
body.lbt .catalog-primary-list__link:hover { background: var(--lb-mist); color: var(--lb-ink); }

/* ---------- компактная шапка: закреплена плагином scrollToFixed (класс scroll-to-fixed-fixed) ---------- */
body.lbt .lb-hdr #header.scroll-to-fixed-fixed { background: var(--lb-hdr-bg); box-shadow: 0 1px 0 var(--lb-line); border-bottom: 0; }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed .wrapper { height: var(--lb-hdr-hc); }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed .lb-logo__mark { width: 34px; }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed .lb-logo__word { height: 20px; }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #catalogMenuBtn { height: var(--lb-ctl-c); }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #searchTable,
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #topSearchLine #topQ { height: var(--lb-ctl-c); }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #goTopSearch { width: 32px; height: 32px; }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed .lbt-phone span { display: none; }
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #headerUserNav .lb-home-nav-action,
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #headerUserNav .uacc .uacc__login,
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #headerUserNav .uacc .uacc__trigger,
body.lbt .lb-hdr #header.scroll-to-fixed-fixed #headerUserNav #topCart .topCart a { width: var(--lb-ctl-c); min-width: 0; height: var(--lb-ctl-c); }

@media (max-width: 1380px) {
	body.lbt .lb-hdr .lbt-phone span { display: none; }
}
@media (max-width: 1180px) {
	body.lbt .lb-hdr .lbt-phone { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	body.lbt .lb-hdr, body.lbt .lb-hdr * { transition: none !important; }
}

/* окно «Перезвоните мне» */
body.lbt #frm-modal-FORM2 .modal-content { border-radius: var(--lb-r); font-family: var(--lb-text); }
body.lbt #frm-modal-FORM2 .modal-header .title { font: 700 22px/1.2 var(--lb-display); letter-spacing: var(--lb-track-head); color: var(--lb-ink); }
body.lbt #modalFORM2 .form-control { border-radius: 14px; border-color: var(--lb-line); background: var(--lb-mist); font-family: var(--lb-text); }
body.lbt #modalFORM2 .form-control:focus { border-color: var(--lb-ink); box-shadow: none; background: var(--lb-page); }
body.lbt #modalFORM2 .control-label .asterisk { color: var(--lb-ink-3); }
body.lbt #modalFORM2 .btn,
body.lbt #modalFORM2 button[type="submit"] { border: 0; border-radius: var(--lb-r-pill); background: var(--lb-ink); color: var(--lb-on-ink); font: 600 16px var(--lb-text); height: var(--lb-ctl); }

/* полоса согласия с cookie */
body.lbt .cookie-apply { font-family: var(--lb-text); border-radius: var(--lb-rc); }
body.lbt .cookie-apply p { color: var(--lb-ink-2); font-size: 13px; }
body.lbt .cookie-apply a { color: var(--lb-ink); }
body.lbt .cookie-apply .btn { border: 0; border-radius: var(--lb-r-pill); background: var(--lb-ink); color: var(--lb-on-ink); }
body.lbt .cookie-apply .btn:hover { background: var(--lb-ink-hover); }

/* 14.11.2026: строка разделов ниже — пилюли 38 вместо 44, поля строки 8/12 (было 14/18) */
body.lbt .lb-hdr .lb-rub__in { padding-top: 8px; padding-bottom: 12px; }
body.lbt .lb-hdr .lb-rub__list > a,
body.lbt .lb-hdr .lb-rub__grp-btn,
body.lbt .lb-hdr .lb-rub__more { height: var(--lb-ctl-c); padding: 0 16px; font-size: 14.5px; }
body.lbt .lb-hdr .lb-idn { height: var(--lb-ctl-c); }
body.lbt .lb-hdr .lb-idn__mark { width: 28px; height: 28px; border-radius: 10px; }
body.lbt .lb-hdr .lb-idn__mark::after { top: 7px; bottom: 7px; left: 14px; width: 7px; }

/* длинная группа (бренды ноутбуков) — две колонки, первый пункт «Все ноутбуки» во всю ширину */
body.lbt .lb-hdr .lb-rub__pop.lb-rub__pop--grp:has(> a:nth-of-type(8)) { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px; width: 400px; }
body.lbt .lb-hdr .lb-rub__pop.lb-rub__pop--grp:has(> a:nth-of-type(8)) > a:first-of-type { grid-column: 1 / -1; margin-bottom: 4px; background: var(--lb-mist); }