/*****MENUMOB****/



/* На мобильных полностью скрываем ПК-контейнер, чтобы не мешал */
@media (max-width: 1024px) {
  .menu-container { display: none !important; }
}

/* ===== Блокировка скролла фона при открытом мобильном меню ===== */
.menu-open { overflow: hidden; }

/* ===== Кнопка открытия каталога (можешь оставить свою) ===== */



/* ===== МОБИЛЬНОЕ ПОЛНОЭКРАННОЕ МЕНЮ ===== */
.mnav {
  position: fixed; inset: 0; z-index: 4000;
  background: rgba(17,24,39,.45); /* тёмная подложка */
  display: flex; align-items: flex-end;
}
.mnav__panel {
  width: 100%; max-height: 100vh; background: #fff;

  display: flex; flex-direction: column;
  box-shadow: 0 -10px 30px rgba(0,0,0,.18);
  animation: mnav-in .18s ease-out both;
}
@keyframes mnav-in {
  from { transform: translateY(16px); opacity: .8; }
  to   { transform: translateY(0);   opacity: 1; }
}

.mnav__header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px; border-bottom: 1px solid #f0f0f0;
}
.mnav__title { font-weight: 700; font-size: 16px; }
.mnav__close {
  width: 36px; height: 36px; border: 0; border-radius: 10px;
  background: #f3f4f6; font-size: 22px; line-height: 36px; cursor: pointer;
}

.mnav__content { overflow: auto; padding: 6px 0 12px; }
.mnav__list { list-style: none; margin: 0; padding: 0; }

.mnav__item + .mnav__item { border-top: 1px solid #f5f5f5; }

.mnav__accordion {
  width: 100%; text-align: left; background: transparent; border: 0;
  padding: 12px 16px; display: flex; align-items: center; justify-content: space-between;
  font-size: 15px; cursor: pointer;
}
.mnav__text { font-size: 15px; }

.mnav__chev { display: inline-block; transition: transform .15s ease; }
.mnav__chev.is-open { transform: rotate(90deg); }

.mnav__sub { max-height: 0; overflow: hidden; transition: max-height .18s ease; }
.mnav__sub.open { max-height: 1000px; } /* достаточно большое значение */
.mnav__sub ul { list-style: none; margin: 0; padding: 0; }
.mnav__sub li a { display: block; padding: 10px 20px 10px 28px; font-size: 14px; color: #111827; text-decoration: none; }
.mnav__sub li a:hover { background: #f9fafb; }

.mnav__link--solo {
  display: block; padding: 12px 16px; text-decoration: none; color: #111827; font-size: 15px;
}
.mnav__link--solo:hover { background: #f9fafb; }

.mnav__footer-close {
  width: calc(100% - 32px); margin: 10px auto 16px; height: 44px;
  border: 0; border-radius: 10px; background: #1f7ae0; color: #fff; font-weight: 700;
}