/* Сетка рекомендаций (блок) */
.ms-recommendations-grid-wrapper {
  width: 100%;
}

.ms-recommendations-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}

@media (min-width: 600px) {
  .ms-recommendations-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .ms-recommendations-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

/* Страница рекомендаций: 2 колонки, masonry (колонки разной высоты) */
.page-id-3317 .ms-recommendations-grid--masonry,
.page-slug-recommendations .ms-recommendations-grid--masonry {
  display: block;
  column-count: 2;
  column-gap: 1.5rem;
}

@media (min-width: 768px) {
  .page-id-3317 .ms-recommendations-grid--masonry,
  .page-slug-recommendations .ms-recommendations-grid--masonry {
    column-gap: 2rem;
  }
}

.ms-recommendations-grid--masonry .ms-recommendation-card {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .ms-recommendations-grid--masonry .ms-recommendation-card {
    margin-bottom: 2rem;
  }
}

.ms-recommendations-grid .ms-recommendation-card {
  /* карточка в сетке наследует стили из recommendation-card */
}

.ms-recommendation-card--with-title .ms-recommendation-card-title {
  font-size: 1.1em;
  line-height: 1.3;
}

.ms-recommendations-grid-empty {
  padding: 1rem;
  text-align: center;
  color: #666;
}