/**
 * Авторасстановка РСЯ в ленте: не ломать CSS Grid.
 * JS помечает узлы [data-feed-ad] и ставит их между циклами из 6 карточек.
 * На десктопе — на всю ширину ряда (не ячейка 1/4).
 */

.feed-grid > [data-feed-ad],
.feed-grid > .feed-ad {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  height: 140px;
  max-height: 160px;
  min-height: 120px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--surface-alt, #f3f4f6);
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  box-sizing: border-box;
}

.feed-grid > [data-feed-ad] > *,
.feed-grid > .feed-ad > * {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  margin: 0 auto !important;
}

.feed-grid > [data-feed-ad] iframe,
.feed-grid > .feed-ad iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  border: 0 !important;
  display: block;
}

@media (max-width: 1024px) {
  .feed-grid > [data-feed-ad],
  .feed-grid > .feed-ad {
    height: 120px;
    max-height: 140px;
  }
}

@media (max-width: 640px) {
  .feed-grid > [data-feed-ad],
  .feed-grid > .feed-ad {
    height: 100px;
    max-height: 120px;
  }
}