.exat-smart-card-repeater {
	padding: var(--exat-smart-card-wrapper-padding, 0);
}

.exat-smart-card-repeater__grid {
	display: grid;
	grid-template-columns: repeat(var(--exat-smart-card-columns, 5), minmax(0, 1fr));
	gap: var(--exat-smart-card-gap, 16px);
	align-items: stretch;
}

.exat-smart-card-repeater__card {
	position: relative;
	display: flex;
	min-height: var(--exat-smart-card-height, 286px);
	padding: var(--exat-smart-card-padding, 28px 16px);
	border-radius: var(--exat-smart-card-radius, 10px);
	overflow: hidden;
	text-decoration: none;
	isolation: isolate;
	background: var(--exat-smart-card-bg, var(--primary));
	transition: transform 300ms ease, box-shadow 300ms ease;
}

.exat-smart-card-repeater__card:hover {
	transform: translateY(var(--exat-smart-card-hover-y, -6px));
}

.exat-smart-card-repeater__media {
	position: absolute;
	inset: 0;
	z-index: -3;
}

.exat-smart-card-repeater__image {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transform: scale(1.01);
	transition: transform 500ms ease;
}

.exat-smart-card-repeater__card:hover .exat-smart-card-repeater__image {
	transform: scale(1.08);
}

.exat-smart-card-repeater__fallback {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary, #102a43) 100%);
}

.exat-smart-card-repeater__overlay {
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--exat-smart-card-overlay, linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.78) 100%));
	opacity: var(--exat-smart-card-overlay-opacity, 1);
	transition: opacity 300ms ease;
}

.exat-smart-card-repeater__content {
	display: flex;
	width: 100%;
	min-height: var(--exat-smart-card-content-height, 104px);
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	gap: var(--exat-smart-card-content-gap, 4px);
}

.exat-smart-card-repeater__letter {
	margin: 0;
	color: var(--exat-smart-card-letter-color, #ffffff);
	font-size: var(--exat-smart-card-letter-size, 56px);
	font-weight: var(--exat-smart-card-letter-weight, 800);
	line-height: 0.9;
	letter-spacing: var(--exat-smart-card-letter-spacing, 0);
	text-shadow: var(--exat-smart-card-text-shadow, 0 2px 14px rgba(0, 0, 0, 0.28));
}

.exat-smart-card-repeater__title {
	display: flex;
	min-height: var(--exat-smart-card-title-height, 36px);
	align-items: center;
	justify-content: center;
	margin: 0;
	color: var(--exat-smart-card-title-color, #ffffff);
	font-size: var(--exat-smart-card-title-size, 14px);
	font-weight: var(--exat-smart-card-title-weight, 700);
	line-height: 1.25;
	text-shadow: var(--exat-smart-card-text-shadow, 0 2px 14px rgba(0, 0, 0, 0.28));
}