/* Start:/bitrix/templates/trade_in_main/components/bitrix/news.list/news_list_custom/style.css?178064590040888*/
/* ============================================================
   News List — V4 Editorial Design (P4)
   Components:
     • Section banner with publication count
     • LIVE market monitor (dark card, 3 KPIs)
     • Editorial authors strip
     • Filter tabs with counts
     • Featured horizontal card + 3-col grid
     • Author byline in every card
     • Video labels (YouTube + duration overlay)
     • Pagination pills
   Prefix: .nws-* (no Bootstrap conflicts)
   ============================================================ */

.news-list-wrapper {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 56px;
  padding-top: 8px;

  --nws-bg:         #ffffff;
  --nws-bg-soft:    #f5f7f6;
  --nws-text:       #131313;
  --nws-muted:      #5a6065;
  --nws-soft:       #7a8087;
  --nws-border:     #e6e8ea;
  --nws-border-strong: #d8dadd;
  --nws-main:       #32B272;
  --nws-main-dark:  #107655;
  --nws-main-soft:  #e6f6ee;
  --nws-link:       #0e8c78;
  --nws-dark:       #131618;
  --nws-dark-soft:  #20272b;
  --nws-up:         #2dbb6a;
  --nws-down:       #e44a4a;
  --nws-r:          12px;
  --nws-r-lg:       18px;
  --nws-r-xl:       22px;
  --nws-r-pill:     999px;
  --nws-shadow-sm:  0 2px 8px rgba(13,30,22,.06);
  --nws-shadow:     0 6px 24px rgba(13,30,22,.08);
  --nws-shadow-lg:  0 12px 36px rgba(13,30,22,.13);
  --nws-ff:         'Inter','Helvetica Neue','Helvetica',Arial,sans-serif;
}

