/* ============================================================
   MegaNut — NEWS / Novosti (DESIGN_SPEC §7). База 1920, ±2px.
   Компоненты (mn-phero, mn-ncard--list, mn-pagination, mn-cta) —
   в components.css. Брейкпоинты: 1199 / 767.
   ============================================================ */

/* Hero заезжает под шапку; min-height:0 и укороченный верхний паддинг. */
body[data-page="news"] .mn-phero {
  margin-top: -96px;
}
.mn-phero--news {
  min-height: 0;
}
.mn-phero--news.mn-phero--center .mn-phero__inner {
  padding: 150px var(--mn-pad-hero-side) 0;
}

/* CTA новостей: отступ сверху (DESIGN_SPEC §7.3). */
body[data-page="news"] .mn-cta {
  margin-top: clamp(56px, 7vh, 90px);
}

/* ── 7.2 Сетка новостей ────────────────────────────────────── */
.mn-news {
  /* content-box: max-width 1580 + padding 68×2 = 1716 (макет rect x=102 w=1716). */
  box-sizing: content-box;
  max-width: var(--mn-container);
  margin: 0 auto;
  padding: 56px var(--mn-pad-side-fixed) 0;
}
.mn-news__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.mn-news__pager {
  margin-top: 56px;
}

/* ==========================================================================
   ≤1199px — сетка 2 кол без изменений; hero 50svh.
   ========================================================================== */
@media (max-width: 1199px) {
  @supports (height: 100svh) {
    body[data-page="news"] .mn-phero {
      height: 50svh;
    }
  }
}

/* ==========================================================================
   ≤767px — сетка → 1 кол; узкие боковые отступы.
   ========================================================================== */
@media (max-width: 767px) {
  .mn-news {
    padding-left: var(--mn-pad-side);
    padding-right: var(--mn-pad-side);
  }
  .mn-news__grid {
    grid-template-columns: 1fr;
  }
  .mn-phero--news.mn-phero--center .mn-phero__inner {
    padding-top: 120px;
  }
}