/* Kolory i fonty zgodne z t-clinic.pl */
.tc-kalk {
	max-width: 520px;
	margin: 0 auto 2rem;
	padding: 32px;
	background: #EAF1F6;
	border-radius: 20px;
	color: #565D66;
	font-family: "Inter", sans-serif;
}

.tc-kalk__title {
	margin: 0 0 20px;
	color: #003149;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 600;
}

.tc-kalk__field {
	display: block;
	margin-bottom: 16px;
	color: #0F1E28;
	font-weight: 600;
}

.tc-kalk__field > span:first-child {
	display: block;
	margin-bottom: 6px;
}

.tc-kalk__row {
	display: flex;
	gap: 8px;
}

.tc-kalk input,
.tc-kalk select {
	width: 100%;
	min-height: 48px;
	padding: 0 14px;
	border: 1px solid #dde4e9;
	border-radius: 12px;
	background: #fff;
	color: #0F1E28;
	font: inherit;
	font-weight: 400;
}

.tc-kalk select {
	width: auto;
}

.tc-kalk input:focus,
.tc-kalk select:focus {
	outline: none;
	border-color: #5887A4;
	box-shadow: 0 0 0 3px rgba(132, 194, 232, .45);
}

.tc-kalk__btn {
	width: 100%;
	min-height: 50px;
	border: 0;
	border-radius: 100px;
	background: #003149;
	color: #fff;
	font-family: "Space Grotesk", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
}

.tc-kalk__btn:hover {
	background: #0F1E28;
}

.tc-kalk__error {
	margin: 12px 0 0;
	color: #9A0E19;
	font-weight: 500;
}

.tc-kalk__result {
	margin-top: 20px;
	padding: 16px 20px;
	border-radius: 12px;
	background: #fff;
}

.tc-kalk__result p {
	margin: 4px 0;
}

.tc-kalk__result strong {
	color: #003149;
	font-family: "Space Grotesk", sans-serif;
	font-size: 1.15rem;
}

.tc-kalk__note {
	margin: 16px 0 0;
	color: #5887A4;
	font-size: .8rem;
}

.tc-kalk [hidden] {
	display: none !important;
}