/* ЛОКАЛЬНЫЙ СЛОЙ — компактный перечень ссылок.
   Замена витринным сеткам на внутренних страницах: карточка с фотографией —
   это витрина, она уместна там, где выбор и есть содержание страницы (хаб услуг,
   хаб марок, главная). Внутри услуги или марки нужен не второй магазин,
   а короткий указатель — строка, номер, цена «от». */
/* Две колонки, не «сколько влезет»: восемь направлений при auto-fit
   расползаются на пять столбцов, где название переносится, а цена отрывается
   от него. Читается это как таблица, а не как перечень. */
.zw-links__list {
  margin: var(--sp-6) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 var(--sp-8);
  max-width: 1100px;
  border-top: 1px solid var(--line);
}
.zw-links__item {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: baseline;
  gap: var(--sp-4);
  padding: var(--sp-4) 0;
  border-bottom: 1px solid var(--line);
}
@media (min-width: 860px) {
  .zw-links__list { grid-template-columns: 1fr 1fr; }
}
.zw-links__item:hover .zw-links__name { text-decoration: underline; text-underline-offset: 4px; }
.zw-links__item:hover .zw-ico--arrow { transform: translateX(3px); }
.zw-links__num {
  font-family: var(--font-mono);
  font-size: var(--size-caption);
  letter-spacing: var(--tracking-caption);
  color: var(--ink-muted);
}
/* min-width: 0 — иначе автоминимум grid-элемента равен длине самого длинного
   слова, и на 360 px строка распирает контейнер. */
.zw-links__name { font-weight: 500; min-width: 0; }
.zw-links__note {
  font-family: var(--font-mono);
  font-size: var(--size-small);
  color: var(--ink-muted);
  white-space: nowrap;
}
.zw-links__item .zw-ico--arrow { transition: transform var(--dur-fast) var(--ease); }