/* Тонкий слой поверх стилей прототипа.

   Файл написан руками и живёт ТОЛЬКО в теме: в site/assets/css его нет
   и сборщик его не трогает. Сюда попадает лишь то, чего в прототипе
   не могло быть, — случаи, которые появляются на настоящих данных:
   у одного товара три характеристики, у другого одна, у третьего
   шесть групп в таблице.

   Подключается последним — значит перебивает всё остальное.
   Правил должно оставаться мало: если файл начнёт расти, это признак,
   что правку надо делать в прототипе, а не здесь. */

/* Ключевые цифры карточки. В прототипе их было ровно четыре, на выгрузке
   бывает 1–4. Сетка в две колонки, поэтому нечётная последняя ячейка
   оставляла в ряду пустой серый прямоугольник — растягиваем её на ряд. */
.pkey__cell:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Характеристики со старого сайта разложены по группам (§33.1).
   У товара их бывает до шести — подзаголовок отделяет таблицы друг от друга. */
.pspecs__group {
  margin: var(--sp-6) 0 var(--sp-3);
  font-size: var(--fs-sm);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--c-text-dim);
}
.pspecs__group:first-of-type { margin-top: var(--sp-4); }

/* Заголовок раздела в каталоге стал ссылкой на страницу раздела —
   в прототипе разделы были якорями на одной странице. */
.catsec .sec-head__body h2 a { color: inherit; text-decoration: none; }
.catsec .sec-head__body h2 a:hover { color: var(--c-accent); }

/* Обычная страница, набранная заказчиком в редакторе: колонка текста
   нормальной ширины, а не во всю ширину сайта. */
.prose { max-width: 76ch; }
.prose > * + * { margin-top: var(--sp-4); }
.prose h2 { margin-top: var(--sp-7); }
.prose ul, .prose ol { padding-left: 1.4em; }
.prose li + li { margin-top: var(--sp-2); }

/* Юридический документ: длинный текст с нумерованными разделами.
   Читается колонкой нормальной ширины, а не во всю ширину сайта. */
.prose--legal h2 { margin-top: var(--sp-7); }
.prose--legal h3 { margin-top: var(--sp-5); font-size: var(--fs-md); }
.prose--legal blockquote {
  margin: var(--sp-5) 0;
  padding-left: var(--sp-4);
  border-left: 2px solid var(--c-line);
  color: var(--c-text-dim);
}
.prose--legal .note { margin-bottom: var(--sp-6); }
.prose--legal .pmore { margin-bottom: var(--sp-6); }