
/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu, .mobile-filter, .mobile-tabs {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, .mobile-filter.is-active, .mobile-tabs.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-black); border-bottom: 3px solid var(--accent);}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px; color: #fff;}
.mobile-menu__content {padding: 20px;}
.mobile-menu__content .header__menu {display: block; padding: 0; margin: 0;}
.mobile-menu__content .header__menu a {display: block; padding: 10px 0;}
.mobile-tabs .plr__tabs-select {display: block; width: 100%;}
.mobile-tabs {background-color: #252626; --tt: #fff; color: #fff; --tt-fade: #999; --bdc: #434343; --bg-darker: #434343;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrapper__container {max-width:1000px;}
	.cols {display: block;}
	.cols__sidebar, .header .header__menu {display: none;}
	.header__btn-menu {display: flex; border-radius: 0; height: 44px; margin-right: var(--indent-negative);}
	.header__ava {margin-right: -15px;}
	.header__logo {margin-right: auto;}
	.updates {gap: 20px;}
	.grid1 .grid-items--category {gap: 30px 20px;}
	.btn-filter {display: flex; border-radius: 0; margin-bottom: 30px;}
	.sect__header .btn-filter {margin: 0; border-radius: 3px;}

	.pg__list li {padding-left: 220px;}
	.plr__tabs-select, .plr__age {display: none;}
	.plr__tabs-select-mbtn {display: flex; font-size: 24px; color: #fff;}
}

@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;}
	
	.pg__main {grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto auto; grid-template-areas: "header" "poster" "info";}
	.pg__poster {width: 300px;}
	.tooltip[data-text] {width: 100%; cursor: pointer;}
	.tooltip[data-text]::before {display: none;}
	.tooltip[data-text]::after {color: var(--accent); content: attr(data-text);}
	.pg__scr ul {grid-template-columns: repeat(2,1fr);}
	.pg__scr li:nth-child(2) ~ li {display: none;}
	.pg__fr-list {grid-template-columns: repeat(2,minmax(0,1fr));}
	.pg__fr-list:not(:has(.fr:nth-child(2))) {grid-template-columns: repeat(1,minmax(0,1fr));}
	.schedule-item__descr {display: none;}
	.schedule-item__number, .schedule-item__status {width: 100px;}
	.schedule-item__date {flex: 1 1 0; max-width: 100%; min-width: 10px;}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	.header__btn-login span, .header__btn-link, .header__btn1 {display: none;}
	.search-block form {width: calc(100vw - 145px)}
	.footer, .footer__menu {justify-content: center;}

	.pg__trl {width: 100%;}
	.schedule-item {font-size: 14px;}
	.pg__ac-title {font-size: 20px;}
	.plr .sect__title {font-size: 18px;}
	.plr__series {height: auto; padding: 10px 15px; gap: 5px 15px;}
	.plr__series-mark {border: 0; margin-right: 80px;}
	.plr__series-input {width: calc(100% - 220px);}
	.plr__series-input + .plr__series-caption {order: 10;}
	.plr__series-list {order: 10; padding-right: 0;}
	.plr__series-list-carousel .owl-nav {border: 0; margin: 0; top: auto; bottom: 100%; 
		margin-bottom: 10px; left: auto; right: 0; padding: 0;}
	
	.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__rating::before, .comm__date span {display: none;}
	.ac-toggle .ac-form__bottom button {position: static; width: 100%;}
	.comm__img {width: 40px; height: 40px; position: relative; left: 0; top: 0;}
	.comm__meta {display: block;}
	.comm {padding: 0 !important;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	.lgn {padding: 20px;}
	.lgn__header {padding-left: 60px;}
	.lgn__avatar {width: 40px; font-size: 18px;}
	.lgn__title {font-size: 17px;}
	.lgn__caption {font-size: 14px; margin-top: 0;}

	.pg {margin-left: var(--indent-negative); margin-right: var(--indent-negative); 
		border-left: 0; border-right: 0; padding-left: var(--indent); padding-right: var(--indent);}
	.schedule-item {margin: 0 var(--indent-negative);}
	body:has(.pg) .header {margin-bottom: 0;}
	body:has(.pg) .footer {margin-top: 0;}
	
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:410px;}
	.descr :is(h1,h2,h3), .descr--bottom :is(h1,h2,h3) {font-size: 18px; line-height: 1.3;}
	.descr {font-size: 14px;}
	.descr--top {max-height: 200px;}
	.carou {margin-bottom: 0; border-bottom: 0;}
	.carou__caption, .updates__col-title, .sect__main-title, .sect__title {font-size: 24px;}
	.carou-item__title {font-size: 16px;}
	.updates {margin: 0 var(--indent-negative); gap: 0;}
	.updates__col-hider + .updates__col-content {max-height: 250px;}
	.updates__col {border-left: 0; border-right: 0;}
	.updates__col {border-bottom: 0;}
	.sect--bg, .cols--category .cols__content {margin-left: var(--indent-negative); margin-right: var(--indent-negative); 
		border-left: 0; border-right: 0; padding-left: var(--indent); padding-right: var(--indent);}
	.item--main, .grid3 .item--short {grid-template-columns: 100px minmax(0,1fr); grid-template-rows: auto auto; 
		grid-template-areas: "img header" "desc desc";}
	.item__desc {font-size: 14px;}
	.scrolltop {left: 20px; bottom: 20px;}
	.owl-nav {top: -50px;}
	body:has(.cols--category) .header {margin-bottom: 0;}
	body:has(.cols--category) .footer {margin-top: 0;}
	.sorter > span {display: none;}
	.sorter__button::after {content: 'По '; order: -1;}
	.sorter form {left: 0; width: 200px;}
	.btn-filter {margin: 10px 0;}
	.sect__main-title {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding: 12px var(--indent);}
	
	.pg__rating-info {flex-grow: 1;}
	.pg__rating-stars {left: auto; right: 0; top: 100%; width: calc(100vw - 40px);}
	.pg__header h1 {font-size: 30px;}
	.pg__poster {width: 100%;}
	.pg__list li {padding-left: 140px; font-size: 14px;}
	.pg__list li > span:first-child {max-width: 130px; display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.countdown-container {flex: 1 1 0; max-width: 100%; min-width: 10px;}
	.pg__scr a, .pg__scr img {height: 100px;}
	.pg__trl-btn {height: 200px;}
	.schedule-item__status {width: 80px;}
	.tooltip-ext__content {width: calc(100vw - 40px); translate: 0 0; left: 0px;}
	.pg__lists-tooltip .tooltip-ext__content {left: -15px;}
	.pg__rating-tooltip .tooltip-ext__content::before, .pg__rating-tooltip .tooltip-ext__content::after {translate: 0 0; left: 20px;}
	.plr__tabs {margin-left: -20px; margin-right: -20px;}
	.plr__series {padding-left: 20px; padding-right: 20px;}
	.plr__share-btn span {display: none;}
}

@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;}
}
