/* Generated by docs/build-performance-css.mjs; edit the original CSS. */
.trs-vf-finder {
	--trs-vf-accent: #d1232a;
	--trs-vf-hover: #ff0000;
	--trs-vf-surface: #ffffff;
	--trs-vf-text: #2a3547;
	--trs-vf-field-bg: #ffffff;
	--trs-vf-field-border: #cbd3de;
	--trs-vf-radius: 6px;
	--trs-vf-selection-bg: #f7f9fc;
	--trs-vf-icon-color: #d1232a;
	--trs-vf-icon-bg: #fff0f1;
	--trs-vf-font-family: inherit;
	--trs-vf-title-size: 18px;
	--trs-vf-label-size: 12px;
	--trs-vf-field-size: 14px;
	--trs-vf-button-size: 14px;
	--trs-vf-selected-size: 15px;
	--trs-vf-selected-label-size: 10px;
	--trs-vf-selected-engine-size: 11px;
	--trs-vf-field-height: 44px;
	--trs-vf-icon-size: 42px;
	--trs-vf-blue: #445e86;
	--trs-vf-green: #157347;
	--trs-vf-soft-green: #e9f6ef;
	--trs-vf-soft-red: #fff0f1;
	--trs-vf-soft-blue: #f1f5fa;
	box-sizing: border-box;
	container-name: trs-fitment;
	container-type: inline-size;
	position: relative;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	padding: 18px;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: var(--trs-vf-radius);
	background: var(--trs-vf-surface);
	color: var(--trs-vf-text);
	font-family: var(--trs-vf-font-family);
}

.trs-vf-finder.trs-vf-dropdown-open {
	z-index: 1000000;
}

.trs-vf-finder.trs-vf-transparent {
	padding: 0;
	border: 0;
	background: transparent;
}

.trs-vf-finder *,
.trs-vf-finder *::before,
.trs-vf-finder *::after {
	box-sizing: border-box;
}

.trs-vf-finder [hidden] {
	display: none !important;
}

.trs-vf-responsive-toggle {
	display: none;
}

.trs-vf-responsive-toggle-expanded {
	display: none;
}

.trs-vf-finder-title {
	margin: 0;
	color: var(--trs-vf-text);
	font-size: var(--trs-vf-title-size);
	font-weight: 800;
	line-height: 1.25;
}

.trs-vf-heading-row {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
}

.trs-vf-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	align-items: end;
}

.trs-vf-density-comfortable .trs-vf-fields {
	gap: 14px;
}

