/*
 * Overlapping accommodation card.
 * Reference proportions: image 64.2%, text 49.4%, overlap 13.6%.
 */
.fancy-caru .fancy-grid {
	container-type: inline-size;
}

.fancy-caru .fancy-grid-h {
	display: grid;
	grid-template-columns: 35.8% 13.6% 50.6%;
	grid-template-rows: 1fr;
	align-items: center;
	width: 100%;
	min-width: 0;
	gap: 0 !important;
}

.fancy-caru .fancy-txt {
	position: relative;
	z-index: 2;
	grid-column: 1 / 3;
	grid-row: 1;
	align-self: center;
	justify-content: center;
	min-width: 0;
	height: 72%;
	box-sizing: border-box;
	padding: clamp(1.25rem, 4cqw, 5rem);
	background: var(--color-content-bg);
}

.fancy-caru .fancy-img {
	position: relative;
	z-index: 1;
	grid-column: 2 / 4;
	grid-row: 1;
	width: 100%;
	min-width: 0;
	aspect-ratio: 1.283 / 1;
	padding: clamp(6px, 0.8cqw, 16px);
	background: var(--color-content-bg);
	overflow: hidden;
}

.fancy-caru .fancy-img > .post_image,
.fancy-caru .fancy-img > .post_image > a,
.fancy-caru .fancy-img > .post_image > div {
	display: block;
	width: 100%;
	height: 100%;
}

.fancy-caru .fancy-img .post_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 800px) {
	.fancy-caru .fancy-grid-h {
		display: flex;
		flex-direction: column-reverse;
		align-items: stretch;
	}

	.fancy-caru .fancy-img {
		aspect-ratio: 1.283 / 1;
	}

	.fancy-caru .fancy-txt {
		height: auto;
		margin: clamp(-3rem, -8cqw, -1.5rem) clamp(1rem, 5cqw, 2rem) 0;
	}
}