/* Адаптивная сетка для ленты постов в Тильде */
/* Автор: cascad.cc */
/* Класс: .uc-blog-custom */

/* ===== БАЗОВАЯ СЕТКА ===== */
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container::before,
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container:before,
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container::after,
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container:after {
  display: none !important;
}

.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container {
  box-sizing: border-box;
  display: grid !important;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: initial;
  margin-bottom: initial;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container > * {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
}

.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container .t-clear,
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container .t-store__grid-separator {
  display: none !important;
}

.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container .t-store__card-list,
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container.t-store__card-list {
  display: contents !important;
}

/* ===== ЦВЕТОВАЯ СХЕМА (повторяется каждые 3 блока) ===== */
.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container > .t-feed__post:nth-child(3n+1) {
  background-color: #DFF2E7 !important;
}

.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container > .t-feed__post:nth-child(3n+2) {
  background-color: #ffffff !important;
}

.uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container > .t-feed__post:nth-child(3n) {
  background-color: #DDE6E1 !important;
}

/* ===== АДАПТИВНЫЙ ДИЗАЙН ===== */

/* Планшеты (768px и ниже) */
@media (max-width: 768px) {
  .uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Мобильные устройства (480px и ниже) */
@media (max-width: 480px) {
  .uc-blog-custom .t915 > .js-feed > .js-feed-container.t-feed__container {
    max-width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Тег над заголовком поста */
.t-feed__post-tag {
  color: #fff !important;
}

