.zv1616-search-wrap{
width:min(1180px,calc(100% - 24px));
margin:14px auto 16px;
position:relative;
z-index:40;
}
.zv1616-search{
display:grid;
grid-template-columns:1fr auto;
gap:0;
border:2px solid #131921;
border-radius:9px;
background:#fff;
overflow:visible;
box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.zv1616-search input[type="search"]{
width:100%;
min-height:48px;
border:0!important;
outline:0!important;
padding:0 14px!important;
font-size:15px!important;
background:#fff!important;
}
.zv1616-search button{
min-width:54px;
border:0;
background:#febd69;
color:#111;
font-size:20px;
cursor:pointer;
}
.zv1616-search button:hover{background:#f3a847}
.zv1616-suggest{
position:absolute;
top:52px;
left:0;right:0;
display:none;
background:#fff;
border:1px solid #d5d9d9;
border-radius:0 0 9px 9px;
box-shadow:0 8px 24px rgba(0,0,0,.16);
overflow:hidden;
z-index:999;
}
.zv1616-suggest.is-open{display:block}
.zv1616-suggest a{
display:grid;
grid-template-columns:48px 1fr auto;
gap:10px;
align-items:center;
padding:9px 12px;
color:#111!important;
text-decoration:none!important;
border-bottom:1px solid #eee;
}
.zv1616-suggest a:last-child{border-bottom:0}
.zv1616-suggest a:hover{background:#f7fafa}
.zv1616-suggest img{
width:48px;height:58px;object-fit:cover;border-radius:5px;background:#f5f5f5
}
.zv1616-suggest strong{font-size:13px;line-height:1.25}
.zv1616-suggest span{font-size:13px;font-weight:700;color:#b12704}
.zv1616-filterbar{
width:min(1180px,calc(100% - 24px));
margin:0 auto 18px;
border:1px solid #e3e6e6;
border-radius:10px;
background:#fff;
padding:12px;
}
.zv1616-filter-top{
display:flex;align-items:center;justify-content:space-between;gap:12px
}
.zv1616-filter-toggle{
display:none;
border:1px solid #888c8c;
background:#fff;
min-height:42px;
padding:0 14px;
border-radius:8px;
font-weight:700;
}
.zv1616-filter-grid{
display:grid;
grid-template-columns:repeat(6,minmax(120px,1fr)) auto;
gap:10px;
align-items:end;
}
.zv1616-field label{
display:block;
font-size:11px;
font-weight:700;
margin:0 0 4px;
color:#333;
}
.zv1616-field select,
.zv1616-field input{
width:100%;
min-height:40px;
border:1px solid #888c8c;
border-radius:7px;
background:#fff;
padding:0 9px;
font-size:13px;
}
.zv1616-filter-actions{display:flex;gap:8px}
.zv1616-filter-actions button,
.zv1616-filter-actions a{
min-height:40px;
border-radius:999px;
padding:0 15px;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:12px;
text-decoration:none!important;
}
.zv1616-filter-actions button{
border:1px solid #f0b800;background:#ffd814;color:#111
}
.zv1616-filter-actions a{
border:1px solid #888c8c;background:#fff;color:#111
}
.zv1616-active{
width:min(1180px,calc(100% - 24px));
margin:0 auto 12px;
display:flex;flex-wrap:wrap;gap:7px
}
.zv1616-chip{
display:inline-flex;align-items:center;gap:6px;
padding:6px 10px;border-radius:999px;
background:#f3f3f3;border:1px solid #ddd;font-size:12px
}
@media(max-width:1050px){
.zv1616-filter-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
.zv1616-search-wrap{width:calc(100% - 20px);margin-top:10px}
.zv1616-search input[type="search"]{min-height:46px;font-size:16px!important}
.zv1616-filterbar{width:calc(100% - 20px);padding:10px}
.zv1616-filter-toggle{display:inline-flex;align-items:center}
.zv1616-filter-grid{display:none;grid-template-columns:1fr 1fr;margin-top:10px}
.zv1616-filterbar.is-open .zv1616-filter-grid{display:grid}
.zv1616-filter-actions{grid-column:1/-1}
}