@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 900px) {
	.main__menu {
		padding: 0 0 6px 0;
	}
	.inner {
		width: 98%;
		float: left;
		margin: 0 1%;
	}
	.main__menu > .inner {
		width: 100%;
		float: left;
		margin: 0;
	}
	.main__menu > .inner {
		grid-template-columns: 1fr 50px;
	}
		.top__basket {
			margin: 30px 0 0 4px;
		}

		.main__menu > .inner > .logo {
			margin: 15px 0 15px 4px;
		}
}

@media screen and (max-width: 550px) {
	.top__menu > .inner > .phone__block {
		display: none;
	}

	.top__menu > .inner > .address__block {
		width: 100%;
		font-size: 13pt;
		text-align: center;
		
	}
}

/* Переопределение расположения блоков для мобильных (340px – 960px) */
@media screen and (max-width: 960px) {
  /* Заменяем grid на flex для точного позиционирования */
  .main__menu > .inner {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 98%;
    margin: 0 1%;
    gap: 0;
  }

  /* Логотип – строго слева */
  .main__menu > .inner > .logo {
    order: 1;
    margin: 15px 0;
    flex: 0 0 auto;
    width: 290px;
		display: flex;
		align-items: center;
		justify-content: center;
  }

  /* Иконка аккаунта – справа, перед гамбургером */
  .top__account {
    order: 1;
    margin: 0 10px 0 10px; /* прижимаем к правому краю, но оставляем место для гамбургера */
    flex: 0 0 auto;
  }

  /* Корзина – перед гамбургером */
  a[href="/basket"] {
    order: 3;
    flex: 0 0 auto;
    margin: 0;
  }
  .top__basket {
    margin: 2px 0 0 0; /* сохраняем вертикальный отступ, как было */
  }

  /* Гамбургер – крайний справа */
  #hamburger {
    order: 4;
    position: relative;
    top: auto;
    right: auto;
    margin: 6px 0 0 10px;
  }

  /* Меню – на всю ширину, под всеми элементами */
  .main__menu > .inner > .menu {
    order: 5;
    flex: 0 0 100%;
    display: none;  /* скрыто до клика */
    margin: 10px 0 0;
    background: #e9e9e9; /* или какой цвет у вас задан для фона меню */
  }

  /* Когда меню показывается (скорее всего JS добавляет класс .show или .open), оно видно */
  .main__menu > .inner > .menu.show,
  .main__menu > .inner > .menu.open {
    display: block;
  }
}

@media screen and (max-width: 850px) {
	.catalog__filters {
		display: none;
	}

  footer > .footer__bottom > .inner > .left__side {
    width: 100%;
    float: left;
    text-align: center;
  }
  footer > .footer__bottom > .inner > .center__side {
    width: 100%;
    float: left;
    text-align: center;
  }
  footer > .footer__bottom > .inner > .right__side {
    width: 100%;
    float: left;
    text-align: center;
  }
}
/* Дополнительная подстройка для очень узких экранов (340–550px) */
@media screen and (max-width: 550px) {
	.main__menu > .inner > .logo {
    order: 1;
    margin: 15px 0;
    flex: 0 0 auto;
    width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
  }
  .top__account {
    margin-right: 5px;
  }
  #hamburger {
    margin: 5px;
    width: 40px;
    height: 36px;
  }
  #hamburger span {
    height: 4px;
  }
  .top__basket {
    width: 35px;
    height: 35px;
    background-size: 20px;
    margin-top: 2px;
  }
  .top__basket > span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 8pt;
  }
}