/**
 * Klaviyo embedded forms outside the homepage (the homepage newsletter has
 * its own rules in homepage.css).
 *
 * /free-embroidery-file-guide/ (page 36935), form SbFtTM, shown twice. The
 * page's own Elementor CSS (heading widget 52c9ecc) stacks the form's fields
 * on phones. These rules finish that:
 * - Klaviyo's cells are flex: 1 0 0, which collapses them to no height in a
 *   column, so the fields overlapped. Their side padding (the gap between
 *   fields in a row) goes too.
 * - The top form sits in a container that centers its items, which shrank
 *   it to its content (about 200px). It stretches to the full width.
 * !important beats the classes Klaviyo generates at runtime.
 */
@media (max-width: 767px) {
	.klaviyo-form-SbFtTM [data-testid="form-row"] > [data-testid="form-component"] {
		flex: 0 0 auto !important;
		width: 100%;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.elementor-36935 .elementor-element.elementor-element-72fb15b {
		width: 100%;
		align-self: stretch;
	}
}
