/* Скрываем меню по умолчанию */
#rec1260630801 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

/* Когда активно — раскрываем */
#rec1260630801.active {
  max-height: 100vh; /* можешь задать другое ограничение */
}

/* Бургер */
.burger {
  width: 30px;
  height: 22px;
  position: relative;
  cursor: pointer;
  z-index: 1000;
}
.burger span {
  display: block;
  height: 3px;
  background: #000;
  margin: 5px 0;
  transition: 0.3s;
}

/* Анимация крестика */
.burger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.burger.active span:nth-child(2) {
  opacity: 0;
}
.burger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}