/* ==========================================================================
   CRDGAME — RELATED GRID LIMITS
   Path: /file/material-vulkk/related-vulkk-source.css
   Version: 20260923_5

   Только геометрия:
   - desktop lower related = 2 columns x 6 rows;
   - mobile = 1 column;
   - стили самих карточек остаются из vulkk-material.css.
   ========================================================================== */

.crd-vk-lower .pa-related-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}

@media (max-width: 781px) {
  .crd-vk-lower .pa-related-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* ==========================================================================
   V3 — RELATED MEDIA GUARD

   Старый vulkk-material.js умеет нормализовать изображения материалов.
   Если браузер держит старый DOM/кэш или сторонний observer успел завернуть
   related-image в .news-image-wrap > a.ulightbox, внешний вид карточки
   всё равно должен остаться чистым:
   - без подписи под изображением;
   - без коричневой "коробки";
   - клик ведёт в материал, а не открывает картинку.
   ========================================================================== */

.crd-topic-rail .e26-topic-card .news-image-caption,
#crdRelatedAuto .e26-related-card__media .news-image-caption {
  display: none !important;
}

.crd-topic-rail .e26-topic-card .news-image-wrap,
.crd-topic-rail .e26-topic-card .news-image-wrap.center,
#crdRelatedAuto .e26-related-card__media .news-image-wrap,
#crdRelatedAuto .e26-related-card__media .news-image-wrap.center {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

.crd-topic-rail .e26-topic-card .news-image-wrap > a.ulightbox,
#crdRelatedAuto .e26-related-card__media .news-image-wrap > a.ulightbox {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
  cursor: inherit !important;
}

.crd-topic-rail .e26-topic-card .news-image-wrap img.e26-topic-card__image,
#crdRelatedAuto .e26-related-card__media .news-image-wrap img.e26-related-card__image {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Rail: картинка должна оставаться отдельным чистым media-блоком. */
.crd-topic-rail .e26-topic-card .news-image-wrap img.e26-topic-card__image {
  height: auto !important;
  aspect-ratio: 768 / 326 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Lower cards: сохраняем исходный размер/кроп самого VULKK-card CSS. */
#crdRelatedAuto .e26-related-card__media .news-image-wrap,
#crdRelatedAuto .e26-related-card__media .news-image-wrap > a.ulightbox {
  height: 100% !important;
}

#crdRelatedAuto .e26-related-card__media .news-image-wrap img.e26-related-card__image {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
/* ==========================================================================
   V5 — ТОЛЬКО НИЖНИЙ RELATED: STRICT 16:9

   Правый rail намеренно НЕ меняется и остаётся ровно как в V3.
   ========================================================================== */

.crd-vk-lower #crdRelatedAutoGrid .e26-related-card__media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #090909 !important;
}

.crd-vk-lower #crdRelatedAutoGrid .e26-related-card__media > img.e26-related-card__image,
.crd-vk-lower #crdRelatedAutoGrid .e26-related-card__media .news-image-wrap,
.crd-vk-lower #crdRelatedAutoGrid .e26-related-card__media .news-image-wrap > a.ulightbox {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.crd-vk-lower #crdRelatedAutoGrid .e26-related-card__media img.e26-related-card__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}