/* ========================================================================== 
   V6.7.16 — homepage master tire search.
   Scoped to the front-page finder so no catalog, hero, booking or finance-page
   layout can be changed by this release.
   ========================================================================== */

main.wt-home .wt-master-search {
	padding: 1.35rem 1.6rem 1.45rem;
	border-bottom: 1px solid rgba( 9, 62, 105, .14 );
	background:
		radial-gradient( circle at 92% 8%, rgba( 255, 103, 25, .11 ), transparent 34% ),
		linear-gradient( 135deg, #f8fbfd 0%, #ffffff 58%, #eef7fc 100% );
}

main.wt-home .wt-master-search__intro {
	display: flex;
	gap: 1.25rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .9rem;
}

main.wt-home .wt-master-search__intro h3,
main.wt-home .wt-master-search__intro p {
	margin: 0;
}

main.wt-home .wt-master-search__intro h3 {
	color: #083f6c;
	font-family: var( --wt-font-display );
	font-size: clamp( 1.25rem, 2vw, 1.7rem );
	line-height: 1.1;
}

main.wt-home .wt-master-search__intro > div > p:last-child {
	max-width: 51rem;
	margin-top: .3rem;
	color: #5c6d7d;
	font-size: .86rem;
	line-height: 1.5;
}

main.wt-home .wt-master-search__eyebrow {
	margin-bottom: .22rem !important;
	color: #f05a16;
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
}

main.wt-home .wt-master-search__finance {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-height: 2.8rem;
	padding: .68rem 1rem;
	border: 1px solid rgba( 8, 63, 108, .3 );
	border-radius: 999px;
	color: #083f6c;
	background: rgba( 255, 255, 255, .84 );
	font-size: .78rem;
	font-weight: 900;
	text-decoration: none;
	box-shadow: 0 .45rem 1.2rem rgba( 6, 36, 64, .08 );
}

main.wt-home .wt-master-search__finance:hover,
main.wt-home .wt-master-search__finance:focus-visible {
	border-color: #ff6719;
	color: #082e4f;
	background: #fff7f2;
}

main.wt-home .wt-master-search__form {
	margin: 0;
}

main.wt-home .wt-master-search__bar {
	display: grid;
	grid-template-columns: auto minmax( 0, 1fr ) auto;
	gap: .65rem;
	align-items: center;
	padding: .48rem;
	border: 2px solid rgba( 8, 63, 108, .22 );
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 .85rem 2rem rgba( 6, 36, 64, .1 );
	transition: border-color .18s ease, box-shadow .18s ease;
}

main.wt-home .wt-master-search__bar:focus-within {
	border-color: #ff6719;
	box-shadow: 0 0 0 4px rgba( 255, 103, 25, .12 ), 0 .85rem 2rem rgba( 6, 36, 64, .1 );
}

main.wt-home .wt-master-search__icon {
	display: grid;
	place-items: center;
	width: 2.4rem;
	aspect-ratio: 1;
	color: #ff6719;
}

main.wt-home .wt-master-search__icon svg {
	width: 1.3rem;
	height: 1.3rem;
}

main.wt-home .wt-master-search__input {
	min-width: 0;
	width: 100%;
	min-height: 3rem;
	padding: .55rem .15rem;
	border: 0;
	outline: 0;
	color: #122536;
	background: transparent;
	font: inherit;
	font-size: 1rem;
}

main.wt-home .wt-master-search__input::placeholder {
	color: #788692;
}

main.wt-home .wt-master-search__submit {
	min-height: 3rem;
	padding-inline: 1.2rem;
	white-space: nowrap;
}

main.wt-home .wt-master-search__hint {
	margin: .6rem .15rem 0;
	color: #607180;
	font-size: .76rem;
	line-height: 1.45;
}

main.wt-home .wt-master-search__results {
	margin-top: .9rem;
	padding: .85rem;
	border: 1px solid rgba( 8, 63, 108, .16 );
	border-radius: 1rem;
	background: rgba( 255, 255, 255, .94 );
	box-shadow: 0 .85rem 2rem rgba( 6, 36, 64, .09 );
}

main.wt-home .wt-master-search__results[hidden],
main.wt-home .wt-master-search__vehicle-suggestion[hidden],
main.wt-home .wt-master-search__more[hidden] {
	display: none;
}

main.wt-home .wt-master-search__summary {
	display: flex;
	gap: .75rem;
	align-items: center;
	justify-content: space-between;
	padding: .15rem .15rem .75rem;
}

main.wt-home .wt-master-search__summary p {
	margin: 0;
	color: #102b42;
	font-size: .84rem;
	font-weight: 800;
}

main.wt-home .wt-master-search__clear {
	padding: .25rem;
	border: 0;
	color: #536878;
	background: transparent;
	font: inherit;
	font-size: .76rem;
	font-weight: 800;
	text-decoration: underline;
	cursor: pointer;
}

main.wt-home .wt-master-search__vehicle-suggestion {
	display: flex;
	gap: .65rem;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .75rem;
	padding: .7rem .8rem;
	border: 1px solid rgba( 255, 103, 25, .28 );
	border-radius: .75rem;
	color: #12334d;
	background: #fff7f2;
	font-size: .8rem;
	font-weight: 750;
}

main.wt-home .wt-master-search__vehicle-suggestion button {
	padding: .52rem .72rem;
	border: 1px solid #ff6719;
	border-radius: 999px;
	color: #083f6c;
	background: #fff;
	font: inherit;
	font-size: .73rem;
	font-weight: 900;
	cursor: pointer;
}

main.wt-home .wt-master-search__list {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: .65rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

main.wt-home .wt-master-search__item {
	min-width: 0;
}

main.wt-home .wt-master-search__product {
	display: grid;
	grid-template-columns: 4.6rem minmax( 0, 1fr ) auto;
	gap: .75rem;
	align-items: center;
	min-height: 5.25rem;
	padding: .58rem .65rem;
	border: 1px solid #e0e7ed;
	border-radius: .8rem;
	color: inherit;
	background: #fff;
	text-decoration: none;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

main.wt-home .wt-master-search__product:hover,
main.wt-home .wt-master-search__product:focus-visible {
	border-color: rgba( 255, 103, 25, .55 );
	transform: translateY( -1px );
	box-shadow: 0 .65rem 1.35rem rgba( 6, 36, 64, .09 );
}

main.wt-home .wt-master-search__media {
	display: grid;
	place-items: center;
	width: 4.6rem;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: .65rem;
	background: #f4f7f9;
}

main.wt-home .wt-master-search__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

main.wt-home .wt-master-search__media-fallback {
	color: #8a98a4;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .08em;
}

main.wt-home .wt-master-search__copy {
	display: grid;
	min-width: 0;
	gap: .14rem;
}

main.wt-home .wt-master-search__product-top {
	display: flex;
	gap: .45rem;
	align-items: center;
	min-width: 0;
}

main.wt-home .wt-master-search__condition {
	display: inline-flex;
	align-items: center;
	min-height: 1.35rem;
	padding: .18rem .45rem;
	border-radius: 999px;
	color: #fff;
	font-size: .62rem;
	font-weight: 900;
	text-transform: uppercase;
}

main.wt-home .wt-master-search__condition--new {
	background: #ff6719;
}

main.wt-home .wt-master-search__condition--used {
	background: #083f6c;
}

main.wt-home .wt-master-search__sku {
	overflow: hidden;
	color: #7a8894;
	font-size: .62rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

main.wt-home .wt-master-search__title {
	overflow: hidden;
	color: #083f6c;
	font-size: .88rem;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

main.wt-home .wt-master-search__meta {
	overflow: hidden;
	color: #60717f;
	font-size: .7rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

main.wt-home .wt-master-search__price {
	color: #102b42;
	font-size: .74rem;
	font-weight: 900;
}

main.wt-home .wt-master-search__arrow {
	color: #ff6719;
	font-size: 1.1rem;
	font-weight: 900;
}

main.wt-home .wt-master-search__more {
	display: block;
	width: 100%;
	margin-top: .75rem;
	padding: .72rem 1rem;
	border: 1px solid rgba( 8, 63, 108, .24 );
	border-radius: .75rem;
	color: #083f6c;
	background: #f7fafc;
	font: inherit;
	font-size: .78rem;
	font-weight: 900;
	cursor: pointer;
}

@media ( max-width: 767px ) {
	main.wt-home .wt-master-search {
		padding: 1rem .85rem 1.05rem;
	}

	main.wt-home .wt-master-search__intro {
		display: grid;
		gap: .75rem;
		margin-bottom: .75rem;
	}

	main.wt-home .wt-master-search__intro h3 {
		font-size: 1.25rem;
	}

	main.wt-home .wt-master-search__intro > div > p:last-child {
		font-size: .78rem;
	}

	main.wt-home .wt-master-search__finance {
		width: 100%;
		min-height: 2.65rem;
	}

	main.wt-home .wt-master-search__bar {
		grid-template-columns: auto minmax( 0, 1fr );
		gap: .35rem;
		padding: .4rem;
	}

	main.wt-home .wt-master-search__input {
		font-size: .9rem;
	}

	main.wt-home .wt-master-search__submit {
		grid-column: 1 / -1;
		width: 100%;
	}

	main.wt-home .wt-master-search__hint {
		font-size: .7rem;
	}

	main.wt-home .wt-master-search__results {
		padding: .65rem;
	}

	main.wt-home .wt-master-search__summary,
	main.wt-home .wt-master-search__vehicle-suggestion {
		align-items: flex-start;
		flex-direction: column;
	}

	main.wt-home .wt-master-search__vehicle-suggestion button {
		width: 100%;
	}

	main.wt-home .wt-master-search__list {
		grid-template-columns: minmax( 0, 1fr );
	}

	main.wt-home .wt-master-search__product {
		grid-template-columns: 4rem minmax( 0, 1fr ) auto;
		gap: .6rem;
	}

	main.wt-home .wt-master-search__media {
		width: 4rem;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	main.wt-home .wt-master-search__bar,
	main.wt-home .wt-master-search__product {
		transition: none;
	}
}