/* Вторая полоса шапки: разделы страницы (рулетка) со сменой подсветки при прокрутке.
   Цвета с запасными значениями, чтобы то же работало на странице СТД-10, где нет общих переменных. */
html { scroll-padding-top: 116px !important; }
.subnav { border-top: 1px solid var(--line, #26332c); }
.subnav__row {
  display: flex; gap: 4px 28px; overflow-x: auto; white-space: nowrap; scrollbar-width: none;
  width: 100%; max-width: var(--container, 1180px); margin: 0 auto;
  padding-inline: var(--gutter, clamp(16px, 4vw, 48px));
}
.subnav__row::-webkit-scrollbar { display: none; }
.subnav.is-scroll { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); }
.subnav a {
  flex: none; padding: 10px 0 9px; font-size: 13px; font-weight: 600; text-decoration: none;
  color: var(--muted, #a7b6ac); border-bottom: 2px solid transparent; transition: color .15s ease-out, border-color .15s ease-out;
}
.subnav a:hover { color: var(--text, #f0f3f0); }
.subnav a.is-active { color: var(--text, #f0f3f0); border-bottom-color: var(--accent-fill, #25ED44); }