/* BASIC LAYOUT
----------------------------------------------- */
.krks {min-width: 320px; position: relative; 
	background: url(../images/bg.jpg) center top fixed no-repeat;}
.krks__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.krks__main {padding: 0 var(--indent); padding-top: 110px;
	background-color: var(--bg); box-shadow: 0 0 60px rgba(0,0,0,0.6);}
.krks--main-page .krks__main, .krks--main-page .content {padding-top: 0;}
.shaps {position: fixed; z-index: 100; left: 0; top: 0; width: 100%;}
.shaps .krks__container {height: 110px; padding: 0 var(--indent);}
.shaps.sticky {background-color: var(--bg-darkest);}
.shaps.sticky .krks__container {height: 50px;}
.content {min-height: 80vh; padding-top: 40px;}
.podvik {border-top: 1px solid var(--bdc); padding: 30px 0;}
.shaps.sticky .shaps__logo {height: 30px;}
.krks--main-page .shaps:not(.sticky) {background: none; --tt: var(--tt-on-colored); color: var(--tt-on-colored);}
.krks--main-page .shaps:not(.sticky) .shaps__logo {filter: invert(1);}

.scrolltop, .theme-toggle {position: fixed; width: 40px; height: 40px; right: -60px; bottom: 60px;
	z-index: 990; border-radius: 50%; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s; 
	background-color: #000; color: #fff; padding: 0;}
.scrolltop.is-active {right: 10px; opacity: 1;}
.theme-toggle {background-color: #fff; color: #000; border: 2px solid #000; bottom: 10px; right: 10px; opacity: 1;}
.dt-is-active .theme-toggle::before {content:"\f185";}


/* HEADER
----------------------------------------------- */
.shaps__logo {display: block; position: relative; height: 50px; min-width: 150px;}
.shaps__logo img {display: block; position: absolute; left: 0; top: 50%; 
	transform: translateY(-50%); max-height: 100%; max-width: 300px;}

.shaps__menu {gap: 0 40px; position: relative;}
.shaps__menu > li > a, .shaps__menu > li > span {font-weight: 600; height: 50px; 
	display: flex; align-items: center; gap: 10px; cursor: pointer;}
.shaps__menu-submenu {position: absolute; top: 100%; right: -13px; z-index: 100; border-radius: var(--bdrs);
	background-color: var(--bg-menu); border: 1px solid var(--bdc-menu); --tt: var(--tt-menu);
	width: 160px; padding: 15px 21px; white-space: nowrap; 
	opacity: 0; visibility: hidden; transform: translateY(30px);}
.shaps__menu-submenu a {display: block;   padding: 8px 0; font-weight: 600;}
.shaps__menu span::after {content:"\f0d7"; font-weight: 900; font-family:'Font Awesome 5 Pro';}
.shaps__menu-submenu::before {content: " "; display: block; width: 15px; height: 15px;
	background: var(--bg-menu); border: 1px solid var(--bdc-menu); border-right: 0; border-bottom: 0;
	border-radius: 2px; transform: rotate(45deg); position: absolute; top: -9px; right: 12px;}
.shaps__menu > li > a.is-active, .shaps__menu > li > span.is-active {color: #bb0505;}
.shaps__menu-submenu a.is-active {color: #fff;}


/* HERO
----------------------------------------------- */
.hero {background-color: #000; color: #fff; padding: 200px var(--indent) 80px var(--indent); 
	margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
.hero__desc {position: relative; z-index: 5;}
.hero__original {color: #bb0505; font-size: 24px; line-height: 1.2;}
.hero__title {font-size: 64px; font-weight: 700; line-height: 1.2; margin: 10px 0 30px 0;}
.hero__text, .hero__title, .hero__original {max-width: 660px;}
.hero__title span {display: block; color: #bb0505; font-size: 24px;}
.hero__text p + p {margin-top: 20px;}
.hero__text p span {color: #bb0505; font-weight: 700;}
.hero__btns {gap: 20px 40px; margin-top: 40px;}
.hero__trl, .hero__continue {font-size: 18px; font-weight: 700; height: 62px; padding: 0 30px;
	color: #fff; background: none; border: 2px solid #bb0505;}
.hero__continue {font-size: 12px; font-weight: 400; gap: 0px; position: relative; padding-left: 76px; backdrop-filter: blur(10px)}
.hero__continue div {font-size: 18px; font-weight: 700;}
.hero__continue .fas {font-size: 34px; position: absolute; left: 20px; top: 50%; translate: 0 -50%;}
.hero .brems__prev-next-link {width: auto; padding: 0 30px 0 30px; 
	background-color: #000; color: #fff; border: 2px solid #bb0505;}
.hero .brems__prev-next-link::before, .hero .brems__prev-next-link::after {border-left-color: #000; display: none;}
.hero .brems__prev-next-link .fas {color: #fff;}
.hero .brems__prev-next-link span::after {display: none;}
.hero::before, .hero::after {position: absolute; inset: 0; content: ''; display: block;}
.hero::before {background: linear-gradient(to right, #000 -100%, transparent 60%); z-index: 2;}
.hero::after {background: linear-gradient(to bottom, #000 0%, transparent 200px, transparent 90%, #000 100%); z-index: 3;}


/* SECTION, perekl, MAIN PAGE DESCRIPTION, SPEEDBAR
----------------------------------------------- */
.flor {margin-bottom: 60px;}
.flor__shaps {margin-bottom: 41px; gap: 10px;}
.flor__title {font-size: 42px; font-weight: 700; line-height: 1.1;}
.flor__title span {color: #bb0505;}
.flor__link {text-transform: uppercase; color: var(--accent); text-decoration: underline; 
	font-size: 18px; font-weight: 600;}
.flor--border-top {padding-top: 60px; border-top: 1px solid var(--bdc);}
.flor--bg {background-color: var(--bg-darker); padding: 60px var(--indent); 
	margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
.flor__title--smaller {font-size: 32px;}

.perekl__select {border-bottom: 1px solid var(--bdc); margin-bottom: 40px; gap: 10px;}
.perekl__select button {height: 44px; align-items: flex-start; border-radius: 0; position: relative; bottom: -2px;
	background-color: transparent; color: var(--tt); padding: 0 16px; font-weight: 600; font-size: 18px; text-transform: none;}
.perekl__select button.is-active {box-shadow: inset 0 -3px #bb0505;}
.perekl__btn-hidden {gap: 10px 40px; padding-bottom: 40px; padding-bottom: 0;}
.perekl__btn-hidden::before, .perekl__btn-hidden::after {content: ''; height: 1px; flex-grow: 1; background-color: var(--bdc-darker);}
.perekl__btn-hidden button {height: 62px; border-radius: var(--bdrs); padding: 0 22px; color: var(--tt-fade); 
	border: 2px solid var(--bdc-darker); font-size: 18px; font-weight: 700; text-transform: uppercase; background: none;}

.opisan-list111 {padding-top: 60px;}
.opisan-list__img {width: 280px; height: 414px; margin-right: 40px; display: block;border-radius: var(--bdrs);}
.opisan-list__list {border-bottom: 1px solid var(--bdc); padding-bottom: 12px;}
.opisan-list__list li {position: relative; padding: 8px 0; padding-left: 230px;}
.opisan-list__list li > span:first-child {color: var(--tt-fade); position: absolute; left: 0; top: 8px;}
.opisan-list__list li a {color: var(--accent); text-decoration: underline;}
.opisan-list__list li > span:not(:first-child) {color: var(--accent);}

.speedbar {color: var(--tt-fade); font-weight: 600; margin-bottom: 30px; word-wrap: break-word;}
.speedbar a {color: var(--tt); white-space: nowrap;}
.speedbar a::after {content:"\f054"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--tt-fade); margin: 0 10px; font-size: 14px;}
.opisan {display: grid; gap: 12px; color: var(--tt-fade);}
.opisan--bigger {font-size: 18px;}
.opisan h1, .opisan h2, .opisan h3 {color: var(--tt);}
.opisan a {text-decoration: underline; color: var(--accent);}
.opisan ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.opisan ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--accent); position: absolute; left: 0; top: 0;}


/* EPISODE SHORT STORY NEWS OTHER
----------------------------------------------- */
.kusoch__img {border-radius: var(--bdrs); margin-bottom: 18px;}
.kusoch__title {font-size: 18px; font-weight: 600; line-height: 1.2;}
.kusoch__meta {margin-top: 6px; color: var(--tt-fade); line-height: 1.2;}
.kusoch__text {font-size: 14px;}
.perekl-main .kusoch__text {display: none;}
.has-overlay-on-img__trg {position: absolute; inset: 0; z-index: 1; border-radius: var(--bdrs);
	background: rgba(7,6,6,.7); backdrop-filter: blur(12px); opacity: 0; font-size: 80px; color: #fff;}
.has-overlay-on-img__trg.fa-play::before {width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box;
	background-color: #fff; color: var(--accent); font-size: 18px; padding-left: 3px;}
.kusoch--news {grid-column: span 2;}
.kusoch--news .kusoch__img {height: 200px; padding: 0;}
.kusoch__text {-webkit-line-clamp: 6; margin-top: 12px;}
.kusoch--news .kusoch__meta {font-size: 12px; margin-top: 10px;}
.kusoch--actor .kusoch__img {padding-top: 100%;}
.d-grid-actors {display: grid; gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr));}
.d-grid-actors:has(.oth) {grid-template-columns: repeat(5,minmax(0,1fr));}
.d-grid-items:has(.ns) {gap: 20px;}
.oth {display: block;}
.oth .kusoch__img {padding-top: 150%;}
.ns {gap: 20px; grid-column: 1 / -1;}
.ns__img, .ns__meta {width: 176px; height: 98px; border-radius: var(--bdrs);}
.ns__meta {background-color: var(--bg-darkest); color: var(--accent); font-size: 18px; font-weight: 600; text-transform: uppercase;}
.ns__meta span {font-size: 32px;}
.ns__title {font-size: 20px; font-weight: 600;}
.ns__text {color: var(--tt-fade); margin-top: 5px;}


.d-grid-items:has(.voter) {grid-auto-flow: row dense;}
.voter {grid-column: 4 / 5; grid-row: span 2;}
.voter__title {font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.vote {margin-bottom: 13px; line-height: 1.6; margin-left: 0px; font-size: 14px;}
.vote input {display:none;}
.vote label {position:relative; padding-left: 26px; display: block; font-size: 16px;}
.vote label::before {content:""; cursor: pointer; width: 16px; height: 16px; border-radius: 50%; 
	border: 2px solid var(--bdc); display: block; box-sizing: border-box; 
	position: absolute; left: 0; top: 1px;}
.vote label:has(input:checked)::before, .vote:has(input:checked) label::before, 
.vote input:checked + label::before{border-color: var(--accent); background: var(--accent); 
	box-shadow: inset 0 0 0 2px var(--bg);}
.vote label:hover {cursor:pointer; color: #bb0505;}
.voter__bottom {padding-top: 20px; gap: 20px;}
.voter__submit {height: 40px; padding: 0; font-weight: 500;}
.voter__count, .voter__caption {color: var(--tt-fade); font-size: 12px;}
.voter__caption {line-height: 1.6; margin-bottom: 20px; margin-top: -15px; max-width: 240px;}
.voter__btn {background: none !important; padding: 0; color: var(--tt-fade) !important; font-size: 12px; font-weight: 400;}

.voteprogress,.pollprogress{overflow:hidden;height:15px;margin-bottom:5px;background:linear-gradient(to bottom, #f5f5f5, #f9f9f9);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);border-radius:4px}
.voteprogress span,.pollprogress span{color:#ffffff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background:#0e90d2;background:linear-gradient(to bottom, #149bdf, #0480be)}
.voteprogress .vote2, span.poll1{background-color:#dd514c;background:linear-gradient(to bottom, #ee5f5b, #c43c35)}
.voteprogress .vote3, span.poll2{background-color:#5eb95e;background:linear-gradient(to bottom, #62c462, #57a957)}
.voteprogress .vote4, span.poll3{background-color:#4bb1cf;background:linear-gradient(to bottom, #5bc0de, #339bb9)}
.voteprogress .vote5, span.poll4{background-color:#faa732;background:linear-gradient(to bottom, #fbb450, #f89406)}

/* PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 60px;}
.pagination a, .pagination span {display: grid; place-items: center; 
	height: 40px; min-width: 40px; padding: 0 10px; border-radius: var(--bdrs); border: 1px solid var(--bdc);}
.pagination__pages {gap: 10px 10px; font-size: 18px;}
.pagination__pages span:not(.nav_ext) {background-color: var(--accent); color: #fff; border-color: var(--accent);}


/* INNER PAGE
----------------------------------------------- */
.brems__shaps-img {width: 176px; height: 260px; margin-right: 40px; border-radius: var(--bdrs);}
.brems__shaps-descr h1 {font-size: 32px; line-height: 1.1; font-weight: 700; padding-top: 20px; padding-bottom: 10px;}
.brems__shaps-meta {color: var(--tt-fade); border-bottom: 1px solid var(--bdc); padding-bottom: 16px; margin-bottom: 24px;}
.brems__rating {--p: 100%;}
.brems__rating-score {width: 48px; height: 48px; margin-right: 12px; border-radius: 50%; font-size: 18px; 
	position: relative; isolation: isolate;}
.brems__rating-score::before {content: ''; position: absolute; z-index: -2; inset: 0; border-radius: 50%; 
	background: conic-gradient(from 0deg, var(--accent-green) 0%, var(--accent-green) var(--p), var(--bg-darkest)  var(--p));}
.brems__rating-score::after {content: ''; position: absolute; z-index: -1; 
	background-color: var(--bg); inset: 3px; border-radius: 50%; box-shadow: inset 0 100px var(--bsh-colored);}
.brems__rating-votes {margin-top: 3px; opacity: 0.7;}
.brems__rating-stars > span {height: 17px; padding: 0 5px; border: 1px solid #e0e0e0; color: var(--tt-fade);
	border-radius: var(--bdrs); font-weight: 600; font-size: 14px; display: flex; align-items: center; margin-left: 10px;}

.brems__raspik {padding: 20px 0 30px 0;}
.raspik-item {background-color: var(--bg-darker); padding: 30px 40px; gap: 10px 40px; font-size: 18px;}
.raspik-item + .raspik-item {border-top: 1px solid var(--bdc);}
.raspik-item__number {font-weight: 700; width: 280px;}
.raspik-item__descr {font-size: 16px; color: var(--tt-fade);}
.raspik-item__descr b {display: block; color: var(--tt); font-size: 18px;}
.raspik-item__date {color: var(--tt-fade);}
.raspik-item__status {color: var(--accent); font-size: 24px;}

.brems__player-bottom {margin-top: 10px; gap: 10px; padding: 0 20px;}
.brems__rating.flor {margin: -20px 0 35px 0;}
.video-inside {background-color: #000;}
.brems__player.nld .perekl__glav, .brems__player .perekl__glav {display: none;}
.brems__player.nld .perekl__select + .perekl__glav, .brems__player .perekl__glav.is-active {display: block;}
.brems__prev-next-link {display: flex; align-items: center; gap: 10px; justify-content: center; border-radius: var(--bdrs); 
	background-color: var(--bg-btn-select); color: var(--tt-btn-select); height: 62px; position: relative;
	text-transform: uppercase; font-size: 18px; font-weight: 700; width: calc((100% - 20px)/3);}
.brems__prev-next-link .fas {color: #bb0505; font-size: 24px; position: relative; z-index: 10;}
.brems__next::before {content: ""; position: absolute; right: -53px; top: 0; z-index: 1;
	border: 31px solid transparent; border-left: 24px solid var(--bg-btn-select);}
.brems__next::after {content: ""; position: absolute; right: -49px; top: 2px;
	z-index: 3; border: 29px solid transparent; border-left: 23px solid var(--bg);}
.brems__next > span:not(.fas):after {content: ""; position: absolute; right: -44px; top: 4px; z-index: 5;
	border: 27px solid transparent; border-left: 21px solid var(--bg-btn-select);}
.brems__prev::before {content: ""; position: absolute; left: -53px; top: 0; z-index: 1;
	border: 31px solid transparent; border-right: 24px solid var(--bg-btn-select);}
.brems__prev::after {content: ""; position: absolute; left: -49px; top: 2px;
	z-index: 3; border: 29px solid transparent; border-right: 23px solid var(--bg);}
.brems__prev > span:not(.fas):after {content: ""; position: absolute; left: -44px; top: 4px; z-index: 5;
	border: 27px solid transparent; border-right: 21px solid var(--bg-btn-select);}
.brems__player-bottom:has(.brems__next:first-child) {justify-content: flex-end;}
@media screen and (min-width: 1220px) {
	.brems__main h1 span {font-size: 24px;}
	.brems__main h1 {font-size: 48px;}
}
.brems__player-bottom .brems__rating {margin-left: -20px;}

.brems__serie-img {border-radius: var(--bdrs); width: 300px; height: 150px; margin-right: 20px;}
.brems__scr ul {display: grid; gap: 20px; grid-template-columns: repeat(6,1fr); margin-top: 20px;}
.brems__scr a, .brems__scr img {display: block; height: auto; width: 100%; border-radius: var(--bdrs); aspect-ratio: 300 / 200;}
.brems__scr img {object-fit: cover;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.brems__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.5; font-size: 16px; word-wrap: break-word; color: var(--tt-fade);}
.full-text a {text-decoration: underline; color: var(--accent);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table {margin-bottom: 25px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #000; 
	position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 50%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.brems__comments {margin-top: 0px;}
.ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 30px; height: 62px; gap: 15px;}
.ac-form__bottom {gap: 20px 40px; margin-top: 20px;}
.ac-form__text {opacity: 0.5;}
.ac-form__shaps {margin-right: 40px; gap: 20px; width: 385px;}
.ac-form__input {height: 70px; line-height: 70px; padding: 0 35px; border-radius: var(--bdrs);  box-shadow: none;}
.ac-form__editor textarea {height: 160px; box-shadow: none; border-radius: var(--bdrs); padding: 35px;}
.comments_subscribe + br, .ac-form .bb-editor + br, .comments_subscribe, .mass_comments_action {display: none;}
.ac-form .message-info {margin-top: 20px;}
.form__row--protect input {box-shadow: none;}
#dle-comments-list > .comments-tree-list > li:last-child > div > .comm {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.comm {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--bdc-darker); position: relative;}
.comm__img {width: 64px; height: 64px; border-radius: 50%; margin-right: 20px;}
.comm__author {margin-right: 12px; font-weight: 700;}
.comm__date {color: var(--tt-fade);}
.comm__main {margin: 12px 0 24px 0;}
.comm__action-reply a {color: var(--accent); font-weight: 600; text-decoration: underline;}
.comm__rating {gap: 13px; margin-right: 30px;}
.comm__rating > * {display: flex; gap: 13px; height: 44px; align-items: center; border-radius: var(--bdrs);
	padding: 0 20px; border: 2px solid var(--bdc-darker); font-weight: 700;}
.comm__rating > * .fas {color: var(--tt-fade);}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__shaps {padding: 15px 20px; gap: 10px; background-color: var(--bg-darker);}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__glav .shaps__menu {margin: 0; display: block;}
.mobile-menu__glav .shaps__menu > li > a, .mobile-menu__glav .shaps__menu > li > span {height: 60px; 
	padding: 0 20px; border-bottom: 1px solid var(--bdc);}
	.mobile-menu__glav .shaps__menu-submenu::before {display: none;}
.mobile-menu__glav .shaps__menu-submenu {width: 100%; height: auto; position: static;
	border-radius: 0; padding: 10px 20px; opacity: 1; visibility: visible; transform: none; box-shadow: none;}

@media screen and (min-width: 1800px) {
	:root {--indent-negative: -120px; --indent: 120px; --max-width: 1400px;}
	.krks {background-size: 100% auto;}
}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	body {background-image: none;}
	.krks {padding: 0; background-image: none; overflow: hidden;}
	.krks__main {padding-top: 50px;}
	.krks--main-page .krks__main, .krks--main-page .content {padding-top: 0;}
	.krks__container {max-width:1000px;}
	.shaps .shaps__menu {display: none;}
	.shaps__btn-menu {display: flex; color: #bb0505; font-size: 32px; padding: 0; margin-right: -5px;}
	.shaps .krks__container {height: 50px;}
	.shaps__logo {height: 30px;}
	.hero {padding-top: 100px; padding-bottom: 40px;}
	.hero__text, .hero__title, .hero__original {max-width: 100%;}
	.d-grid-items,.d-grid-actors {gap: 40px 20px;}
	.speedbar {margin-bottom: 20px;}
	.perekl__btn-hidden {gap: 20px;}
	.perekl__btn-hidden button {height: 42px; font-size: 14px;}
	.opisan-list__img {margin-right: 20px; width: 240px; height: 360px;}
	.opisan-list__list li {padding-top: 5px; padding-bottom: 5px; padding-left: 200px;}
	.opisan-list__list li > span:first-child {top: 5px;}
	.opisan-list__list {padding-bottom: 15px;}
	.voter {grid-column: 1 / -1; grid-row: span 1;}

	.brems__shaps-img, .ac-form__shaps {margin-right: 20px;}
	.brems__shaps-descr h1 {padding-top: 0;}
	.perekl__select {border: 0; margin-bottom: 20px;}
	.perekl__select button {white-space: nowrap; flex-grow: 1; background-color: var(--bg-darker); 
		height: 40px; padding: 0 20px; align-items: center; bottom: 0;}
	.perekl__select button.is-active {box-shadow: none; background-color: #bb0505; color: #fff;}
	.comm__rating > * {height: 30px; padding: 0 10px; font-size: 12px; gap: 10px;}
	.comm {padding-bottom: 20px; margin-bottom: 20px;}
	.comm__main {margin-bottom: 15px;}
	.comm__rating > * .fas {font-size: 16px;}
	.raspik-item {padding: 10px 20px; gap: 10px 20px; margin: 0 var(--indent-negative);}
	.raspik-item__number {width: 140px;}
}

@media screen and (max-width: 950px) {
	.krks__container {max-width:768px;}
	.pagination {gap: 10px; padding-top: 20px;}
	.pagination__btn-loader a, .pagination__btn-loader span {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages {width: 100%;}
	.pagination__pages a, .pagination__pages span {flex-grow: 1;}
	
	.d-grid-items {grid-template-columns: repeat(2,minmax(0,1fr));}
	.d-grid-actors, .d-grid-actors:has(.oth) {grid-template-columns: repeat(3,minmax(0,1fr));}
	.ns__desc {min-width: 100%;}
	.ns__text {display: block;}
	.ns__img {flex-grow: 1;}
	.ns__meta {width: 120px; font-size: 14px;}

	.page .brems__prev-next-link {font-size: 14px;}
	.brems__player-bottom .brems__rating {min-width: calc(100% + 40px); order: 20; margin-right: -20px;}
	.brems__scr ul {gap: 10px; grid-template-columns: repeat(3,1fr);}

	.ac-form__shaps {width: 100%; margin: 0; margin-bottom: 20px;}
	.ac-form__btn {padding: 0 20px; height: 42px; width: 100%;}
	.ac-form__input {height: 42px; line-height: 42px; padding: 0 20px;}
	.ac-form__editor textarea {padding: 20px; height: 140px;}
}

@media screen and (max-width: 760px) {
	.krks__container {max-width:640px;}
	.opisan-list {display: block;}
	.opisan-list__img {margin: 0 auto; margin-bottom: 20px;}
	.opisan-list__list li {padding-left: 0;}
	.opisan-list__list li > span:first-child {position: static; margin-right: 10px;}
	.hero__original {font-size: 18px;}
	.hero__title {font-size: 34px; margin-bottom: 20px;}
	.hero__text {font-size: 14px;}
	.hero__title span {font-size: 25px;}
	.hero__btns {margin-top: 20px; gap: 20px;}
	.hero__trl, .hero .brems__prev-next-link {height: 40px; font-size: 14px; padding: 0 20px;}
	.hero__trl {flex-grow: 1;}
	.hero__continue {width: 100%;}
	.hero .brems__prev-next-link:before, .hero .brems__prev-next-link::after {display: none;}
	.hero {padding-bottom: 20px;}
	.hero::before {background: linear-gradient(to right, #000 -100%, transparent 100%);}

	.flor__title, .brems__shaps-descr h1 {font-size: 24px;}
	.d-grid-items,.d-grid-actors, .d-grid-actors:has(.oth) {gap: 20px 10px;}
	.flor {margin-bottom: 40px;}
	.flor__shaps {margin-bottom: 20px;}
	.flor__link {font-size: 14px;}
	.flor--border-top {padding-top: 40px;}
	.flor--bg {padding-top: 40px; padding-bottom: 40px;}
	.brems__shaps {display: block;}
	.brems__shaps-img {height: 300px; width: 200px;  margin: 0 auto; margin-bottom: 20px;}
	.comm__img {width: 40px; height: 40px; margin: 0; position: absolute; left: 0; top: 5px;}
	.comm__action {flex-grow: 1; justify-content: flex-end;}
	.comm__meta {display: block; padding-left: 50px;}
	.comm__rating, .comm__author {margin: 0;}
	.raspik-item {gap: 0 10px;}
	.raspik-item__number {width: 100px; text-align: right;}
	.raspik-item__descr {min-width: calc(100%	- 130px); order: -1;}
	.page .brems__prev-next-link > span:not(.fas) {width: 0; font-size: 0;}
	.page .brems__prev-next-link {width: 60px;}
	.page .brems__all {width: calc(100% - 140px); white-space: nowrap;}
	.brems__rating.flor {margin: -20px 0 20px 0;}
	.brems__serie-img {margin: 0; width: 100%; margin-bottom: 20px;}

	.brems__title {font-size: 24px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;}
	.brems__intro, .brems__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;}
}

@media screen and (max-width: 590px) {
	.krks__container {max-width:480px;}
}

@media screen and (max-width: 470px) {
	.krks__container123 {max-width:360px;}
	.kusoch__img {margin-bottom: 10px;}
	.kusoch__title, .ns__title {font-size: 15px;}
	.kusoch__meta, .kusoch__text, .ns__text {font-size: 14px;}
	.perekl__hidden {padding-top: 20px;}
	
	.page .brems__prev-next-link {width: 30px; height: 48px; font-size: 16px; justify-content: flex-start; padding-left: 5px;}
	.page .brems__next {justify-content: flex-end; padding-right: 5px;}
	.page .brems__all {width: calc(100% - 80px); justify-content: center; padding: 0;}
	.page .brems__next::before {right: -42px; border-width: 24px; border-left-width: 20px;}
	.page .brems__next::after {right: -38px; border-width: 22px; border-left-width: 19px;}
	.page .brems__next > span:not(.fas):after {right: -33px; border-width: 20px; border-left-width: 17px;}
	.page .brems__prev::before {left: -42px; border-width: 24px; border-right-width: 20px;}
	.page .brems__prev::after {left: -38px; border-width: 22px; border-right-width: 19px;}
	.page .brems__prev > span:not(.fas):after {left: -33px; border-width: 20px; border-right-width: 17px;}
	.video-responsive {padding-top: 80%;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}