
/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */

@media screen and (min-width: 1800px) {
	:root {--max-width: 1800px;}
	.hero__title {max-width: 800px; font-size: 84px;}
	.hero__text {max-width: 800px; font-size: 28px;}
	.sect__title, .presents__title {font-size: 48px;}
	.sect__link {height: 40px; font-size: 15px; padding: 0 20px; border-radius: 10px;}
	.item__title, .footer__menu, .page {font-size: 17px;}
	.item__cast, .page__meta {font-size: 15px;}
	.item__meta, .item__label, .item__time {font-size: 14px;}
	.item-model .item__desc {font-size: 18px;}
	.presents { grid-template-columns: 400px minmax(0,1fr);}
	.presents__text, .descr p {font-size: 17px;}
	.presents__thumbs {gap: 30px;}
	.presents__thumbs li {width: calc((100% - 60px)/3);}
	.descr__title {font-size: 38px;}
	.footer__menu {gap: 15px 60px;}
	.footer__main, .page__tags a {font-size: 16px;}
	.footer__text, .page__rating-bar {font-size: 14px;}
	.page__main {grid-template-columns: minmax(0,1fr) 500px;}
	.page__mtitle {font-size: 28px;}
	.lgn__top {width: 800px; padding: 0 60px; padding-left: 160px; font-size: 22px;}
	.lgn__content {width: 800px; padding: 60px 60px; padding-top: 40px; gap: 40px;}
	.lgn__content-title {font-size: 54px;}
	.lgn__content-text {font-size: 24px;}
	.lgn__list li {font-size: 18px;}
	.lgn__content-btn {height: 80px; font-size: 22px;}
	.thumb6 .item-short .item__img {width: 380px;}
	.thumb6 .item-short .item__title {font-size: 24px;}
}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrapper__container {max-width:1000px;}
	.header__logo-caption, .header__login-caption {display: none;}
	.hero {min-height: 400px;}
	.hero__title {font-size: 54px; max-width: 100%;}
	.hero__text {font-size: 18px; max-width: 100%;}
	.grid-items {grid-template-columns: repeat(3,minmax(0,1fr));}
	.grid-items:has(.item-model) {gap: 20px 15px; grid-template-columns: repeat(4,minmax(0,1fr));}
	.presents {grid-template-columns: 200px minmax(0,1fr); gap: 20px; align-items: start;}
	.presents__thumbs {gap: 20px;}
	.presents__thumbs li {width: calc((100% - 40px)/3);}
	.informer-btn {font-size: 24px; width: 100%; padding: 0 20px;}
	.footer__text {min-width: 100%;}
	
	.page__main {gap: 20px; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto auto auto; 
		grid-template-areas: "title" "video" "right" "left";}
	.page__main-left {gap: 20px;}
	.page__mtitle {padding-bottom: 10px;}
	.page__btn-accent {position: relative; left: 0; top: 0;}
	.lgn__right {width: 400px; padding: 30px;}
	.thumb6 .item-short .item__img {width: 200px;}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
	.header {gap: 20px; padding-top: 20px; padding-bottom: 20px;}
	.grid-items {grid-template-columns: repeat(2,minmax(0,1fr));}
	.grid-items:has(.item-model) {gap: 20px 15px; grid-template-columns: repeat(3,minmax(0,1fr));}
	.lgn__right {width: 100%; padding: 30px 20px;}
	.thumb6 .grid-items:has(.item-short) {grid-template-columns: repeat(1,minmax(0,1fr));}

	.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;}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	.header__search {min-width: 100%; order: 10;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px !important;}
	.hero {min-height: 0; padding-top: 30px; gap: 20px;}
	.hero__title {font-size: 34px; width: 100%; text-align: center;}
	.hero__text {font-size: 18px; width: 100%; text-align: center; padding-bottom: 20px;}
	.hero__btn {padding: 0; width: 100%; height: 50px;}
	.presents {grid-template-columns: minmax(0,1fr); grid-template-areas: "title" "left" "right";}
	.presents__thumbs a {aspect-ratio: 1 / 1;}
	.presents__left {width: 300px; justify-self: center;}
	.presents__title {text-align: center;}
	.footer__left {width: 100%;}
	.footer__main {justify-content: center; text-align: center; gap: 30px 20px;}
	.footer__soc, .footer__logo {justify-content: center;}
	.footer__menu {gap: 15px 30px; font-size: 13px;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	.lgn__top {width: 100%; padding: 0 20px; font-size: 16px;}
	.lgn__content {width: 100%; padding: 20px 20px; padding-top: 30px;}
	.lgn__content-title {font-size: 24px;}
	.lgn__content-text {font-size: 15px;}
	.lgn__list li {font-size: 13px;}

	.header {gap: 10px; padding-top: 10px; padding-bottom: 10px;}
	.header__login {gap: 10px;}
	.header__logo {font-size: 20px; height: 40px;}
	.header__btn {height: 40px; padding: 0 15px; font-size: 14px;}
	.header__ava {width: 40px;}
	.content {padding-bottom: 40px;}
	.sect:not(:last-child) {margin-bottom: 40px;}
	.sect__header {margin-bottom: 20px;}
	.sect__title, .presents__title, .descr__title {font-size: 24px;}
	.grid-items {grid-template-columns: repeat(1,minmax(0,1fr));}
	.grid-items:has(.item-model) {gap: 20px 10px; grid-template-columns: repeat(2,minmax(0,1fr));}
	.footer__submenu {font-size: 13px;}
	.pagination {padding-top: 20px;}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:410px;}
	.page__btn-accent {padding: 20px;}
	.page__btn-accent-caption {letter-spacing: 2px;}
	.page__rating:has(.page__fav) .page__rating-score > span:first-child {display: none;}
	.thumb6 .item-short .item__img {width: 110px;}
	.thumb6 .item-short .item__title {font-size: 15px; white-space: nowrap; display: block;}
	.thumb6 .item-short .item__cast {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.thumb6 .item-short .item__desc {padding: 10px; gap: 5px;}
}

@media screen and (max-width: 400px) {
	.wrapper__container123 {max-width:360px;}
	.header__logo {font-size: 18px;}
	
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}
