/**
 * Главная: категории на мобиле — плитка 2 колонки вместо горизонтальной карусели.
 * Скоуп только .page-homepage .categories, подкатегории на страницах категорий не трогаем.
 */
@media (max-width: 1198px) {
  .page-homepage .categories .products-categories {
    margin: 0 0 3rem;
  }

  .page-homepage .categories .products-categories__grid {
    overflow: visible;
    flex-wrap: wrap;
    margin: 0 -0.4rem -0.8rem;
    padding: 0;
  }

  .page-homepage .categories .products-categories__grid:after {
    content: none;
    display: none;
  }

  .page-homepage .categories .products-categories__grid > li {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 0.4rem 0.8rem;
  }

  .page-homepage .categories .products-categories__item {
    padding: 1.2rem 0.8rem;
  }

  .page-homepage .categories .products-categories__item-image {
    height: 9rem;
    margin: 0 0 0.6rem;
  }

  .page-homepage .categories .products-categories__item-title {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}

@media (max-width: 374px) {
  .page-homepage .categories .products-categories__item-image {
    height: 7.5rem;
  }

  .page-homepage .categories .products-categories__item-title {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}