.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}
.wd-dropdown-results .wd-scroll-content {
overscroll-behavior:none}
.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 .suggestion-content {
--wd-mb: 10px}
.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}
}