/**
 * Авторасстановка РСЯ в ленте (desktop): полная ширина ряда,
 * чтобы не ломать span-2 у news-card. JS ставит [data-feed-ad].
 */

.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, #1e1530);
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  pointer-events: auto;
}

/* Десктоп: креативы ~280×275 — выше полоса, чтобы не обрезать */
@media (min-width: 1025px) {
  .feed-grid > [data-feed-ad],
  .feed-grid > .feed-ad {
    height: 280px;
    max-height: 300px;
    min-height: 240px;
  }
}

.feed-grid > [data-feed-ad] > *,
.feed-grid > .feed-ad > * {
  width: auto !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;
  }
}