/**
 * Homepage hero mobile/tablet fixes.
 */

@media (max-width: 1200px) {
	.pxl-slider2 .pxl-item--meta {
		justify-content: center !important;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.pxl-slider2 .pxl-item--meta .btn.btn-text-nina:has(.pxl--btn-text[data-text=""]),
	.pxl-slider2 .pxl-item--meta .btn.btn-text-nina:has(.pxl--btn-text:empty) {
		display: none !important;
	}

	/* The hero body is absolutely positioned with no horizontal bounds and the
	   title/desc use fixed max-widths + right alignment, so they overflow the
	   right edge as the viewport narrows. Bind the body to the inner width and
	   cap the text to 100% so everything stays on-screen. */
	.pxl-slider2 .pxl-item--inner {
		max-width: 100%;
	}

	.pxl-slider2 .pxl-item--body {
		left: 0;
		right: 0;
		width: auto;
		max-width: 100%;
		box-sizing: border-box;
	}

	.pxl-slider2 .pxl-item--title,
	.pxl-slider2 .pxl-item--desc {
		max-width: 100%;
	}

	/* Safety net: keep the hero from pushing the page off the right edge. */
	.elementor-element-57887ec {
		overflow-x: hidden;
	}
}