body{font-family:Heebo,sans-serif;}
.desktop-search{position:relative;width:280px;}
.desktop-search input{
width:100%;
padding:12px;
border-radius:50px;
border:none;
}
#ssui-results{
position:absolute;
top:100%;
background:#fff;
width:100%;
border-radius:10px;
display:none;
}
.item{
display:flex;
align-items:center;
gap:10px;
padding:8px;
text-decoration:none;
color:#000;
}
.item img{width:40px;height:40px;object-fit:cover;}

.mobile-search{display:none;}

.ssui-modal{
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:#fff;
display:none;
padding:20px;
}
.modal-inner input{
width:100%;
padding:14px;
border-bottom:1px solid #ccc;
}

@media(max-width:768px){
.desktop-search{display:none;}
.mobile-search{display:block;}
#openSearch{
background:#fff;
border-radius:50%;
width:42px;height:42px;
border:none;
}
}