/*
 * Contact page (page 14) in core blocks. See theme/import/BLOCKS-GUIDE.md.
 *
 * Form section heading (.discount-contacts .main-text): the template prints it as a
 * <span class="main-text">, which takes body's line-height of 1. Here it is a Heading
 * (h2), and the template's h2 rules would set 54px (42px on phones), so the heading's
 * two lines would sit closer together than in the template.
 */
.discount-contacts h2.main-text {
	line-height: 1;
}

/*
 * Page banner boxes (.detail-block_contacts is the Contact banner's own class). In the
 * template a long line in a box squeezes the icon beside it. The email address is
 * longer than any line the template has there and would squeeze its icon to half
 * size. Here every icon keeps its size, longer lines wrap, and the address has a line
 * break after the @ (Shift+Enter in the paragraph).
 */
.detail-block_contacts .detail-block__item-icon {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

/*
 * Contacts info text (.contacts-info__text). On phones the template gives it a 20px
 * bottom margin to separate it from the "Find us here" social links that follow it.
 * Contact has no social links, so the text is the last item and that margin would add
 * 20px to the section's own 60px bottom padding. If a social links Group is added back
 * after the text, the text is no longer the last item and the template's margin returns.
 */
.contacts-info__text:last-child {
	margin-bottom: 0;
}