/* Мобильная копия бейджей скрыта по умолчанию — иначе на десктопе
   «Выгодное предложение» видно и у фото, и в правой колонке. */
.car__dealer-badges--mobile {
	display: none;
}

/* Мобильная компоновка карточки каталога — только max-width: 767px */

@media only screen and (max-width: 767px) {
	.car__dealer-badges--desktop {
		display: none !important;
	}

	.car__dealer-badges--mobile {
		order: 3 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px 16px;
		margin: 0 0 16px;
		box-sizing: border-box;
	}

	.car__dealer-badges--mobile .dealer {
		margin: 0;
		font-size: 12px;
		line-height: 1.25;
		align-items: flex-start;
	}

	.car__dealer-badges--mobile .dealer:before {
		margin-right: 8px;
		flex-shrink: 0;
	}

	.car__about-col {
		display: contents;
	}

	.car__about {
		order: 4 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.car__location {
		order: 5 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		padding-top: 16px;
		padding-left: 22px !important;
		margin: 0 !important;
		box-sizing: border-box;
		white-space: nowrap;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20' fill='none'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 0 1 4.5 7 2.5 2.5 0 0 1 7 4.5 2.5 2.5 0 0 1 9.5 7 2.5 2.5 0 0 1 7 9.5z' fill='%23777'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: 0 center;
		background-size: 14px 20px;
	}

	.car__location:before {
		display: none !important;
		content: none !important;
	}

	.car__details {
		order: 5 !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 16px 0 0 !important;
		border-left: none !important;
		align-items: flex-end !important;
		text-align: right;
		box-sizing: border-box;
	}

	.car__status-col {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		width: 100%;
	}

	.car__details .available {
		margin-bottom: 8px;
	}

	.car__details .test-drive {
		margin: 0;
	}

	.car__footer-row {
		order: 6 !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-top: 20px;
		box-sizing: border-box;
	}

	.car__footer-row .car__price {
		order: unset !important;
		flex: 1 1 auto !important;
		width: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		align-items: flex-start !important;
		text-align: left !important;
	}

	.car__footer-row .car__price .price {
		align-items: flex-start !important;
	}

	.car__more-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		padding: 12px 18px;
		background: #000;
		color: #fff;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.2;
		white-space: nowrap;
	}
}

@media only screen and (min-width: 768px) {
	.car__about-col {
		width: 300px;
		flex: 1 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.car__about {
		width: auto;
		flex: none;
		padding: 0;
	}

	.car__footer-row {
		display: contents;
	}

	.car__more-btn {
		display: none !important;
	}

	.car__dealer-badges--mobile {
		display: none !important;
	}

	.car__dealer-badges--desktop {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.car__status-col {
		display: contents;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1339px) {
	.car__about-col {
		flex: 0 0 60%;
		padding-right: 0;
	}
}