/**
 * Современная шапка десктоп — премиальный стиль (2024–2025)
 * Минимализм, чёткая иерархия, аккуратный акцент на «Скидки»
 * Вдохновение: Away, ColourPop, Gymshark
 */
@media (min-width: 992px) {
	/* ═══ Верхняя панель #top — тёплый премиальный вид ═══ */
	#top {
		background: linear-gradient(180deg, #fafaf9 0%, #f5f4f2 100%) !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
		min-height: 42px !important;
		padding: 0 !important;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
	}
	#top .container.header-inline {
		max-width: 100%;
		padding-left: 24px;
		padding-right: 24px;
	}
	#top .row.header-inline-row {
		min-height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	/* ═══ Навигация — элегантная типографика ═══ */
	#top .top_menu_left {
		padding: 0 !important;
		flex: 1;
	}
	#top .top_menu_left .top-nav-list {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 6px 18px !important;
		margin: 0 !important;
		padding: 8px 0 !important;
		list-style: none !important;
	}
	#top .top_menu_left .top-nav-list li {
		margin: 0 !important;
	}
	#top .top_menu_left .top-nav-link {
		font-size: 13px !important;
		font-weight: 500 !important;
		color: #4a4a4a !important;
		text-decoration: none !important;
		transition: color 0.2s ease, opacity 0.2s ease !important;
		white-space: nowrap;
		letter-spacing: 0.01em;
	}
	#top .top_menu_left .top-nav-link:hover {
		color: #1a1a1a !important;
	}
	/* «Скидки» — аккуратный pill-бейдж вместо кричащего текста */
	#top .top_menu_left .top-nav-link--sale {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		padding: 5px 14px !important;
		border-radius: 20px !important;
		font-weight: 600 !important;
		font-size: 13px !important;
		letter-spacing: 0.02em !important;
		color: #fff !important;
		background: linear-gradient(135deg, #e30016 0%, #c41e3a 100%) !important;
		box-shadow: 0 2px 6px rgba(227, 0, 22, 0.25) !important;
		transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
	}
	#top .top_menu_left .top-nav-link--sale:hover {
		color: #fff !important;
		background: linear-gradient(135deg, #cc0014 0%, #a81a32 100%) !important;
		box-shadow: 0 3px 10px rgba(227, 0, 22, 0.35) !important;
		transform: translateY(-1px) !important;
		text-decoration: none !important;
	}
	/* Опционально: иконка процента перед «Скидки» (если добавить в разметку) */
	#top .top_menu_left .top-nav-link--sale .top-nav-sale-icon {
		opacity: 0.9;
		font-size: 11px;
	}
	/* ═══ Иконки справа — один блок, сдвинут влево ═══ */
	#top .wrap-item-flex {
		display: flex !important;
		align-items: center !important;
		gap: 2px !important;
		padding: 4px 8px !important;
		background: rgba(0, 0, 0, 0.03) !important;
		border-radius: 12px !important;
		margin-right: 24px !important;
	}
	#top .wrap-item-flex .top_menu_right ul,
	#top .wrap-item-flex .top-bar-search-phone,
	#top .wrap-item-flex .header-icons-container {
		display: flex !important;
		align-items: center !important;
		gap: 2px !important;
	}
	#top .wrap-item-flex .top_menu_right ul li a,
	#top .wrap-item-flex .top-bar-search-phone a,
	#top .wrap-item-flex .header-icons-container a,
	#top .wrap-item-flex .header-icons-container .btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		padding: 0 !important;
		color: #5a5a5a !important;
		border-radius: 10px !important;
		transition: background 0.2s ease, color 0.2s ease !important;
	}
	#top .wrap-item-flex .top_menu_right ul li a:hover,
	#top .wrap-item-flex .top-bar-search-phone a:hover,
	#top .wrap-item-flex .header-icons-container a:hover {
		background: rgba(0, 0, 0, 0.05) !important;
		color: #1a1a1a !important;
	}
	#top .wrap-item-flex .header-icons-container .cart-button {
		color: #5a5a5a !important;
	}
	#top .wrap-item-flex .header-icons-container .cart-button:hover {
		background: rgba(0, 0, 0, 0.05) !important;
		color: #1a1a1a !important;
	}
	#top .wrap-item-flex .header-icons-container .cart-button .fa-shopping-cart {
		color: inherit !important;
	}
	/* Иконки Font Awesome — единый размер в панели */
	#top .wrap-item-flex .fa,
	#top .wrap-item-flex .fas,
	#top .wrap-item-flex .far {
		font-size: 15px !important;
	}
	/* Иконка поиска — красная и больше остальных */
	#top .wrap-item-flex .top-bar-search-phone .searchicondesc,
	#top .wrap-item-flex .top-bar-search-phone .searchicondesc i,
	#top .wrap-item-flex .top-bar-search-phone .searchicondesc svg {
		color: #e30016 !important;
		fill: #e30016 !important;
		font-size: 1.3em !important;
	}
	#top .wrap-item-flex .top-bar-search-phone .searchicondesc:hover,
	#top .wrap-item-flex .top-bar-search-phone .searchicondesc:hover i,
	#top .wrap-item-flex .top-bar-search-phone .searchicondesc:hover svg {
		color: #cc0014 !important;
		fill: #cc0014 !important;
	}
	/* ═══ Скрыть иконки поиска и телефона в серой полоске ═══ */
	body header .header-inline .header-inline-block.header-telephone {
		display: none !important;
	}
	/* #search position: relative — только ≥1600px; 992–1599: выезжающая панель в header-tablet-fix (fixed, не relative). */
	/* ═══ Серая полоска — фиксированная ширина ═══ */
	body header .header-inline {
		max-width: 1440px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		overflow: visible !important;
	}
	/* ═══ Категории по центру, в одну строчку ═══ */
	body header .header-inline .header-inline-row {
		position: relative !important;
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		min-height: 60px !important;
		overflow: visible !important;
	}
	body header .header-inline .header-inline-block.logoblock {
		flex: 0 0 auto !important;
		z-index: 1 !important;
	}
	body header .header-inline .header-inline-block.menublock {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		z-index: 10050 !important;
		display: flex !important;
		justify-content: center !important;
		white-space: nowrap !important;
		overflow: visible !important;
	}
	body header .header-inline .header-inline-block.menublock #mainmenu,
	body header .header-inline .header-inline-block.menublock .mainmenu-ul {
		justify-content: center !important;
		display: flex !important;
		flex-wrap: nowrap !important;
	}
	body header .header-inline .header-inline-block.menublock .mainmenu-ul li {
		float: none !important;
		flex-shrink: 0 !important;
	}
	body header {
		overflow: visible !important;
		max-height: none !important;
	}
	body header .header-inline,
	body header .header-inline .header-inline-row {
		max-height: none !important;
	}
	body header .header-inline .header-inline-block.menublock #mainmenu {
		overflow: visible !important;
	}
	body header .header-inline .header-inline-block.menublock .mainmenu-ul {
		overflow: visible !important;
	}
	body header .mainmenu-ul li.expanded-level-1 > ul,
	body header .mainmenu-ul li.expanded-level-1.showed > ul {
		z-index: 100000 !important;
	}
}

/* Широкий десктоп: поиск в потоке — автодополнение привязано к #search */
@media (min-width: 1600px) {
	body header .header-inline-block-search #search.header-search-input {
		position: relative !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
	}
}