/* ---- SECTION BANNER ---- */
.nws-banner {
  background: var(--nws-main-soft);
  border-radius: var(--nws-r-xl);
  padding: 38px 40px;       /* увеличил padding под крупный шрифт */
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  overflow: hidden;
}
.nws-banner::before {
  content: '';
  position: absolute;
  right: -40px;
  top: -40px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(50,178,114,.18) 0%, transparent 70%);
  pointer-events: none;
}
.nws-banner::after {
  content: '';
  position: absolute;
  right: 60px;
  bottom: -30px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(16,118,85,.10) 0%, transparent 70%);
  pointer-events: none;
}
.nws-banner__text { position: relative; z-index: 1; }
.nws-banner__h1 {
  font-family: var(--nws-ff);
  font-size: clamp(2rem, 3.4vw, 2.75rem);   /* увеличил под запрос: 2-2.75rem */
  font-weight: 800;
  color: var(--nws-text);
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin: 0 0 10px;
}
.nws-banner__sub {
  font-family: var(--nws-ff);
  font-size: 1.0625rem;    /* было 0.875 → 1.0625 (17px) — крупнее */
  color: var(--nws-muted);
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.nws-banner__badge {
  background: var(--nws-main);
  color: #fff;
  font-family: var(--nws-ff);
  font-size: 1rem;            /* было 0.875 → 1rem (16px) */
  font-weight: 700;
  padding: 8px 18px;
  border-radius: var(--nws-r-pill);
  white-space: nowrap;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(50,178,114,.30);
}
@media (max-width: 600px) {
  .nws-banner { padding: 24px 22px; flex-direction: column; align-items: flex-start; gap: 14px; }
  .nws-banner__h1 { font-size: 1.625rem; }
}

/* ---- LIVE MARKET MONITOR ---- */
.nws-monitor {
  background: linear-gradient(135deg, #1a2024 0%, #131618 100%);
  border-radius: var(--nws-r-xl);
  padding: 26px 32px;
  margin-bottom: 18px;
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) repeat(3, 1fr);
  gap: 32px;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.nws-monitor::after {
  content: '';
  position: absolute;
  right: -60px;
  bottom: -60px;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(50,178,114,.16) 0%, transparent 70%);
  pointer-events: none;
}
.nws-monitor__title-block { position: relative; z-index: 1; }
.nws-monitor__live {
  font-family: var(--nws-ff);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--nws-up);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
}
.nws-monitor__live::before {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--nws-up);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(45,187,106,.7);
  animation: nws-live-pulse 1.6s ease-out infinite;
}
@keyframes nws-live-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(45,187,106,.7); }
  70%  { box-shadow: 0 0 0 9px rgba(45,187,106,0); }
  100% { box-shadow: 0 0 0 0 rgba(45,187,106,0); }
}
.nws-monitor__title {
  font-family: var(--nws-ff);
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin: 0 0 6px;
}
.nws-monitor__sub {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  color: rgba(255,255,255,.55);
  margin: 0;
  line-height: 1.4;
}
.nws-monitor__kpi { position: relative; z-index: 1; }
.nws-monitor__kpi-label {
  font-family: var(--nws-ff);
  font-size: 0.6875rem;
  font-weight: 600;
  color: rgba(255,255,255,.55);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.nws-monitor__kpi-value {
  font-family: var(--nws-ff);
  font-size: 1.875rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.nws-monitor__kpi-value small {
  font-size: 0.875rem;
  font-weight: 600;
  color: rgba(255,255,255,.70);
}
.nws-monitor__kpi-delta {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  font-weight: 600;
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.nws-monitor__kpi-delta.is-up   { color: var(--nws-up); }
.nws-monitor__kpi-delta.is-down { color: var(--nws-down); }
@media (max-width: 900px) {
  .nws-monitor { grid-template-columns: 1fr 1fr; padding: 22px 22px; gap: 22px; }
  .nws-monitor__title-block { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
  .nws-monitor { grid-template-columns: 1fr 1fr; }
  .nws-monitor__title { font-size: 1.125rem; }
  .nws-monitor__kpi-value { font-size: 1.5rem; }
}

/* ---- EDITORIAL AUTHORS STRIP ---- */
.nws-authors {
  background: var(--nws-bg);
  border: 1px solid var(--nws-border);
  border-radius: var(--nws-r-xl);
  padding: 16px 22px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
.nws-authors__label {
  font-family: var(--nws-ff);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--nws-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
}
.nws-authors__label i {
  color: var(--nws-main);
  font-size: 1rem;
}
.nws-authors__list {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 1;
  flex-wrap: wrap;
}
.nws-author-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  transition: opacity .15s;
}
.nws-author-chip:hover { opacity: .75; }
.nws-author-chip__ava {
  width: 44px;          /* увеличил с 36 до 44 как в V4 mockup */
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: var(--nws-bg-soft) center/cover no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--nws-ff);
  font-weight: 700;
  font-size: 0.9375rem;
  letter-spacing: 0.02em;
}
.nws-author-chip__ava--initials {
  /* initials mode — bg color set inline */
}
.nws-author-chip__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nws-author-chip__name {
  font-family: var(--nws-ff);
  font-size: 0.9375rem;  /* было 0.875, увеличил под mockup */
  font-weight: 700;
  color: var(--nws-text);
  line-height: 1.2;
}
.nws-author-chip__role {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;  /* было 0.75, увеличил под mockup */
  color: var(--nws-muted);
  line-height: 1.2;
  margin-top: 3px;
}
.nws-authors__more {
  margin-left: auto;
  font-family: var(--nws-ff);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--nws-link);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  transition: gap .18s, color .15s;
}
.nws-authors__more:hover { color: var(--nws-main-dark); gap: 8px; }
@media (max-width: 720px) {
  .nws-authors { padding: 14px 16px; }
  .nws-authors__list { gap: 14px; }
  .nws-authors__more { margin-left: 0; }
}

/* ---- FILTER TABS ---- */
.nws-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.nws-filter-btn {
  background: var(--nws-bg);
  border: 1px solid var(--nws-border);
  border-radius: var(--nws-r-pill);
  padding: 8px 18px;
  font-family: var(--nws-ff);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--nws-muted);
  cursor: pointer;
  transition: all 0.18s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.nws-filter-btn__count {
  background: rgba(0,0,0,.06);
  color: var(--nws-soft);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: var(--nws-r-pill);
  line-height: 1.4;
}
.nws-filter-btn:hover {
  border-color: var(--nws-main);
  color: var(--nws-main-dark);
  background: var(--nws-main-soft);
}
.nws-filter-btn.active {
  background: var(--nws-main);
  border-color: var(--nws-main);
  color: #fff;
}
.nws-filter-btn.active .nws-filter-btn__count {
  background: rgba(255,255,255,.22);
  color: #fff;
}

/* ---- GRID ---- */
.nws-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 36px;
}
@media (max-width: 900px) {
  .nws-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 560px) {
  .nws-grid { grid-template-columns: 1fr; gap: 14px; }
}

/* ---- CARD BASE ---- */
.nws-card {
  background: var(--nws-bg);
  border-radius: var(--nws-r-lg);
  border: 1px solid var(--nws-border);
  box-shadow: var(--nws-shadow-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  height: 100%;
}
.nws-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--nws-shadow-lg);
  border-color: rgba(50, 178, 114, .25);
}

