.bio-shipping-progress {
	background: #f7fbfd;
	border: 1px solid #d8edf5;
	border-radius: 10px;
	box-sizing: border-box;
	color: #193b4a;
	margin: 0 0 22px;
	padding: 14px 16px;
	width: 100%;
}

.bio-shipping-progress__head {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	justify-content: space-between;
}

.bio-shipping-progress__head strong {
	font-size: 15px;
}

.bio-shipping-progress__head span {
	font-size: 14px;
}

.bio-shipping-progress__track {
	background: #e1edf1;
	border-radius: 999px;
	height: 8px;
	margin: 12px 0 7px;
	overflow: hidden;
}

.bio-shipping-progress__track span {
	background: #299fd0;
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width .25s ease;
}

.bio-shipping-progress.is-complete {
	background: #effbf3;
	border-color: #b9e7c6;
	color: #145c2a;
}

.bio-shipping-progress.is-complete .bio-shipping-progress__track span {
	background: #2eaf59;
}

.bio-shipping-progress small {
	color: #60727a;
	display: block;
	font-size: 12px;
}

.bio-shipping-quote {
	background: #fff;
	border: 1px solid #dce7eb;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 20px;
}

.bio-shipping-quote h3 {
	margin: 0 0 16px;
}

.bio-shipping-quote__fields {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bio-shipping-quote__fields label {
	color: #2b3d44;
	display: block;
	font-size: 13px;
	font-weight: 600;
}

.bio-shipping-quote__fields input,
.bio-shipping-quote__fields select {
	border: 1px solid #cbd8dd;
	border-radius: 5px;
	box-sizing: border-box;
	display: block;
	margin-top: 6px;
	min-height: 42px;
	padding: 8px 10px;
	width: 100%;
}

.bio-shipping-quote__fields button {
	align-self: end;
	background: #299fd0;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
	min-height: 42px;
	padding: 8px 18px;
}

.bio-shipping-quote__fields button[disabled] {
	cursor: wait;
	opacity: .65;
}

.bio-shipping-quote__result {
	margin-top: 18px;
}

.bio-shipping-quote__message {
	color: #596b72;
	font-size: 14px;
}

.bio-shipping-quote__message.is-error {
	color: #a02222;
}

.bio-shipping-quote__rates {
	display: grid;
	gap: 10px;
}

.bio-shipping-quote__rate {
	align-items: center;
	background: #f7fbfd;
	border: 1px solid #dce7eb;
	border-radius: 7px;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	padding: 12px 14px;
}

.bio-shipping-quote__rate strong {
	display: block;
}

.bio-shipping-quote__rate-info { display:grid; gap:4px; }
.bio-shipping-quote__delivery { background:#eaf7fb; border-radius:6px; color:#176d8f; display:inline-flex; font-size:13px; font-weight:800; padding:4px 7px; width:max-content; }

.bio-shipping-quote__rate small {
	color: #60727a;
	display: block;
	margin-top: 3px;
}

.bio-shipping-quote__price {
	background:#eaf7fb;
	border-radius:7px;
	color: #176d8f;
	font-size: 17px;
	font-weight: 700;
	padding:7px 10px;
	white-space: nowrap;
}

@media (max-width: 700px) {
	.bio-shipping-quote__fields {
		grid-template-columns: 1fr;
	}

	.bio-shipping-quote__rate {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}
}