/* Final responsive guard: themes must never make the public checkout wider than the viewport. */
.pbhost-vcard-checkout,
.pbhost-vcard-checkout__form,
.pbhost-vcard-checkout__card,
.pbhost-vcard-checkout__addons-grid,
.pbhost-vcard-checkout__fields {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.pbhost-vcard-checkout {
	overflow-x: clip;
}

@media (max-width: 680px) {
	.pbhost-vcard-checkout {
	margin: 20px 0;
	padding: 0 14px;
	}

	.pbhost-vcard-checkout__card {
	padding: 20px 17px;
	}

	.pbhost-vcard-checkout__addons-grid,
	.pbhost-vcard-checkout__fields {
	grid-template-columns: minmax(0, 1fr);
	}

	.pbhost-vcard-checkout__addon {
	width: 100%;
	}
}