/* SLIDECORE – frontend */
.slidecore { position: relative; width: 100%; --sc-cur-h: var(--sc-h); }
@media (max-width: 767px) { .slidecore { --sc-cur-h: var(--sc-hm); } }

.slidecore__viewport { overflow: hidden; width: 100%; }
.slidecore__track {
	display: flex; gap: var(--sc-gap);
	will-change: transform; transform: translate3d(0,0,0);
}
.slidecore__item {
	position: relative; flex: 0 0 auto; margin: 0;
	height: var(--sc-cur-h); width: calc(var(--sc-cur-h) * var(--sc-r, 1.333));
	overflow: hidden;
}
.slidecore__item img.slidecore__img {
	display: block; width: 100%; height: 100%; max-width: none;
	object-fit: cover; user-select: none; -webkit-user-drag: none;
}

.slidecore__overlay {
	position: absolute; left: 0; right: 0; bottom: 0; height: var(--sc-overlay-h, 100%);
	display: flex; flex-direction: column; justify-content: flex-end; gap: .25em;
	padding: 1.25em;
	background: var(--sc-overlay); color: var(--sc-overlay-text);
	opacity: 0; transition: opacity .3s ease; pointer-events: none;
	font-size: 15px; line-height: 1.3;
}
.slidecore__item:hover .slidecore__overlay,
.slidecore__item.is-active .slidecore__overlay { opacity: 1; }
.slidecore__o-title { font-size: 1.35em; font-weight: 600; }
.slidecore__o-status { text-transform: uppercase; letter-spacing: .08em; font-size: .8em; }

.slidecore__counter {
	display: flex; gap: .6em; align-items: baseline;
	margin: 0; line-height: 1.2; letter-spacing: .02em;
	font-variant-numeric: tabular-nums;
}

.slidecore__counter span { font: inherit; color: inherit; letter-spacing: inherit; }
