/* KBR Pump Finder - styled to match the KBR Pumps site (navy / blue / teal) */
.pump-finder{
	padding: 60px 0 80px;
	background-color: #EAF6F4;
}

.pump-finder__intro{
	max-width: 720px;
	margin: 0 auto 32px;
	text-align: center;
}

.pump-finder__intro h2{
	margin: 0 0 12px;
	font-size: clamp(26px, 3.4vw, 40px);
	font-weight: 800;
	color: var(--primary-color);
}

.pump-finder__intro p{
	margin: 0;
	color: var(--text-color);
}

.pump-finder__card{
	max-width: 900px;
	margin: 0 auto;
}

.kbrf{
	background: #ffffff;
	border: 1px solid var(--divider-color);
	border-top: 4px solid var(--kbr-teal);
	border-radius: 10px;
	box-shadow: 0 12px 36px rgba(10, 37, 64, 0.08);
	padding: 28px;
	color: var(--primary-color);
	box-sizing: border-box;
}

.kbrf *, .kbrf *::before, .kbrf *::after{
	box-sizing: border-box;
}

.kbrf__form{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.kbrf__field{
	display: grid;
	gap: 8px;
	margin: 0;
}

.kbrf__field span{
	font-size: 14px;
	font-weight: 700;
	color: var(--primary-color);
}

.kbrf__field input{
	width: 100%;
	padding: 14px 16px;
	font-family: inherit;
	font-size: 18px;
	font-weight: 600;
	color: var(--primary-color);
	background: #F4FAF9;
	border: 1px solid var(--divider-color);
	border-radius: 8px;
	outline: none;
	transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.kbrf__field input::placeholder{
	color: #9db1b8;
	font-weight: 500;
}

.kbrf__field input:focus{
	border-color: var(--kbr-blue);
	box-shadow: 0 0 0 3px rgba(29, 111, 235, 0.15);
	background: #ffffff;
}

.kbrf__hint,
.kbrf__note,
.kbrf__count,
.kbrf__none{
	margin: 16px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-color);
}

.kbrf__count{
	font-weight: 700;
	color: var(--kbr-navy);
}

.kbrf__none a{
	color: var(--kbr-blue);
	font-weight: 700;
	text-decoration: underline;
}

.kbrf__list{
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.kbrf__item{
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--divider-color);
	border-radius: 8px;
	background: #ffffff;
	transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.kbrf__item:hover{
	border-color: var(--kbr-teal);
	box-shadow: 0 6px 20px rgba(10, 37, 64, 0.08);
}

.kbrf__model b{
	display: block;
	font-size: 18px;
	font-weight: 800;
	color: var(--primary-color);
}

.kbrf__model span{
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: var(--text-color);
}

.kbrf__value{
	font-size: 14px;
	color: var(--text-color);
}

.kbrf__value b{
	font-size: 18px;
	font-weight: 800;
	color: var(--kbr-teal);
}

.kbrf__actions{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.kbrf__link,
.kbrf__enquire,
.kbrf__more{
	display: inline-block;
	padding: 10px 18px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	border-radius: 6px;
	border: 1px solid var(--kbr-blue);
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.kbrf__link,
.kbrf__more{
	background: #ffffff;
	color: var(--kbr-blue);
}

.kbrf__link:hover,
.kbrf__more:hover{
	background: #EAF6F4;
	color: var(--kbr-navy);
	border-color: var(--kbr-navy);
}

.kbrf__enquire{
	background: var(--kbr-blue);
	color: #ffffff;
}

.kbrf__enquire:hover{
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #ffffff;
}

.kbrf__more{
	margin-top: 16px;
}

.kbrf a:focus-visible,
.kbrf button:focus-visible{
	outline: 2px solid var(--kbr-blue);
	outline-offset: 2px;
}

@media only screen and (min-width: 768px){
	.kbrf__item{
		grid-template-columns: 1fr auto auto;
		align-items: center;
		gap: 20px;
	}
}

@media only screen and (max-width: 575px){
	.pump-finder{
		padding: 40px 0 56px;
	}

	.kbrf{
		padding: 18px;
	}

	.kbrf__form{
		grid-template-columns: 1fr;
	}
}