/* Shared menu catalog layout and scrolling gutters. */

  .games-wrap.menu-catalog-layout,
  .people-catalog-wrap.menu-catalog-layout,
  .selection-catalog-wrap.menu-catalog-layout,
  .favorite-bookmarks-wrap.menu-catalog-layout,
  .menu-related-reviews-strip.menu-catalog-layout {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: var(--menu-catalog-pad-top) var(--menu-catalog-pad-x) 0;
    box-sizing: border-box;
  }

  .games-grid-scroll.menu-catalog-scroll,
  .people-catalog-scroll.menu-catalog-scroll,
  .selection-catalog-scroll.menu-catalog-scroll,
  .favorite-bookmarks-scroll.menu-catalog-scroll,
  .menu-related-reviews-scroll.menu-catalog-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding:
      var(--vk-paper-list-gutter-top)
      var(--vk-paper-list-gutter-right)
      max(var(--menu-catalog-pad-bottom), var(--vk-paper-list-gutter-bottom))
      var(--vk-paper-list-gutter-left);
    scroll-padding: var(--vk-paper-list-gutter);
    box-sizing: border-box;
  }

  .games-grid.menu-catalog-grid,
  .people-catalog-grid.menu-catalog-grid,
  .selection-catalog-grid.menu-catalog-grid,
  .favorite-bookmarks-grid.menu-catalog-grid,
  .menu-related-reviews-row.menu-catalog-grid {
    --menu-catalog-card-min: var(--vk-catalog-card-min-width);
    --menu-catalog-single-row-card-width: var(--vk-catalog-single-row-card-width);
    --menu-catalog-columns: 1;
    --menu-catalog-visible-count: 1;
    align-content: flex-start;
    align-items: flex-start;
    gap: 14px;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
  }

  .games-grid.menu-catalog-grid {
    --vk-catalog-card-min-width: var(--vk-card-variation-min-width);
    --vk-catalog-card-max-width: var(--vk-card-variation-max-width);
  }

  .games-grid.menu-catalog-grid--tsumego {
    --vk-catalog-card-min-width: var(--vk-card-tsumego-min-width);
    --vk-catalog-card-max-width: var(--vk-card-tsumego-max-width);
  }

  .selection-catalog-grid.menu-catalog-grid {
    --vk-catalog-card-min-width: var(--vk-card-selection-min-width);
    --vk-catalog-card-max-width: var(--vk-card-selection-max-width);
  }

  .favorite-bookmarks-grid.menu-catalog-grid {
    --vk-catalog-card-min-width: var(--vk-card-bookmark-min-width);
    --vk-catalog-card-max-width: var(--vk-card-bookmark-max-width);
  }

  .menu-related-reviews-row.menu-catalog-grid {
    --vk-catalog-card-min-width: var(--vk-card-review-min-width);
    --vk-catalog-card-max-width: var(--vk-card-review-max-width);
    --menu-related-review-card-max: 320px;
  }

  .menu-catalog-grid--flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--menu-catalog-card-min)), 1fr));
  }

  .menu-catalog-grid--fixed {
    display: grid;
  }

  .menu-catalog-grid--flex.is-single-row > * {
    width: 100%;
  }

  .menu-catalog-grid--flex.is-single-row {
    grid-template-columns: repeat(
      var(--menu-catalog-visible-count),
      minmax(var(--menu-catalog-card-min), var(--menu-catalog-single-row-card-width))
    );
  }
