/* Grid */
.ga-nm{ --gap:24px; }
.ga-nm-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin:0 0 20px; }
@media (max-width:1024px){ .ga-nm-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .ga-nm-grid{ grid-template-columns:1fr;} }

/* Card layout: flex column so text never gets clipped */
.ga-nm-card{
  background:#fff;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  overflow:visible; /* важно: не скрываем текст */
}

/* Uniform thumbnail 16:9 */
.ga-nm .ga-nm-thumb{ position:relative; overflow:hidden; aspect-ratio:16/9; flex:0 0 auto; }
.ga-nm .ga-nm-thumb img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

.ga-nm-meta{ display:flex; gap:8px; font-size:12px; color:#777; padding:12px 14px 0; }
.ga-nm-title{ font-size:20px; line-height:1.3; font-weight:700; padding:6px 14px; margin:0; }
.ga-nm-title a{ text-decoration:none; color:#111; }
.ga-nm-excerpt{ font-size:14px; color:#444; padding:0 14px 16px; }

/* Pagination */
.ga-nm-pagination{ display:flex; gap:8px; align-items:center; justify-content:center; margin:20px auto 0; padding-top:16px; border-top:1px solid #e5e5e5; }
.ga-nm-page,.ga-nm-prev,.ga-nm-next{ display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 10px; border-radius:8px; border:1px solid #e1e1e1; background:#fff; color:#111; text-decoration:none; font-weight:500; transition:transform .15s, box-shadow .15s, background .15s, color .15s; cursor:pointer; }
.ga-nm-page:hover,.ga-nm-prev:hover,.ga-nm-next:hover{ transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,.08); }
.ga-nm-page.is-active{ background:#111; color:#fff; border-color:#111; cursor:default; }
.ga-nm-prev.is-disabled,.ga-nm-next.is-disabled{ opacity:.45; pointer-events:none; cursor:default; }
.ga-nm.is-loading .ga-nm-items{ opacity:.6; transition:opacity .2s ease; }

/* Fallback: если нет aspect-ratio */
@supports not (aspect-ratio: 1) {
  .ga-nm .ga-nm-thumb{ height:230px; }
}