:root {
	--bg: #18202a; --bg-darker: #1d2530; --bg-dark: #131720; --bg-dark-lighter: #18202a;
	--tt: #fff; --tt-fade: #b8bdca; --tt-dark: #b8bdca; --tt-dark-fade: #576071;
	--bg-btn: #1abc9c; --tt-btn: #fff; --bg-btn-hover: #16a085;
	--bdc: #131720; --bsh: 0 1px 2px 0 rgba(0,0,0,0.2);
    --accent-red: #ff0000; 
    --accent-blue: #2c69b7;
    --accent-green: #35c535;
	--bg-tab: #131720; --bsh-comm: 0 4px 10px rgba(0,0,0,.6);
	--ui-bg: #18202a; --ui-bg-darker: #131720; --ui-bg-darkest: #090a0e; --ui-accent: #84bffa;
	--ui-bdc: #090a0e; --ui-tt-fade: #b8bdca; 
	--ui-bsh: 0 12px 40px rgba(0,0,0,0.6); --ui-bsh-inset: inset 1px 2px 20px rgba(0,0,0,0.4);
	--ui-gradient: linear-gradient(to bottom, #5c4f68, #352d3c); --ui-bg-black: #352d3c;
	--ui-green: #65c03e; --ui-red: #eb4d4b; --ui-bg-attention: #24211d; --ui-bd-attention: #b16f0e;
}


/* SNIPPETS
----------------------------------------------- */
.img-wide, .img-responsive, .img-fixed-size, .expand-link, .p-relative, .img-block {position: relative;}
.img-responsive {padding-top: 60%;}
.img-responsive > img, .img-fixed-size img, .img-block img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.img-responsive > img {position: absolute; left: 0; top: 0;}
.img-wide img, .img-wide > a, .img-block img {width: 100%; display: block;}
.img-block > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
	border-radius: inherit; display: block; object-fit: cover;}
