/* ============================================================
 * BIOTA · PRIMITIVE · Media card
 * Image on top, heading + copy below (no overlay). Used by the PDP
 * benefit / use-case grids. --contain fits the whole product photo.
 * ============================================================ */

.biota-mediacard {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.biota-mediacard__media {
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
	background-color: var(--wp--preset--color--surface-light);
}
.biota-mediacard__media img,
.biota-mediacard__media video {
	display: block;
	width: 100%;
	aspect-ratio: var(--biota-pdp-media, 4 / 3);
	object-fit: cover;
}
.biota-mediacard--contain .biota-mediacard__media img,
.biota-mediacard--contain .biota-mediacard__media video {
	object-fit: contain;
}

.biota-mediacard__title {
	margin: 0;
	padding: 14px 0 1px;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--title-sm);
	line-height: 28px;
	letter-spacing: -0.38px;
	color: var(--wp--preset--color--text);
}

.biota-mediacard__text {
	margin: 0;
	font-size: var(--wp--preset--font-size--body);
	line-height: 23px;
	color: var(--wp--preset--color--text-muted);
}