.trs-vf-has-make .trs-vf-fields {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trs-vf-field {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.trs-vf-field > span,
.trs-vf-field > label {
	display: block;
	margin: 0 0 5px;
	color: #172238;
	font-size: var(--trs-vf-label-size);
	font-weight: 800;
	line-height: 1.2;
}

.trs-vf-field select {
	display: block;
	width: 100%;
	height: var(--trs-vf-field-height);
	margin: 0;
	padding: 0 34px 0 12px;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: var(--trs-vf-radius);
	background-color: var(--trs-vf-field-bg);
	color: var(--trs-vf-text);
	font: inherit;
	font-size: var(--trs-vf-field-size);
	line-height: normal;
}

.trs-vf-density-comfortable .trs-vf-field select {
	padding-left: 15px;
}

.trs-vf-field select:focus {
	border-color: var(--trs-vf-blue);
	box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.16);
	outline: 0;
}

.trs-vf-field select:disabled {
	border-color: #b8c3d1;
	background-color: #f6f8fb;
	color: var(--trs-vf-text);
	cursor: not-allowed;
	opacity: 1;
}

.trs-vf-native-select--enhanced {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.trs-vf-custom-select {
	position: relative;
	width: 100%;
	min-width: 0;
}

.trs-vf-custom-select.trs-vf-custom-select--open {
	z-index: 1000001;
}

.trs-vf-custom-select__trigger {
	display: flex;
	width: 100%;
	height: var(--trs-vf-field-height);
	margin: 0;
	padding: 0 12px;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: var(--trs-vf-radius);
	background: var(--trs-vf-field-bg);
	color: var(--trs-vf-text);
	cursor: pointer;
	font: inherit;
	font-size: var(--trs-vf-field-size);
	line-height: 1;
	text-align: left;
	transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.trs-vf-custom-select__value {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.trs-vf-custom-select__chevron {
	display: block;
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: 0.72;
	transform: rotate(45deg);
	transition: margin 150ms ease, transform 150ms ease;
}

.trs-vf-custom-select--open .trs-vf-custom-select__trigger {
	border-color: var(--trs-vf-accent);
	box-shadow: none;
}

.trs-vf-custom-select--open .trs-vf-custom-select__chevron {
	margin-top: 4px;
	transform: rotate(225deg);
}

.trs-vf-custom-select__trigger:focus-visible {
	border-color: var(--trs-vf-blue);
	box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.2);
	outline: 0;
}

.trs-vf-custom-select__trigger:disabled {
	border-color: #b8c3d1;
	background: #f6f8fb;
	color: var(--trs-vf-text);
	cursor: not-allowed;
}

.trs-vf-custom-select__panel {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	min-width: 100%;
	width: max-content;
	max-width: min(420px, 90vw);
	padding: 7px;
	border: 1px solid color-mix(in srgb, var(--trs-vf-field-border) 82%, #8793a3);
	border-radius: max(8px, var(--trs-vf-radius));
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(25, 35, 50, 0.2), 0 3px 10px rgba(25, 35, 50, 0.1);
	color: var(--trs-vf-text);
}

.trs-vf-custom-select__panel--portal,
.trs-vf-custom-select__panel--portal *,
.trs-vf-custom-select__panel--portal *::before,
.trs-vf-custom-select__panel--portal *::after {
	box-sizing: border-box;
}

.trs-vf-custom-select__panel--portal {
	margin: 0;
	min-width: 0 !important;
	width: var(--trs-vf-menu-width, 235px) !important;
	max-width: calc(100vw - 16px) !important;
}

.trs-vf-custom-select__panel--portal .trs-vf-custom-select__options {
	min-width: 0;
}

.trs-vf-custom-select__panel--portal .trs-vf-custom-select__option {
	overflow-wrap: anywhere;
	white-space: normal;
}

.trs-vf-custom-select__panel--portal[hidden],
.trs-vf-custom-select__panel--portal [hidden] {
	display: none !important;
}

.trs-vf-custom-select__search {
	display: block;
	width: 100%;
	height: 38px;
	margin: 0 0 6px;
	padding: 0 10px;
	border: 1px solid #d6dce4;
	border-radius: 6px;
	background: #f7f8fa;
	color: #283545;
	font: inherit;
	font-size: 13px;
}

.trs-vf-custom-select__search:focus {
	border-color: var(--trs-vf-blue);
	box-shadow: 0 0 0 2px rgba(68, 94, 134, 0.14);
	outline: 0;
}

.trs-vf-custom-select__search::placeholder,
.trs-vf-vin-input::placeholder {
	color: #526071;
	opacity: 1;
}

.trs-vf-custom-select__options {
	max-height: min(340px, 52vh);
	min-width: 235px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: #9ca5b1 #eef1f4;
	scrollbar-width: thin;
}

.trs-vf-custom-select__options::-webkit-scrollbar {
	width: 9px;
}

.trs-vf-custom-select__options::-webkit-scrollbar-track {
	border-radius: 8px;
	background: #eef1f4;
}

.trs-vf-custom-select__options::-webkit-scrollbar-thumb {
	border: 2px solid #eef1f4;
	border-radius: 8px;
	background: #9ca5b1;
}

.trs-vf-custom-select__option {
	display: flex;
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 8px 10px;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: #2a3547;
	cursor: pointer;
	font: inherit;
	font-size: var(--trs-vf-field-size);
	line-height: 1.25;
	text-align: left;
	white-space: nowrap;
}

.trs-vf-custom-select__option::after {
	display: inline-flex;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: currentColor;
	content: "";
	font-size: 12px;
	font-weight: 900;
}

.trs-vf-custom-select__option:hover,
.trs-vf-custom-select__option:focus-visible {
	background: var(--trs-vf-soft-red);
	color: var(--trs-vf-accent);
	outline: 0;
}

.trs-vf-custom-select__option[aria-selected="true"] {
	background: var(--trs-vf-accent);
	color: #ffffff;
	font-weight: 750;
}

.trs-vf-custom-select__option[aria-selected="true"]::after {
	background: rgba(255, 255, 255, 0.18);
	content: "✓";
}

.trs-vf-custom-select__empty {
	margin: 0;
	padding: 12px 10px;
	color: #6b7480;
	font-size: 13px;
	text-align: center;
}

.trs-vf-submit,
.trs-vf-shop,
.trs-vf-edit,
.trs-vf-clear {
	appearance: none;
	border-radius: var(--trs-vf-radius);
	cursor: pointer;
	font: inherit;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.trs-vf-submit {
	grid-column: 1 / -1;
	min-width: 124px;
	width: 100%;
	height: var(--trs-vf-field-height);
	padding: 0 18px;
	border: 1px solid var(--trs-vf-accent);
	background: var(--trs-vf-accent);
	color: #ffffff;
	font-size: var(--trs-vf-button-size);
	white-space: nowrap;
}

.trs-vf-submit:hover,
.trs-vf-submit:focus {
	border-color: var(--trs-vf-hover);
	background: var(--trs-vf-hover);
	color: #ffffff;
	outline: 0;
}

.trs-vf-submit:focus-visible,
.trs-vf-shop:focus-visible,
.trs-vf-edit:focus-visible,
.trs-vf-clear:focus-visible {
	box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.22);
	outline: 0;
}

.trs-vf-submit:disabled {
	border-color: #b8bdc6;
	background: #b8bdc6;
	color: #ffffff;
	cursor: not-allowed;
}

.trs-vf-selection {
	display: flex;
	width: 100%;
	max-width: none;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 68px;
	padding: 10px 12px;
	border: 1px solid var(--trs-vf-field-border);
	border-left: 4px solid var(--trs-vf-accent);
	border-radius: var(--trs-vf-radius);
	background: var(--trs-vf-selection-bg);
	background: linear-gradient(
		100deg,
		var(--trs-vf-selection-bg) 0%,
		color-mix(in srgb, var(--trs-vf-blue) 7%, var(--trs-vf-selection-bg)) 100%
	);
	box-shadow: 0 2px 8px rgba(42, 53, 71, 0.08);
}

.trs-vf-selection-main {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	gap: 11px;
	align-items: center;
}

.trs-vf-selection-icon {
	display: inline-flex;
	flex: 0 0 var(--trs-vf-icon-size);
	width: var(--trs-vf-icon-size);
	height: var(--trs-vf-icon-size);
	align-items: center;
	justify-content: center;
	border: 1px solid color-mix(in srgb, var(--trs-vf-accent) 28%, transparent);
	border-radius: 50%;
	background: var(--trs-vf-icon-bg);
	color: var(--trs-vf-icon-color);
}

.trs-vf-selection-icon svg {
	display: block;
	width: 57%;
	height: 57%;
	fill: currentColor;
}

.trs-vf-selection-icon img {
	display: block;
	width: 62%;
	height: 62%;
	object-fit: contain;
}

.trs-vf-selection-copy {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}

.trs-vf-selection-kicker {
	display: block;
	margin: 0 0 3px;
	color: var(--trs-vf-blue);
	font-size: var(--trs-vf-selected-label-size);
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-transform: uppercase;
}

.trs-vf-selection-details {
	display: flex;
	min-width: 0;
	gap: 10px;
	align-items: center;
}

.trs-vf-selection-vehicle {
	overflow: hidden;
	color: var(--trs-vf-text);
	font-size: var(--trs-vf-selected-size);
	font-weight: 800;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.trs-vf-selection-engine {
	display: inline-flex;
	flex: 0 0 auto;
	gap: 5px;
	align-items: center;
	padding: 3px 7px;
	border: 1px solid color-mix(in srgb, var(--trs-vf-blue) 20%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, var(--trs-vf-blue) 7%, var(--trs-vf-surface));
	color: var(--trs-vf-text);
	font-size: var(--trs-vf-selected-engine-size);
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

.trs-vf-selection-engine > span {
	color: var(--trs-vf-blue);
	font-size: max(8px, calc(var(--trs-vf-selected-engine-size) - 2px));
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.trs-vf-selection-actions {
	display: flex;
	flex: 0 0 auto;
	gap: 6px;
	align-items: center;
}

.trs-vf-selection-status {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	margin-right: 5px;
	padding: 5px 8px;
	border-radius: 999px;
	background: var(--trs-vf-soft-green);
	color: var(--trs-vf-green);
	font-size: 10px;
	font-weight: 750;
	white-space: nowrap;
}

.trs-vf-selection-status i {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--trs-vf-green);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--trs-vf-green) 16%, transparent);
}

.trs-vf-shop,
.trs-vf-edit,
.trs-vf-clear {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	font-size: var(--trs-vf-button-size);
	font-weight: 800;
	white-space: nowrap;
}

.trs-vf-shop {
	border: 1px solid var(--trs-vf-accent);
	background: var(--trs-vf-accent);
	color: #ffffff;
}
body #page-container .trs-vf-finder .trs-vf-selection-actions a.trs-vf-shop,
body #page-container .trs-vf-finder .trs-vf-selection-actions a.trs-vf-shop:link,
body #page-container .trs-vf-finder .trs-vf-selection-actions a.trs-vf-shop:visited,
body #page-container .trs-vf-finder .trs-vf-selection-actions a.trs-vf-shop:hover,
body #page-container .trs-vf-finder .trs-vf-selection-actions a.trs-vf-shop:focus,
body #page-container .trs-vf-finder .trs-vf-selection-actions a.trs-vf-shop:active {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.trs-vf-shop:hover,
.trs-vf-shop:focus {
	border-color: var(--trs-vf-hover);
	background: var(--trs-vf-hover);
	color: #ffffff;
	text-decoration: none;
}

.trs-vf-edit {
	border: 1px solid var(--trs-vf-accent);
	background: transparent;
	color: var(--trs-vf-accent);
}

.trs-vf-edit:hover,
.trs-vf-edit:focus {
	border-color: var(--trs-vf-hover);
	background: color-mix(in srgb, var(--trs-vf-accent) 8%, transparent);
	color: var(--trs-vf-hover);
}

.trs-vf-clear {
	border: 1px solid #8292a8;
	background: #ffffff;
	color: #172238;
}

.trs-vf-clear:hover,
.trs-vf-clear:focus {
	border-color: var(--trs-vf-blue);
	background: var(--trs-vf-soft-blue);
	color: #172238;
}

.trs-vf-clear:disabled {
	cursor: wait;
	opacity: 0.55;
}

.trs-vf-has-selection .trs-vf-editor {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--trs-vf-field-border);
}

.trs-vf-vin-toggle,
.trs-vf-vin-submit {
	appearance: none;
	border-radius: var(--trs-vf-radius);
	cursor: pointer;
	font-family: var(--trs-vf-font-family);
	font-weight: 750;
	line-height: 1;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.trs-vf-vin-toggle {
	display: inline-flex;
	flex: 0 0 auto;
	gap: 7px;
	align-items: center;
	align-self: end;
	justify-content: center;
	width: 100%;
	height: var(--trs-vf-field-height);
	min-height: 40px;
	padding: 8px 14px;
	border: 1px solid var(--trs-vf-field-border);
	background: var(--trs-vf-surface);
	color: var(--trs-vf-text);
	font-size: var(--trs-vf-button-size);
	white-space: nowrap;
}

.trs-vf-vin-toggle > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 6px;
	border-radius: 4px;
	background: var(--trs-vf-soft-blue);
	color: var(--trs-vf-blue);
	font-size: max(9px, calc(var(--trs-vf-button-size) - 3px));
	font-weight: 850;
	letter-spacing: 0.04em;
}

.trs-vf-vin-toggle:hover,
.trs-vf-vin-toggle:focus,
.trs-vf-vin-toggle[aria-expanded="true"] {
	border-color: var(--trs-vf-blue);
	background: var(--trs-vf-soft-blue);
	outline: 0;
}

.trs-vf-vin-panel {
	margin: 0 0 12px;
	padding: 12px;
	border: 1px solid color-mix(in srgb, var(--trs-vf-blue) 28%, var(--trs-vf-field-border));
	border-radius: var(--trs-vf-radius);
	background: color-mix(in srgb, var(--trs-vf-blue) 5%, var(--trs-vf-surface));
}

.trs-vf-vin-field,
.trs-vf-vin-field > span {
	display: block;
	margin: 0;
}

.trs-vf-vin-field > span:first-child {
	margin-bottom: 5px;
	color: var(--trs-vf-text);
	font-size: var(--trs-vf-label-size);
	font-weight: 750;
	line-height: 1.2;
}

.trs-vf-vin-entry {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.trs-vf-vin-input {
	display: block;
	min-width: 0;
	width: 100%;
	height: var(--trs-vf-field-height);
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: var(--trs-vf-radius);
	background: var(--trs-vf-field-bg);
	color: var(--trs-vf-text);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: var(--trs-vf-field-size);
	font-weight: 650;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.trs-vf-vin-input:focus {
	border-color: var(--trs-vf-blue);
	box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.16);
	outline: 0;
}

.trs-vf-vin-submit {
	min-width: 112px;
	height: var(--trs-vf-field-height);
	padding: 0 16px;
	border: 1px solid var(--trs-vf-blue);
	background: var(--trs-vf-blue);
	color: #ffffff;
	font-size: var(--trs-vf-button-size);
	white-space: nowrap;
}

.trs-vf-vin-submit:hover,
.trs-vf-vin-submit:focus {
	border-color: var(--trs-vf-accent);
	background: var(--trs-vf-accent);
	color: #ffffff;
	outline: 0;
}

.trs-vf-vin-submit:disabled {
	cursor: wait;
	opacity: 0.62;
}

.trs-vf-vin-help {
	display: block;
	margin-top: 7px;
	color: #687281;
	font-size: 10px;
	line-height: 1.4;
}

.trs-vf-vin-status {
	margin: 7px 0 0;
	color: var(--trs-vf-text);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.4;
}

.trs-vf-vin-status:empty {
	display: none;
}

.trs-vf-vin-status[data-state="error"] {
	color: #a51d24;
}

.trs-vf-vin-status[data-state="success"] {
	color: var(--trs-vf-green);
}

.trs-vf-vin-status[data-state="notice"] {
	color: var(--trs-vf-blue);
}

.trs-vf-status,
.trs-vf-empty,
.trs-vf-admin-hint {
	margin: 8px 0 0;
	color: var(--trs-vf-text);
	font-size: 13px;
	line-height: 1.4;
}

.trs-vf-status:empty {
	display: none;
}

.trs-vf-admin-hint {
	color: #646970;
	font-style: italic;
}

.trs-vf-compatibility {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	gap: 4px;
	margin: 16px 0;
	padding: 16px 20px;
	border: 1px solid transparent;
	border-left-width: 5px;
	border-radius: 5px;
	color: #2a3547;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.trs-vf-compatibility > strong {
	margin: 0;
	color: #2a3547;
	font-family: inherit !important;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
}

.trs-vf-compatibility > span {
	margin: 0;
	color: #2a3547;
	font-family: inherit !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.trs-vf-compatibility > small {
	display: block;
	margin: 3px 0 0;
	color: #5b6574;
	font-family: inherit !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
}

.trs-vf-compatibility > .trs-vf-view-compatible-vehicles {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 5px;
	margin: 5px 0 0;
	color: #445e86;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.2s ease;
}

.trs-vf-compatibility > .trs-vf-view-compatible-vehicles:hover {
	color: #d1232a;
}

.trs-vf-compatibility > .trs-vf-view-compatible-vehicles:focus-visible {
	outline: 2px solid #445e86;
	outline-offset: 3px;
	border-radius: 2px;
}

.trs-vf-compatibility > .trs-vf-view-compatible-vehicles span {
	transition: transform 0.2s ease;
}

.trs-vf-compatibility > .trs-vf-view-compatible-vehicles:hover span {
	transform: translateY(2px);
}

.trs-vf-compatible {
	border-color: #8fc8aa;
	border-left-color: var(--trs-vf-green, #157347);
	background: var(--trs-vf-soft-green, #e9f6ef);
}

.trs-vf-incompatible {
	border-color: #e1a5aa;
	border-left-color: var(--trs-vf-accent, #d1232a);
	background: var(--trs-vf-soft-red, #fff0f1);
}

.trs-vf-neutral {
	border-color: #a9b9cf;
	border-left-color: var(--trs-vf-blue, #445e86);
	background: var(--trs-vf-soft-blue, #f1f5fa);
}

.trs-vf-catalog-filter {
	--trs-vf-accent: #d1232a;
	--trs-vf-hover: #ff0000;
	--trs-vf-blue: #445e86;
	--trs-vf-text: #2a3547;
	--trs-vf-field-border: #cbd3de;
	--trs-vf-font-family: inherit;
	box-sizing: border-box;
	container-name: trs-shop-filter;
	container-type: inline-size;
	width: 100%;
	margin: 0 0 24px;
	padding: 18px;
	border: 1px solid var(--trs-vf-field-border);
	border-top: 3px solid var(--trs-vf-blue);
	border-radius: 8px;
	background: #ffffff;
	color: var(--trs-vf-text);
	box-shadow: 0 3px 12px rgba(42, 53, 71, 0.08);
	font-family: var(--trs-vf-font-family);
}

.trs-vf-catalog-filter *,
.trs-vf-catalog-filter *::before,
.trs-vf-catalog-filter *::after {
	box-sizing: border-box;
}

.trs-vf-catalog-filter-heading {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.trs-vf-catalog-filter-heading > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.trs-vf-catalog-kicker {
	color: var(--trs-vf-blue);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.trs-vf-catalog-filter-heading strong {
	color: var(--trs-vf-text);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
}

.trs-vf-catalog-vehicle {
	display: inline-flex;
	max-width: 55%;
	gap: 7px;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	background: #e9f6ef;
	color: #157347;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.25;
	text-align: right;
}

.trs-vf-catalog-vehicle i {
	display: block;
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #157347;
	box-shadow: 0 0 0 3px rgba(21, 115, 71, 0.13);
}

.trs-vf-catalog-vehicle.is-empty {
	background: #f1f3f5;
	color: #687281;
}

.trs-vf-catalog-filter-form {
	display: grid;
	width: 100%;
	max-width: 100%;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	align-items: end;
	margin: 0;
}

.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand,
.trs-vf-catalog-filter-form.trs-vf-catalog-has-groups {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand.trs-vf-catalog-has-groups {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trs-vf-catalog-filter-body[hidden] {
	display: none !important;
}

.trs-vf-catalog-mobile-toggle {
	display: none;
}

.trs-vf-catalog-fitment,
.trs-vf-catalog-select {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.trs-vf-catalog-fitment legend,
.trs-vf-catalog-select > span {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	color: var(--trs-vf-text);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.2;
}

.trs-vf-filter-toggle {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-height: 44px;
	overflow: hidden;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: 5px;
}

.trs-vf-filter-toggle label {
	display: flex;
	margin: 0;
	cursor: pointer;
}

.trs-vf-filter-toggle label + label {
	border-left: 1px solid var(--trs-vf-field-border);
}

.trs-vf-filter-toggle input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.trs-vf-filter-toggle span {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	background: #ffffff;
	color: var(--trs-vf-text);
	font-size: 12px;
	font-weight: 750;
	line-height: 1.2;
	text-align: center;
	transition: background-color 150ms ease, color 150ms ease;
}

.trs-vf-filter-toggle input:checked + span {
	background: var(--trs-vf-blue);
	color: #ffffff;
}

.trs-vf-filter-toggle input:focus-visible + span {
	box-shadow: inset 0 0 0 2px var(--trs-vf-accent);
}

.trs-vf-filter-toggle label.is-disabled {
	cursor: not-allowed;
	opacity: 0.48;
}

.trs-vf-catalog-select select {
	display: block;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 32px 0 11px;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: 5px;
	background-color: #ffffff;
	color: var(--trs-vf-text);
	font: inherit;
	font-size: 12px;
	line-height: normal;
}

.trs-vf-catalog-select select:focus {
	border-color: var(--trs-vf-blue);
	box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.15);
	outline: 0;
}

.trs-vf-catalog-actions {
	display: flex;
	gap: 8px;
	align-items: center;
	height: 44px;
	justify-content: flex-end;
}

.trs-vf-catalog-actions button,
.trs-vf-catalog-actions a {
	display: inline-flex;
	height: 44px;
	align-items: center;
	justify-content: center;
	margin: 0;
	border-radius: 5px;
	font: inherit;
	font-size: 12px;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

.trs-vf-catalog-actions button {
	padding: 0 16px;
	border: 1px solid var(--trs-vf-accent);
	background: var(--trs-vf-accent);
	color: #ffffff;
	cursor: pointer;
}

.trs-vf-catalog-actions button:hover,
.trs-vf-catalog-actions button:focus {
	border-color: var(--trs-vf-hover);
	background: var(--trs-vf-hover);
	color: #ffffff;
}

.trs-vf-catalog-actions a {
	padding: 0 7px;
	color: #687281;
}

.trs-vf-catalog-actions a:hover,
.trs-vf-catalog-actions a:focus {
	color: var(--trs-vf-accent);
	text-decoration: none;
}

.trs-vf-catalog-note {
	margin: 10px 0 0;
	color: #687281;
	font-size: 11px;
	line-height: 1.45;
}

.trs-vf-catalog-note.is-filtered {
	color: #157347;
}

.trs-vf-catalog-note.is-model-group {
	color: #445e86;
}

.trs-vf-fitment-list {
	box-sizing: border-box;
	width: 100%;
	margin: 20px 0;
	scroll-margin-top: 88px;
	color: #2a3547;
	font-family: "Open Sans", Arial, sans-serif !important;
}

.trs-vf-fitment-list *,
.trs-vf-fitment-list *::before,
.trs-vf-fitment-list *::after {
	box-sizing: border-box;
}

.trs-vf-fitment-details {
	margin: 0;
	overflow: hidden;
	border: 1px solid #d8dee8;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 3px 12px rgba(42, 53, 71, 0.06);
}

.trs-vf-fitment-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 14px;
	align-items: center;
	min-height: 72px;
	margin: 0;
	padding: 14px 18px;
	list-style: none;
	border-left: 5px solid #445e86;
	background: #f7f9fc;
	cursor: pointer;
	transition: background-color 0.2s ease;
	user-select: none;
}

.trs-vf-fitment-summary::-webkit-details-marker {
	display: none;
}

.trs-vf-fitment-summary::marker {
	content: "";
}

.trs-vf-fitment-summary:hover {
	background: #f1f5fa;
}

.trs-vf-fitment-summary:focus-visible {
	outline: 3px solid rgba(68, 94, 134, 0.35);
	outline-offset: -3px;
}

.trs-vf-fitment-details[open] > .trs-vf-fitment-summary {
	border-bottom: 1px solid #d8dee8;
}

.trs-vf-fitment-summary-main {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.trs-vf-fitment-summary-title {
	color: #445e86;
	font-family: "Bayon", "Open Sans", Arial, sans-serif !important;
	font-size: clamp(22px, 2vw, 27px);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.trs-vf-fitment-summary-meta {
	color: #5b6574;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

.trs-vf-fitment-summary-action {
	color: #d1232a;
	font-family: "Bayon", "Open Sans", Arial, sans-serif !important;
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	white-space: nowrap;
}

.trs-vf-fitment-summary-open {
	display: none;
}

.trs-vf-fitment-details[open] .trs-vf-fitment-summary-closed {
	display: none;
}

.trs-vf-fitment-details[open] .trs-vf-fitment-summary-open {
	display: inline;
}

.trs-vf-fitment-summary::after {
	content: "";
	width: 10px;
	height: 10px;
	border-right: 2px solid #445e86;
	border-bottom: 2px solid #445e86;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 0.2s ease;
}

.trs-vf-fitment-details[open] > .trs-vf-fitment-summary::after {
	transform: rotate(225deg) translate(-2px, -2px);
}

.trs-vf-fitment-body {
	padding: 18px;
	background: #ffffff;
}

.trs-vf-fitment-mobile-label {
	display: none;
}

.trs-vf-fitment-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid #d8dee8;
	border-radius: 5px;
	background: #ffffff;
}

.trs-vf-fitment-table {
	width: 100%;
	min-width: 720px;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
	color: #2a3547;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-style: normal !important;
}

.trs-vf-fitment-table th,
.trs-vf-fitment-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #e4e8ee;
	color: #2a3547;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 14px;
	font-style: normal !important;
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
}

.trs-vf-fitment-table th:first-child,
.trs-vf-fitment-table td:first-child {
	padding-left: 22px !important;
}

.trs-vf-fitment-table thead th {
	background: #f1f5fa !important;
	color: #2a3547 !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.trs-vf-fitment-table tbody tr:nth-child(even) td {
	background: #f8fafc !important;
}
@media only screen and (min-width: 767px) and (hover: hover) {
	.trs-vf-fitment-table tbody tr:hover td {
		background: #f1f5fa !important;
	}
}

.trs-vf-fitment-table tbody tr:last-child td {
	border-bottom: 0;
}

.trs-vf-fitment-table .trs-vf-fitment-years {
	color: #2a3547;
	font-weight: 700;
	white-space: nowrap;
}

.trs-vf-fitment-list-notice {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin: 0;
	padding: 13px 15px;
	border: 1px solid #a9b9cf;
	border-left: 4px solid #445e86;
	border-radius: 4px;
	background: #f1f5fa;
	color: #2a3547;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 14px;
	line-height: 1.45;
}

.trs-vf-fitment-list-notice.is-universal {
	border-color: #a9b9cf;
	border-left-color: #445e86;
	background: #f1f5fa;
}

.trs-vf-fitment-list-notice.is-neutral {
	border-color: #cbd3de;
	border-left-color: #687281;
	background: #f5f6f8;
}

.trs-vf-fitment-disclaimer {
	margin: 14px 2px 0;
	color: #687281;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 12px;
	line-height: 1.5;
}

@media only screen and (max-width: 766.99px) {
	.trs-vf-fitment-summary {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
		min-height: 64px;
		padding: 13px 14px;
	}

	.trs-vf-fitment-summary-title {
		font-size: 22px;
	}

	.trs-vf-fitment-summary-action {
		display: none;
	}

	.trs-vf-fitment-body {
		padding: 10px;
	}

	.trs-vf-fitment-table {
		min-width: 700px;
	}

	.trs-vf-fitment-table th,
	.trs-vf-fitment-table td {
		padding: 9px 10px;
		font-size: 13px;
	}
	.trs-vf-fitment-table-wrap {
		overflow: visible;
		border: 0;
		background: transparent;
	}

	.trs-vf-fitment-table {
		display: block;
		min-width: 0;
		max-width: 100%;
	}

	.trs-vf-fitment-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	.trs-vf-fitment-table tbody {
		display: grid;
		gap: 10px;
	}

	.trs-vf-fitment-table tbody tr {
		display: block;
		min-width: 0;
		padding: 6px 0;
		border: 1px solid #d8dee8;
		border-radius: 6px;
		background: #ffffff;
		cursor: default;
		transition: none;
	}

	.trs-vf-fitment-table tbody tr:nth-child(even) {
		background: #f8fafc;
	}

	.trs-vf-fitment-table tbody tr td,
	.trs-vf-fitment-table tbody tr:hover td {
		display: grid;
		grid-template-columns: 70px minmax(0, 1fr);
		gap: 10px;
		width: auto;
		min-width: 0;
		padding: 6px 12px !important;
		border: 0;
		background: transparent !important;
		white-space: normal;
		cursor: default;
		transition: none;
	}

	.trs-vf-fitment-mobile-label {
		display: block;
		color: #445e86;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 0.035em;
		text-transform: uppercase;
	}

	.trs-vf-fitment-table tbody tr td:first-child {
		padding-left: 12px !important;
	}

	.trs-vf-fitment-value {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}
.trs-vf-loop-badge {
	display: flex;
	box-sizing: border-box;
	width: max-content;
	max-width: calc(100% - 2px);
	gap: var(--trs-vf-badge-gap, 6px);
	align-items: center;
	margin-top: var(--trs-vf-badge-margin-top, 8px);
	margin-bottom: var(--trs-vf-badge-margin-bottom, 7px);
	padding: var(--trs-vf-badge-padding-y, 5px) var(--trs-vf-badge-padding-x, 9px);
	border: var(--trs-vf-badge-border-width, 1px) solid var(--trs-vf-badge-border, #cbd3de);
	border-radius: var(--trs-vf-badge-radius, 999px);
	background: var(--trs-vf-badge-bg, #f3f5f7);
	color: var(--trs-vf-badge-color, #596474);
	font-family: var(--trs-vf-badge-font-family, "Open Sans", Arial, sans-serif) !important;
	font-size: var(--trs-vf-badge-font-size, 11px);
	font-weight: var(--trs-vf-badge-font-weight, 800);
	letter-spacing: 0.015em;
	line-height: 1.2;
	text-align: left;
}

.trs-vf-loop-badge-align-left {
	margin-right: auto;
	margin-left: 0;
}

.trs-vf-loop-badge-align-center {
	margin-right: auto;
	margin-left: auto;
}

.trs-vf-loop-badge-align-right {
	margin-right: 0;
	margin-left: auto;
}

.trs-vf-loop-badge-icon {
	display: grid;
	box-sizing: border-box;
	flex: 0 0 var(--trs-vf-badge-icon-circle, 17px);
	width: var(--trs-vf-badge-icon-circle, 17px);
	height: var(--trs-vf-badge-icon-circle, 17px);
	margin: 0;
	padding: 0;
	place-items: center;
	overflow: hidden;
	border-radius: 50%;
	background: var(--trs-vf-badge-icon-bg, #687281);
	color: var(--trs-vf-badge-icon-color, #ffffff);
	font-family: Arial, sans-serif;
	font-size: var(--trs-vf-badge-icon-size, 11px);
	font-weight: 900;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
}

.trs-vf-loop-badge-icon svg {
	display: block;
	width: var(--trs-vf-badge-icon-size, 11px);
	height: var(--trs-vf-badge-icon-size, 11px);
	margin: 0;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.25;
}

.trs-vf-loop-badge-icon.is-custom span {
	display: block;
	width: 100%;
	line-height: 1;
	text-align: center;
	transform: translateY(-0.01em);
}

.trs-vf-loop-badge-label {
	font-family: inherit !important;
	min-width: 0;
	overflow-wrap: anywhere;
}
.trs-vf-responsive-enabled .trs-vf-responsive-toggle:not([hidden]) {
	display: flex;
	width: 100%;
	min-height: 50px;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 0;
	padding: 0 17px;
	border: 1px solid var(--trs-vf-field-border);
	border-radius: var(--trs-vf-radius);
	background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
	box-shadow: 0 2px 7px rgba(42, 53, 71, 0.06);
	color: var(--trs-vf-text);
	cursor: pointer;
	font-family: var(--trs-vf-font-family);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-align: left;
	transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.trs-vf-responsive-enabled .trs-vf-responsive-toggle:not([hidden]):hover,
.trs-vf-responsive-enabled .trs-vf-responsive-toggle:not([hidden]):focus-visible,
.trs-vf-responsive-enabled .trs-vf-responsive-toggle[aria-expanded="true"] {
	border-color: var(--trs-vf-blue);
	background: var(--trs-vf-soft-blue);
	box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.14);
	outline: 0;
}

.trs-vf-responsive-enabled .trs-vf-responsive-toggle-chevron {
	display: block;
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: 0.75;
	transform: rotate(45deg);
	transition: margin 160ms ease, transform 160ms ease;
}

.trs-vf-responsive-enabled .trs-vf-responsive-toggle[aria-expanded="true"] .trs-vf-responsive-toggle-chevron {
	margin-top: 5px;
	transform: rotate(225deg);
}

.trs-vf-responsive-enabled .trs-vf-responsive-toggle[aria-expanded="true"] .trs-vf-responsive-toggle-collapsed {
	display: none;
}

.trs-vf-responsive-enabled .trs-vf-responsive-toggle[aria-expanded="true"] .trs-vf-responsive-toggle-expanded {
	display: inline;
}

.trs-vf-responsive-enabled .trs-vf-responsive-panel:not([hidden]) {
	margin-top: 10px;
}
@container trs-fitment (min-width: 520px) and (max-width: 819px) {
	.trs-vf-fields,
	.trs-vf-has-make .trs-vf-fields {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.trs-vf-submit {
		grid-column: auto;
	}
}
@container trs-fitment (min-width: 820px) {
	.trs-vf-no-make .trs-vf-fields {
		grid-template-columns:
			minmax(74px, 0.62fr)
			repeat(3, minmax(105px, 1fr))
			minmax(112px, 0.82fr)
			minmax(110px, 0.82fr);
	}

	.trs-vf-no-make .trs-vf-submit {
		grid-column: auto;
	}
}
@container trs-fitment (min-width: 980px) {
	.trs-vf-has-make .trs-vf-fields {
		grid-template-columns:
			minmax(70px, 0.58fr)
			minmax(86px, 0.76fr)
			repeat(3, minmax(96px, 1fr))
			minmax(110px, 0.8fr)
			minmax(110px, 0.8fr);
	}

	.trs-vf-has-make .trs-vf-submit {
		grid-column: auto;
	}
}

@container trs-fitment (max-width: 649px) {
	.trs-vf-selection-status {
		display: none;
	}
}
@container trs-fitment (max-width: 419px) {
	.trs-vf-fields,
	.trs-vf-has-make .trs-vf-fields {
		grid-template-columns: 1fr;
	}

	.trs-vf-field select,
	.trs-vf-custom-select__trigger,
	.trs-vf-submit,
	.trs-vf-density-comfortable .trs-vf-field select,
	.trs-vf-density-comfortable .trs-vf-custom-select__trigger,
	.trs-vf-density-comfortable .trs-vf-submit {
		width: 100%;
		height: 48px;
	}
}
@container trs-fitment (max-width: 519px) {
	.trs-vf-selection {
		align-items: flex-start;
		gap: 10px;
		flex-wrap: wrap;
		padding: 11px 12px;
	}

	.trs-vf-selection-main {
		flex-basis: 100%;
	}

	.trs-vf-selection-details {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.trs-vf-selection-vehicle {
		white-space: normal;
	}

	.trs-vf-selection-actions {
		width: 100%;
		flex-wrap: wrap;
		justify-content: flex-end;
		padding-top: 9px;
		border-top: 1px solid color-mix(in srgb, var(--trs-vf-field-border) 75%, transparent);
	}

	.trs-vf-shop {
		flex: 1 1 auto;
	}

	.trs-vf-has-selection .trs-vf-editor {
		margin-top: 10px;
		padding-top: 10px;
	}

	.trs-vf-heading-row {
		gap: 10px;
	}

	.trs-vf-vin-toggle {
		height: 48px;
		min-height: 38px;
		padding-right: 11px;
		padding-left: 11px;
	}

	.trs-vf-vin-entry {
		grid-template-columns: 1fr;
	}

	.trs-vf-vin-input,
	.trs-vf-vin-submit {
		width: 100%;
		height: 48px;
	}
}
@media (min-width: 767px) and (max-width: 1064px) {
	.trs-header-vehicle-finder .trs-vf-fields,
	.trs-header-vehicle-finder .trs-vf-has-make .trs-vf-fields {
		grid-template-columns:
			minmax(0, 0.58fr)
			minmax(0, 0.76fr)
			repeat(3, minmax(0, 1fr))
			minmax(0, 0.92fr)
			minmax(0, 0.92fr);
		gap: 8px;
	}

	.trs-header-vehicle-finder .trs-vf-no-make .trs-vf-fields {
		grid-template-columns:
			minmax(0, 0.62fr)
			repeat(3, minmax(0, 1fr))
			minmax(0, 0.92fr)
			minmax(0, 0.92fr);
	}

	.trs-header-vehicle-finder .trs-vf-field,
	.trs-header-vehicle-finder .trs-vf-vin-toggle,
	.trs-header-vehicle-finder .trs-vf-submit {
		min-width: 0;
	}

	.trs-header-vehicle-finder .trs-vf-field > span,
	.trs-header-vehicle-finder .trs-vf-field > label {
		font-size: clamp(10px, 1.3vw, 12px);
	}

	.trs-header-vehicle-finder .trs-vf-field select,
	.trs-header-vehicle-finder .trs-vf-custom-select__trigger,
	.trs-header-vehicle-finder .trs-vf-vin-toggle,
	.trs-header-vehicle-finder .trs-vf-submit {
		padding-right: 8px;
		padding-left: 8px;
		font-size: clamp(11px, 1.35vw, 14px);
		white-space: nowrap;
	}

	.trs-header-vehicle-finder .trs-vf-submit {
		grid-column: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 766.99px) {
	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle:not([hidden]) {
		position: relative;
		display: flex;
		width: 100%;
		min-width: 0;
		height: 52px;
		min-height: 52px;
		align-items: center;
		justify-content: center;
		gap: 0;
		margin: 0;
		padding: 0 52px;
		box-sizing: border-box;
		border: 1px solid #cbd3de;
		border-radius: 6px;
		background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
		box-shadow:
			inset 0 -3px 0 #d1232a,
			0 2px 7px rgba(42, 53, 71, 0.08);
		color: #2a3547;
		font-family: "Bayon", Arial, sans-serif;
		font-size: 19px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 1.2px;
		text-align: center;
		text-transform: uppercase;
	}

	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle-collapsed,
	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle-expanded {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.trs-header-vehicle-finder .trs-vf-responsive-enabled.trs-vf-has-selection .trs-vf-responsive-toggle:not([hidden]) {
		font-size: clamp(15px, 4.8vw, 19px);
	}

	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle:not([hidden]):hover,
	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle:not([hidden]):focus-visible,
	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle[aria-expanded="true"] {
		border-color: #445e86;
		background: #f1f5fa;
		box-shadow:
			inset 0 -3px 0 #d1232a,
			0 0 0 3px rgba(68, 94, 134, 0.14);
		outline: 0;
	}

	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle-chevron {
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		flex: 0 0 9px;
		width: 9px;
		height: 9px;
		margin: -7px 0 0;
		border: 0;
		border-right: 2px solid #617087;
		border-bottom: 2px solid #617087;
		opacity: 1;
		transform: rotate(45deg);
		transition: margin 160ms ease, transform 160ms ease;
		pointer-events: none;
	}

	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-responsive-toggle[aria-expanded="true"] .trs-vf-responsive-toggle-chevron {
		margin-top: -2px;
		transform: rotate(225deg);
	}
	.trs-header-vehicle-finder .trs-vf-responsive-enabled .trs-vf-fields > .trs-vf-submit {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		max-width: none !important;
		justify-self: stretch !important;
	}

	.trs-vf-finder:not(.trs-vf-transparent) {
		padding: 14px;
	}

	.trs-vf-catalog-filter {
		padding: 14px;
	}

	.trs-vf-catalog-filter-heading {
		align-items: stretch;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.trs-vf-catalog-vehicle {
		max-width: 100%;
		text-align: left;
	}

	.trs-vf-catalog-mobile-toggle:not([hidden]) {
		display: inline-flex;
		min-height: 42px;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		padding: 0 14px;
		border: 1px solid var(--trs-vf-field-border);
		border-radius: 5px;
		background: #f7f9fc;
		color: var(--trs-vf-text);
		font: inherit;
		font-size: 13px;
		font-weight: 750;
		cursor: pointer;
	}

	.trs-vf-catalog-mobile-toggle-hide {
		display: none;
	}

	.trs-vf-catalog-mobile-toggle[aria-expanded="true"] .trs-vf-catalog-mobile-toggle-show {
		display: none;
	}

	.trs-vf-catalog-mobile-toggle[aria-expanded="true"] .trs-vf-catalog-mobile-toggle-hide {
		display: inline;
	}

	.trs-vf-catalog-filter-form,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-groups,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand.trs-vf-catalog-has-groups {
		grid-template-columns: 1fr;
	}

	.trs-vf-catalog-actions {
		width: 100%;
	}

	.trs-vf-catalog-actions button {
		flex: 1 1 auto;
	}
}
@media only screen and (min-width: 981px) {
	.trs-vf-catalog-filter-form,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-groups,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand.trs-vf-catalog-has-groups {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
.trs-vf-catalog-note {
	color: #4b5565;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.trs-vf-catalog-note.is-model-group {
	color: #445e86;
}

.trs-vf-catalog-note.is-filtered {
	color: #157347;
}
@media only screen and (max-width: 980.99px) {
	.trs-vf-catalog-filter {
		padding: 16px;
	}

	.trs-vf-catalog-filter-heading {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-bottom: 0;
		text-align: center;
	}

	.trs-vf-catalog-filter-heading > div {
		width: 100%;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.trs-vf-catalog-kicker,
	.trs-vf-catalog-filter-heading strong {
		width: 100%;
		text-align: center;
	}

	.trs-vf-catalog-kicker {
		font-size: 11px;
	}

	.trs-vf-catalog-filter-heading strong {
		font-size: 22px;
	}

	.trs-vf-catalog-vehicle,
	.trs-vf-catalog-vehicle.is-empty {
		max-width: min(100%, 520px);
		margin-right: auto;
		margin-left: auto;
		justify-content: center;
		padding: 8px 14px;
		font-size: 13px;
		text-align: center;
	}

	.trs-vf-catalog-mobile-toggle:not([hidden]) {
		display: inline-flex;
		width: min(220px, 100%);
		min-height: 44px;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		padding: 0 18px;
		border: 1px solid var(--trs-vf-field-border);
		border-radius: 6px;
		background: #f7f9fc;
		color: var(--trs-vf-text);
		cursor: pointer;
		font: inherit;
		font-size: 14px;
		font-weight: 750;
		text-align: center;
	}

	.trs-vf-catalog-mobile-toggle:hover,
	.trs-vf-catalog-mobile-toggle:focus-visible,
	.trs-vf-catalog-mobile-toggle[aria-expanded="true"] {
		border-color: var(--trs-vf-blue);
		background: #f1f5fa;
		box-shadow: 0 0 0 3px rgba(68, 94, 134, 0.12);
		outline: 0;
	}

	.trs-vf-catalog-filter-body:not([hidden]) {
		width: 100%;
		max-width: 760px;
		margin: 16px auto 0;
	}

	.trs-vf-catalog-fitment legend,
	.trs-vf-catalog-select > span {
		text-align: center;
	}

	.trs-vf-catalog-select select {
		text-align: center;
		text-align-last: center;
	}

	.trs-vf-catalog-actions {
		justify-content: center;
	}

	.trs-vf-catalog-note {
		margin-top: 14px;
		font-size: 14px;
		text-align: center;
	}
}
@media only screen and (min-width: 767px) and (max-width: 980.99px) {
	.trs-vf-catalog-filter-form,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-groups,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand.trs-vf-catalog-has-groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.trs-vf-catalog-actions {
		grid-column: 1 / -1;
	}
}
@media only screen and (max-width: 766.99px) {
	.trs-vf-catalog-filter {
		padding: 14px;
	}

	.trs-vf-catalog-filter-heading strong {
		font-size: 21px;
	}

	.trs-vf-catalog-filter-body:not([hidden]) {
		max-width: 520px;
		margin-top: 14px;
	}

	.trs-vf-catalog-filter-form,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-groups,
	.trs-vf-catalog-filter-form.trs-vf-catalog-has-brand.trs-vf-catalog-has-groups {
		grid-template-columns: 1fr;
		gap: 11px;
	}

	.trs-vf-catalog-actions {
		height: auto;
		flex-wrap: wrap;
		justify-content: center;
	}

	.trs-vf-catalog-actions button {
		flex: 1 1 100%;
		width: 100%;
	}

	.trs-vf-catalog-actions a {
		height: 36px;
	}

	.trs-vf-catalog-note {
		font-size: 13.5px;
		line-height: 1.5;
	}
}
@media only screen and (min-width: 767px) and (max-width: 980.99px) {
	.trs-vf-catalog-mobile-toggle-hide {
		display: none;
	}

	.trs-vf-catalog-mobile-toggle[aria-expanded="true"] .trs-vf-catalog-mobile-toggle-show {
		display: none;
	}

	.trs-vf-catalog-mobile-toggle[aria-expanded="true"] .trs-vf-catalog-mobile-toggle-hide {
		display: inline;
	}
}
.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-responsive-enabled {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-responsive-enabled > .trs-vf-responsive-toggle:not([hidden]) {
	display: flex !important;
	width: min(100%, 720px) !important;
	min-height: 48px !important;
	margin: 0 auto !important;
	padding: 0 48px 0 18px !important;
	border: 1px solid #cbd3de !important;
	border-radius: 6px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
	box-shadow: 0 2px 7px rgba(42, 53, 71, 0.07) !important;
	color: #2a3547 !important;
	font-family: "Bayon", "Open Sans", Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	letter-spacing: .7px !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-responsive-enabled > .trs-vf-responsive-toggle .trs-vf-responsive-toggle-collapsed,
.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-responsive-enabled > .trs-vf-responsive-toggle .trs-vf-responsive-toggle-expanded {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-responsive-enabled > .trs-vf-responsive-panel:not([hidden]) {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 10px auto 0 !important;
}
.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-is-editing .trs-vf-selection {
	display: none !important;
}

.trs-header-vehicle-finder .trs-vf-header-compact.trs-vf-is-editing .trs-vf-editor {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: 0 !important;
}
