.tpc-public-shell {
	width: min(1080px, 100%);
	margin: 32px auto;
}

.tpc-public-shell .tpc-lineup-matrix {
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
}

.tpc-public-shell .tpc-matrix-row,
.tpc-public-shell .tpc-lineup-matrix.has-extra-generation .tpc-matrix-row {
	width: max(100%, calc(118px + var(--tpc-generation-count, 3) * 185px));
	grid-template-columns: 118px repeat(var(--tpc-generation-count, 3), minmax(185px, 1fr));
}

.tpc-public-shell .tpc-collision-cell {
	color: #8a4b00;
	font-weight: 700;
}

.tpc-public-shell .tpc-filter-switcher {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	flex-wrap: wrap;
	gap: 7px;
}

.tpc-public-shell .tpc-filter-switcher > span {
	margin-right: 3px;
	color: var(--tpc-muted);
	font-size: 11px;
	font-weight: 800;
}

.tpc-public-shell .tpc-filter-group + .tpc-filter-group {
	padding-top: 32px;
	border-top: 1px solid var(--tpc-line);
}

.tpc-public-shell .tpc-filter-group .tpc-lineup-section + .tpc-lineup-section {
	margin-top: 24px;
}

.tpc-public-shell .tpc-model-meta small {
	display: block;
	width: 100%;
	color: var(--tpc-muted);
	font-size: 10px;
	font-weight: 800;
}

@media (max-width: 767.98px) {
	.tpc-public-shell {
		width: 100%;
		margin: 24px auto;
	}
}
.tpc-price-checked-at {
	display: block;
	margin-top: -3px;
	color: #69736d;
	font-size: 11px;
}
