/* --- override для мобильного меню --- */

/* 1) Скрываем меню до клика */
.modal-mobile-component {
  transform: translateY(100%);   /* уводим за нижний край */
  opacity: 0;
  pointer-events: none;          /* клики не проходят */
  transition: transform .35s ease, opacity .35s ease;
}

/* 2) При открытии (JS добавит .is-open) показываем */
.modal-mobile-component.is-open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}


/* 3) Блокируем прокрутку body, если нужно */
body.no-scroll {
  overflow: hidden;
}