/* GA News4 v1.4 — сетка + единое превью по соотношению сторон */
.ga-news4{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:36px 48px;
  margin:24px 0;
}
.ga-news4-item{display:block}

/* Карточка превью */
.ga-news4-thumb{
  display:block;
  position:relative;
  border-radius:10px;
  overflow:hidden;
  background:#eee;
  /* базовое соотношение сторон (десктоп) */
  aspect-ratio: 16 / 9;
}
.ga-news4-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* meta */
.ga-news4-meta{margin:10px 0 8px;font-size:13px;color:#666}
.ga-news4-title{margin:0 0 10px;font-weight:800;font-size:18px;line-height:1.35}
.ga-news4-title a{color:#111;text-decoration:none}
.ga-news4-title a:hover{color:#1b2eb0}
.ga-news4-excerpt{font-size:14px;color:#444;line-height:1.6}

/* Адаптивные соотношения + сетка */
@media (max-width:1024px){
  /* чуть выше – больше контента в кадре */
  .ga-news4-thumb{aspect-ratio: 3 / 2;}
}
@media (max-width:640px){
  .ga-news4{grid-template-columns:1fr;gap:28px;}
  /* на мобилке ближе к квадрату, чтобы сетка была ровнее */
  .ga-news4-thumb{aspect-ratio: 4 / 3;}
}

/* Фолбэк для браузеров без aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .ga-news4-thumb{position:relative;}
  .ga-news4-thumb::before{
    content:"";
    display:block;
    /* 16:9 = 56.25% (заменится медиазапросами ниже) */
    padding-top:56.25%;
  }
  .ga-news4-thumb img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  }
  @media (max-width:1024px){
    /* 3:2 = 66.666% */
    .ga-news4-thumb::before{padding-top:66.666%;}
  }
  @media (max-width:640px){
    /* 4:3 = 75% */
    .ga-news4-thumb::before{padding-top:75%;}
  }
}