@media (max-width: 1799px) {
	footer > .scrolltop {
		left: auto;
		right: 40px;
	}
}

@media (min-width: 1508px) {
	.container {
		width: 1508px;
	}
}

@media (max-width: 1399px) {
	.navbar .navbar-wrapper .nav-brand {
		font-size: 28px;
		letter-spacing: 2px;
	}

	.navbar .navbar-wrapper .nav-link {
		padding: 10px 18px;
		font-size: 13px;
	}

	.main-nav > a {
		padding: 12px 16px !important;
		font-size: 14px !important;
	}

	.online-badge {
		padding: 8px 16px;
		font-size: 12px;
	}

	footer > .container.footer-bottom {
		font-size: 14px;
	}

	footer > .container.footer-bottom > .block-center {
		margin-left: 20px;
	}
}

@media (max-width: 1199px) {
	/* Блокировка скролла при открытом меню */
	body.menu-open {
		overflow: hidden !important;
		position: fixed !important;
		width: 100% !important;
		height: 100% !important;
	}

	.navbar {
		height: auto;
		padding: 20px 0;
	}

	.navbar .navbar-wrapper {
		flex-wrap: wrap;
		position: relative;
		align-items: center;
		gap: 0;
	}

	.navbar .navbar-wrapper > .nav-left {
		flex: 1;
	}

	.navbar .navbar-wrapper .nav-mobile {
		display: flex;
		position: relative;
		transform: none;
		margin-left: 20px;
		order: 2;
	}

	/* Шапка поверх меню */
	.navbar.open {
		position: relative;
		z-index: 1000001;
	}

	.navbar.open .navbar-wrapper {
		position: relative;
		z-index: 1000001;
	}

	.navbar.open .navbar-wrapper > .nav-left {
		position: relative;
		z-index: 1000002;
	}

	.navbar.open .navbar-wrapper .nav-mobile {
		position: relative;
		z-index: 1000002;
	}

	/* Полноэкранное мобильное меню */
	.navbar .navbar-wrapper > .nav-right {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: #000000;
		z-index: 999999;
		margin: 0;
		padding: 0;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
	}

	.navbar.open .navbar-wrapper > .nav-right {
		opacity: 1;
		visibility: visible;
	}

	/* Анимация пунктов меню */
	.navbar .navbar-wrapper .main-nav > a {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	}

	.navbar.open .navbar-wrapper .main-nav > a {
		opacity: 1;
		transform: translateY(0);
	}

	.navbar.open .navbar-wrapper .main-nav > a:nth-child(1) { transition-delay: 0.1s; }
	.navbar.open .navbar-wrapper .main-nav > a:nth-child(2) { transition-delay: 0.15s; }
	.navbar.open .navbar-wrapper .main-nav > a:nth-child(3) { transition-delay: 0.2s; }
	.navbar.open .navbar-wrapper .main-nav > a:nth-child(4) { transition-delay: 0.25s; }
	.navbar.open .navbar-wrapper .main-nav > a:nth-child(5) { transition-delay: 0.3s; }

	.navbar .navbar-wrapper .main-nav {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		background: transparent;
		border: none;
		padding: 0;
	}

	.navbar .navbar-wrapper .main-nav > a {
		justify-content: center;
		padding: 14px 30px;
		border-radius: 12px;
		font-size: 20px !important;
		font-weight: 500;
		background: transparent !important;
		border: none !important;
		color: #ffffff;
		white-space: nowrap;
	}

	.navbar .navbar-wrapper .main-nav > a:hover {
		background-color: transparent;
		color: #888888;
	}

	.navbar .navbar-wrapper .main-nav > a.active {
		background: transparent;
		border: none;
	}

	.navbar .navbar-wrapper .main-nav .nav-divider {
		display: none;
	}

	.navbar .navbar-wrapper .main-nav .admin-menu {
		display: none;
	}

	footer > .container.footer-bottom {
		position: relative;
		padding-bottom: 20px;
		display: grid;
		grid-gap: 20px;
		align-items: start;
	}

	footer > .container.footer-bottom .cards {
		gap: 8px;
		justify-content: center;
	}

	footer > .container.footer-bottom > .block-left {
		width: auto;
	}

	footer > .container.footer-bottom > .block-right {
		margin-left: 0;
	}

	footer > .container.footer-bottom > .block-center {
		order: 3;
		margin-left: 0;
	}

	footer > .container.footer-bottom > .block-dev {
		position: absolute;
		top: 0;
		right: 0;
	}
}

@media (max-width: 991px) {
	.navbar .navbar-wrapper .nav-brand {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.online-badge {
		padding: 6px 12px;
		font-size: 11px;
		gap: 6px;
	}

	.online-badge i {
		font-size: 12px;
	}

	footer .logo {
		font-size: 24px;
	}

	footer > .container.footer-top > .block-right .local-pages {
		gap: 24px;
	}

	footer > .container.footer-top > .block-right .local-pages > li > a {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	footer > .container.footer-top {
		flex-wrap: wrap;
		gap: 20px;
	}

	footer > .container.footer-top > .block-left {
		justify-content: space-between;
		width: 100%;
	}

	footer > .container.footer-top > .block-right {
		width: 100%;
		justify-content: center;
	}

	.modal > .wrapper > .modal-content {
		padding: 60px 40px;
	}
}

@media (max-width: 679px) {
	.navbar .navbar-wrapper .nav-brand {
		font-size: 22px;
		letter-spacing: 1px;
	}

	.online-badge {
		display: none;
	}

	footer > .container.footer-bottom > .block-dev {
		top: auto;
		bottom: 20px;
	}

	.static-page > .pagename > h1 {
		font-size: 24px;
	}
}

@media (max-width: 439px) {
	footer > .container.footer-top > .block-right .local-pages {
		flex-wrap: wrap;
	}

	footer > .container.footer-top > .block-left {
		gap: 20px;
	}

	.modal > .wrapper > .modal-content {
		padding: 20px 20px 40px 20px;
	}

	footer > .container.footer-bottom .cards {
		justify-content: start;
	}

	footer > .container.footer-bottom > .block-right a {
		justify-content: start;
	}

	.modal > .wrapper > .modal-content > .close-modal {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 379px) {
	footer > .container.footer-bottom .cards > li {
		width: 68px;
	}

	footer > .container.footer-bottom .cards > li.mastercard {
		width: 32px;
	}

	footer > .container.footer-bottom .cards > li.mir {
		width: 102px;
	}
}