/**
 * MH Enquiry "Bring your dates" (Figma Home "V11 Closing", apartment page closing).
 * Desktop: photo half and a white panel (96 120 96 64). Tablet and phone: photo on top.
 */

.mh-enquiry {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mh-enquiry__media {
	position: relative;
	min-height: 440px;
	overflow: hidden;
	background: var(--mh-c-line);
}

.mh-enquiry .mh-enquiry__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

/* Credit: bottom left, lined up with the page container. Percentages resolve against the photo. */
.mh-enquiry .mh-enquiry__credit {
	position: absolute;
	left: max(var(--mh-gutter), calc(100% - var(--mh-max) / 2));
	right: 20px;
	bottom: 20px;
	z-index: 1;
}

/* Right padding lines the content up with the container edge (120px at 1440). */
.mh-enquiry__panel {
	min-width: 0;
	padding: var(--mh-pad-t, 96px) max(var(--mh-gutter), calc(100% - var(--mh-max) / 2)) var(--mh-pad-b, 96px) 64px;
}

.mh-enquiry .mh-enquiry__text {
	margin-top: 12px;
	color: var(--mh-text);
}

.mh-enquiry__form,
.mh-enquiry__action,
.mh-enquiry__faq {
	margin-top: 24px;
}

.mh-enquiry__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.mh-enquiry .mh-enquiry__submit {
	margin-top: 24px;
}

@media (max-width: 1024px) {
	.mh-enquiry {
		grid-template-columns: minmax(0, 1fr);
	}

	.mh-enquiry .mh-enquiry__credit {
		left: var(--mh-gutter);
	}

	.mh-enquiry__panel {
		padding: var(--mh-pad-t, 56px) var(--mh-gutter) var(--mh-pad-b, 56px);
	}
}

@media (max-width: 767px) {
	.mh-enquiry__panel {
		padding-top: var(--mh-pad-t, 48px);
		padding-bottom: var(--mh-pad-b, 48px);
	}

	.mh-enquiry__fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.mh-enquiry .mh-enquiry__text {
		font-size: 16px;
		line-height: 24px;
	}
}