/* mf-image-and-text.css */

/* Mobile padding — applies to the entire text area (heading, subheading, body, button) */
@media (max-width: 39.999em) {
	mmx-image-and-text [slot="subheading"],
	mmx-image-and-text [slot="heading"],
	mmx-image-and-text [slot="body"],
	mmx-image-and-text [slot="button"] {
		padding-left: var(--mf-body-mobile-padding, 0);
		padding-right: var(--mf-body-mobile-padding, 0);
	}
}