.hello-product-search{
	position:relative;
	width:40vw;
	max-width:none;
}

.hello-product-search__form{
	display:flex;
	align-items:stretch;
}

.hello-product-search__input{
	flex:1;
	min-width:0;
	height:44px;
	padding:0 14px;
	border-radius:6px;
	border:1px solid rgba(255,255,255,.35);
	background:transparent;
	color:#fff;
	outline:none;
}

.hello-product-search__input::placeholder{
	color:rgba(255,255,255,.7);
}

.hello-product-search__input:focus{
	border-color:rgba(255,255,255,.7);
	background:transparent;
}

.hello-product-search__dropdown{
	position:absolute;
	left:0;
	right:0;
	top:calc(100% + 8px);
	background:#fff;
	border:1px solid rgba(0,0,0,.12);
	border-radius:10px;
	z-index:99999;
	overflow:hidden;
}

.hello-product-search__list{
	list-style:none;
	margin:0;
	padding:6px;
	max-height:360px;
	overflow:auto;
}

.hello-product-search__item{
	margin:0;
}

.hello-product-search__link{
	display:flex;
	gap:10px;
	padding:10px;
	border-radius:8px;
	color:inherit;
	text-decoration:none;
	align-items:center;
}

.hello-product-search__link:hover{
	background:rgba(0,0,0,.04);
}

.hello-product-search__img{
	width:44px;
	height:44px;
	border-radius:8px;
	object-fit:cover;
	background:#f2f2f2;
	flex:0 0 auto;
}

.hello-product-search__img--placeholder{
	display:block;
}

.hello-product-search__meta{
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
}

.hello-product-search__title{
	font-size:14px;
	line-height:1.25;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.hello-product-search__price{
	font-size:13px;
	opacity:.85;
}

.hello-product-search__status{
	font-size:13px;
	opacity:.9;
}

.hello-product-search__loading,
.hello-product-search__empty{
	padding:12px 14px;
	font-size:14px;
	opacity:.8;
}

@media (max-width:576px){
	.hello-product-search{
		width:100%;
		max-width:100%;
	}
}

