html {
  min-height: 100%;
  min-height: 100dvh;
}

body {
  min-height: 100%;
  min-height: 100dvh;
}

.page-main {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
}

.hero-map__frame,
.hero-map__canvas-wrap,
.hero-map__panel {
  min-height: 58dvh;
}

@supports not (height: 100dvh) {
  .hero-map__frame,
  .hero-map__canvas-wrap,
  .hero-map__panel {
    min-height: 58vh;
  }
}

@media (max-width: 1120px) {
  .hero-map__frame {
    min-height: auto;
  }

  .hero-map__panel {
    min-height: 180px;
  }
}

@media (max-width: 760px) {
  .hero-map__frame {
    min-height: auto;
  }

  .hero-map__canvas-wrap {
    min-height: 44dvh;
  }

  .hero-map__panel {
    min-height: 140px;
  }

  @supports not (height: 100dvh) {
    .hero-map__canvas-wrap {
      min-height: 44vh;
    }
  }
}