/* Widget: Glass Cards – Layout (Optik kommt aus design-system.css .glass-card) */
.sb-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
}

.sb-card-item {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 2em;
	color: inherit;
	text-decoration: none;
}

/* Inhalte über Shimmer/Aura-Pseudoelementen halten */
.sb-card-item__media,
.sb-card-item__title,
.sb-card-item__text {
	position: relative;
	z-index: 2;
}

/* Bild folgt der Textausrichtung der Karte (inline-block) */
.sb-card-item__media img {
	display: inline-block;
	width: 100%;
	height: 190px;
	object-fit: contain;
	vertical-align: middle;
}

.sb-card-item__title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: #fff;
}

.sb-card-item__text {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 767px) {
	.sb-cards {
		grid-template-columns: 1fr;
	}
}