/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu {width: 100%; max-width: 500px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -510px; top: 0; transition: left 0.4s; background-color: var(--bg-black);} /* width был 280px, left -360px, max-width добавил | 08.10 */
.mobile-menu.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);}
.mobile-menu__header .logo {font-size: 24px;}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content {color: var(--tt-on-black); --tt: var(--tt-on-black);}
/* .mobile-menu__content .sb__menu {grid-template-columns: repeat(2,minmax(0,1fr));} не нужно | 08.11 */
.mobile-menu__content .sb__menu--years {grid-template-columns: repeat(3,minmax(0,1fr));}

@media screen and (min-width: 950px) and (max-width: 1885px) {
    .buttons_up .cookie_agreement {bottom: 260px;}
    .buttons_up .scrolltop {bottom: 210px;}
}

@media screen and (max-width: 1450px) {
    .particles_toggle {
        font-size: 10px;
        left: 5px;
        top: 5px;
        padding: 1px 4px;
    }
    /*.timer {top: 10px;}*/
}
@media screen and (max-width: 1395px) {
    .particles_toggle {display: none;}
}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrapper__container {max-width:1000px;}
	.wrapper__container--main {overflow: hidden; overflow: clip;}
    
    .grid2 .grid-items {grid-template-columns: repeat(auto-fill,minmax(180px,1fr));} /* добавил | 01.11 */
	
	
	.header {/* padding-top: 20px; не нужно | 08.10 */ padding-bottom: 20px;}
	.header__btn-menu {display: flex;}
	.header__search {flex: 1 1 0; max-width: 100%; min-width: calc(100% - 50px); order: 10;}
    .header-social {display: none;} /* добавил | 06.10 */
	/* .header__theme-select {order: 11;} не нужно (теперь ниже) | 06.10 */
	.header__logo {margin-right: auto; height: 60px; width: 190px;}
    /* header__logo:
        default: height: 40px;
        winter: height: 60px;
    */
    
	.topmenu {border-top: 1px solid var(--bdc); margin: 0 -1px 0 0;}
	/* .topmenu li {flex-grow: 1;} не нужно т.к. добавил в основные | 06.10 */
    .topmenu li:last-child {display: none;} /* добавил | 06.10 */
	.topmenu a {/*border-bottom: 1px solid var(--bdc);*/ font-size: 10px; /*height: 40px;*/} /* font-size был 12px, остальное не нужно | 06.10 */
    .cols {grid-template-columns: 340px minmax(0,1fr);} /* добавил | 09.10 */
	/* .cols__content {padding-left: var(--indent); padding-right: var(--indent);} не нужно | 09.10 */
	/* .item-popular .item__img {display: none;} не нужно | 01.11 */
	.footer__notify {margin: 0;}
    
    .poster_labels {
        padding: 5px;
    }

    .top_labels, .bottom_labels {
        gap: 3px;
    }

    .poster_label {
        font-size: 10px;
    }
    
    .grid1 .item__btn-trailer, .grid2 .item__btn-trailer {
        left: 5px;
        height: 25px;
        bottom: 5px;
        font-size: 10px;
        padding: 0 7px;
        gap: 5px;
    }
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
    
    .cols {display: block;}
    .cols__sidebar .sb--filter, .header .ya-share2, .cols__sidebar .js-this-in-mobile-menu {display: none;}
    
    .cols__sidebar {display: none;} /* добавил | 01.11 */

	.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;}
    
    .topmenu {display: none;} /* добавил | 06.10 */
    
    .item-page__poster {width: 200px;} /* добавил | 13.10 */
    .item-page .item__rating .unit-rating { --size: 17px; --size-1: -17px; --size-2: -34px} /* добавил | 13.10 */
    
    .footer { /* добавил | 30.10 */
        padding-bottom: 70px;
    }
    .footer__one { /* добавил | 29.10 */
        flex-direction: column;
        text-align: center;
    }
    .footer__notify { /* добавил | 29.10 */
        border-left: none;
        padding: 0;
        font-size: 12px;
    }
    .footer__two { /* добавил | 29.10 */
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: unset;
        justify-items: center;
        padding: 20px 0 0 0;
    }
    .footer__label { /* добавил | 29.10 */
        top: 5px;
    }
    
    .footer_icon_a { /* добавил | 29.10 */
        top: 10px;
    }
    
    .mobile_bottom_menu { /* добавил | 30.10 */
        display: flex;
        opacity: 1;
        visibility: visible;
    }
    
    .with_mobile {display: grid;} /* добавил | 30.10 */
    
    .message_block {
        padding: 10px;
    }
    .message_buttons {
        display: grid;
    }
    .message_block {
        flex-direction: column;
        text-align: center;
    }
    .message_icon {
        margin: 15px 0;
    }
    .message_buttons {
        margin-top: 10px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }
    
    .scrolltop {
        bottom: 140px;
    }
    
    .cookie_agreement {
        bottom: 70px;
        right: 10px;
        width: calc(100% - 20px);
        max-width: unset;
        flex-direction: row;
        justify-content: space-between;
    }

    .cookie_message {
        max-width: 400px;
    }

    .cookie_buttons {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .cookie_buttons * {
        padding: 7px 15px;
    }
}

