/** singulary-ui/immobilie-card — überlappende Info-Card. */

.fyh-icard {
	position: relative;
	background: #fff;
	border-radius: 28px;
	box-shadow: 0 30px 80px -34px rgba( 14,14,14,.3 );
	padding: clamp( 1.75rem, 4vw, 2.75rem );
	max-width: 760px;
	margin-inline: auto;
}

/* Foto-Zähler-Tab — sitzt oben-links AN der Card (Butterling-Pattern). */
.fyh-icard__counter {
	position: absolute;
	top: 0; left: clamp( 1.5rem, 4vw, 2.75rem );
	transform: translateY( -100% );
	display: inline-flex; align-items: center; gap: 7px;
	background: var(--wp--preset--color--ink);
	color: #fff;
	padding: 8px 15px;
	border-radius: var(--wp--custom--radius--md, 16px) var(--wp--custom--radius--md, 16px) 0 0;
	font-size: .78rem; font-weight: 600;
	box-shadow: 0 -6px 20px rgba( 14,14,14,.18 );
	white-space: nowrap;
}
.fyh-icard__counter svg { width: 15px; height: 15px; flex-shrink: 0; }
.fyh-icard.is-overlap {
	position: relative;
	z-index: 2;
	/* WP-Layout setzt margin-block-start auf 0 beim ersten Kind (gleiche Spezifität,
	   lädt später) → wir überschreiben den Reset bewusst, damit die Card überlappt. */
	margin-top: clamp( -4rem, -5vw, -2.75rem ) !important;
}

.fyh-icard__head { margin-bottom: 1.75rem; }
.fyh-icard__pin { width: 15px; height: 15px; flex-shrink: 0; }
.fyh-icard__title {
	margin: 0;
	font-size: clamp( 1.8rem, 3.8vw, 3rem );
	line-height: 1.06;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--wp--preset--color--ink);
}
.fyh-icard__loc {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 1rem 0 0;
	font-size: 1.02rem;
	color: var(--wp--preset--color--muted);
}

.fyh-icard__facts {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr ) );
	gap: 1.5rem 2rem;
	padding-top: 1.75rem;
	border-top: 1px solid var(--wp--preset--color--hairline);
}
.fyh-icard__fact { display: flex; align-items: center; gap: 14px; }
.fyh-icard__ico {
	width: 48px; height: 48px;
	flex-shrink: 0;
	border-radius: var(--wp--custom--button--radius, 10px);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
	display: flex; align-items: center; justify-content: center;
}
.fyh-icard__ico svg { width: 23px; height: 23px; }
.fyh-icard__fbody { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fyh-icard__fval {
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: -.01em;
	color: var(--wp--preset--color--ink);
	white-space: nowrap;
}
.fyh-icard__flabel {
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}