/* Card entry fields, styled to match the Telekom form shell */
.wcs-topup .wcs-form .wcs-form-card {
	margin: 20px 0 0 0;
	padding: 0;
}

.wcs-topup .wcs-form .wcs-form-card[hidden] {
	display: none;
}

.wcs-topup .wcs-form .wcs-card-row {
	margin: 0 0 16px 0;
}

.wcs-topup .wcs-form .wcs-card-row--split {
	display: flex;
	gap: 16px;
}

.wcs-topup .wcs-form .wcs-card-row--split > div {
	flex: 1 1 50%;
	min-width: 0;
}

.wcs-topup .wcs-form .wcs-card-row .form__label {
	display: block;
	color: #000;
	font-size: 15px;
	line-height: 120%;
	letter-spacing: -0.15px;
	padding: 0 0 8px 0;
	font-weight: bold;
}

.wcs-topup .wcs-form .wcs-card-row .form__input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	font-size: 17px;
	letter-spacing: 0.04em;
}

.wcs-topup .wcs-form .wcs-card-error {
	color: #ff0000;
	font-size: 14px;
	line-height: 140%;
	padding: 0 0 4px 0;
}

.wcs-topup .wcs-form .wcs-card-error[hidden] {
	display: none;
}

.wcs-topup .wcs-form .wcs-form-success {
	margin: 24px 0 0 0;
	padding: 16px 24px;
	border-radius: 16px;
	background: #F2F2F3;
	border: 1px solid #F2F2F3;
	max-width: 540px;
	font-size: 17px;
	line-height: 140%;
	color: #000;
	text-align: left;
}

.wcs-topup .wcs-form .wcs-form-success strong {
	font-weight: bold;
}

@media screen and (max-width: 869px) {
	.wcs-topup .wcs-form .wcs-form-paytype-items {
		display: flex;
	}
}