.ccards-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}
@media (min-width: 900px) {
	.ccards-grid {
		grid-template-columns: repeat(2, 1fr); /* max 2 kolumny */
	}
}
.ccard {
	max-height: 200px;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 32px;
	border-radius: 16px;
	background-image: linear-gradient(180deg, #ffd3c2 0%, #ffe6dd 100%);
	overflow: hidden;
}
.ccard-body {
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	flex: 1;
	min-width: 0;
}
.ccard-summary {
	margin: 0 0 8px;
	color: var(--Foundation-Orange-O500, #842704);
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	text-transform: none;
}
.ccard-title {
	margin: 0;
	color: var(--Foundation-Grey-G900, #1e1e1e);
	font-size: 40px;
	font-weight: bold;
	line-height: 110%;
}
.ccard-title a {
	color: inherit;
	text-decoration: none;
}
/* .ccard-title a:hover {
	text-decoration: underline;
} */
.ccard-media {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 40%;
}
.ccard-media img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
	border-radius: 12px;
}

/* Tablet / mobile: tekst nad obrazem */
@media (max-width: 899.98px) {
	.ccard-media img {
		width: auto !important;
		max-height: 200px;
		object-fit: contain;
		margin-left: auto;
	}
	.ccard-body {
		padding: 20px;
		z-index: 10;
		/* transform: translateY(80%); */
	}
	.ccard {
		flex-direction: column;
		gap: 20px;
		max-height: max-content;
	}
	.ccard-media {
		margin-top: -100px;
		max-width: 100%;
		width: 100%;
	}
	.ccard-title {
		font-size: clamp(28px, 7vw, 40px);
	}
}

/* Drobny fallback dla bardzo małych ekranów */
@media (max-width: 480px) {
	.ccard-body {
		padding: 10px;
	}
	.ccard-summary {
		font-size: 14px;
	}
}