/* Homepage CTA: Ready to Experience Peaceful Lodge
 *
 * The Elementor image is a wide Figma export (photo only on the right half
 * with transparency). On mobile we swap to a cropped asset and stack
 * text/button above the image.
 */

@media (max-width: 767px) {
	body .elementor-34 .elementor-element.elementor-element-51f8492b {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		min-height: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		gap: 24px !important;
		--gap: 24px !important;
		--width: 100% !important;
		overflow: visible !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* Text + button first */
	body .elementor-34 .elementor-element.elementor-element-2b4d2d3a {
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		--width: 100% !important;
		position: relative !important;
		z-index: 1 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		align-self: stretch !important;
	}

	/* Image below — full width, centered, cropped subject */
	body:not(.rtl) .elementor-34 .elementor-element.elementor-element-4feb947e,
	body.rtl .elementor-34 .elementor-element.elementor-element-4feb947e,
	body .elementor-34 .elementor-element.elementor-element-4feb947e {
		order: 2 !important;
		position: static !important;
		inset: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		--width: 100% !important;
		margin: 0 auto !important;
		transform: none !important;
		align-self: stretch !important;
		z-index: 0 !important;
	}

	body .elementor-34 .elementor-element.elementor-element-4feb947e img {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 auto !important;
	}
}