/* ТСС: оформление шапки. Три полосы в оттенках фирменного синего, оранжевый акцент из логотипа. */
header { --tss-top: #003d61; --tss-main: #004f7c; --tss-menu: #00456d; --tss-accent: #f7a823; --tss-accent-hover: #ffb93f; }

/* верхняя полоса */
header #top.top-menu { background: var(--tss-top); }
header .top-links__a, header .top-menu__btn { font-size: 12.5px; }
header .top-links__a { opacity: .82; transition: opacity .15s, color .15s; }
header .top-links__a:hover { opacity: 1; color: var(--tss-accent); }
header .top-menu__btn { background: transparent; }
header .top-menu__btn:hover { color: var(--tss-accent); }

/* основная строка */
header .header-phones__main { font-weight: 600; letter-spacing: .01em; }
header .header-block__item-caption { font-size: 11.5px; opacity: .85; margin-top: 4px; }
header .header-block__item-wishlist, header .header-block__item-compare, header .header-block__item-cart { transition: opacity .15s; }
header .header-block__item-wishlist:hover i, header .header-block__item-compare:hover i, header .header-block__item-cart:hover i { color: var(--tss-accent); }
header .header-search__input { border-radius: 8px; }

/* счётчики корзины, избранного и сравнения — заметные, в цвет акцента */
header .header-cart__total-items, header .header-wishlist__total-items, header .header-compare__total-items { top: -6px; right: -10px; bottom: auto; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--tss-accent); color: #10283a; font-size: 11px; font-weight: 700; line-height: 18px; }

@media (min-width: 992px) {
	header .header-block { padding: 18px 0; align-items: center; }
	header .header-logo__img { width: auto; height: 74px; }
	header .header-block__item-logo { padding-right: 20px; }

	/* кнопка каталога — главный элемент навигации */
	header .header-menu__btn { height: 46px; padding: 0 22px; border-radius: 8px; background: var(--tss-accent); color: #10283a; font-size: 14px; font-weight: 700; letter-spacing: .05em; transition: background .15s; }
	header .header-menu__btn:hover, header .header-menu__btn:focus { background: var(--tss-accent-hover); color: #10283a; }
	header .header-menu__btn i, header .header-menu__btn span { color: inherit; }

	/* поиск той же высоты, что и кнопка каталога */
	header .header-search__form { height: 46px; }
	header .header-search__input { height: 46px; padding: 0 56px 0 18px; font-size: 14.5px; }
	header .header-search__btn { right: 0; width: 52px; height: 100%; border-radius: 0 8px 8px 0; color: var(--tss-main); transition: background .15s, color .15s; }
	header .header-search__btn:hover { background: var(--tss-accent); border-radius: 0 8px 8px 0; color: #10283a; }
	header .header-search__btn i { color: inherit; font-size: 16px; }

	header .header-phones__main { font-size: 17px; }

	/* строка разделов: отдельная полоса во всю ширину */
	header #menu2.menu-right { background: var(--tss-menu); box-shadow: 0 0 0 100vmax var(--tss-menu); clip-path: inset(0 -100vmax); }
	header #menu2 .menu__collapse { justify-content: space-between; }
	header #menu2 .menu__level-1-li, header #menu2 .menu__level-1-li:first-child, header #menu2 .menu__level-1-li:last-child { flex: 0 1 auto; border: 0; box-shadow: none; }
	header #menu2 .menu__level-1-a { height: 46px; padding: 0; font-size: 14px; font-weight: 600; white-space: nowrap; box-shadow: inset 0 -3px 0 transparent; transition: box-shadow .15s, color .15s; }
	header #menu2 .menu__level-1-li:hover, header #menu2 .menu__level-1-li.open { background: transparent; }
	header #menu2 .menu__level-1-li:hover > .menu__level-1-a, header #menu2 .menu__level-1-a:hover { box-shadow: inset 0 -3px 0 var(--tss-accent); color: #fff; }
}

@media (max-width: 991px) {
	header .header-block { align-items: center; }
	header .header-logo__img { width: auto; height: 62px; }
}