/* IMAGE WRAP — 16/9 */
.nws-card__img-wrap {
  display: block;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--nws-bg-soft);
  flex-shrink: 0;
  text-decoration: none;
}
.nws-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.nws-card:hover .nws-card__img { transform: scale(1.04); }

/* CATEGORY BADGE — top-left of image */
.nws-card__cat {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(50, 178, 114, .92);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  font-family: var(--nws-ff);
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: var(--nws-r-pill);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  pointer-events: none;
  box-shadow: 0 2px 6px rgba(0,0,0,.10);
}

/* YOUTUBE BADGE — top-left, darker for video */
.nws-card__yt {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(20, 22, 24, .85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  font-family: var(--nws-ff);
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 5px 11px 5px 9px;
  border-radius: var(--nws-r-pill);
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.02em;
}
.nws-card__yt::before {
  content: '';
  width: 14px;
  height: 14px;
  background: #ff0000;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}
.nws-card__yt::after {
  content: '';
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid #fff;
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
}

/* VIDEO DURATION — top-right of image */
.nws-card__duration {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(20, 22, 24, .85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  font-family: var(--nws-ff);
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 5px 9px;
  border-radius: 6px;
  pointer-events: none;
  font-variant-numeric: tabular-nums;
}

/* PLAY BUTTON OVERLAY (only for video items) */
.nws-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: rgba(255,255,255,.92);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
  transition: transform .25s, background .2s;
}
.nws-card__play::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 18px solid var(--nws-text);
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  margin-left: 5px;
}
.nws-card:hover .nws-card__play { transform: translate(-50%, -50%) scale(1.08); background: #fff; }

/* CARD BODY */
.nws-card__body {
  padding: 18px 20px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* META ROW */
.nws-card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.nws-card__date {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  color: var(--nws-soft);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}
.nws-card__date .far,
.nws-card__date .fa {
  color: var(--nws-soft);
  font-size: 0.8125rem;
}

/* TAG PILL */
.nws-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--nws-main-soft);
  color: var(--nws-main-dark);
  font-family: var(--nws-ff);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: var(--nws-r-pill);
  text-decoration: none;
  border: none;
  cursor: default;
}

/* TITLE */
.nws-card__title {
  font-family: var(--nws-ff);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--nws-text);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
.nws-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s;
}
.nws-card__title a:hover { color: var(--nws-link); }

/* EXCERPT */
.nws-card__excerpt {
  font-family: var(--nws-ff);
  font-size: 0.875rem;
  color: var(--nws-muted);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 16px;
}

/* AUTHOR BYLINE — divider + avatar + name + role · time + CTA */
.nws-card__byline {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--nws-border);
  display: flex;
  align-items: center;
  gap: 10px;
}
.nws-card__byline-ava {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: var(--nws-bg-soft) center/cover no-repeat;
}
.nws-card__byline-text {
  flex: 1;
  min-width: 0;
}
.nws-card__byline-name {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--nws-text);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nws-card__byline-meta {
  font-family: var(--nws-ff);
  font-size: 0.6875rem;
  color: var(--nws-soft);
  line-height: 1.2;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nws-card__readmore {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--nws-link);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  margin-left: auto;
  transition: color 0.15s, gap 0.2s;
}
.nws-card__readmore::after {
  content: '→';
  display: inline-block;
  transition: transform 0.2s;
}
.nws-card__readmore:hover { color: var(--nws-main-dark); gap: 7px; }
.nws-card:hover .nws-card__readmore::after { transform: translateX(2px); }

/* ---- FEATURED CARD (first item, full-width horizontal) ---- */
.nws-card--featured {
  grid-column: 1 / -1;
  flex-direction: row;
}
.nws-card--featured .nws-card__img-wrap {
  width: 50%;
  aspect-ratio: unset;
  min-height: 320px;
  flex-shrink: 0;
}
.nws-card--featured .nws-card__body { padding: 32px 32px 28px 32px; }
.nws-card--featured .nws-card__title {
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 12px;
}
.nws-card--featured .nws-card__excerpt {
  -webkit-line-clamp: 4;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 22px;
}
.nws-card--featured .nws-card__byline-ava { width: 36px; height: 36px; }
.nws-card--featured .nws-card__byline-name { font-size: 0.875rem; }

