/* главная  */

div.title-search-result {
	 /* display: block !important; */
}

div.title-search-result {
	width: 666px;
	max-height: 417px !important;
	top: 113px !important;
	left: 476px;
	gap: 0px !important;
	border-radius: 24px !important;
	opacity: 0px !important;
	background: var(--white) !important;
	z-index: 8005 !important;
	padding: 8px !important;
	overflow-x: scroll !important;
	box-shadow: 0px -2px 20px 0px #1764C81A !important;
	margin-top: -2px !important !important;
}

#title-search_fixed{
	z-index: 8005;
	position: relative;
}

.graybg{
	background: #0000004D;
	z-index: 8000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: 0.2s;
	display: none;
}

.bx_smart_searche{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.bx_smart_searche .js_search_href.bx_item_block_href{
	width: 100%;
	height: 50px;
	padding: 8px 16px 10px 16px;
	gap: 8px;
	border-radius: 16px;
	opacity: 0px;
	color: var(--black);
	display: flex;
	gap: 8px;
	align-items: center;
}

.bx_smart_searche  .js_search_href.bx_item_block_href .bx_item_block_item_image{
	height: 32px;
	min-width: 32px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.bx_smart_searche  .js_search_href.bx_item_block_href  .bx_item_block_item_info{
	display: flex;
	gap: 8px;
	align-items: center;
}

.bx_smart_searche .js_search_href.bx_item_block_href:hover{
	background-color: var(--bg_dark);
	color: var(--black) !important;
}

.bx_smart_searche .bx_item_block_item_image.icon-catalog{
	font-size: 20px;
	background-position: center;
	text-align: center;
	line-height: 32px;
}

.bx_smart_searche .bx_item_block_item_image.icon-catalog::before{
	color: var(--disable);
}

.bx-searchtitle.theme-blue .bx-input-group-btn button{
	border: 0;
	background: none;
	position: absolute;
	right: 24px;
	height: 64px;
	line-height: 74px;
	cursor: pointer;
}

.bx-searchtitle.theme-blue .bx-input-group-btn button span{ 
	color: var(--main_blue);
	font-size: 23px;
}

.bx-searchtitle .bx_smart_no_result_find{
	padding: 16px;
}

header #title-search-input_fixed:focus-visible{
	outline-color: var(--white);
}


div.title-search-result {
  scrollbar-width: thin;
  scrollbar-color: #1764C8 white;
  overflow-x: hidden !important;
}

div.title-search-result::-webkit-scrollbar-button:start, div.title-search-result::-webkit-scrollbar-button:end{
	display: none !important;
}

div.title-search-result::-webkit-scrollbar{
	margin-right: 10px;
}



header #title-search-input_fixed.active{
	background: var(--white);
	box-shadow: 0px -2px 20px 0px #1764C81A;
}

#title-search_fixed .icon-close{
	display: none;
	position: absolute !important;
	font-size: 24px;
	color: var(--main_blue);
	border: 0;
	background: none;
	position: absolute;
	right: 63px;
	height: 64px;
	line-height: 65px;
	cursor: pointer;
	transition: 0.2s;
}

.bx-form-control.active .icon-close{
	display: block !important;
}	

#title-search_fixed .icon-close:hover, .bx-searchtitle.theme-blue .bx-input-group-btn button:hover span{
	color: var(--main_blue_hover);
}


#title-search_fixed ::placeholder{
	color: var(--gray_text);
}

.bx-input-group .bx-searchtitle-preloader{
	display: none;
	background: var(--white);
	box-shadow: 0px -2px 20px 0px #1764C81A;
	width: 100%;
	height: 50px;
	position: absolute;
	height: 64px;
	gap: 0px;
	border-radius: 24px;
	opacity: 0px;
	margin-top: 0px;
}

.bx-input-group .bx-searchtitle-preloader .loader{
	content: "";
		width: 100%;
		height: 24px;
		left: 0;
		position: absolute;
	   background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1995 8.3512C12.6051 5.38433 11.9967 0 11.9967 0C11.9967 0 11.3883 5.38433 7.79388 8.3512C4.1995 11.3181 0 12.0452 0 12.0452C0 12.0452 4.52687 12.32 8.17085 16.153C11.8115 19.986 12 24 12 24C12 24 12.1852 19.986 15.8292 16.153C19.4698 12.32 24 12.0452 24 12.0452C24 12.0452 19.7972 11.3148 16.2028 8.34797L16.1995 8.3512Z' fill='%231764C8'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: center;
		-webkit-animation: spinX 3s infinite;
		animation: spinX 3s infinite;
		background-size: contain;
		background-color: transparent;
		top: 20px;
}

@-webkit-keyframes spinX
{  
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes spinX
{  
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.n72-search-dropdown.scrollbar{
	display: block;
	width: 750px;
	border-radius: 24px;
	opacity: 0px;
	box-shadow: 0px -2px 20px 0px #1764C81A;
	padding: 8px;
	position: absolute;
	transition: 0.2s;
}