.search-container {
    /*background:#fff; padding:12px; box-shadow:0 2px 4px rgba(0,0,0,.1);*/
    /*position:sticky; top:0; z-index:100;*/
}
.search-box {
    /*position:relative; max-width:600px; margin:auto;*/
}
.search-input {
    width:100%; padding:12px 40px 12px 12px;
    border:1px solid #ddd; border-radius:8px; font-size:15px;
    outline:none;
}
.search-input2
{
    width:100%; padding:12px 40px 12px 12px;
    border:1px solid #ddd; border-radius:8px; font-size:15px;
    outline:none;
}
.search-icon {
    /*position:absolute; left:12px; top:50%; transform:translateY(-50%);*/
    /*color:#999; font-size:18px;*/
}
.suggestions {
    position:absolute; top:110%; right:0; left:0;
    background:#fff; border:1px solid #eee; border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    display:none; flex-direction:column; max-height:70vh; overflow-y:auto;
    animation:fade .2s ease;
}

@keyframes fade { from{opacity:0; transform:translateY(-5px);} to{opacity:1; transform:translateY(0);} }
.suggestions.active { display:flex;z-index: 2;width: 70% }
.suggest-group { padding:10px; border-bottom:1px solid #f0f0f0; }
.suggest-group:last-child{border-bottom:none;}
.suggest-title { font-size:13px; color:#666; margin-bottom:6px; }
.suggest-item {
    display:flex; align-items:center; justify-content:space-between;
    padding:8px; border-radius:6px; cursor:pointer;
    transition:background .2s; font-size:14px; color:#333;
}
.suggest-item:hover { background:#f9f9f9; }
.suggest-item span { color:#777; font-size:12px; }
.icon { font-size:16px; color:#888; margin-left:6px; }

/* ریسپانسیو */
@media(max-width:768px)
{
    .finalsrching2
    {
        max-width:100%;
    }
    .suggestions
    {
        position:fixed; top:60px; left:0; right:0; border-radius:0;
        max-height:50vh;
    }
    .suggestions.active {width: 100% }
    .suggest-item { font-size: 12px }
    .suggest-item span {font-size:11px; }
}

/*@media(min-width:769px)*/
/*{*/
/*    .suggestions*/
/*    {*/
/*        position:fixed; top:60px; left:0; right:0; border-radius:0;*/
/*        max-height:70vh;*/
/*    }*/
/*    .suggestions.active { display:flex;z-index: 2;width: 70% }*/
/*}*/