/* ============ Страница цен /ceny/ (макета нет — из токенов и блоков 67:2 / UI-кита 71:2) ============
   Таблицы генерирует work/ceny-build.js из work/ceny-fmba.json. */

/* Дата сверки в шапке страницы */
.phero__date { font-size: 13px; line-height: normal; color: var(--ink-soft); }

/* Чипы-якоря по группам */
.pnav__tag { transition: border-color .2s ease, color .2s ease, background-color .2s ease; }
.pnav__tag:hover { border-color: var(--pink); color: var(--rose); background: #fff; }

/* Группа: слева заголовок и пояснение, справа таблица */
.plist { display: flex; flex-direction: column; }
.pgroup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 48px;
  padding-block: 36px;
  border-top: 1px solid var(--haze);
  scroll-margin-top: 88px; /* под sticky-шапку */
}
.pgroup:first-child { border-top: 0; padding-top: 0; }
.pgroup:last-child { padding-bottom: 0; }
.pgroup__head { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.pgroup__title {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.25;
  color: var(--ink);
}
.pgroup__lead { font-size: 15px; line-height: 1.55; color: var(--ink-soft); }
.pgroup__link {
  font-size: 14.5px;
  line-height: normal;
  color: var(--rose);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(138, 74, 94, .35);
  padding-top: 2px;
}
.pgroup__link:hover { color: var(--rose-dark); text-decoration-color: currentColor; }

/* Таблица: название слева, цена справа, разделители haze */
.ptable { width: 100%; min-width: 0; border-collapse: collapse; }
.ptable th, .ptable td { padding: 14px 0; border-bottom: 1px solid var(--haze); vertical-align: baseline; }
.ptable tr:first-child th, .ptable tr:first-child td { padding-top: 0; }
.ptable tr:last-child th, .ptable tr:last-child td { border-bottom: 0; padding-bottom: 0; } /* низ группы режет линия следующей */
.ptable th {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ink);
  padding-right: 32px;
}
.ptable__note { display: block; margin-top: 2px; font-size: 13px; line-height: 1.4; color: var(--ink-mute); }
.ptable td {
  text-align: right;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

/* Плашка «Откуда эти цены» — та же .price, кнопка не растягивается */
.pnote .btn { flex-shrink: 0; }

@media (max-width: 1024px) {
  .pgroup { grid-template-columns: 1fr; gap: 20px; }
  .pgroup__lead { max-width: 640px; }
}
@media (max-width: 768px) {
  /* Чипы — одной лентой с прокруткой внутри, а не пятью рядами */
  .pnav {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-inline: calc(-1 * var(--gutter));
    padding-inline: var(--gutter);
    scrollbar-width: none;
  }
  .pnav::-webkit-scrollbar { display: none; }

  .pgroup { gap: 14px; padding-block: 24px; scroll-margin-top: 72px; }
  .pgroup__head { gap: 6px; }
  .pgroup__title { font-size: 20px; }
  .pgroup__lead { font-size: 14px; }
  .pgroup__link { font-size: 14px; }
  .ptable th, .ptable td { padding: 11px 0; }
  .ptable th { font-size: 14.5px; line-height: 1.4; padding-right: 16px; }
  .ptable td { font-size: 15px; line-height: 1.4; }
  .ptable__note { font-size: 12.5px; }
}