.clr {clear: both;}
.clearfix::after {content: ""; display: table; clear: both;}
.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6 
{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.line-clamp-3 {-webkit-line-clamp: 3; line-clamp: 3;} .line-clamp-4 {-webkit-line-clamp: 4; line-clamp: 4;}
.line-clamp-5 {-webkit-line-clamp: 5; line-clamp: 5;} .line-clamp-6 {-webkit-line-clamp: 6; line-clamp: 6;}
.vw100 {margin:0 calc((100% - 100vw)/2); padding:0 calc((100vw - 100%)/2);}

.d-flex {display: flex; flex-wrap: wrap; flex-direction: row;}
.fd-column {flex-direction: column; flex-wrap: nowrap;} 
.jc-space-between {justify-content: space-between;}
.jc-flex-start {justify-content: flex-start;}
.jc-center {justify-content: center;}
.jc-flex-end {justify-content: flex-end;}
.ai-flex-start {align-items: flex-start;}
.ai-center {align-items: center;}
.ai-flex-end {align-items: flex-end;}
.order-first {order: -1;}
.order-last {order: 10;}
.flex-grow-1, .ui-dialog-title, .ac-form__bottom .comments_subscribe {flex: 1 1 0; max-width: 100%; min-width: 50px;}
.flex-grow-1-column {flex: 1 0 min-content}
.pi-center {display: inline-grid; place-items: center;}
.ta-center {text-align: center;}
.gap-10 {gap: 10px;}
.d-block {display: block;}
.shot-img {cursor: pointer; align-self: start; box-shadow: var(--bsh); border-radius: 10px;}
.shot-img:hover {opacity: 0.8;}
.grid-items__item:hover .shot-img {opacity: 0.8;}
.expand-item:hover .poster-item__title {color: #ffbb00; text-decoration: underline;}
.expand-item:hover .poster-item__meta {text-decoration: none;}
.expand-item:hover .fas {opacity: 1;}

.hidden, .d-none, .full-text .quote + br, 
#category option:empty, .ui-helper-hidden-accessible:empty, #related_news:empty, #result-registration:empty, 
.info br, #fullsearch + form .mass_comments_action, .bb-sep, .bb-pane > .clr, .comm__ctrl-menu li:empty, 
.has-checkbox:empty {display: none;} 

.grid-items {display: grid; gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(min(40vw,170px),1fr));}
.grid-items > *:not(.grid-items__item), #dle-content > *:not(.grid-items__item) {grid-column: 1 / -1;}
.grid-items > #dle-content {display: inherit; gap: inherit; grid-template-columns: inherit;}


.r-gap-5 {row-gap: 5px;} .r-gap-10 {row-gap: 10px;} .r-gap-15 {row-gap: 15px;} .r-gap-20 {row-gap: 20px;}
.r-gap-25 {row-gap: 25px;} .r-gap-30 {row-gap: 30px;} .r-gap-35 {row-gap: 35px;} .r-gap-40 {row-gap: 40px;}
.c-gap-5 {column-gap: 5px;} .c-gap-10 {column-gap: 10px;} .c-gap-15 {column-gap: 15px;} .c-gap-20 {column-gap: 20px;}
.c-gap-25 {column-gap: 25px;} .c-gap-30 {column-gap: 30px;} .c-gap-35 {column-gap: 35px;} .c-gap-40 {column-gap: 40px;}
.p-relative {position: relative;} .o-hidden {overflow: hidden;} .d-block {display: block;} 
.w-100 {width: 100%; min-width: 100% !important; grid-column: 1 / -1;} .bdrs-50 {border-radius: 50%;}
.ml-auto {margin-left: auto;} .mr-auto {margin-right: auto;} .mt-auto {margin-top: auto;} .mb-auto {margin-bottom: auto;}
.ratio-3-2 {aspect-ratio: 3 / 2;} .ratio-2-3 {aspect-ratio: 2 / 3;} .ratio-1-1 {aspect-ratio: 1 / 1;}


/* CARD SHORT STORY
----------------------------------------------- */
.scard:first-child {margin-top: 5px;}
.scard {margin: 0; padding: 20px; 
    border-radius: 10px; background-color: #121820;
    border-bottom: 1px solid var(--bdc); display: grid; gap: 20px; 
	grid-template-columns: 240px 1fr; grid-template-rows: min-content 1fr min-content;
	grid-template-areas: "sleft sheader" "sleft sdescr" "sleft sfooter"; position: relative;}
.scard__left {grid-area: sleft; align-self: start;}
.scard__img {height: 360px; display: block; border-radius: 10px;}
.scard__header {grid-area: sheader; position: relative;}
.scard__descr {grid-area: sdescr;}
.scard__footer {grid-area: sfooter; gap: 10px 20px; font-size: 13px; font-weight: 700;}
.scard__footer-item {gap: 5px; display: flex; align-items: center; color: #6e84a0; 
	white-space: nowrap; min-width: min-content;}
.scard__title {font-size: 22px; font-weight: 800;}
.scard__category {color: var(--accent-red); --tt: var(--accent-red); font-size: 14px; gap: 5px; margin-top: 5px;}
.scard__category::before {margin-right: 5px;}
.scard__header > a:last-child {position: absolute; right: 0; top: -9px; color: var(--tt-fade);}
.scard__text {-webkit-line-clamp: 6; line-height: 1.54;}
.scard__btn {height: 36px; padding: 0 16px;}
.scard__fav a {position: absolute; top: 0; right: 10px; width: 30px; height: 30px; border-radius: 0 0 8px 8px; 
	background-color: var(--accent-red); color: #fff; box-shadow: var(--bsh); display: grid; place-items: center;}
.scard__fav a:hover, a:focus {color: #fff;}


.scard__btn-trailer {width: 30px; height: 30px; padding: 0; font-size: 12px; border-radius: 0 5px 5px 0;
	position: absolute; left: 0; bottom: 23px; z-index: 5;}
.scard__list {line-height: 1.5; font-size: 14px; word-wrap: break-word;}
.scard__list li {position: relative; color: var(--tt-fade);}
.scard__list li + li {margin-top: 6px;}
.scard__list li > span:first-child {font-weight: 700; color: var(--tt);}
.scard__list li a {color: var(--accent-blue);}
.scard__list li + li.scard__list-margin {margin-top: 22px;}

.scard__rating-likes {height: 35px; border-radius: 13px; overflow: hidden;}
.scard__rating-likes a {display: flex; align-items: center; padding: 0 16px; gap: 10px;
    background-color: var(--bg); color: #fff; font-size: 13px;}
.scard__rating-likes a + a {border-left: 1px solid var(--bdc);}
.scard__rating-likes a:hover svg {transform: scaleY(1.2);}
.scard__rating-likes a + a:hover svg {transform: scaleY(1.2);}
.scard__rating-likes a:hover, a:focus {color: #0cb457;}
.scard__rating-likes a + a:hover, a + a:focus {color: #c22b3c;}


.trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; 
	width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);}
.trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff;}
.trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;}
.trl__btn {height: 40px; padding: 0 40px; margin-top: 15px; width: 100%;}
.trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;}
.trl .page__text1 {display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;}
.trl-is-opened {overflow: hidden;}
.poster__subtitle {font-size: 14px; color: #aac2e078;}


/* POSTER ITEM
----------------------------------------------- */
.item-main__img .fa-play {position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%, -50%); 
    display: flex; align-items: center; justify-content: center; background-color: var(--bg-darker); border-radius: 50%; width: 80px; height: 80px; 
    font-size: 30px; opacity: 0; color: #ffbb00; padding-left: 3px;}
.poster-item {display: block; position: relative;}
.poster-item__desc {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; 
	text-align: center; color: var(--tt-contrast); padding: 20px; line-height: 1.4; opacity: 0;}
.poster-item__title {font-weight: 700; font-size: 1.3em; margin-top: 10px; word-wrap: break-word;}
.poster-item::before {content: ''; background: var(--accent); opacity: 0; 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5;}

.poster-item__desc {position: static; text-align: left; 
	font-size: 12px; opacity: 1; padding: 0; color: var(--tt); display: block; line-height: normal;}
.poster-item__meta {margin-top: 5px; color: var(--tt-fade); 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.poster-item__title {font-size: 1.2em; margin: 13px 0 0 0; font-weight: 500;}


@media screen and (min-width: 760px) {
	.poster-item:hover::before {opacity: 0.8;}
	.poster-item:hover .poster-item__desc {opacity: 1;}
}

.poster-item--big {grid-row: span 2; grid-column: span 2; min-height: 180px;}
.poster-item--big .poster-item__img {height: 100%; padding: 0;}
.poster-item--big .poster-item__title {font-size: 2.6em;}

@media screen and (max-width: 760px) {
	.scard {margin: 0 -20px; grid-template-areas: "sleft sheader" "sleft sfooter" "sdescr sdescr"; gap: 10px 20px;
		grid-template-rows: 1fr min-content min-content; grid-template-columns: 120px minmax(0,1fr);}
	.scard__img {width: 120px; height: 180px;}
	.scard__btn {padding: 0; width: 100%; order: 10;}
	.scard__footer-item {font-size: 12px;}
	.scard__title {font-size: 18px; margin-bottom: 10px;}
	.sect--bg {border-radius: 0; margin: 0 var(--indent-negative);}
	.footer__text {min-width: 100%; text-align: center;}

	.scard__header {display: block;}
	.scard__rating-likes {display: inline-flex;}
	.scard__footer-item {justify-content: flex-start;}
	.page__complaint {padding: 10px 20px;}
	.page__complaint a {position: static; width: 100%; justify-content: center;}
	.tabs-block__select button {flex-grow: 1;}
	.page__related {padding: 20px 40px; margin-left: -20px; margin-right: -20px;}
	.page__related .sb__title {margin-left: -20px;}

	.page__title {font-size: 24px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;}
	.page__intro, .page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
}