.filters {
display: grid;
grid-template-columns: 1.5fr repeat(4, 1fr) auto;
gap: 1px;
padding: 1px;
background: #444;
}


.filters input, .filters select, .filters > button {
    width: 100%;
    min-height: 62px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    background: #242424;
    color: #fff;
}

.filters .custom-select-trigger { min-height: 62px; border: 0; background: #242424; }
.vehicle-grid{
padding: 0 5%;
display:grid;
/*grid-template-columns:repeat(auto-fit,minmax(250px,1fr));*/
grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
gap:20px;
}

#vehicles {
/*margin-top: -30px;*/
}

#resultCount {
	    color: var(--yellow);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px;
}
.vehicle-card{
/*background: var(--dgrey);
border-radius: 5px;*/
overflow: hidden;
transition: .3s;
/*padding: 10px;*/
}

.vehicle-card:hover{
transform:translateY(-5px);
}

.vehicle-card img{
width:100%;
/*height:220px;
object-fit:cover;*/
}

.vehicle-content{
padding: 0 5px;
}
.vehicle-content h3 {
font-size: 1.1rem;
margin: 5px 0;
/*height: 60px;*/
height: 40px;
overflow: hidden;
color: var(--white)
}
.vehicle-content h3 span {
font-weight: 500;
font-size: 0.8rem;
}

.vehicle-info {
color:#aaa;
font-size: 12px;
}

.vehicle-info span {
width: 49%;
display: inline-block;
/*padding: 1%;*/
}

.vehicle-info span img {
width: 15px;
height: 15px;
margin-right: 5px;
}

.price{
font-size: 24px;
font-weight: bold;
/*margin: 10px 0;*/
color: var(--yellow);
letter-spacing: 1px;
}
@media (max-width: 550px) {
.vehicle-card{
    display: flex;
}
.vehicle-content h3 {
margin: 2px 0;
font-size: 0.9rem;
	line-height: 1;
	    height: 26px;
}
	.vehicle-info span img {
    width: 13px;
    height: 13px;
    margin-right: 2px;
}
	.price {
		font-size: 20px;
	}
	.filters {
display: grid;
grid-template-columns: 1fr;
	}
.vehicle-content {
width: 60%;
margin-left: 5%;
}
.vehicle-card img {
    width: 35%;
}
	.vehicle-grid {
		    gap: 0px;
	}
}