/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu,.overlay{position:fixed;top:0;height:100%}
.overlay{z-index:998;left:0;width:100%;opacity:.6;background-color:#000;cursor:pointer;display:none}
.mobile-menu{width:360px;overflow-x:hidden;overflow-y:auto;z-index:999;left:-460px;transition:left .4s;
	background-color:var(--bg)}
.kg .mobile-menu{background-color:var(--bg-kg-lighter)}
.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-black);--tt:#fff}
.kg .mobile-menu__header{background-color:#000}
.mobile-menu__btn-close{font-size:24px;width:40px;height:40px;margin-right:-10px}
.mobile-menu__content{padding:26px 20px}
.mobile-menu__header .logo-block{height:40px}
.mobile-menu__content .sb__title-label{margin:0;position:static;transform:none;height:30px;padding:0 10px;font-size:13px}

	
@media screen and (max-width:1220px){
	:root{--indent-negative:-20px;--indent:20px}
	.wrapper{padding:0;background-image:none;overflow:hidden}
	.wrapper::before{display:none;background-image:none}
	.wrapper__container{max-width:1000px}
	.carousel__content::after,.sidebar .js-this-in-mobile-menu{display:none}
	.header{margin-bottom:36px;gap:20px}
	.header .header__logo{margin-left:var(--indent)}
	.header__btn-menu{display:flex;margin-right:10px}
	.has-carou:not(.owl-carousel)>*{width:calc((100% - 50px)/ 6)}
	.search-block__btn{right:var(--indent)}
	.search-block__input,.search-block__input:focus{width:calc(100% - 115px)}
	.carousel__menu{margin:0}.carousel__menu li{flex-grow:1}
	.carousel__menu a{border-bottom:1px solid #ffffff29;padding:0 20px}
	.kg .carousel__menu a{border:0;padding:0 10px}
	.carousel__content{padding-right:50px;padding-top:10px;padding-bottom:10px}
	.carousel__content .owl-nav{right:-40px;left:auto}
	.wrapper__cols{display:block}
	.sidebar{padding-top:40px}
	.footer__menu{gap:10px 20px}
	.page__related{margin-left:var(--indent-negative);padding-left:var(--indent)}
	.kg .descr,.kg .footer{padding-left:var(--indent);padding-right:var(--indent)}
	.kg .sect__header.main-title {margin-bottom: 0;}
	.kg .carou__img {height: auto; padding-top: 140%;}
}
	
@media screen and (max-width:950px){
	.wrapper__container{max-width:768px}
	.pagination{gap:10px}.pagination>a,.pagination>span{flex-grow:1;order:10}
	.pagination__pages{min-width:100%}
	.pagination__pages a,.pagination__pages span{flex-grow:1}
	.has-carou:not(.owl-carousel)>*{width:calc((100% - 30px)/ 4)}
	.kg .header__btn-theme {left: var(--indent); margin: 0; top: 80px;}
	.kg .header__btn-theme, .kg .header__btn-theme::before {aspect-ratio: 136 / 130; width: 100px; height: auto;}
}
	
@media screen and (max-width:760px){
	.wrapper__container{max-width:640px}
	.has-carou:not(.owl-carousel)>*{width:calc((100% - 20px)/ 3)}
	.header__login>:is(span,a){display:none}
	.descr img{width:100%;height:auto}
	.wrapper__cols{padding-top:20px}
	.grid-items{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(40vw,180px),1fr))}
	.grid-items>:not(.grid-item){grid-column:1/-1}

	.item--short{gap:10px 10px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;
		grid-template-areas:iimg iheader;padding:0;margin:0;border:0;align-content:start}
	.main-title,.sect:not(:last-child),.sect__header,.speedbar{margin-bottom:20px}
	.ac-form__header>span,.comm__rating::before,.item--short .item__desc,.item--short .item__footer,
	.item--short .item__meta{display:none}
	.item--short .item__img{width:100%;height:auto;aspect-ratio:2/3}
	.item--short .item__img img{position:absolute;left:0;top:0}
	.item--short .item__title{font-size:15px}
	.footer__menu{min-width:100%;justify-content:center}
	.main-title{padding-left:var(--indent);margin-left:var(--indent-negative);padding-bottom:20px}
	.main-title:not(:has(.sect__title))::before{left:var(--indent)}
	.sect__title::before{left:0}
	.main-title:not(:has(.sect__title)){padding-left:calc(var(--indent) + 30px)}
	.sect__menu{min-width:100%;padding-top:10px}.speedbar{margin-top:0}
	.sect__title{font-size:18px}.login{left:auto;right:0;margin-right:-130px}
	.login::before{left:50%;margin-left:-5px}
	
	.kg .wrapper__cols {border-radius: 0;}
	.kg .carousel__content {border-radius: 0; margin-bottom: 0;}
	.kg .carousel__menu a {border-radius: 0;}
	.kg .item--short {background-color: #3f3f3f; border: 0; box-shadow: none; 
		margin: 0; padding: 10px; border-radius: 3px; gap: 10px; display: flex; flex-direction: column;}
	.kg .item--short .item__img {width: 100%;}
	.kg .item--short .item__header {margin: 0;}
	
	.comm__meta,.page__main{display:block}
	.page__main .item__img{margin:20px auto 53px}
	.page__info{padding:20px}.page__info li{padding:0}
	.page__info li>span:first-child,.page__player-rating,.page__share{position:static}
	.page__player-bottom{margin-bottom:-10px;margin-top:10px}
	.page__related{padding-top:20px;padding-bottom:20px}
	.page__related-items{gap:20px;display:flex;overflow-x:auto;margin-right:var(--indent-negative)}
	.related-item{width:140px;flex-shrink:0}.related-item__img{box-shadow:none}
	.page__tabs-mylists li{min-width:max-content}.page__player-info-tlg{width:100%}
	.page__franchise{margin:0 var(--indent-negative)}.page__franchise-list{border-left:0;border-right:0}
	.page__player-info-facts{padding:0;border:0}.ac-form{padding:15px}

	.kg .page__player-bottom {margin: 0; padding: 10px; justify-content: center;}
	
	.ac-form__bottom{gap:10px}
	.ac-form__bottom button{padding:0 20px;width:100%}
	.ac-form__header input+input{min-width:100%;order:10}
	.comm__action,.comm__date{font-size:12px}
	.comm{padding-left:0}
	.comm__img{position:relative;left:0;top:0;margin-right:10px;width:30px;height:30px}
	.kg .comm__img {top: 0;}
}
	
