.contact-page__city-switcher {
    display: none; /* Скрыт на десктопе, показывается только на мобильных */
}
/* Мобильные стили для страницы контактов (max-width: 768px) */
@media (max-width: 768px) {
	.contact-page {
		padding-top: 109px;
		padding-bottom: 40px;
		min-height: auto;
	}

	.contact-page__wrapper {
		gap: 0;
		display: flex;
		flex-direction: column;
	}

	.contact-page__header {
		margin-bottom: 0;
		order: 0;
	}

	.contact-page__title {
		font-size: 26px;
		font-weight: 300;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 0;
	}

    .contact-page__title br {
        display: none;
    }

	.contact-page__title strong {
		display: block;
	}

	.contact-page__offices {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-top: 0;
		order: 1; /* Offices идет после header, но форма внутри будет первой */
	}

	/* Переключатель городов */
	.contact-page__city-switcher {
		display: flex;
		gap: 15px;
		margin-bottom: 20px;
		width: 100%;
		order: 2; /* Переключатель идет после формы */
	}

	.contact-page__city-btn {
		flex: 1;
		padding: 18px 20px;
		border-radius: 50px;
		border: none;
		background: transparent;
		color: #FFFFFF;
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.2;
		cursor: pointer;
		transition: all 0.3s ease;
		position: relative;
		overflow: hidden;
		isolation: isolate;
		z-index: 0;
	}

	/* Эффект жидкого стекла для неактивной кнопки */
	.contact-page__city-btn:not(.active)::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 0;
		overflow: hidden;
		border-radius: inherit;
		-webkit-box-shadow: inset -1px 1px 0px 0px rgba(255, 255, 255, 0.7), inset 0px -0.5px 0px 0px rgba(255, 255, 255, 0.7);
		box-shadow: inset -1px 1px 0px 0px rgba(255, 255, 255, 0.7), inset 0px -0.5px 0px 0px rgba(255, 255, 255, 0.7);
		pointer-events: none;
		background: rgba(255, 255, 255, 0.05);
	}

	.contact-page__city-btn:not(.active)::after {
		content: '';
		position: absolute;
		z-index: -1;
		inset: 0;
		border-radius: inherit;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
		-webkit-filter: url(#btn-glass);
		filter: url(#btn-glass);
		overflow: hidden;
		isolation: isolate;
		pointer-events: none;
	}


	.contact-page__city-btn.active {
		background: linear-gradient(-15deg, rgba(0, 156, 61, 1) 15%, rgba(19, 86, 45, 1) 100%);
		color: #FFFFFF;
	}

	.contact-page__city-btn.active::before,
	.contact-page__city-btn.active::after {
		display: none;
	}

	/* Офисы */
	.contact-page__office {
		width: 100%;
		margin-bottom: 0;
		order: 2; /* Офисы идут после переключателя */
		display: block;
	}

	/* Если есть переключатель, скрываем неактивные офисы */
	.contact-page__city-switcher ~ .contact-page__office--right:not(.active) {
		display: none;
	}

	.contact-page__city-switcher ~ .contact-page__office--left:not(.active) {
		display: none;
	}

	.contact-page__office-content {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	/* Блоки информации */
	.contact-page__info-block-wrapper {
		margin-bottom: 20px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 20px;
		padding: 10px;
	}

	.contact-page__info-block-wrapper:last-child {
		margin-bottom: 0;
	}

	.contact-page__info-block {
		min-height: auto;
		padding: 20px 10px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 15px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 9px;
	}

	.contact-page__info-label {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		margin-bottom: 0;
	}

	.contact-page__info-label img {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
	}

	.contact-page__info-label span {
		font-family: 'Geometria', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.2;
		color: #FFFFFF;
		text-align: center;
	}

	.contact-page__info-divider {
		width: 100%;
		max-width: 243px;
		height: 1px;
		background: radial-gradient(circle at 50% 50%, rgba(8, 156, 62, 1) 0%, rgba(17, 69, 153, 0) 100%);
		margin: 0 auto;
	}

	.contact-page__info-value {
		font-family: 'Geometria', sans-serif;
		font-weight: 300;
		font-size: 12px;
		line-height: 1.2;
		text-align: center;
		color: #A6A6A6;
		margin: 0;
	}

	.contact-page__info-value a {
		color: #A6A6A6;
		text-decoration: none;
	}

	/* Форма обратной связи */
	.contact-page__form-section {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 0;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 20px;
		padding: 0;
		order: 0; /* Форма идет первой внутри offices */
		position: relative;
		margin-bottom: 43px;
	}

	.contact-page__form-section-wrapper {
		border: none;
		padding: 30px 19px;
		border-radius: 20px;
		background: #000000;
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.contact-page__form-title {
		font-family: 'Geometria', sans-serif;
		font-weight: 500;
		font-size: 24px;
		line-height: 1.2;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 15px;
	}

	.contact-page__form {
		width: 100%;
		max-width: 100%;
		gap: 16px;
	}

	.contact-page__form-group {
		width: 100%;
	}

	.contact-page__input {
		width: 100%;
		padding: 16px 22px;
		background: #0F0F0F;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 10px;
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 1.2;
		color: #E3E3E3;
		text-align: center;
	}

	.contact-page__input::placeholder {
		color: #E3E3E3;
		text-align: start;
	}

	.contact-page__input[rows] {
		min-height: 160px;
		text-align: left;
		padding-top: 16px;
	}

	.contact-page__input[rows]::placeholder {
		text-align: left;
	}

	.contact-page__privacy {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 0;
		padding: 0;
	}

	.contact-page__privacy-checkbox {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
		margin: 0;
	}

	.contact-page__privacy span {
		font-family: 'Geometria', sans-serif;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.2;
		color: #FFFFFF;
		text-align: left;
	}

	.contact-page__privacy a {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		text-decoration: none;
	}

	.contact-page__submit {
		width: 100%;
		padding: 18px 22px;
		background: #262626;
		border: none;
		border-radius: 10px;
		font-family: 'Geometria', sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 1.2;
		color: #FFFFFF;
		cursor: pointer;
		transition: all 0.3s ease;
		margin-top: 0;
	}

	.contact-page__submit:hover {
		background: #089C3E;
		transform: translateY(-2px);
		box-shadow: 0px 0px 12px 2px rgba(8, 156, 62, 0.5);
	}

	.contact-page__submit:active {
		transform: translateY(0);
	}

	.contact-page__submit:disabled {
		background: #262626;
		cursor: not-allowed;
		opacity: 0.6;
	}

	/* Блоки ботов */
	.contact-page__bots {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		margin-top: 20px;
		grid-column: unset;
		order: 3; /* Боты идут после формы */
	}

	.contact-page__bots .contact-page__info-block-wrapper {
		margin-bottom: 0;
	}

	.contact-page__bots .contact-page__info-block {
		padding: 20px 10px;
	}

	.contact-page__bots .contact-page__info-label {
		flex-direction: column;
		gap: 16px;
	}

	.contact-page__bots .contact-page__info-label span {
		font-size: 16px;
		font-weight: 500;
	}

	.contact-page__bots .contact-page__info-divider {
		width: 100%;
		margin: 9px 0;
	}

	.contact-page__bots .contact-page__info-value {
		font-size: 12px;
		font-weight: 300;
		line-height: 1.2;
	}

	/* Карта */
	.contact-page__map {
		width: 100%;
		height: 500px;
		border-radius: 30px;
		padding: 20px;
		margin-top: 20px;
		order: 2; /* Карта идет после offices */
	}

	.contact-page__map-iframe {
		border-radius: 10px;
	}

	/* Адаптация фоновых изображений */
	.contact-page .section-hero__glow-img {
		max-height: 300px;
	}

	.contact-page .section-hero__glow-img-footer {
		max-height: 453px;
	}
}