.search-adv-panel{
display:none;
margin-top:var(--gap);
margin-left:calc(56px + var(--gap));
margin-right:calc(56px + var(--gap));
background-color:var(--bg2);
border:var(--bw1) solid var(--blk);
border-radius:var(--br1);
padding:var(--gap);
position:relative;
}
.search-adv-panel.active{
display:block;
}
.search-adv-close{
position:absolute;
top:var(--gd2);
right:var(--gd2);
width:40px;
height:40px;
background-color:transparent;
border:var(--bw1) solid var(--bc1);
border-radius:var(--br0);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--tx2);
font-size:28px;
font-weight:400;
line-height:1;
padding:0;
z-index:2;
}
.search-adv-close:hover{
background-color:var(--hv1);
border-color:var(--cl1);
color:var(--cl1);
}
.search-adv-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:var(--gd2);
padding-right:50px;
}
.search-adv-group{
display:flex;
flex-direction:column;
gap:6px;
}
.search-adv-label{
font-size:13px;
font-weight:600;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.5px;
color:var(--tx2);
}
.search-adv-select{
padding:10px 14px;
font-size:15px;
font-family:var(--ff1);
background-color:var(--bg3);
color:var(--tx1);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br2);
outline:none;
cursor:pointer;
appearance:none;
background-image:url('/site/vlad/svg/down.svg');
background-repeat:no-repeat;
background-position:right 12px center;
background-size:14px 14px;
padding-right:36px;
}
.search-adv-select:hover,
.search-adv-select:focus{
border-color:var(--cl1);
}
.search-adv-actions{
display:flex;
gap:var(--gd2);
margin-top:var(--gap);
justify-content:flex-end;
}
.search-adv-reset{
padding:12px 24px;
font-size:16px;
font-weight:600;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.5px;
background-color:transparent;
color:var(--tx2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br0);
cursor:pointer;
}
.search-adv-reset:hover{
background-color:var(--hv1);
border-color:var(--cl1);
color:var(--cl1);
}
.search-adv-apply{
padding:12px 24px;
font-size:16px;
font-weight:600;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.5px;
background-color:var(--cl1);
color:var(--blk);
border:var(--bw1) solid var(--cl1);
border-radius:var(--br0);
cursor:pointer;
}
.search-adv-apply:hover{
background-color:var(--oh1);
border-color:var(--oh1);
}
.search-active-filters{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:var(--gap);
margin-left:calc(56px + var(--gap));
margin-right:calc(56px + var(--gap));
}
.search-active-filter{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 8px 6px 12px;
background-color:var(--bg3);
border:var(--bw1) solid var(--cl1);
border-radius:20px;
font-size:13px;
font-weight:500;
color:var(--cl1);
}
.search-active-filter-label{
color:var(--tx2);
font-weight:400;
}
.search-active-filter-value{
color:var(--cl1);
font-weight:600;
}
.search-active-filter-remove{
width:20px;
height:20px;
min-width:20px;
background-color:transparent;
border:none;
border-radius:50%;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--tx2);
font-size:18px;
font-weight:400;
line-height:1;
padding:0;
margin-left:2px;
transition:background-color .1s,color .1s;
}
.search-active-filter-remove:hover{
background-color:var(--cl1);
color:var(--blk);
}