@media (max-width: 900px) {
  .nws-card--featured { flex-direction: column; grid-column: 1 / -1; }
  .nws-card--featured .nws-card__img-wrap { width: 100%; aspect-ratio: 16 / 9; min-height: unset; }
  .nws-card--featured .nws-card__body { padding: 22px; }
  .nws-card--featured .nws-card__title { font-size: 1.25rem; }
}

/* ---- PAGINATION (Bitrix NavString override) ---- */
.catalog-pagination {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  padding-bottom: 8px;
}
.catalog-pagination .nav-page-list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.catalog-pagination .nav-page-item a,
.catalog-pagination .nav-page-item span {
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--nws-r-pill);
  border: 1px solid var(--nws-border);
  background: var(--nws-bg);
  color: var(--nws-muted);
  font-family: var(--nws-ff);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.18s;
}
.catalog-pagination .nav-page-item a:hover {
  border-color: var(--nws-main);
  color: var(--nws-main-dark);
  background: var(--nws-main-soft);
}
.catalog-pagination .nav-page-item.active a,
.catalog-pagination .nav-page-item.active span {
  background: var(--nws-main);
  border-color: var(--nws-main);
  color: #fff;
}

/* ============================================================
   STICKY CALCULATOR WIDGET (FAB)
   ============================================================ */
.nws-calc-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.nws-calc-fab__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #32B272 0%, #107655 100%);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 20px 12px 16px;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(50,178,114,.40);
  transition: transform .2s, box-shadow .2s;
  font-family: inherit;
}
.nws-calc-fab__toggle:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(50,178,114,.50);
}
.nws-calc-fab__toggle i {
  font-size: 1.125rem;
}
.nws-calc-fab.is-open .nws-calc-fab__toggle { display: none; }

.nws-calc-fab__panel {
  display: none;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 16px 48px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04);
  width: 320px;
  padding: 18px 18px 14px;
  animation: nws-calc-fab-in .22s ease-out;
}
@keyframes nws-calc-fab-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.nws-calc-fab.is-open .nws-calc-fab__panel { display: block; }

.nws-calc-fab__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.nws-calc-fab__head b {
  font-size: 1rem;
  font-weight: 700;
  color: #131313;
}
.nws-calc-fab__close {
  background: transparent;
  border: none;
  color: #7a8087;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s, color .15s;
}
.nws-calc-fab__close:hover { background: #f5f7f6; color: #131313; }

.nws-calc-fab__rate {
  background: #e6f6ee;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 0.75rem;
  color: #107655;
  margin-bottom: 12px;
  font-weight: 500;
}
.nws-calc-fab__rate b { font-weight: 800; }
.nws-calc-fab__rate small { color: #5a6065; font-weight: 400; }

.nws-calc-fab__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}
.nws-calc-fab__row label {
  display: flex;
  flex-direction: column;
  font-size: 0.6875rem;
  color: #5a6065;
  font-weight: 600;
  gap: 4px;
}
.nws-calc-fab__row:has(> label:only-child) {
  grid-template-columns: 1fr;
}
.nws-calc-fab__row input,
.nws-calc-fab__row select {
  border: 1px solid #e6e8ea;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.875rem;
  font-family: inherit;
  color: #131313;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
}
.nws-calc-fab__row select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path fill="%237a8087" d="M5 6 0 0h10z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 26px;
}
.nws-calc-fab__row input:focus,
.nws-calc-fab__row select:focus {
  outline: none;
  border-color: #32B272;
  box-shadow: 0 0 0 2px rgba(50,178,114,.18);
}

