/* Topup purchase fields share the product layout and retain their numbered flow. */
.ggn-single-product .ggn-topup-form {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.ggn-single-product .ggn-topup-form__step {
	display: grid;
	gap: var(--wp--preset--spacing--10);
}

.ggn-single-product .ggn-topup-form__heading {
	align-items: center;
	display: flex;
	font-family: var(--wp--preset--font-family--heading);
	gap: var(--wp--preset--spacing--card);
	margin: 0;
}

.ggn-single-product .ggn-topup-form__number {
	align-items: center;
	background: var(--wp--preset--color--accent-soft);
	border-radius: 50%;
	color: var(--wp--preset--color--accent);
	display: inline-flex;
	flex: 0 0 2rem;
	font-weight: 700;
	justify-content: center;
	min-height: 2rem;
}

.ggn-single-product .ggn-topup-form__input {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.ggn-single-product .ggn-topup-form__help-toggle { min-height: var(--wp--custom--control--size); }
.ggn-single-product .ggn-topup-form__error { color: var(--wp--preset--color--accent); }