/* Канальный веб-апп: одна страница metod-cases-sub, без зависимости от полного mini_app */

html,
html[data-bot-entry-route] .page,
html.bot-entry-route-ready .page {
  visibility: visible !important;
}

html,
body {
  background: #f7f7f7 !important;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.metod-page-app .page {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
  min-height: 100dvh;
  margin: 0 auto;
  background: #f7f7f7;
}

.metod-page-app .page.view-packages.view-packages--metod.view-metod-cases-sub-open {
  overflow-x: hidden;
  overflow-y: auto;
  background: #f7f7f7 !important;
  min-height: 100dvh !important;
}

.metod-page-app .metod-cases-sub-surface {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  min-height: calc(100dvh - 56px) !important;
  height: auto !important;
  background: #f7f7f7 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

.metod-page-app .packages-metod-back,
.metod-page-app .shapka,
.metod-page-app .packages-metod-hero,
.metod-page-app .burger,
.metod-page-app .logo-main {
  display: none !important;
}

.metod-page-app .header-wrap {
  position: relative;
  z-index: 55;
  width: 100%;
  min-height: 56px;
  margin: 0;
}

.metod-page-app .logo--detail {
  display: block !important;
  position: absolute;
  left: 16px;
  top: 20px;
  z-index: 60;
  width: auto;
  max-width: 120px;
  height: auto;
}

/* Только тарифы кликабельны */
.metod-page-app .metod-cases-sub-surface * {
  pointer-events: none;
  cursor: default;
}

.metod-page-app .metod-cases-sub-tariffs,
.metod-page-app .metod-cases-sub-tariffs *,
.metod-page-app .metod-cases-sub-tariff-card__cta {
  pointer-events: auto;
  cursor: pointer;
}