.nws-calc-fab__total {
  background: linear-gradient(135deg, #1a2024 0%, #131618 100%);
  color: #fff;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 0 10px;
  text-align: center;
}
.nws-calc-fab__total-label {
  font-size: 0.6875rem;
  color: rgba(255,255,255,.6);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}
.nws-calc-fab__total-value {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-top: 3px;
}
.nws-calc-fab__cta {
  display: block;
  background: #32B272;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
  transition: background .15s;
}
.nws-calc-fab__cta:hover { background: #107655; }

/* Hide on small mobile */
@media (max-width: 540px) {
  .nws-calc-fab__toggle-text { display: none; }
  .nws-calc-fab__toggle { padding: 14px; border-radius: 50%; }
  .nws-calc-fab__panel {
    width: calc(100vw - 36px);
    max-width: 340px;
    position: fixed;
    bottom: 80px;
    right: 18px;
  }
}

/* LIVE Monitor — accommodate 4 KPIs (yuan rate added) */
@media (min-width: 901px) {
  .nws-monitor:has(.nws-monitor__kpi:nth-child(5)) {
    grid-template-columns: minmax(220px, 1fr) repeat(4, 1fr);
    gap: 24px;
  }
}

/* ============================================================
   TRUST SIGNALS — banner inline plate
   ============================================================ */
.nws-trust {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  padding: 6px 14px;
  background: rgba(255,255,255,.55);
  border-radius: 999px;
  font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 0.8125rem;
  color: #5a6065;
  border: 1px solid rgba(50,178,114,.18);
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}
.nws-trust__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.nws-trust__item b {
  color: #131313;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.nws-trust__item i {
  color: #32B272;
  font-size: 0.75rem;
}
.nws-trust__sep {
  color: #c0c4c8;
  margin: 0 2px;
}
.nws-trust__dot {
  width: 8px;
  height: 8px;
  background: #2dbb6a;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(45,187,106,.7);
  animation: nws-live-pulse 2.2s ease-out infinite;
}

/* ============================================================
   SUBSCRIBE BAR — bottom of /news/
   ============================================================ */
.nws-subscribe {
  background: linear-gradient(135deg, #e6f6ee 0%, #f5f7f6 100%);
  border: 1px solid rgba(50,178,114,.22);
  border-radius: 22px;
  padding: 28px 32px;
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
  font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.nws-subscribe__text {}
.nws-subscribe__h3 {
  font-size: 1.375rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  margin: 0 0 6px;
  color: #131313;
}
.nws-subscribe__sub {
  font-size: 0.875rem;
  color: #5a6065;
  margin: 0;
  line-height: 1.55;
}
.nws-subscribe__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.nws-subscribe__channels {
  display: flex;
  gap: 8px;
}
.nws-subscribe__chan-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #d8dadd;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #5a6065;
  cursor: pointer;
  transition: all .15s;
  position: relative;
}
.nws-subscribe__chan-btn i { color: #32B272; }
.nws-subscribe__chan-btn input { position: absolute; opacity: 0; pointer-events: none; }
.nws-subscribe__chan-btn:has(input:checked) {
  background: #32B272;
  color: #fff;
  border-color: #32B272;
}
.nws-subscribe__chan-btn:has(input:checked) i { color: #fff; }
.nws-subscribe__chan-btn:hover { border-color: #32B272; }

.nws-subscribe__field {
  display: flex;
  gap: 8px;
}
.nws-subscribe__field input {
  flex: 1;
  background: #fff;
  border: 1px solid #d8dadd;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 0.9375rem;
  font-family: inherit;
  color: #131313;
  transition: border-color .15s, box-shadow .15s;
}
.nws-subscribe__field input:focus {
  outline: none;
  border-color: #32B272;
  box-shadow: 0 0 0 3px rgba(50,178,114,.15);
}
.nws-subscribe__btn {
  background: #32B272;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  font-size: 0.9375rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background .15s;
  flex-shrink: 0;
}
.nws-subscribe__btn:hover { background: #107655; }

.nws-subscribe__msg {
  font-size: 0.8125rem;
  min-height: 18px;
  padding: 2px 4px;
  font-weight: 500;
}
.nws-subscribe__msg.is-pending { color: #5a6065; }
.nws-subscribe__msg.is-ok      { color: #1a8b48; }
.nws-subscribe__msg.is-err     { color: #c43; }

@media (max-width: 720px) {
  .nws-subscribe {
    grid-template-columns: 1fr;
    padding: 22px 22px;
    gap: 14px;
  }
}

/* ============================================================
   BREADCRUMBS (V4) — above banner
   ============================================================ */
.nws-crumbs {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  color: var(--nws-soft);
  margin: 0 0 14px 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.nws-crumbs a {
  color: var(--nws-soft);
  text-decoration: none;
  transition: color .15s;
}
.nws-crumbs a:hover { color: var(--nws-main-dark); }
.nws-crumbs__sep { color: #c0c4c8; }
.nws-crumbs__current { color: var(--nws-muted); font-weight: 500; }

/* ============================================================
   INLINE CALCULATOR STRIP — link to /calc/ (after banner)
   ============================================================ */
.nws-calc-strip {
  display: flex;
  align-items: center;
  gap: 18px;
  background: linear-gradient(135deg, #fff 0%, #f5f7f6 100%);
  border: 1px solid rgba(50,178,114,.20);
  border-radius: var(--nws-r-xl);
  padding: 16px 22px;
  margin-bottom: 16px;
  text-decoration: none;
  color: inherit;
  transition: all .22s ease;
  position: relative;
  overflow: hidden;
}
.nws-calc-strip::before {
  content: '';
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(50,178,114,.10) 0%, transparent 70%);
  pointer-events: none;
}
.nws-calc-strip:hover {
  border-color: rgba(50,178,114,.45);
  box-shadow: 0 8px 28px rgba(50,178,114,.13);
  transform: translateY(-1px);
}
.nws-calc-strip__icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #32B272 0%, #107655 100%);
  color: #fff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(50,178,114,.30);
  position: relative;
  z-index: 1;
}
.nws-calc-strip__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  z-index: 1;
}
.nws-calc-strip__text b {
  font-family: var(--nws-ff);
  font-size: 1rem;
  font-weight: 700;
  color: var(--nws-text);
  letter-spacing: -0.005em;
}
.nws-calc-strip__sub {
  font-family: var(--nws-ff);
  font-size: 0.8125rem;
  color: var(--nws-muted);
  line-height: 1.45;
}
.nws-calc-strip__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--nws-ff);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--nws-main-dark);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.nws-calc-strip__arrow {
  transition: transform .2s;
}
.nws-calc-strip:hover .nws-calc-strip__arrow { transform: translateX(3px); }

@media (max-width: 600px) {
  .nws-calc-strip { flex-direction: column; align-items: flex-start; padding: 18px 20px; }
  .nws-calc-strip__cta { margin-top: 4px; }
}

/* ============================================================
   V4 PAGINATION — pill buttons (replaces bitrix nav)
   ============================================================ */
.nws-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 28px 0 12px;
  font-family: var(--nws-ff);
}
.nws-pager__btn {
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--nws-border);
  background: var(--nws-bg);
  color: var(--nws-muted);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.18s;
  font-family: inherit;
  font-variant-numeric: tabular-nums;
}
.nws-pager__btn:hover:not(.is-disabled):not(.is-active) {
  border-color: var(--nws-main);
  color: var(--nws-main-dark);
  background: var(--nws-main-soft);
}
.nws-pager__btn.is-active {
  background: var(--nws-main);
  border-color: var(--nws-main);
  color: #fff;
  cursor: default;
}
.nws-pager__btn--arrow {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 400;
}
.nws-pager__btn.is-disabled {
  color: #c0c4c8;
  border-color: #ededed;
  cursor: not-allowed;
}
.nws-pager__gap {
  color: var(--nws-soft);
  padding: 0 4px;
  user-select: none;
}

/* ============================================================
   BYLINE AVATAR — initials fallback
   ============================================================ */
.nws-card__byline-ava {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--nws-ff);
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}
.nws-card__byline-ava--initials {
  /* bg color set inline */
}

/* Hide old Bitrix .main-footer + duplicate breadcrumb on pages where our V4 wrapper is present */
body:has(.nws-footer) .main-footer { display: none !important; }
body:has(.news-list-wrapper) nav[aria-label="breadcrumb"] { display: none !important; }
body:has(.calc-wrapper) nav[aria-label="breadcrumb"] { display: none !important; }

/* ============================================================
   TYPOGRAPHY UP-SCALE (G1) — увеличиваем все шрифты
   ============================================================ */

/* Filter tabs */
.nws-filter-btn {
  font-size: 0.9375rem;      /* было 0.875 */
  padding: 10px 20px;        /* было 8/18 */
}
.nws-filter-btn__count {
  font-size: 0.8125rem;      /* было 0.75 */
  padding: 2px 10px;
}

/* LIVE Monitor */
.nws-monitor__title {
  font-size: 1.5rem;         /* было 1.25 */
}
.nws-monitor__sub {
  font-size: 0.9375rem;      /* было 0.8125 */
}
.nws-monitor__kpi-label {
  font-size: 0.8125rem;      /* было 0.6875 */
}
.nws-monitor__kpi-value {
  font-size: 2.25rem;        /* было 1.875 */
}
.nws-monitor__kpi-value small {
  font-size: 1.0625rem;      /* было 0.875 */
}
.nws-monitor__kpi-delta {
  font-size: 0.9375rem;      /* было 0.8125 */
}
.nws-monitor__live {
  font-size: 0.8125rem;      /* было 0.75 */
}

/* Authors strip — text */
.nws-authors__label {
  font-size: 0.875rem;       /* было 0.75 */
}
.nws-author-chip__ava {
  width: 52px;               /* ещё +4px */
  height: 52px;
  font-size: 1.0625rem;
}
.nws-author-chip__name {
  font-size: 1rem;           /* было 0.9375 */
}
.nws-author-chip__role {
  font-size: 0.875rem;       /* было 0.8125 */
}
.nws-authors__more {
  font-size: 1rem;           /* было 0.875 */
}

/* Card — title, excerpt, meta, byline */
.nws-card__date,
.nws-card__date .far,
.nws-card__date .fa {
  font-size: 0.9375rem;      /* было 0.8125 */
}
.nws-tag {
  font-size: 0.875rem;       /* было 0.75 */
  padding: 4px 12px;
}
.nws-card__title {
  font-size: 1.1875rem;      /* было 1 (19px) */
  line-height: 1.32;
}
.nws-card__excerpt {
  font-size: 1rem;           /* было 0.875 */
  line-height: 1.6;
  -webkit-line-clamp: 4;
}
.nws-card__byline-ava {
  width: 40px;               /* было 32 */
  height: 40px;
  font-size: 0.9375rem;
}
.nws-card__byline-name {
  font-size: 0.9375rem;      /* было 0.8125 */
}
.nws-card__byline-meta {
  font-size: 0.8125rem;      /* было 0.6875 */
}
.nws-card__readmore {
  font-size: 0.9375rem;      /* было 0.8125 */
}
.nws-card__body { padding: 22px 22px 22px; }

/* Featured card */
.nws-card--featured .nws-card__title {
  font-size: 1.875rem;       /* было 1.5 — крупнее */
}
.nws-card--featured .nws-card__excerpt {
  font-size: 1.0625rem;
}

/* Trust signals */
.nws-trust {
  font-size: 0.9375rem;      /* было 0.8125 */
  padding: 8px 18px;
}

/* Subscribe */
.nws-subscribe__h3   { font-size: 1.5rem; }       /* было 1.375 */
.nws-subscribe__sub  { font-size: 0.9375rem; }    /* было 0.875 */
.nws-subscribe__btn  { font-size: 1rem; }
.nws-subscribe__field input { font-size: 1rem; padding: 14px 18px; }

/* Calc-strip */
.nws-calc-strip__text b      { font-size: 1.125rem; }   /* было 1 */
.nws-calc-strip__sub         { font-size: 0.9375rem; }  /* было 0.8125 */
.nws-calc-strip__cta         { font-size: 1rem; }       /* было 0.875 */
.nws-calc-strip__icon        { width: 56px; height: 56px; font-size: 1.5rem; }
.nws-calc-strip               { padding: 18px 26px; }

/* Pagination — крупнее цифры */
.nws-pager__btn {
  min-width: 44px;            /* было 40 */
  height: 44px;
  font-size: 1rem;            /* было 0.9375 */
}

/* ============================================================
   DARK FOOTER — copy of catalog-card footer (G1 pt.5)
   ============================================================ */
.nws-footer {
  background: #131618;
  color: rgba(255,255,255,.70);
  font-family: var(--nws-ff);
  margin-top: 40px;
  padding: 48px 24px 22px;
}
.nws-footer__inner {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 36px;
  padding-bottom: 28px;
}
.nws-footer__brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  text-decoration: none;
}
.nws-footer__brand-logo img {
  width: 48px;
  height: auto;
}
.nws-footer__brand-name {
  font-weight: 700;
  color: #fff;
  font-size: 1.0625rem;
  letter-spacing: -0.005em;
  line-height: 1.2;
}
.nws-footer__brand-name b { color: #e44a4a; font-weight: 700; }
.nws-footer__brand-tag {
  display: block;
  font-size: 0.6875rem;
  color: rgba(255,255,255,.50);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 4px;
}
.nws-footer__brand-desc {
  font-size: 0.9375rem;
  color: rgba(255,255,255,.65);
  line-height: 1.5;
  margin: 0 0 18px;
}
.nws-footer__socials {
  display: flex;
  gap: 10px;
}
.nws-footer__socials a {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,.08);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.80);
  text-decoration: none;
  font-size: 1rem;
  transition: background .15s, color .15s, transform .15s;
}
.nws-footer__socials a:hover {
  background: var(--nws-main);
  color: #fff;
  transform: translateY(-2px);
}
.nws-footer__col h4 {
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin: 0 0 16px;
  font-weight: 700;
}
.nws-footer__col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nws-footer__col li { margin-bottom: 10px; }
.nws-footer__col a {
  color: rgba(255,255,255,.80);
  text-decoration: none;
  font-size: 0.9375rem;
  transition: color .15s;
}
.nws-footer__col a:hover { color: var(--nws-main); }
.nws-footer__col p {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  color: rgba(255,255,255,.80);
}
.nws-footer__col .nws-footer__phone {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
}
.nws-footer__col .nws-footer__hint {
  font-size: 0.8125rem;
  color: rgba(255,255,255,.55);
}
.nws-footer__bottom {
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 0 0;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 0.8125rem;
  color: rgba(255,255,255,.50);
}
@media (max-width: 900px) {
  .nws-footer__inner { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 540px) {
  .nws-footer__inner { grid-template-columns: 1fr; gap: 24px; }
  .nws-footer__bottom { flex-direction: column; }
}

/* =================== DARK THEME (global toggle html[data-caz-theme="dark"]) =================== */
html[data-caz-theme="dark"] .nws-banner{background:#13251d}
html[data-caz-theme="dark"] .nws-trust{background:rgba(22,31,27,.55); border-color:rgba(43,212,163,.2)}
html[data-caz-theme="dark"] .nws-authors{background:#161f1b; border-color:#25312c}
html[data-caz-theme="dark"] .nws-author-chip__ava{background:#1d2722}
html[data-caz-theme="dark"] .nws-card,
html[data-caz-theme="dark"] .nws-card--featured{background:#161f1b; border-color:#25312c}
html[data-caz-theme="dark"] .nws-card__img-wrap{background:#1d2722}
html[data-caz-theme="dark"] .nws-card__byline-ava{background:#1d2722}
html[data-caz-theme="dark"] .nws-tag{background:#13251d; color:#56e0b8}
html[data-caz-theme="dark"] .nws-pager__btn,
html[data-caz-theme="dark"] .nws-pager__btn--arrow{background:#161f1b; border-color:#25312c; color:#e8efeb}
html[data-caz-theme="dark"] .nws-pager__btn.is-active,
html[data-caz-theme="dark"] .nws-pager__btn--current{background:#2bd4a3; color:#06120d}
html[data-caz-theme="dark"] .nws-filter-btn:not(.is-active):not(.nws-filter-btn--active){background:#161f1b; border-color:#25312c; color:#e8efeb}
html[data-caz-theme="dark"] .nws-subscribe{background:#0c1310}
html[data-caz-theme="dark"] .nws-subscribe__form{background:#161f1b; border-color:#25312c}
html[data-caz-theme="dark"] .nws-subscribe__field input,
html[data-caz-theme="dark"] .nws-subscribe__chan-btn{background:#0f1613; color:#e8efeb; border-color:#25312c}
html[data-caz-theme="dark"] .nws-calc-fab__panel{background:#161f1b; border-color:#25312c}
html[data-caz-theme="dark"] .nws-calc-fab__row input,
html[data-caz-theme="dark"] .nws-calc-fab__row select{background:#0f1613; color:#e8efeb; border-color:#25312c}
/* card text → light */
html[data-caz-theme="dark"] .nws-card__title,
html[data-caz-theme="dark"] .nws-card__title a{color:#e8efeb}
html[data-caz-theme="dark"] .nws-card__excerpt,
html[data-caz-theme="dark"] .nws-card__lead{color:#b9c2bc}
html[data-caz-theme="dark"] .nws-card__meta,
html[data-caz-theme="dark"] .nws-card__byline,
html[data-caz-theme="dark"] .nws-card__date{color:#9aa8a1}
/* zero-specificity catch for *{color:#131313} on bare card/section text */
html[data-caz-theme="dark"] .nws-card :where(h1,h2,h3,h4,p,li,span,b,strong,em,a,time),
html[data-caz-theme="dark"] .nws-authors :where(h2,h3,p,span,a),
html[data-caz-theme="dark"] .nws-subscribe :where(h2,h3,p,span,label){color:#e8efeb}

/* End */
/* /bitrix/templates/trade_in_main/components/bitrix/news.list/news_list_custom/style.css?178064590040888 */