/* izGaraže v0.6.1 — mobile.de inspired search */
.search-hero{
  background:
    radial-gradient(circle at 75% 30%,rgba(255,90,31,.22),transparent 30%),
    linear-gradient(135deg,#17191c 0%,#24282d 100%);
  color:#fff;
  padding:58px 0 120px;
}
.search-hero-inner h1{
  max-width:780px;
  margin:5px 0 12px;
  font-size:clamp(42px,6vw,68px);
  line-height:.98;
  letter-spacing:-3px;
}
.search-hero-inner p{margin:0;color:#c7ccd0;font-size:18px}

.filter-wrap{margin-top:-74px;position:relative;z-index:3}
.vehicle-search-card{
  background:#fff;
  border:1px solid #dde1e5;
  border-radius:20px;
  box-shadow:0 16px 45px rgba(28,38,48,.12);
  overflow:hidden;
}
.vehicle-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid #e7eaed;
  background:#fafbfc;
}
.vehicle-tab{
  border:0;
  border-right:1px solid #e7eaed;
  background:transparent;
  padding:16px 12px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  color:#677078;
}
.vehicle-tab:last-child{border-right:0}
.vehicle-tab.active{
  color:#ff5a1f;
  background:#fff;
  box-shadow:inset 0 -3px 0 #ff5a1f;
}
.vehicle-tab span{margin-left:5px}

.filter-main{
  padding:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.filter-main label,.advanced-filters label{display:grid;gap:6px}
.filter-main label span,.advanced-filters label span{
  font-size:12px;
  font-weight:800;
  color:#596168;
}
.filter-main select,.filter-main input,
.advanced-filters select,.advanced-filters input{
  width:100%;
  height:46px;
  border:1px solid #cfd5da;
  border-radius:9px;
  background:#fff;
  padding:0 12px;
  font:inherit;
  color:#202326;
}
.filter-main select:focus,.filter-main input:focus,
.advanced-filters select:focus,.advanced-filters input:focus{
  outline:none;border-color:#ff5a1f;box-shadow:0 0 0 3px rgba(255,90,31,.1)
}
.filter-submit{
  align-self:end;
  height:46px;
  border:0;
  border-radius:9px;
  background:#ff4f12;
  color:#fff;
  font-weight:900;
  font-size:15px;
  cursor:pointer;
}
.filter-submit:hover{background:#eb450c}

.filter-bottom{
  border-top:1px solid #eceff1;
  padding:12px 22px;
  display:flex;
  justify-content:flex-end;
  gap:18px;
}
.filter-bottom button{
  border:0;background:transparent;color:#555e65;font:inherit;font-size:13px;font-weight:700;cursor:pointer
}
.filter-bottom button:hover{color:#ff5a1f}

.advanced-filters{
  display:none;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:0 22px 22px;
  border-top:1px solid #f0f2f3;
  padding-top:18px;
}
.advanced-filters.open{display:grid}

@media(max-width:980px){
 .filter-main,.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .search-hero{padding:40px 0 90px}
 .search-hero-inner h1{letter-spacing:-2px}
 .filter-wrap{margin-top:-54px}
 .vehicle-tabs{grid-template-columns:repeat(4,1fr)}
 .vehicle-tab{font-size:18px;padding:13px 4px}
 .vehicle-tab span{display:none}
 .filter-main,.advanced-filters{grid-template-columns:1fr;padding:16px}
 .filter-bottom{padding:12px 16px}
}