/*
 * Heritage Motorworks — Fahrzeugmodelle + Anfrage-CTA
 *
 * Layout source:
 * assets/css/shop.css
 *
 * This file contains only module-specific containment rules.
 * The shared shop layout and responsive system remain in shop.css.
 */

.hm-shop-section--models {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.hm-shop-section--models .hm-shop-container,
.hm-shop-section--models .hm-shop-models,
.hm-shop-section--models .hm-shop-model {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.hm-shop-cta {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.hm-shop-cta__inner {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

@media (max-width: 768px) {

	.hm-shop-section--models .hm-shop-container {
		width: calc(100% - 28px);
		max-width: calc(100% - 28px);
	}

	.hm-shop-section--models .hm-shop-models {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hm-shop-section--models .hm-shop-model {
		width: 100%;
		max-width: 100%;
	}

	.hm-shop-cta__inner {
		width: calc(100% - 28px);
		max-width: calc(100% - 28px);
		box-sizing: border-box;
	}

}

@media (max-width: 430px) {

	.hm-shop-section--models .hm-shop-models {
		grid-template-columns: 1fr;
	}

}