/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu {width: 320px; 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 {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 0 20px; gap: 10px;}
.mobile-menu__header .header__logo-title {font-size: 28px;}
.mobile-menu__header .header__logo {background-size: 50px; padding-left: 60px;}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px;}
.mobile-menu__content {padding: 10px 20px; padding-top: 0;}
.mobile-menu__content .header__menu {display: block;}
.mobile-menu__content .header__menu > li > a {height: 44px;}

@media screen and (max-width: 1340px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrappers__container {padding: 0 var(--indent); max-width: 1000px;}
	.header .header__menu {display: none;}
	.header__logo {height: 90px;}
	.header__btn-menu {display: flex; font-size: 28px; margin-left: 10px;}
	.header__contacts {position: absolute; left: 0; top: 100%; translate: 0 13px; margin: 0; z-index: 10;}
	.header__btm {justify-content: flex-end;}
	.header__search {padding-left: 0; background: var(--bg); width: 100%;}
	.content {padding-top: 20px;}
	.about {overflow-x: auto; flex-wrap: nowrap;}
	.about__item {width: 386px; flex: 0 0 386px;}
	.how-step__item {min-width: 40%;}
	.sect__title {flex: 1 1 0; min-width: 50px; max-width: 100%;}
	.sect__header {gap: 10px;}
	.descr__main {padding-left: 20px; padding-right: 20px;}
	.counters {margin: 35px -20px; padding: 0 20px;}
	.footer {flex-direction: column; gap: 20px;}
	.footer__text {text-align: center;}
	.search-is-active .header__contacts {opacity: 0;}

	.page-bg, .pagen__cnt {padding: 20px;}
	.pagen__main {margin: 0; margin-bottom: 20px; grid-template-columns: minmax(0,1fr); 
		grid-template-areas: "pposter" "pgallery" "pdescr";}
	.pagen__main-gallery {margin-left: -20px; margin-right: -20px; padding: 20px;}
	.pagen__main-gallery ul {gap: 10px; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
	.dl__desc {min-width: calc(100%	- 60px);}
	.dl__btn {flex-grow: 1;}
	.dl__inner {padding: 10px; gap: 10px;}
}

@media screen and (max-width: 950px) {
	.wrappers__container {max-width:768px;}
	
	.pagination {gap: 10px; padding-top: 20px;}
	.pagination > a, .pagination > span {flex-grow: 1;}
}

@media screen and (max-width: 760px) {
	.wrappers__container {max-width:640px;}
	.header__logo-caption, .header__contacts .contact__text, .sect__bottom::before, .sect__bottom::after {display: none;}
	.header__logo {padding-left: 65px; background-size: 55px; 
		flex: 1 1 0; min-width: 50px; max-width: 100%;}
	.header__logo-title {font-size: 28px;}
	.header__btn-menu {margin: 0;}
	.header__main {gap: 10px;}
	.header__contacts {gap: 5px; flex-direction: column; font-size: 14px; translate: 0 13px;}
	.header__contacts .contact {padding-left: 24px;}
	.header__contacts .contact::before {top: 50%; translate: 0 -50%; font-size: 14px;}
	.content:has(.about) {padding-top: 0;}
	.about {gap: 0; margin-right: var(--indent-negative); margin-left: var(--indent-negative);}
	.about__item {border-radius: 0; padding-left: 65px;}
	.about__item {width: 290px; flex: 0 0 290px;}
	.about__item-title {font-size: 14px;}
	.about__item-text {font-size: 12px;}
	.about__item::before {--size: 40px; left: 10px;}
	.sect__btn-bottom {width: 100%;}
	.counters {padding: 0;}
	.counters__item {min-width: 40%;}
	.counters__item:is(:nth-child(3),:nth-child(4)) {border-top: 1px solid var(--bdc);}
	.order__right {width: 100%;}
	.order {text-align: center;}
	.footer__contacts {gap: 20px; flex-direction: column; align-items: center;}

	.progr__item {grid-template-columns: repeat(2,1fr); font-size: 14px; padding: 10px;}
	.progr__descr {grid-column: 1 / -1; order: 10;}
	.progr__header .progr__descr {display: none;}
	.progr__descr {justify-self: start;}

	.pagen__cnt {margin-left: var(--indent-negative); margin-right: var(--indent-negative); 
		border-radius: 0; padding: 20px var(--indent);}
	.pagen__meta-item {margin: 0;}
	.pagen__header h1 {font-size: 24px; line-height: 1.5;}
	.sect__header:has(.page__addcomm) .sect__title {font-size: 22px;}
	.comm--admin {padding: 10px;}
	.comm__author .has-icon {display: none;}
	.ac-form__bottom {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
}

@media screen and (max-width: 590px) {
	.wrappers__container {max-width:480px;}
	.how-step {gap: 10px;}
	.how-step__item {min-width: 100%; padding-bottom: 110px;}
	.sect {margin-bottom: calc(var(--spacing)*2);}
	.sect__link::before {display: none;}
	.sect__header:has(.sect__link) .sect__title, .sect__header:has(.sect__btn) .sect__title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.short-article .short__img {width: 100%;}
	.short-modules .short__btn {height: 34px; font-size: 14px; padding: 0 16px;}
	.short__price {font-size: 18px;}
	.sect--bg {padding-top: var(--spacing); padding-bottom: var(--spacing);}
	.sect:has(+.sect--decor) {margin-bottom: 0;}
	.sect--decor {padding-top: calc(var(--spacing)*2);}
	.descr {padding-top: 0;}
	.descr h1 {margin-bottom: 20px; font-size: 24px;}
	.descr__main {padding: 20px;}
	.counters {margin: 20px -20px; padding: 0; font-size: 14px;}
	.order__title {font-size: 24px;}
	.order {font-size: 14px; padding-bottom: 20px; padding-top: 20px;}
	.order__right {justify-content: flex-start;}
	.footer {align-items: flex-start;}
	.footer__text, .order {text-align: left;}
	.content:has(.descr) + .order {padding-top: calc(var(--spacing)*2);}
	body:has(.page-bg123) {background-color: var(--bg);}
	.page-bg {padding: 0; background: none; border-radius: 0;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 22px; line-height: 1.5;}
	.full-text p:has(br:first-child:last-child) {display: none;}
	.full-text table {font-size: 14px;}
}

@media screen and (max-width: 470px) {
	.wrappers__container {max-width:410px;}
	.header__btn-login {height: 34px; font-size: 14px; padding: 0 15px;}
	.grid-main--scroll-mob {display: flex; overflow-x: auto; margin-right: var(--indent-negative);}
	.grid-main--scroll-mob > * {flex-shrink: 0; width: calc(100vw - 80px); box-shadow: none;}
	.grid-main--scroll-mob:not(:has(>*:nth-child(2))) > * {width: 100%;}
	.grid-main--scroll-mob:not(:has(>*:nth-child(2))) {margin-right: 0;}
	.grid-main--scroll-mob .short-blog {aspect-ratio: 3/1.8;}
	.lgn {padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
	.lgn-logged__balance {padding: 20px; margin: 20px -20px;}
	.lgn__btn > * {min-width: 100%;}
	.header__logo > * {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.pagen__main-gallery ul {grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));}
	.pagen__main-descr .pagen__meta-item {font-size: 14px;}
	.pagen__main-descr .pagen__meta {gap: 10px;}
	.pagen__list {font-size: 14px;}
}

@media screen and (max-width: 400px) {
	.wrappers__container123 {max-width:360px;}
	.short-modules .short__comms-count {display: none;}
	
	.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;}
}