header .search {position: relative;}

.smart-search {width: 100%; position: absolute; z-index: 10; left: 0; background: #fff; border: #eee solid 1px; max-height: 400px; overflow-y: auto; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; overflow-x: hidden; top: 100%;}

.smart-search .product {border-bottom: solid 1px #eee; padding: 10px;}
.smart-search .product:hover{background-color: #ddd;}
.smart-search img {width: 50px; height: 50px; object-fit: cover;}

.smart-search::-webkit-scrollbar {background: #eee !important; width: 10px}
.smart-search::-webkit-scrollbar-thumb {background: var(--primary) !important; width: 40px;}

.smart-search .product-name {padding: 0 10px; font-size: 14px; color:var(#000, var(--primary));}

.smart-search .product-price {padding-left: 10px; margin: 0; font-size: 12px; color: var(--primary);}
.product-search-bar:hover{ text-decoration: none; background-color: #ddd;}