/* Two columns: the address sections side by side; payment and anything else
 * in the form (other plugins' fields, the secure note) span both. */
@media (min-width: 782px) {

	.wp-block-storeengine-checkout-form.storeengine-checkout-form-block--two-columns .storeengine-ajax-checkout-form {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 2em;
		align-items: start;
	}

	.wp-block-storeengine-checkout-form.storeengine-checkout-form-block--two-columns .storeengine-ajax-checkout-form > :not(.wp-block-storeengine-checkout-contact, .wp-block-storeengine-checkout-billing, .wp-block-storeengine-checkout-shipping) {
		grid-column: 1 / -1;
	}
}

/* Section headings off. */
.wp-block-storeengine-checkout-form.storeengine-checkout-form-block--no-headings .storeengine-ajax-checkout-form__heading {
	display: none;
}

/* Editor: the sections are blocks inside the form's own wrapper. */
.wp-block-storeengine-checkout-form.storeengine-checkout-form-block--two-columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 2em;
}

.wp-block-storeengine-checkout-form.storeengine-checkout-form-block--two-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > :is(.wp-block-storeengine-payment-methods, .block-list-appender) {
	grid-column: 1 / -1;
}