/* ISKV — статистика рынка: блок в Hero главной (вариант Б «Тикер», утверждён владельцем 2026-11-02; temp/hero-stats/).
   Блок стоит на месте .hero-slider темы SiteFix-iskv и наследует его место в сетке Hero. */
.hero-slider.hv-wrap { background: linear-gradient(135deg, rgba(255,255,255,.64), rgba(228,245,243,.56)); border: 1px solid rgba(255,255,255,.82); padding: 22px 24px 18px; display: flex; min-height: 0; }
.hv { display: flex; flex-direction: column; gap: 12px; width: 100%; font-family: var(--iskv-font-sans); color: var(--iskv-color-heading); font-variant-numeric: tabular-nums; }
.hv [hidden] { display: none !important; }
.hv-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.hv-kicker { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #007F75; }
.hv-live { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #00A699; box-shadow: 0 0 0 4px rgba(0,166,153,.18); animation: hv-live 2.4s ease-in-out infinite; }
@keyframes hv-live { 50% { box-shadow: 0 0 0 7px rgba(0,166,153,.06); } }
.hv-sub { margin-top: 4px; font-size: 12px; color: var(--iskv-color-text-muted); }
.hv-seg { flex: none; display: inline-flex; padding: 3px; border-radius: 9px; background: rgba(31,45,58,.06); }
.hv-seg button { border: 0; background: none; padding: 5px 11px; border-radius: 7px; font: 600 12px var(--iskv-font-sans); color: var(--iskv-color-text-muted); cursor: pointer; }
.hv-seg button.is-on { background: #fff; color: var(--iskv-color-heading); box-shadow: 0 1px 3px rgba(31,45,58,.12); }
.hv-seg button:focus-visible, .hv-cta:focus-visible, .hv-link:focus-visible { outline: none; box-shadow: var(--iskv-focus-ring, 0 0 0 3px rgba(0,166,153,.35)); }
.hv-card { padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.58); border: 1px solid rgba(255,255,255,.88); }
.hv-label { margin: 0 0 2px; text-align: right; font-size: 11px; line-height: 1.3; color: #3B4B59; font-weight: 500; }
.hv-v { color: #007F75; font-weight: 700; }
.hv-chart { width: 100%; height: auto; display: block; overflow: visible; }
.hv-grid { stroke: rgba(31,45,58,.08); stroke-dasharray: 3 4; }
.hv-ax { font-size: 10px; fill: #6B7A88; font-family: var(--iskv-font-sans); }
.hv-line { fill: none; stroke: #007F75; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.hv-dot { fill: #fff; stroke: #007F75; stroke-width: 1.4; }
.hv-lastdot { fill: #F29A0E; stroke: #fff; stroke-width: 2; }
.hv-pulse { fill: rgba(242,154,14,.18); transform-box: fill-box; transform-origin: center; animation: hv-pulse 2.4s ease-in-out infinite; }
@keyframes hv-pulse { 50% { transform: scale(1.35); opacity: .45; } }
.hv-cross { stroke: #F29A0E; stroke-dasharray: 2 3; }
/* 0.7.8 — подсказка при наведении на график */
.hv-chart[data-pts] { cursor: crosshair; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.hv-chart[data-pts]:focus { outline: none; }
.hv-chart[data-pts]:focus-visible { border-radius: 6px; box-shadow: var(--iskv-focus-ring, 0 0 0 3px rgba(0,166,153,.35)); }
.hv-halo { fill: rgba(242,154,14,.2); visibility: hidden; pointer-events: none; }
.hv-hov .hv-halo { visibility: visible; }
.hv-hov .hv-cross { stroke-dasharray: none; stroke-opacity: .7; }
.hv-label .hv-m2 { color: #3B4B59; font-weight: 600; white-space: nowrap; }
.hv-label { min-height: 1.3em; }
.hv-pl { white-space: nowrap; }
.hv-kl { margin-top: 3px; font-size: 12px; color: var(--iskv-color-text-muted); line-height: 1.3; }
.hv-spark { display: block; width: 100%; height: 20px; margin-top: 6px; }
.hv-spark rect { fill: #A9E2DC; } .hv-spark rect.is-last { fill: #007F75; }
.hv-hero { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 12px; flex: 1; }
.hv-big { display: flex; flex-direction: column; justify-content: center; }
.hv-bigv { font-size: 48px; font-weight: 800; letter-spacing: -.03em; line-height: 1; color: #007F75; }
.hv-chips { display: grid; gap: 6px; margin-top: 14px; }
.hv-chips > span { font-size: 12px; color: var(--iskv-color-text-muted); }
.hv-chips b { display: block; font-size: 16px; color: var(--iskv-color-heading); }
.hv-grow { display: flex; flex-direction: column; justify-content: center; }
.hv-tickers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)) 92px; gap: 8px; }
.hv-tickers li { padding: 9px 10px 7px; border-radius: 12px; background: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.9); min-width: 0; }
.hv-tn { font-size: 11.5px; font-weight: 600; color: var(--iskv-color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hv-tv { font-size: 18px; font-weight: 700; margin-top: 2px; }
.hv-tv small { font-size: 13px; font-weight: 600; color: var(--iskv-color-text-muted); }
.hv-tl { font-size: 11px; color: var(--iskv-color-text-muted); }
.hv-tickers .hv-spark { height: 16px; margin-top: 4px; }
.hv-tickers .hv-tvs { display: flex; flex-direction: column; justify-content: center; background: rgba(242,154,14,.10); border-color: rgba(242,154,14,.15); }
.hv-tvs b { font-size: 22px; font-weight: 800; color: #C77700; }
.hv-tvs > span { font-size: 11px; line-height: 1.3; }
.hv-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.hv-cta { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: 12px; background: #007F75; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; box-shadow: 0 6px 16px rgba(0,127,117,.25); }
.hv-cta:hover { background: #006b62; color: #fff; }
.hv-link { font-size: 13px; font-weight: 600; color: #007F75; text-decoration: none; }
.hv-link:hover { text-decoration: underline; }

/* Планшет и телефон: карусель справа на этих ширинах скрыта, блок на всю ширину */
@media (max-width: 1023px) { .hero-slider.hv-wrap { min-height: 0; } }
@media (max-width: 640px) {
  .hero-slider.hv-wrap { padding: 16px 14px 14px; }
  .hv-b { gap: 12px; }
  .hv-b .hv-head { flex-wrap: wrap; row-gap: 10px; }
  .hv-b .hv-kicker { font-size: 12px; } .hv-b .hv-sub { font-size: 11.5px; }
  .hv-b .hv-hero { grid-template-columns: 1fr; gap: 10px; }
  .hv-b .hv-big { display: grid; grid-template-columns: auto 1fr; align-items: end; column-gap: 14px; }
  .hv-b .hv-bigv { font-size: 42px; }
  .hv-b .hv-big > .hv-kl { margin: 0 0 4px; }
  .hv-b .hv-chips { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; margin-top: 10px; }
  .hv-b .hv-chips > span { padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.65); }
  .hv-b .hv-card { padding: 10px 8px 6px; }
  /* тикеры городов — одна строка с прокруткой вбок, следующий тикер выглядывает */
  .hv-b .hv-tickers { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -14px; padding: 0 14px 4px; scrollbar-width: none; }
  .hv-b .hv-tickers::-webkit-scrollbar { display: none; }
  .hv-b .hv-tickers li { flex: 0 0 132px; scroll-snap-align: start; }
  .hv-b .hv-tickers .hv-tvs { flex-basis: 104px; }
  .hv-b .hv-foot { flex-direction: column; align-items: stretch; gap: 10px; text-align: center; }
  .hv-b .hv-cta { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .hv-live, .hv-pulse { animation: none; } }

/* Компьютер (≥ 1200 px, блок рядом с каруселью): плотнее, чтобы высота блока ≈ высоте карусели
   и карточки карусели не растягивались (проверка этапа 7). Состав и пропорции — как в варианте Б. */
@media (min-width: 1200px) {
  .hero-slider.hv-wrap { padding: 18px 22px 14px; }
  .hv { gap: 9px; }
  .hv-sub { margin-top: 2px; }
  .hv-bigv { font-size: 44px; }
  .hv-kl { margin-top: 2px; }
  .hv-chips { gap: 4px; margin-top: 9px; }
  .hv-chips b { font-size: 15px; line-height: 1.25; }
  .hv-card { padding: 9px 12px; }
  .hv-tickers li { padding: 7px 10px 6px; }
  .hv-tv { font-size: 17px; margin-top: 1px; line-height: 1.25; }
  .hv-tickers .hv-spark { height: 14px; margin-top: 3px; }
  .hv-cta { height: 36px; }
}