/* Start:/local/templates/privilegia/components/bitrix/system.pagenavigation/load_more/style.css?17628616781111*/
@charset "UTF-8";
/* Контейнер */
.load_more {
  margin: 50px 0 0;
  text-align: center;
  cursor: pointer; /* для клика по всему блоку */
}
@media (min-width: 1024px) {
  .load_more {
    margin-top: 56px;
  }
}

/* Кнопка */
.load__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 10px 22px;
  border: 0;
  border-radius: 10px;
  background: var(--color_accent_soft, #C8AE93);
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity 0.15s ease;
  cursor: pointer;
}
.load__btn:hover {
  opacity: 0.85;
  color: #fff;
}
.load__btn:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.15);
  outline-offset: 2px;
}
@media (min-width: 1024px) {
  .load__btn {
    width: 560px;
    min-height: 80px;
    font-size: 28px;
    border-radius: 5px;
  }
}

/* (опц.) состояние загрузки — если решите добавлять класс .is-loading в JS */
.load_more.is-loading .load__btn {
  pointer-events: none;
  opacity: 0.6;
}

/* End */


/* Start:/local/templates/privilegia/components/bitrix/news/news/bitrix/news.list/.default/style.css?17629310348984*/
@charset "UTF-8";
/* ===== NEWS (mobile-first) ===== */
.title__container .title__text {
  margin-top: 53px !important;
}

.section.news-list {
  margin-top: 0;
  padding-bottom: 48px;
}
@media (min-width: 1024px) {
  .section.news-list {
    padding-bottom: 0;
  }
}

.news__inner {
  max-width: var(--container_max);
  margin-inline: auto;
  padding-inline: 6px;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .news__inner {
    padding-inline: 0;
    padding-top: 36px;
    --col: calc(100% / 12);
    --gap: 24px;
  }
}

/* ---------- header: title + year ---------- */
.news__top {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 18px;
}
@media (min-width: 1024px) {
  .news__top {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--gap);
  }
}

.news__title {
  margin: 0;
  text-transform: uppercase;
  color: var(--color_heading);
  line-height: 1.1;
  font-size: 28px;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .news__title {
    font-size: 48px;
    grid-column: 2/span 8; /* отступ в 1 грид */
  }
}

/* === NEW: выпадающий выбор года — та же логика/внешний вид, что и у селекта комплекса === */
.news__year-select {
  position: relative;
}

.news__year-select .complex-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  cursor: pointer;
  color: var(--color_text);
}

/* триггер (текст года) */
.news__year-select .complex-select > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color_text_muted);
  font-size: var(--font_size_base, 16px);
  line-height: 1.3;
  padding-bottom: 2px;
}

/* стрелка справа у триггера */
.news__year-select .complex-select::after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-left: 6px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 12.75L17 21.25L25.5 12.75' stroke='%23C8AE93' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.news__year-select .complex-select.active::after {
  transform: rotate(-180deg);
}

