.catalog-search{
margin-top:22px;
max-width:620px;
position:relative
}

.catalog-search:before{
content:"⌕";
position:absolute;
left:17px;
top:50%;
transform:translateY(-52%);
font-size:25px;
color:#8b5cf6;
pointer-events:none;
text-shadow:0 0 12px rgba(139,92,246,.55)
}

.catalog-search input{
width:100%;
padding:15px 18px 15px 50px;
border-radius:15px;
border:1px solid rgba(139,92,246,.35);
background:rgba(10,15,31,.80);
color:#fff;
font-size:15px;
outline:none;
box-shadow:
inset 0 0 20px rgba(37,99,235,.04),
0 0 18px rgba(124,58,237,.06);
transition:.25s
}

.catalog-search input::placeholder{
color:#7f89a6
}

.catalog-search input:focus{
border-color:rgba(168,85,247,.80);
box-shadow:
0 0 0 3px rgba(124,58,237,.10),
0 0 24px rgba(124,58,237,.18)
}

.catalog-empty-search{
display:none;
grid-column:1/-1;
padding:35px;
border-radius:20px;
border:1px solid rgba(139,92,246,.22);
background:rgba(14,19,34,.75);
color:#aeb7cf;
text-align:center
}