@media screen and (max-width: 760px) {
    .wrapper {background-image: none;}
	.wrapper__container {max-width:640px;}
	.sect:has(.ya-share2) .sect__title {min-width: 100%; order: -1; text-align: center;}
	.grid1 .item-main {grid-template-columns: minmax(0,1fr); 
		grid-template-areas: "header" "poster" "info" "footer"; grid-template-rows: auto auto 1fr auto;}
	.grid1 .item-main .item-main__poster {width: 200px; justify-self: center;}
	.grid1 .item-main .item__fav {position: relative; top: -3px;}

    .item-page .item__rating .unit-rating {--size: 19px; --size-1: -19px; --size-2: -38px;} /* добавил | 22.10 */
    
	.item-page__poster {/*margin-left: auto; margin-right: auto; не нужно + добавил width | 21.10 */ width: 100%;}
    .item-page__img { /* добавил | 21.10 */
        width: 200px;
        margin: auto;
        position: relative;
    }
	.item-page__info {min-width: 100%;}
	.page__player, .page__main {margin-left: var(--indent-negative); margin-right: var(--indent-negative); border-radius: 0;}
	.page__complaint {display: none !important;}
	.page__player .tabs-block__select button {flex-grow: 1;}
	.page__main {margin-bottom: 0;}
	
	.page__ac {padding-bottom: 20px;}
	.ac-form__bottom {gap: 10px; flex-wrap: wrap;}
	.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 {display: none;}
	.ac-form #b_color {display: none;}
	.ac-toggle .ac-form__bottom button {position: static; width: 100%;}
	.comm { padding: 20px;}
	.comm__img {width: 40px; height: 40px; position: relative; left: 0; top: 0;}
	.comm__meta {display: block;}
    
    .related_content {
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-columns: (1fr) [4];
    }
    
    .in_spoiler.section_description .spoiler_content {
        max-height: 120px;
    }
    
    /*.sb__menu-winter.full a,*/
    .catalog_info_block a{
        font-size: 12px;
    }
    .catalog_info_block.foreign_catalog a {
        min-height: 100px;
    }
    
    /*.sb__menu-winter.full a span,*/
    .catalog_info_block a span {
        font-size: 10px;
        max-width: 360px;
    }
    .catalog_info_block.foreign_catalog a span {
        max-width: 320px;
    }
    
    .cookie_message {
        max-width: 300px;
    }

    .cookie_buttons {
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

    .cookie_buttons * {
        padding: 5px 9px;
    }
}

@media screen and (min-width: 360px) and (max-width: 760px) {
    .under_poster {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
        gap: 10px;
        position: relative;
        margin-top: 20px;
    }
    .under_poster > * {
        margin: 0;
        padding: 0;
    }
    .rating {
        margin: 0;
    }
    .item__rating > div {
        flex-direction: column;
    }

    .rating_value {
        height: unset;
        aspect-ratio: unset;
        padding: 0 5px;
        width: 100%;
        margin-top: 3px;
    }

    .rating_value:before {
        content: "Итого: ";
    }
    .in_lists {
        grid-column: 2;
        grid-row: 1 / 4;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .in_list_item {
        margin: 0;
    }
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	.lgn__content {padding: 30px 20px;}
	.lgn__ctrl > * {font-size: 17px; height: 40px;}
	.lgn__btn-close {right: 0; top: 0; color: var(--tt); font-size: 24px;}
	.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;}
	.header__login a, .header__btn-login span, .header__btn1 {display: none;}
	.header__btn-login {padding: 0; width: 40px; background-color: var(--bg-darker); color: var(--tt-fade);}
    /* .header__theme-select {display: none;} не нужно | 09.10 */ /* добавил | 06.10 */
	.grid1 .item-main .item__btn {width: 100%;}
	.descr img {width: 100%; margin: 0; margin-bottom: 15px;}
	.footer__notify {width: 100%; padding: 0; border: 0; text-align: center;}
	.footer__copyright {margin: 0; text-align: center; width: 100%;}
	.grid2 .grid-items {grid-template-columns: repeat(2,minmax(120px,1fr)); gap: 20px 10px;}
	.grid3 .grid-items {grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px;}
	.page__scr ul {grid-template-columns: repeat(2,1fr);}
	.page .ya-share2 {width: 100%;}
    
    .news_bottom_tools {
        gap: 5px;
    }
    .news_rating {
        justify-content: center;
        gap: 5px;
    }
    .bottom_tools_container {
        text-align: center;
    }
    .bottom_tools_container:nth-child(2) {
        gap: 5px;
        margin: 0;
    }
    .news_rating_item a {
        padding: 5px 5px;
        font-size: 11px;
    }
    .news_rating_item .fal {
        margin-right: 5px;
    }
    .bottom_tools_container .comments_btn {
        justify-content: center;
        padding: 5px 5px;
        font-size: 11px;
    }
    .bottom_tools_container .comments_btn span {
        margin-right: 5px;
    }
    .bottom_tools_container .social_block .ya-share2__item {
        margin-top: 4px !important;
        margin-right: 3px !important;
    }
    .bottom_tools_container .social_block .ya-share2__icon {
        height: 28px !important;
        width: 28px !important;
        background-size: 28px !important;
    }
    
    .sect__title {font-size: 15px;}
    
    
    .short_news_item {
        width: 100%;
    }
    
    .cinema_main {
        gap: 10px;
    }
    .cinema_main_container:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .no_image_text {
        font-size: 14px;
    }
    .no_image_icon i {
        font-size: 18px;
    }
    
    .blog_container {
        flex-direction: column;
    }
    
    /*.sb__menu-winter.full a,*/
    .catalog_info_block a {
        width: 100%;
    }
    /*.sb__menu-winter.full a span,*/
    .catalog_info_block a span {
        max-width: 290px;
    }
    .catalog_info_block.foreign_catalog a span {
        max-width: 250px;
    }
    /*.sb__menu-winter.full a:before,*/
    .catalog_info_block.full_winter a:before {
        background-position: 89% 0;
    }
    
    .cookie_agreement {
        flex-direction: column;
    }

    .cookie_message {
        max-width: 100%;
    }

    .cookie_buttons {
        gap: 10px;
        justify-content: center;
    }

    .cookie_buttons * {
        padding: 5px 14px;
    }
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:410px;}
	.header__logo {/*font-size: 24px;*/ height: 41px; width: 170px; margin-top: 6px;}
    /* header__logo:
        default: height: 35px; width: 160px; w/o margin-top;
        winter: height: 52px; width: 170px; margin-top: -12px;
     	spring: height: 41px; width: 170px; margin-top: 6px;
    */
    
    .header__theme-select {order: 11;} /* добавил (было на 24 строке) | 09.10 */
    .sb__menu {gap: 6px 3px; font-size: 14px;} /* добавил | 09.10 */
    .sb__menu a {line-height: calc(1em + 0.7rem);} /* добавил | 09.10 */
	.item-popular .item__img {display: block;}
	.grid2 .item-main .item__rating .unit-rating { --size: 12px; --size-1: -12px; --size-2: -24px}
	.grid3 .item-card {gap: 12px 10px; padding: 12px;}
	.grid3 .item-main .item-main__title {font-size: 15px;}
	.grid3 .item-main .item__list-text, .grid1 .item-main .item__list-text {display: block;}
	.grid3 .item-main__info, .grid1 .item-main__info {mask-image: none;}
    
    .grid2 .item-main {
        gap: 0 20px;
    }
    .grid2 .item-card .item-main__title {
        font-size: 14px;
    }
    .grid2 .short-bottom_genre { /* добавил | 26.11 */
        white-space: nowrap;
        text-overflow: ellipsis;
        height: unset;
        font-size: 12px; /* было 11px | 02.01 */
    }
    .grid2 .short-bottom_genre a {
        display: inline;
    }
    .related_content {
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-columns: (1fr) [3];
    }
    
    .read_more .contentBlock {
        grid-template-columns: 1fr;
    }
    
    #dosearch { /* добавил | 27.10 */
        font-size: 12px;
        padding: 10px;
    }

    .search-page .search #searchinput { /* добавил | 27.10 */
        padding: 10px;
    }
    
    .footer__two { /* добавил | 29.10 */
        grid-template-columns: 1fr;
        gap: 5px;
    }
    
    .channels_list { 
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 10px;
    }
    .cat-channel .poster { 
        height: 95px;
    }
    
    .grid2 .poster_label {
        font-size: 9px;
        padding: 0px 5px;
        border-radius: 2px;
    }
    .grid2 .item__btn-trailer {
        padding: 0 5px;
        font-size: 9px;
        border-radius: 2px;
    }
}

@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;}
    
    /*.sb__menu-winter.full a span,*/
    .catalog_info_block a span {
        font-size: 9px;
        max-width: 230px;
    }
    .catalog_info_block.foreign_catalog a span {
        max-width: 200px;
    }
    .catalog_info_block.foreign_catalog a img {
        right: -60px;
        top: 0px;
        height: 100%;
    }
}

@media screen and (max-width: 360px) {    
    .grid1 .item__btn-trailer, .grid2 .item__btn-trailer {
        position: unset;
    }
}