/* Панель мобильных вкладок. Цвета задаёт каждый вариант через --mt-* */
.mtabs { display: none !important; }
@media (min-width: 761px) { .m-only { display: none !important; } }
@media (max-width: 760px) {
  html, body { height: 100dvh !important; min-height: 0 !important; overflow: hidden !important; }
  .mtabs {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; height: 62px;
    display: grid !important; grid-template-columns: repeat(4, 1fr);
    background: var(--mt-bg, #f3d1e4); border-top: var(--mt-border, 2px solid #fff);
    box-shadow: var(--mt-shadow, 0 -2px 10px rgba(0,0,0,.12));
    padding-bottom: env(safe-area-inset-bottom);
  }
  .mtabs button {
    all: unset; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    font: var(--mt-font, 700 10px 'Tektur', sans-serif); color: var(--mt-fg, #7d5a70); text-align: center;
  }
  .mtabs button img { width: 22px; height: 22px; image-rendering: pixelated; opacity: .75; }
  .mtabs button.on { color: var(--mt-on, #3b2333); background: var(--mt-on-bg, rgba(255,255,255,.45)); }
  .mtabs button.on img { opacity: 1; transform: scale(1.1); }
}