.rtb-vehicles {
	padding: 1rem 1.25rem 2rem;
	background: var(--rtb-bg);
	height: 100%;
}

.rtb-vehicles__list {
	display: grid;
	gap: 1rem;
	width: min(560px, 100%);
	margin: 0 auto;
	list-style: none;
	padding: 0;
}

.rtb-vehicles__card {
	display: grid;
	grid-template-columns: 110px 1fr auto;
	gap: 1rem;
	align-items: center;
	background: var(--rtb-white);
	border-radius: var(--rtb-radius);
	padding: 1rem;
	box-shadow: 0 4px 16px rgba(6, 59, 99, 0.07);
}

.rtb-vehicles__img {
	width: 110px;
	height: 70px;
	object-fit: contain;
	border-radius: 8px;
	background: var(--rtb-bg);
}

.rtb-vehicles__name {
	margin: 0 0 0.35rem;
	color: var(--rtb-primary);
	font-size: 1.05rem;
}

.rtb-vehicles__caps {
	margin: 0;
	color: var(--rtb-muted);
	font-size: 0.85rem;
}

.rtb-vehicles__price {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--rtb-primary);
	margin: 0 0 0.5rem;
	text-align: right;
}

.rtb-vehicles__loading,
.rtb-vehicles__empty {
	list-style: none;
	background: var(--rtb-white);
	border-radius: var(--rtb-radius);
	padding: 1.5rem 1.25rem;
	text-align: center;
	color: var(--rtb-muted);
	box-shadow: 0 4px 16px rgba(6, 59, 99, 0.06);
}

@media (max-width: 560px) {
	.rtb-vehicles__card {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.rtb-vehicles__img {
		margin: 0 auto;
	}

	.rtb-vehicles__price {
		text-align: center;
	}
}