/* Home dashboard responsive layout overrides. */

@media (max-width: 1180px) {
  .menu-home-hero {
    grid-template-columns: 1fr;
    background-position: left center, right center;
    background-size: 100% 100%, cover;
  }

  .menu-home-hero-copy {
    max-width: min(680px, 76%);
  }

  .menu-home-feature-grid,
  .menu-home-shortcut-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .menu-home-auth-panel {
    max-width: 420px;
  }
}

@media (max-width: 720px) {
  .menu-home-wrap {
    padding-left: 14px;
    padding-right: 14px;
  }

  .menu-home-hero {
    padding: 24px;
    background-image:
      linear-gradient(
        90deg,
        var(--vk-analysis-inset-surface-bg) 0%,
        color-mix(in srgb, var(--vk-analysis-inset-surface-bg) 96%, transparent) 100%
      ),
      url("../img/main_menu_top_card.png");
  }

  .menu-home-hero-copy {
    max-width: 100%;
  }

  .menu-home-feature-grid,
  .menu-home-shortcut-grid,
  .menu-home-guest {
    grid-template-columns: 1fr;
  }
}