@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px}
	.login {margin-right:-100px}
	.header {gap:10px}
	.kg .login {margin-right: 0;}

	.kg .header {padding: 10px var(--indent); height: auto; gap: 5px 10px; margin-bottom: 100px;}
	.kg .header__btn-menu, .kg .header__btn-menu::before {width: 30px; height: 30px; padding: 0; margin: 0;}
	.kg .header__btn-theme, .kg .header__btn-theme::before {width: 80px; top: 102px;}
	.kg .header .header__logo {margin: 0;}
	.kg .search-block {flex-grow: 1;}
	.kg .footer__counter {margin-top: 10px;}
	
	.header__login{height:60px}
	.header__logo{width:auto;flex-grow:1;margin-right:10px}
	.header__btn-theme{width:30px;min-width:30px}.header__btn-theme::before{width:24px}
	.descr__top{padding-left:var(--indent);padding-top:180px}
	.descr__top::before{bottom:auto;top:-60px;left:50%;translate:-50% 0}
	.item__list,.item__text{font-size:14px}.item__list li{padding-left:150px}
	.item__list li>span:first-child{width:135px}.item__list-hint+.item__list-colored{margin-top:10px!important}
	.item__list-hint div span{max-width:calc(100vw - 190px);padding:10px;background-color:var(--bg);
		box-shadow:var(--bsh);display:none}.page__main .item__list-margin{margin-top:0}
	.tabs-block__select{gap:10px;margin:-15px -10px}
	.tabs-block__select button{flex-grow:1;background-color:var(--bg-darker);height:40px;padding:0 20px}
	.page__player .tabs-block__content,.page__tabs-mylists{margin-left:var(--indent-negative);
		margin-right:var(--indent-negative)}

	.kg .item__list-hint div span {background-color: var(--bg-kg);}
	.kg .tabs-block__select button:not(.is-active) {background-color: var(--bg-kg);}
	.kg .page__player .tabs-block__content,.kg .page__tabs-mylists {margin-left: 0; margin-right: 0;}
}

@media screen and (max-width:470px){
	.wrapper__container123{max-width:360px}
	.has-carou:not(.owl-carousel)>*{width:calc((100% - 10px)/ 2)}
	.page__main-title-original span:first-child{display:block}
	.page__main-title-original span:first-child::after{display:none}
	.page__main .item__title{min-width:100%;padding-right:40px}
	.page__main .item__meta{width:100%;padding:0;margin-bottom:-20px}
	.page__main .item__rates{position:static;order:10;margin:0}
	.page__main .item__rating{top:-10px;display:flex;align-items:center;gap:10px}
	.page__main .item__rating-votes{position:static}
	.page__player-bottom{justify-content:center;gap:10px}
	.page__btn-comms{width:100%}
	.page__btn-comms+.item__footer-item{display:none}
}