/**
 * Narrow viewport safeguards.
 */

.hp-hero h1 {
	overflow-wrap: anywhere;
}

@media (max-width: 680px) {
	.hp-topup-head {
		flex-wrap: wrap;
		gap: 6px 14px;
	}

	.hp-topup-head small {
		flex-basis: 100%;
	}

	.hp-hero-copy,
	.hp-topup-shell,
	.hp-dashboard-preview {
		min-width: 0;
	}
}