/* ============================================================
   header-new.css — кастомні стилі нового хедера (n_header / nh_*)
   Витягнуті з style.css (async) для завантаження sync → запобігання CLS.
   При зміні стилів хедера в style.css — оновлюй і цей файл.
   ============================================================ */

.n_header_top{
	background:var(--bs-danger-rgb);
	padding:14px 0;
	padding-right:calc(var(--bs-gutter-x) * 0.5);
	padding-left:calc(var(--bs-gutter-x) * 0.5);
	gap: 20px;
}

.n_header_top a:hover{
	color:var(--bs-primary) !important;
	transition:.3s ease;
}

.nh_logo{
	max-width:220px;
	width:100%;
}

.nh_logo a.show-desktop img{
	height: 52px !important;
}

.nh_logo a.show-mobile img{
	height: 45px !important;
}

.nh_links{
	flex:1;
	gap:25px;
}

.nh_links a{
	text-decoration:none;
	color:#000;
	transition:.3s ease;
}

.n_header_sticky{
	background:#122538;
	padding:10px 0;
	padding-right:calc(var(--bs-gutter-x) * 0.5);
	padding-left:calc(var(--bs-gutter-x) * 0.5);
}

.n_header_sticky-wrap{
	position:sticky;
	top:0;
	z-index:100;
}

.product-product .n_header_sticky-wrap{
	position:relative;
}

.nh_search{
	max-width:100%;
	flex:1;
	padding:0 35px;
}
.nh_menu {
	min-width: 190px;
}
.nh_menu button._icon-catalog{
	border-radius:5px;
	background-color:var(--bs-primary);
	transition:all 0.3s;
	padding:10px;
}

.nh_menu button._icon-catalog:before{
	content:'' !important;
	background-image:url(/image/catalog/icons/nh_action_menu.webp);
	background-repeat:no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
}

.nh_menu button._icon-catalog:after{
	content:'' !important;
	background-image:url(/image/catalog/icons/arrow_right.webp);
	background-repeat:no-repeat;
	background-size:contain;
	width:7px;
	height:11px;
	transform:rotate(90deg);
}

.nh_menu button span{
	font-weight:500;
}

.nh_search #search{
	position:relative;
}

.nh_search #search input{
	padding:5px 15px;
	border-radius:5px;
	min-height:40px;
	height:40px;
}

.nh_search #search button{
	position:absolute;
	top:5px;
	right:5px;
	width:30px;
	min-height:30px;
	height:30px;
	background:var(--bs-primary);
	border-radius:5px;
	padding:7px;
}

.nh_actions{
	gap:15px;
}

.nh_action{
	display:flex;
	cursor:pointer;
}

.nh_action button{
	background:transparent !important;
}

.nh_action > a{
	display:flex;
}

.nh_action.nh_langs .language-block__button{
	gap:5px !important;
	padding:0 !important;
	color:#fff;
}

.nh_action.nh_langs ._icon-lang:before{
	content:'' !important;
	background-image:url(/image/catalog/icons/nh_action_lang.webp);
	background-repeat:no-repeat;
	background-size:contain;
	width:20px;
	height:20px;
}

.nh_action.nh_langs ._icon-lang:after{
	display:none !important;
}

.nh_langs{
	margin-right:35px;
}

#accountBlockD{
	background:transparent !important;
}

#accountBlockD::after{
	display:none !important;
}

.nh_phones-m{
	display:none;
}

.mm_parent{
	gap:0 !important;
}

.mobile-menu.show{
	width:100%;
	max-width:325px;
}

#navbarsExample05.z99{
	z-index:9999;
}

#search .dropdown-menu, #search-m .dropdown-menu{
	max-height:85vh !important;
}

@media (max-width:1520px){
	.nh_logo{
		max-width:210px;
	}
	.n_header_sticky .navbar-catalog__button span{
		font-size:15px;
		padding:0 5px;
	}
}

@media (max-width:1439.98px){
	.navbar-catalog__button span{
		font-size:14px;
		padding:0 5px;
	}
	.nh_links{
		flex:1;
		gap:15px;
	}
	.nh_links a, .nh_links span{
		font-size:14px;
	}
}

@media (max-width:1199.98px){
	.header_top_sale{
		display:none;
	}
	.n_header_top .nh_links{
		display:none !important;
	}
	body.backdrop .n_header_sticky-wrap{
		z-index:1;
	}
}

@media (max-width:767.98px){
	.n_header_sticky-wrap{
		display:none !important;
	}
	body:not(.checkout-onepcheckout) header .top_header-row_bottom{
		display:none !important;
	}
	.n_header_top{
		order:-1;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding: 15px 20px;
	}
	.nh_logo{
		max-width:max-content;
	}
	.nh_phones-d{
		display:none !important;
	}
	.nh_phones-m{
		display:flex !important;
		font-size:14px;
	}
	.c_header_t{
		order:-2;
	}
}

@media (max-width:576.5px){
	.mobile-menu.show{
		max-width:85%;
	}
}

@media (max-width:375px){
	.nh_logo img{
		max-width:160px;
	}
}

@media (min-width:767.5px){
	body:not(.checkout-onepcheckout) .c_header_t{
		display:none;
	}
	.header__bottom, .catalog-menu-wrap{
		display:block;
	}
	.catalog-menu-wrap{
		display:none;
		margin-top:-0.725rem;
	}
	.n_header_sticky .header__bottom{
		box-shadow:none;
		background-color:transparent;
	}
	.n_header_sticky .navbar-catalog .button.button-primary{
		border-radius:5px;
		background-color:var(--bs-primary);
		transition:all 0.3s;
	}
}

/* nh nav phone dropdown */
.nh_link-dropdown button{background:none}
.nh_link-dropdown_menu li{padding:4px 10px}
.nh_link-dropdown_menu li + li{border-top:1px solid #ddd}
.nh_link-dropdown_menu.show{top:100% !important;transform:unset !important;min-width:300px}
#nh_phones-dropdown{border:none;background:transparent;gap:15px;position:relative;padding:0;margin-right:10px}
#nh_phones-dropdown:before{content:'';position:absolute;background-image:url('/image/catalog/icons/menu_chevron_r.webp');background-repeat:no-repeat;background-size:contain;width:10px;height:12px;right:-20px;top:50%;transform:translateY(-50%) rotate(90deg);opacity:.6}
#nh_phones-dropdown::after{content:'';display:none}
#nh_phones-dropdown .nh_phone-item{gap:10px;color:#000}
#nh_phones-dropdown + .dropdown-menu{padding:0 !important;transform:none !important;inset:99% 0 auto auto !important;border:1px solid #0000001a;border-radius:0 0 10px 10px;border-top:none}
.nh_phones-info{display:flex;padding:20px;min-width:270px}
.nh_phones-info .nh_phone-item{gap:15px;color:#000;font-weight:500;font-size:16px;line-height:1;border-bottom:1px solid #0000001a;padding:15px 0}
.nh_phones-info .nh_phone-item:first-child{padding-top:0}
.nh_phones-info .nh_phone-item:last-child{padding-bottom:0;border:none}
@media (max-width:1439.98px){#nh_phones-dropdown{padding:0 15px}#nh_phones-dropdown:before{right:0}#nh_phones-dropdown .nh_phone-item,.nh_phones-info .nh_phone-item{font-size:14px}}