@layer components {
  /* Закреплённая внизу панель «Записаться + позвонить» (.mbar), только ≤ 820px.
     Скрыта на /zapis/ и пока открыто выдвижное меню. Без viewport-fit=cover env() = 0. */
  .mobile-bar { display: none; }

  @media (max-width: 820px) {
    .mobile-bar {
      position: sticky;
      bottom: 0;
      z-index: 15;
      display: flex;
      gap: 10px;
      /* Снизу — над плавающей строкой адреса Safari 26; по бокам — вырез экрана в альбомной ориентации */
      padding: 10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
      background: var(--surface);
      border-top: 1px solid var(--line);
      box-shadow: 0 -6px 20px rgb(15 40 48 / 0.08);
    }
    .mobile-bar .btn--primary { flex: 1; }
  }
}