/* Start:/local/templates/hope/components/bitrix/news/articles/style.min.css?1754486405470*/
.news--back{display:inline-flex;max-width:200px}.blog--detail-date{border:1px solid #ececec;border-radius:5px;border-color:#ececec;background:#f6f6f6;display:inline-block;padding:5px 11px 6px;color:#999;font-size:14px}.blog--read-time,.blog--views{display:flex;align-items:center;justify-content:center}.blog--views{gap:5px}.blog--views svg{width:20px;height:20px;fill:var(--white_text_black);border:0}.news--head{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}
/* End */


/* Start:/local/templates/hope/components/bitrix/system.pagenavigation/catalog/style.min.css?17544864051292*/
.pagination--box{display:flex;flex-direction:column;gap:16px;--r-size:52px}.load--more-box{text-align:center}.load-more{padding:16px;width:100%;font-weight:500;font-size:16px;color:var(--a);border:1px solid var(--border);border-radius:12px;transition:.4s;cursor:pointer}.load-more:hover{border:1px solid var(--main)}.page--first svg,.page--prev svg{transform:rotate(180deg)}.page--current{color:var(--main)}.page--item,.page--nav{display:flex;align-items:center;justify-content:center}.page--item{user-select:none;width:var(--r-size);height:var(--r-size);border-radius:10px;border:1px solid var(--border);transition:.4s;box-shadow:0 4px 8px 0#0000000f}.page--item:hover{border-color:var(--main)}.page--nav{gap:4px}.page--first,.page--last,.page--next,.page--prev{border-radius:50%;box-shadow:0 4px 8px 0#0000000f;width:var(--r-size);height:var(--r-size);display:flex;align-items:center;justify-content:center;transition:.4s}.page--first:hover,.page--item:hover,.page--last:hover,.page--next:hover,.page--prev:hover{box-shadow:0 7px 10px 0#0000001c}@media all and (max-width:768px){.page--nav .page--item:nth-child(5),.page--nav .page--item:nth-child(6){display:none}}@media all and (max-width:500px){.page--nav .page--first,.page--nav .page--last{display:none}.pagination--box{--r-size:44px}}
/* End */


/* Start:/local/templates/hope/components/bitrix/news/articles/bitrix/news.list/.default/style.css?17601013375880*/
/* ===== Карточки статей — минимализм Rational ===== */

/* Сетка */
.news--list{
  display:flex;flex-wrap:wrap;
  --gap:24px; --columns:4; row-gap:28px; gap:var(--gap);
}

/* Карточка */
.news--item{
  width:calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px 18px 16px;
  background:#fff;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.news--item:hover{
  transform:translateY(-3px);
  border-color:var(--main);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

/* Заголовок */
.news--title{
  display:block;
  font-size:18px; line-height:1.35;
  font-weight:700;
  color:#1c1c1c;               /* читаемее, чем var(--text) на белом */
  text-decoration:none;
  margin:0 0 8px;
}
.news--item:hover .news--title{ color:var(--main); }

/* Дата */
.news--date{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:0;
  font-size:13px; line-height:1; color:#8b8b8b;
}
.news--date::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--main); opacity:.7;
}

/* Краткий текст */
.news--text{
  margin-top:12px;
  font-size:14px; line-height:20px;
  color:var(--text);
}

/* Пагинация */
.pagination--box{display:flex;flex-direction:column;gap:16px;--r-size:52px}
.load--more-box{text-align:center}
.load-more{
  padding:14px;width:100%;
  font-weight:600;font-size:16px;
  color:var(--a);
  border:1px solid var(--border); border-radius:12px;
  transition:.18s ease; cursor:pointer;
}
.load-more:hover{border-color:var(--main); box-shadow:0 6px 14px rgba(0,0,0,.08)}

.page--nav{display:flex;gap:6px;align-items:center;justify-content:center}
.page--item{
  width:var(--r-size);height:var(--r-size);
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;border:1px solid var(--border);
  box-shadow:0 4px 8px rgba(0,0,0,.06);
  transition:.18s ease;background:#fff;color:var(--text)
}
.page--item:hover{border-color:var(--main); box-shadow:0 8px 16px rgba(0,0,0,.1)}
.page--current{color:#fff;background:var(--main);border-color:var(--main)}
.page--next,.page--last,.page--prev,.page--first{
  border-radius:50%; width:var(--r-size);height:var(--r-size);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 8px rgba(0,0,0,.06); transition:.18s ease; background:#fff
}
.page--next:hover,.page--last:hover,.page--prev:hover,.page--first:hover{
  box-shadow:0 8px 16px rgba(0,0,0,.1)
}
.page--prev svg,.page--first svg{transform:rotate(180deg)}

/* Адаптивы */
@media (max-width:1280px){ .news--list{ --gap:18px; --columns:3; row-gap:22px; } }
@media (max-width:1024px){ .news--list{ --gap:14px; --columns:2; row-gap:18px; } }
@media (max-width:440px){
  .news--list{ --gap:10px; --columns:1; row-gap:12px; }
  .pagination--box{ --r-size:44px; }
  .page--nav .page--last,.page--nav .page--first{ display:none; }
}
/* ===== Апгрейд оформления карточек статей ===== */

/* тонкая фирменная полоса сверху + аккуратная рамка */
.news--item{
  position:relative;
  border-radius:16px;
  padding:20px 18px 18px;
  border:1px solid #ebedf1;
  box-shadow:0 2px 8px rgba(0,10,20,.05);
  background:#fff;
}
.news--item::before{
  content:"";
  position:absolute; left:-1px; top:-1px; right:-1px; height:3px;
  border-top-left-radius:16px; border-top-right-radius:16px;
  background:var(--main);      /* Rational красный */
  opacity:.9;
}

/* эффект наведения — лёгкое подсвечивание и микролифт */
.news--item:hover{
  transform:translateY(-4px);
  border-color:rgba(216,0,25,.45);               /* в тон бренда */
  box-shadow:0 14px 28px rgba(0,0,0,.08);
}

/* заголовок: жирнее, с «умной» длиной и анимируемым подчёркиванием */
.news--title{
  font-size:18px; line-height:1.35; font-weight:800;
  margin:2px 0 10px;
  display:block;
  /* ограничиваем до 2 строк без правки HTML */
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  background:
    linear-gradient(currentColor,currentColor) 0% 100% / 0 2px no-repeat;
  transition:color .18s ease, background-size .25s ease;
}
.news--item:hover .news--title{
  color:var(--main);
  background-size: 100% 2px; /* подчёркивание проявляется */
}

/* превью-текст — аккуратно 3 строки */
.news--text{
  margin-top:10px; color:#4b4f58;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}

/* дата — компактная плашка-бейдж */
.news--date{
  font-size:12px; color:#7d8793; gap:8px;
  background:#f6f7f9; border-radius:999px; padding:6px 10px;
  display:inline-flex; align-items:center;
}
.news--date::before{
  width:6px; height:6px; border-radius:50%; opacity:.9;
  background:var(--main); content:"";
}

/* сетка — больше «воздуха» на больших и плотнее на средних */
@media (min-width: 1360px){ .news--list{ --gap:28px; } }
@media (max-width:1280px){ .news--list{ --gap:18px; } }
@media (max-width:1024px){ .news--list{ --gap:14px; } }

/* пагинация — активная кнопка более контрастная */
.page--current{
  background:var(--main); border-color:var(--main);
  color:#fff; box-shadow:0 8px 18px rgba(216,0,25,.25);
}

/* лёгкая подсветка карточки при фокусе ссылкой (доступность) */
.news--item:focus-within{
  outline:2px solid rgba(216,0,25,.35); outline-offset:2px;
}
/* End */
/* /local/templates/hope/components/bitrix/news/articles/style.min.css?1754486405470 */
/* /local/templates/hope/components/bitrix/system.pagenavigation/catalog/style.min.css?17544864051292 */
/* /local/templates/hope/components/bitrix/news/articles/bitrix/news.list/.default/style.css?17601013375880 */