/* Listing features — responsive multi-column layout (grouped + horizontal) */

.stm-single-listing-car-features.grouped_features .lists-horizontal {
	width: 100%;
	align-items: flex-start;
}

/* One feature group should span the full content width, not 25%. */
.stm-single-listing-car-features.grouped_features .lists-horizontal > [class*='grouped_checkbox-']:only-child {
	width: 100% !important;
	max-width: 100%;
	flex: 1 1 100%;
}

.stm-single-listing-car-features.grouped_features .lists-horizontal > [class*='grouped_checkbox-'] {
	min-width: 0;
}

.stm-single-listing-car-features.grouped_features .lists-horizontal > [class*='grouped_checkbox-'] h4 {
	margin-bottom: 12px;
	white-space: normal;
}

.stm-single-listing-car-features.grouped_features .lists-horizontal ul {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 8px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.stm-single-listing-car-features.grouped_features .lists-horizontal ul li {
	width: auto !important;
	max-width: none;
	margin-bottom: 0;
}

@media (min-width: 576px) {
	.stm-single-listing-car-features.grouped_features .lists-horizontal ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.stm-single-listing-car-features.grouped_features .lists-horizontal .grouped_checkbox-2 ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.stm-single-listing-car-features.grouped_features .lists-horizontal .grouped_checkbox-3 ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.stm-single-listing-car-features.grouped_features .lists-horizontal .grouped_checkbox-4 ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.stm-single-listing-car-features.grouped_features .lists-horizontal .grouped_checkbox-4 ul {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.stm-single-listing-car-features.grouped_features .lists-horizontal > [class*='grouped_checkbox-'] {
		width: 100% !important;
		margin-bottom: 20px;
	}
}

/* Flat (non-grouped) horizontal lists */
.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 8px 20px;
}

@media (min-width: 576px) {
	.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul:has(li.row-3),
	.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul:has(li.row-4) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul:has(li.row-4) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul li.row-2,
.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul li.row-3,
.stm-single-listing-car-features:not(.grouped_features) .lists-horizontal > ul li.row-4 {
	width: auto !important;
	padding-right: 0;
}