.wd-dropdown-results {
	margin-top: 0 !important;
	overflow: hidden;
	right: calc(( var(--wd-form-brd-radius) / 1.5 ));
	left: calc(( var(--wd-form-brd-radius) / 1.5 ));
}

.wd-dropdown-results:after {
	width: auto !important;
	height: auto !important;
}

.search-results-wrapper {
	position: relative;
}

.autocomplete-suggestions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin-top: -1px;
	margin-right: -1px;
}

.autocomplete-suggestion {
	display: flex;
	padding: 15px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-color: var(--brdcolor-gray-300);
	cursor: pointer;
	line-height: 1;
	transition: all .25s ease;
}

.autocomplete-suggestion .suggestion-thumb {
	flex: 0 0 auto;
	margin-right: 15px;
	max-width: 65px;
}

.autocomplete-suggestion .suggestion-thumb img {
	border-radius: calc(var(--wd-brd-radius) / 1.5);
}

.autocomplete-suggestion .wd-entities-title {
	font-size: 14px;
}

.autocomplete-suggestion .wd-entities-title strong {
	text-decoration: underline;
}

.autocomplete-suggestion .suggestion-sku {
	font-size: 12px;
}

.autocomplete-suggestion.suggestion-divider {
	width: 100%;
	background-color: var(--bgcolor-gray-100);
	cursor: default;
}

.autocomplete-suggestion.suggestion-divider h5 {
	margin-bottom: 0;
	text-transform: uppercase;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion.autocomplete-selected {
	background-color: var(--bgcolor-gray-100);
}

.view-all-results, .suggestion-divider, .suggestion-no-found {
	grid-column: 1/-1;
}

.view-all-results {
	height: 50px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--brdcolor-gray-300);
	color: var(--color-gray-800);
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 50px;
	cursor: pointer;
	transition: all .25s ease;
}

.view-all-results:hover {
	background-color: var(--bgcolor-gray-100);
}

@media (max-width: 1024px) {
	.autocomplete-suggestions {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}
	
	.autocomplete-suggestion {
		padding: 10px;
	}
	
	.autocomplete-suggestion .suggestion-thumb {
		max-width: 45px;
	}
	
	.autocomplete-suggestion :is(.wd-entities-title, .price) {
		font-size: 12px;
	}
}