/* список — скрыт по умолчанию; показываем при .active */
.news__year-select .complex-select__list {
  display: none;
  position: absolute;
  right: 0; /* прилипает к правому краю триггера */
  top: calc(100% + 8px);
  background: var(--color_background_list, #EEEEEE);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  margin: 0;
  padding: 6px 0;
  list-style: none;
  z-index: 10;
  width: 150px;
  color: var(--color_text, #2F2B28);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
}

.news__year-select .complex-select.active .complex-select__list {
  display: block;
}

/* треугольник у дропдауна */
.news__year-select .complex-select__list::before {
  content: "";
  position: absolute;
  top: -12px;
  right: 14px; /* указываем на стрелку/триггер */
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 12px solid var(--color_background_list, #EEEEEE);
}

/* элементы списка — используем существующие классы из header’а, но локально под .news__year-select */
.news__year-select .header__complex-item {
  margin: 0;
}

.news__year-select .header__complex-item + .header__complex-item {
  margin-top: 2px;
}

.news__year-select .header__complex-link {
  display: block;
  padding: 10px 16px;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.news__year-select .header__complex-link:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--color_accent_soft, #C8AE93);
  text-decoration: none;
}

/* размещение селекта в шапке блока */
@media (min-width: 1024px) {
  .news__year-select {
    grid-column: 11/span 2;
    justify-self: end;
    margin-bottom: 18px;
  }
}
/* ---------- list/grid ---------- */
.news-cards {
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .news-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap);
    margin-top: 0;
    align-items: stretch;
    grid-auto-rows: 1fr;
  }
}

.news-card {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .news-card {
    margin: 0;
    display: flex;
  }
}

/* карточка как грид */
.news-card__link {
  display: grid;
  grid-template-columns: 1fr auto; /* контент | стрелка */
  grid-template-rows: auto auto; /* title, date (моб.) */
  /* Мобайл: стрелка ТОЛЬКО в строке даты */
  grid-template-areas: "title  ." "date   arrow";
  gap: 8px 8px;
  align-items: center;
  padding: 25px 22px 12px;
  border-radius: 0;
  background: var(--color_surface);
  text-decoration: none;
  /* плавное «подпрыгивание» карточки */
  transition: transform 0.2s ease;
  will-change: transform;
}
@media (min-width: 1024px) {
  .news-card__link {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr auto; /* <-- ключ */
    grid-template-areas: "title   title" "excerpt excerpt" "date    arrow";
    /* min-height: 100%;*/
    flex: 1 1 auto;
    row-gap: 21px;
    padding: 40px 48px 30px;
    align-items: start;
  }
}
.news-card__link:hover {
  text-decoration: none;
}
.news-card__link:focus-visible {
  outline: 2px solid var(--color_accent_soft);
  outline-offset: 2px;
}

/* ховер: поднимаем карточку на 5px (и по li, и по ссылке) */
@media (hover: hover) {
  .news-card:hover .news-card__link,
  .news-card__link:hover {
    transform: translateY(-5px);
  }
}
/* title (+ бейдж) */
.news-card__title {
  grid-area: title;
  margin: 0;
  color: var(--color_text);
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  /* ключевое: иконка и текст на одной базовой линии */
  display: inline-flex;
  align-items: center;
  gap: 8px; /* вместо margin-left у бейджа */
}
@media (min-width: 1024px) {
  .news-card__title {
    font-size: 20px;
  }
}

.news-card__link:has(.news-card__badge) .news-card__title {
  grid-column: 1/2;
}

.news-card__badge {
  grid-column: 2/3;
  grid-row: 1;
  display: inline-grid;
  place-items: center;
  line-height: 0; /* чтобы не «подпрыгивал» по базовой линии */
  color: var(--color_accent_soft);
  justify-items: end;
  justify-self: end;
  align-self: self-start;
  padding: 2px 0;
}
@media (min-width: 1024px) {
  .news-card__badge {
    padding: 5px 0;
  }
}

.news-card__badge svg {
  display: block; /* убираем лишний нижний зазор inline-svg */
  width: 25px;
  height: 25px;
}
@media (min-width: 1024px) {
  .news-card__badge svg {
    width: 40px;
    height: 40px;
  }
}

/* краткое описание — прячем на мобилке */
.news-card__excerpt {
  grid-area: excerpt;
  margin: 6px 0 0 0;
  color: var(--color_text_muted);
  font-size: 16px;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .news-card__excerpt {
    margin: 0;
    font-size: 18px;
    align-self: stretch; /* тянется, синхронизируя высоту */
    min-height: 0;
  }
}

@media (max-width: 1023.98px) {
  .hidden-mobile {
    display: none !important;
  }
}

/* дата и стрелка — разные края одной строки */
.news-card__date {
  grid-area: date;
  color: var(--color_accent_soft);
  font-size: 16px;
  justify-self: flex-start;
  align-self: start;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .news-card__date {
    margin: 0;
    font-size: 18px;
    align-self: end; /* прижимаем вниз */
  }
}

/* стрелка */
.news-card__arrow {
  grid-area: arrow;
  color: var(--color_accent_soft);
  width: 47px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  justify-self: end; /* всегда справа */
}
@media (min-width: 1024px) {
  .news-card__arrow {
    width: 58px;
    height: 36px;
    align-self: end; /* прижимаем вниз */
  }
}
.news-card__arrow svg {
  width: 100%;
  height: auto;
  transition: none; /* убираем предыдущие анимации ховера стрелки */
}

/* УДАЛЁН старый эффект ховера стрелки:
@media (hover: hover) and (min-width: 1024px) {
  .news-card__link:hover .news-card__arrow svg { transform: translateX(6px); }
}
*/

/* End */
/* /local/templates/privilegia/components/bitrix/system.pagenavigation/load_more/style.css?17628616781111 */
/* /local/templates/privilegia/components/bitrix/news/news/bitrix/news.list/.default/style.css?17629310348984 */