/* ==========================================================================
   [celallomasok] — „Helyszínek” cikcakk lista stílusok — ingatlan-modul.
   Forrás: „Million Homes — Nemzetközi ingatlanok” sablon mhi-dest szekciója.
   A szekció hátterét (#f6f3ee) és a fejlécét (mhi-h2) Elementor adja;
   itt csak a sorok stílusai vannak.

   Felépítés: desktop stílusok, majd a fájl végén EGY közös mobil blokk (767px).
   ========================================================================== */

/* Sorok: cikcikk (páros sorok fordított irányban), a számozást a shortcode
   generálja (01, 02 …). */
.mhi-dest__list {
	display: flex;
	flex-direction: column;
	gap: 80px;
	max-width: 1240px;
	margin: 0 auto;
}

.mhi-dest__row {
	display: flex;
	gap: 64px;
	align-items: center;
}
.mhi-dest__row--reverse {
	flex-direction: row-reverse;
}

/* --- Kép oldal --- */
.mhi-dest__fig {
	flex: 1.05;
	min-width: 0;
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: 18px;
	overflow: hidden;
	background: #e7e0d4; /* kép helyettesítő */
}
.mhi-zoom {
	position: absolute;
	inset: 0;
	transition: transform 1200ms cubic-bezier( 0.16, 1, 0.3, 1 );
}
.mhi-zoom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mhi-dest__fig:hover .mhi-zoom {
	transform: scale( 1.06 );
}
.mhi-dest__scrim {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient( to top, rgba( 8, 7, 6, 0.35 ), transparent 45% );
}

/* Képre menő badge-ek (repeater): a kép bal alsó sarkában. */
.mhi-dest__regions {
	position: absolute;
	left: 20px;
	bottom: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	z-index: 1;
}
.mhi-dest__region {
	padding: 8px 16px;
	background: rgba( 11, 10, 9, 0.82 );
	-webkit-backdrop-filter: blur( 8px );
	backdrop-filter: blur( 8px );
	border-radius: 100px;
	font-family: 'Schibsted Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	color: #e6cd94; /* gold-300 */
}

/* --- Szöveg oldal --- */
.mhi-dest__body {
	flex: 1;
	min-width: 0;
}
.mhi-dest__num {
	font-family: 'Schibsted Grotesk', sans-serif;
	font-weight: 700;
	font-size: 54px;
	line-height: 1;
	color: #af736670; /* AF7366, 44% */
	letter-spacing: -1.08px;
}
.mhi-dest__name {
	font-family: 'Schibsted Grotesk', sans-serif;
	font-weight: 700;
	font-size: 35px;
	letter-spacing: -0.7px;
	margin: 6px 0 0;
}
.mhi-dest__text {
	margin: 16px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: rgba( 20, 18, 16, 0.66 );
}

/* Chipek a szöveg alá (repeater). */
.mhi-dest__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}
.mhi-tag {
	padding: 8px 15px;
	border: 1px solid rgba( 20, 18, 16, 0.16 );
	border-radius: 100px;
	font-family: 'Schibsted Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: rgba( 20, 18, 16, 0.7 );
}

/* ============================================================
   Mobil — 767px alatt (egyetlen közös blokk)
   ============================================================ */
@media (max-width: 767px) {
	.mhi-dest__list {
		gap: 44px;
	}
	.mhi-dest__row,
	.mhi-dest__row--reverse {
		flex-direction: column;
		gap: 20px;
	}
	.mhi-dest__fig {
		width: 100%;
	}
	.mhi-dest__num {
		font-size: 40px;
	}
	.mhi-dest__name {
		font-size: 26px;
	}
	.mhi-dest__text {
		font-size: 15px;
		line-height: 1.65;
	}
	.mhi-dest__regions {
		left: 14px;
		bottom: 14px;
	}
	.mhi-dest__region {
		padding: 7px 13px;
		font-size: 11px;
	}
	.mhi-dest__tags {
		gap: 8px;
	}
	.mhi-tag {
		padding: 7px 12px;
		font-size: 11px;
	}
}