/* I think buch-cover is unused */
.buch-cover img {
	height: 300px;
	width: auto;
	display: block;
	margin: 0 auto;
}

/* ===== Equal height, no crop, bottom-left aligned book covers ===== */
/* Safe fallbacks so var() never fails */
:root {
/* desktop */
/* mobile */
}

/* Optional per-block tuning (keep if you like scoping) */
.wp-block-columns.alignwide.book-grid {
}

/* FIGURE: fixed-height stage; we don't rely on flex for vertical alignment */
.wp-block-columns.alignwide.book-grid .wp-block-column > figure.wp-block-image {
	position: relative !important;
	display: block !important;
	height: var(--book-thumb-h, 420px) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	text-align: left !important;
/* captions/buttons align with left-anchored image */
/* debug: outline frame while testing */
/* outline: 1px dashed crimson !important; */
}

/* IMG: anchor bottom-left, scale to fit height, keep aspect (no crop) */
.wp-block-columns.alignwide.book-grid .wp-block-column > figure.wp-block-image > img,
.wp-block-columns.alignwide.book-grid .wp-block-column > figure.wp-block-image > a > img {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
/* ← left edge */
	transform: none !important;
	max-height: 100% !important;
/* uniform visual height */
	width: auto !important;
/* preserve aspect ratio */
	max-width: 100% !important;
/* prevent overflow in narrow cols */
	height: auto !important;
	object-fit: contain !important;
/* no cropping */
	object-position: left bottom !important;
	display: block !important;
	margin: 0 !important;
	vertical-align: bottom !important;
}

/* Neutralize any inline object-fit:cover */
.wp-block-columns.alignwide.book-grid img[style*="object-fit:cover"] {
	object-fit: contain !important;
}

/* Ignore width/height HTML attributes that might fight the layout */
.wp-block-columns.alignwide.book-grid img[width],
.wp-block-columns.alignwide.book-grid img[height] {
	width: auto !important;
	height: auto !important;
}

/* Responsive frame height */
@media (max-width: 700px) {
	.wp-block-columns.alignwide.book-grid .wp-block-column > figure.wp-block-image {
		height: var(--book-thumb-h-mobile, 280px) !important;
	}
}