/* =========== © 2026 Centroarts - https://m1r.ru =========== */

:root {
	--short-title-fs: var(--fs-1);
	--short-title-lh: 20px;
	--short-author-fs: var(--fs-3);
	--short-meta-fs: var(--fs-3);
	--shortlist-gap: 16px;

	--sline-pad: 16px;
	--sline-img-s: 56px;
	--sline-img-rd: 12px;
}
@media (min-width: 576px) {
	:root {
		--short-title-fs: 17px;
		--short-title-lh: 22px;
		--short-author-fs: var(--fs-1);
	}
}
.shortlist {
	display: grid; gap: var(--shortlist-gap); grid-template-columns: repeat(var(--g-cols), 1fr);
}
.shortlist-grid { --g-cols: 2; }


@media (min-width: 576px) and (max-width: 879.9px) {
	.shortlist-grid {
		--shortlist-gap: 20px;
		--g-cols: 1;
	}
}
@media (min-width: 880px) {
	.shortlist-grid {
		--shortlist-gap: 28px 20px;
	}
}

.short { position: relative; z-index: 1; }
.short:not(:last-child)::after {
	content: ""; border-top: 1px solid var(--c-border); height: 0; display: block;
	position: absolute; left: var(--short-pad); right: var(--short-pad); bottom: 0;
}
.short .poster { background-color: hsla(var(--c-text),0.05); }
.short .poster-img { box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.25); }

.short-text {
	--text-clamp-h: 18px;
	--text-clamp-rows: 2;
}
.short-foot .btn:not(.btn-moreline) { position: relative !important; z-index: 3 !important; }

@media (min-width: 576px) {
	.short { display: flex; align-items: start; gap: 20px; }
	.short .poster { --poster-mw: 148px; width: var(--poster-mw); }
	.short .poster.as11 { --poster-mw: 188px; }
	.short-title {  max-width: 480px; order: -1; margin-bottom: 0px; }
	.short-title .text-clamp { --text-clamp-rows: 1; }
	.short-author { margin-top: 4px; }

	.short-text { --text-clamp-h: 24px; }

	.short-foot { gap: 8px; margin-top: 12px; }
}
@media (max-width: 575.9px) {
	.short .poster { --poster-mw: 280px; }
	.short-cont { margin-top: 12px; }
	.short-author { margin-bottom: 4px; line-height: 16px; }
	.short-text { font-size: var(--fs-2); }
	
	.short-foot .btn-moreline, .meta-short-like { display: none; }
	.short-foot { padding-bottom: 8px; }
	.short-foot .btn-more { flex: 1 1 auto; }

	.poster-tools {
		display: flex !important; align-items: center; justify-content: space-between; gap: 4px;
		position: absolute; inset: 4px; top: auto; z-index: 1;
		font-size: var(--fs-4); line-height: 1; text-align: center; font-weight: bold;
	}
	.poster-tool { display: flex; align-items: center; gap: 2px; background-color: hsla(var(--c-dark),0.5); color: hsl(var(--c-white)); border-radius: 20px; padding: 4px; }
	.poster-tool .ic { --i-size: 12px; }
}

.short-addon .poster { --poster-mw: 68px; }

.short-cont {
	display: flex; flex-direction: column;
	flex: 1 1 auto; align-self: center;
}
.short-text, .short-cont .meta-list { margin-top: 4px; }
.short-foot { display: flex; align-items: center; gap: 4px; margin-top: 8px; }
.short-foot .btn-line:not(:hover) .ic { opacity: .5; }

.short-title {
	font-size: var(--short-title-fs); font-weight: bold;
	transition: color .15s ease; margin-bottom: 0px;
}
@media (min-width: 992px) {
	.short:hover .short-title a { color: hsl(var(--c-link-hover)); }
}
.short-author { font-size: var(--short-author-fs); color: var(--c-text-mute); }
.short-author a { position: relative; z-index: 2; }
.short-meta { display: flex; gap: 12px; font-size: var(--short-meta-fs); margin-top: 8px; white-space: nowrap; }

/* Sline */
.sline {
	display: flex; gap: var(--sline-pad); padding: var(--sline-pad) 0;
	border-top: 1px solid var(--c-border);
}
.sline-img { flex-shrink: 0; width: var(--sline-img-s); aspect-ratio: 1/1; position: relative; z-index: 1; border-radius: var(--sline-img-rd); }
.sline-img-set { border-radius: 50%; }
.sline-img .cover { position: absolute; inset: 0; border-radius: inherit; }
.sline-cont { flex: 1 1 auto; min-width: 0; align-self: center; }
.sline-subtitle { font-size: var(--fs-1); opacity: .7; }
.sline > .im { opacity: .3; align-self: center; }