.store-search-box {
	position: relative;
	display: flex;
	/* flex-wrap: wrap; */
	gap: var(--space-200);
}

span.search-box-text {
	display: flex;
	flex-grow: 1;
}

input.search-box-text {
	flex-grow: 1;

}

.instant-search-item {
	overflow: hidden;
}

.instantSearch ul { 
	padding: 0;
	display: grid;
	grid-gap: .5rem;
}

.store-search-box select {
	order: -1;
}





.ui-helper-hidden-accessible {
	display: none;
}

.ui-autocomplete {
	position: absolute;
	border: 1px solid #eee;
	overflow: hidden;
	width: 100% !important;
	max-width: 100%;
	font-size: 14px;
	color: #666;
	background: #fff;
	z-index: 1070;
}

.ui-autocomplete li {
	border-top: 1px solid #ccc;
}

.ui-autocomplete li:first-child {
	border-top: none;
}

.ui-autocomplete a {
	display: block;
	padding: 20px;
	background: #f6f6f6;
	text-align: left;
}

.ui-autocomplete a.ui-state-focus {
	background: #fff;
	color: #000;
}

.ui-autocomplete img {
	display: none;
	margin-right: 5px;
	vertical-align: middle;
}

@media (min-width: 1025px) {
	.ui-autocomplete {
		z-index: 1015;
		/*should be lower than header but equal or higher than header-menu*/
	}
}





.instantSearch {
	width: 100% !important;
	height: auto !important;


	left: 0!important;
	top: 59px !important;
	
	max-width: 100%;
	padding: var(--space-300, .75rem);
	background: var(--color-gray-0, white);
	border: solid thin var(--color-gray-2, gainsboro);
	border-radius: var(--space-200, .25rem);
	overflow: hidden;
	text-align: initial;
	min-width: 12rem;
}

.instantSearch.resize {
	left: 0 !important;
	width: 100% !important;
	top: 100%;
}

.instantSearch .k-list-container {
	position: static !important;
	width: 100% !important;
	background: #fff;
}

.instantSearch .k-list-scroller {
	height: 100% !important;
	overflow-y: auto;
}

@media (max-width: 1024px) {
	.instantSearch .k-list-container {
		max-height: calc(100vh - 150px);
		overflow: auto;
	}
}





#advanced-search-block {
	display: none!important;
}






.instantSearch .k-item { cursor: pointer }

.instant-search-item { overflow: hidden }



.k-item.k-state-hover .instant-search-item,
.k-item.k-state-focused .instant-search-item { background: transparent }

@media all and (max-width: 1024px) {
	.instantSearch .k-list-container {
		max-height: calc(100vh - 150px);
		overflow: auto;
	}
}