/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu {width: 300px; 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-darker-2);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__content {padding: 20px; padding-right: 0;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrapper {padding: 0;}
	.wrapper__container {max-width:1000px; border-radius: 0;}
	.header__stat {white-space: nowrap; overflow-x: auto;}
	.header__main {gap: 20px;}
	.header__btn {display: flex; padding: 0; width: 40px; font-size: 18px;}
	.header__btn span, .cols .cols__sidebar-left, .scrolltop, body:not(:has(.cols__sidebar-left)) .header__btn.d-none {display: none;}
	.header__search {min-width: 100%; order: 10;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px; position: relative; height: 40px;}
	.header__logo img {position: absolute; left: 0; top: 50%; translate: 0 -50%; max-height: 100%;}
	.cols {display: block; padding-top: 20px; padding-bottom: 20px;}
	.cols__sidebar-right {margin-top: 20px;}
	.sect--bg-corner, .sb-tabs {border-radius: 8px;}
	.descr {padding: 0;}
	.footer, .footer__menu {justify-content: center;}
	.footer__left {width: 100%; text-align: center;}
	.lgn2__menu {left: 50%; translate: -50% 0;}
.telega__full{
	position: absolute;
	right: 30%;
	top: 19px;
}
	.page__info {min-width: 100%;}
	.page__actors-title {justify-content: flex-start;}
	.page__actors-title::before {display: none;}
	.page__tabs-content {padding: 20px;}
	.page__comms-info, .ac-form {margin-bottom: 20px; max-width: 100%;}
	.page__comms-list {max-width: 100%;}
	.page__related2 .sect__content {padding: 0 var(--indent); grid-template-columns: repeat(auto-fill,minmax(min(33%,180px),1fr));}
	.page__posters:not(.d-none) {grid-template-columns: repeat(auto-fill,minmax(min(33%,180px),1fr)); gap: 20px;}
	.page__as {padding-left: 20px;}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}

	.pagination {gap: 10px;}
	.pagination__btn-loader a, .pagination__btn-loader span:not([class]) {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages, .pagination__btns {min-width: 100%;}
	.pagination__pages a, .pagination__pages span, .pagination__btns > * {flex-grow: 1;}
.telega__full {
	    position: relative;
	    width: 100%;
	    text-align: center;
	    justify-content: center;
	    right: unset;
	    top: unset;
	    order: 1;
	    margin-top: 15px;
    }
	.page__desc {min-width: 100%;}
	.page__poster {margin: 0 auto;}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	
	.page__complaint {display: none !important;}
	.page__player .tabs-block__select {margin-bottom: 5px;}
	.page__player .tabs-block__select button {flex-grow: 1; border-radius: 4px;}
	
	.ac-form__bottom {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
	.ac-form__header > span, .comm::before {display: none;}
	.ac-form__bottom button {position: static; width: 100%;}
	
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	
	.page__poster {margin: 0; width: 190px;}
	.page__tabs-mylists li {min-width:max-content}
	.page__tabs-select {flex-wrap: nowrap; overflow-x: auto; mask-image: linear-gradient(to right, #000 80%, transparent 100%);}
	.page__tabs-select > * {flex-shrink: 0;}
	.page__tabs-toggle::before {display: none;}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:410px;}
	.header__stat {mask-image: linear-gradient(to right, #000 80%, transparent 100%);}
	.header__main {border-radius: 0; margin: 0; box-shadow: var(--bsh)}
	.sect--bg, .sb-tabs {border-radius: 0; margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
	.cols {padding-top: 0; padding-bottom: 0;}
	.cols__content:has(.sect--bg:last-child) + .cols__sidebar-right {margin: 0;}
	.header__btn {width: 36px; height: 36px;}
	.line {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding: 5px var(--indent);}
	.sb-tabs__content {grid-template-columns: repeat(2,1fr);}
	.footer__menu li + li {padding: 0; margin: 0; border: 0;}
	.footer__menu li {width: 100%;}
	.footer__text {text-transform: none; padding-bottom: 10px;}
	.short__img, .rel__img {margin: 0 10px 0 0; width: 83px;}
	.short__text, .rel__text {line-height: 1.3;}
	.pagination__pages a, .pagination__pages span {height: 40px; min-width: 40px; font-size: 18px;}

	.page .page__seas .sect--bg {margin-left: 0; margin-right: 0; border-radius: 8px;}
	.page .page__seas .sect--bg {border-top-left-radius: 0;}
	.page__player {padding: 0; background: none; box-shadow: none; border: 0; margin-left: 0; margin-right: 0;}
	.sect:has(+.page__tabs) {margin-bottom: 0;}
	.page__tabs {border-radius: 0; margin: 0 var(--indent-negative);}
	.page__tabs-content {border: 0; border-radius: 0;}
	.comm__date {width: 100%;}
	.comm__body {font-size: 13px;}
}

@media screen and (max-width: 400px) {
	.wrapper__container123 {max-width:360px;}
	
	.ac-form__bottom .comments_subscribe {font-size: 13px;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}
