@charset "UTF-8";

.vehicle-intro {
	margin-bottom: 80px;
}

.vehicle-intro__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 40px;
	margin: 30px auto 40px;
}

.vehicle-intro__action {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 20px;
	width: 100%;
	max-width: 450px;
	min-height: 85px;
	padding: 20px 28px 20px 42px;
	border-radius: 999px;
	font-weight: 700;
	line-height: 2;
	text-decoration: none;
}

.vehicle-intro__action--ghost {
	border: 1px solid;
	color: var(--color-blue-dark);
	background: #fff;
}

.vehicle-intro__action--solid {
	background: var(--color-blue-dark);
	color: #fff;
}

.vehicle-list__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 145px 40px;
}

.vehicle-card__title {
	margin: 15px 0 0;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5;
}

.vehicle-card__title .small {
	display: block;
	margin-bottom: .154em;
	font-size: .875em;
}

.vehicle-card__text,
.vehicle-card__meta {
	font-size: .938em;/*15px*/
	line-height: 1.4;
}

.vehicle-card__text {
	margin: 5px 0 0;
	color: var(--color-text-sub);
}

.vehicle-card__meta {
	margin: 17px 0 0;
}

.vehicle-card__meta span {
	display: inline-block;
	min-width: 9.333em;
	padding: .385em 1.615em;/*5px 21px*/
	margin-right: 1em;
	border-radius: 999px;
	background: var(--color-bg-blue-light);
	font-size: .867em;/*13px*/
	letter-spacing: normal;
}

.uk-modal-dialog a {
	color: inherit;
	text-decoration: none;
}

@media screen and (max-width: 899px) {

	.vehicle-intro {
		margin-bottom: 55px;
	}

	.vehicle-intro__actions {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 17px;
		margin: 25px auto 33px;
	}

	.vehicle-intro__action {
		min-height: 76px;
	}

	.vehicle-list__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 55px 20px;
	}

	.vehicle-card__title {
		margin: 12px 0 0;
	}

	.vehicle-card__title .small,
	.vehicle-card__title .sp-small {
		display: inline-block;
		margin-bottom: .154em;
		font-size: .875em;
	}

	.vehicle-card__meta {
		margin: 14px 0 0;
	}

}