/* Страница детали /part/: шапка, выдача, кнопка опроса (§431).
 *
 * ⚠️ Правила самой таблицы лежат в pg-sd-grid.css — он СОБРАН СКРИПТОМ из
 * front-page.php и руками не правится. Здесь только то, что относится к
 * странице детали: как выдача вписана в текст и чем отличается от главной.
 *
 * ⚠️ Светлую тему переопределяет pg-theme.php правилами `.pg-theme-light
 * .pg-sd-…`. Поэтому НИ ОДНОГО цвета строки здесь переопределять нельзя:
 * перебьём тему и получим тёмную таблицу на светлой странице.
 */

/* ── Выдача внутри текстовой страницы ─────────────────────────────────── */
/* На главной блок выдачи — отдельная полоса во всю ширину экрана со своим
   фоном. Здесь он часть страницы: фон общий, полей своих нет. */
.pg-part-page #pg-offers-block {
  background: transparent;
  border-top: 0;
  padding: 0;
  margin: 6px 0 0;
  overflow-x: clip;
}
.pg-part-page .pg-offers-block-inner { width: 100%; margin: 0; }
/* Шапка таблицы на главной липкая — там выдача длиной в экран. На странице
   детали она уехала бы поверх шапки сайта. */
.pg-part-page .pg-sd-thead { position: static; }
/* Подпись колонки длиннее самой колонки — режем многоточием, а не наезжаем
   на соседнюю (на главной шапка шире и этого не случается). */
.pg-part-page .pg-sd-thead > div > span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pg-part-page .pg-sd-section-hdr { padding: 16px 0 6px; }

/* ── Шапка детали ─────────────────────────────────────────────────────── */
.pg-part-card { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; margin: 0 0 22px; }
.pg-part-photo { flex: 0 0 auto; }
/* ⚠️ Плитка фото БЕЛАЯ в обеих темах: снимки TecDoc и прайсов сняты на белом
   фоне, на тёмной подложке у них рваный край. */
.pg-part-photo img {
  width: 260px; height: auto; display: block; border-radius: 12px; background: #fff;
  border: 1px solid var(--pg-border, rgba(127,127,127,.22));
}
/* Запасная картинка — логотип бренда или заглушка. Снимком детали она не
   притворяется: меньше, вписана целиком, без белой плитки. */
.pg-part-photo-alt img {
  width: 180px; aspect-ratio: 1 / 1; object-fit: contain; padding: 14px;
  background: var(--pg-card, rgba(127,127,127,.06));
}
.pg-part-sum { flex: 1 1 320px; min-width: 260px; }
.pg-part-sum .pg-part-intro { margin: 0 0 14px; }
.pg-part-sum .pg-part-specs { margin: 0 0 14px; }

/* ── Кнопка характеристик и опроса ────────────────────────────────────── */
.pg-po-actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-top: 18px; }
.pg-po-btn {
  display: inline-block; padding: 11px 20px; border-radius: 10px; border: 0;
  font: inherit; font-weight: 600; font-size: 15px; cursor: pointer;
  background: var(--pg-accent, #5b54c6); color: var(--pg-on-accent, #fff); text-decoration: none;
}
.pg-po-btn:hover { background: var(--pg-accent-hover, #6f68d8); }
.pg-po-btn[disabled] { opacity: .55; cursor: default; }
.pg-po-status { font-size: 13.5px; color: var(--pg-text-muted, #6b6982); }
.pg-part-spec-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 10px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600;
  background: var(--pg-accent-soft, rgba(91,84,198,.12));
  border: 1px solid var(--pg-accent, #5b54c6);
  color: var(--pg-accent-text, #5b54c6);
}
.pg-part-spec-btn:hover { background: var(--pg-accent, #5b54c6); color: var(--pg-on-accent, #fff); }

/* ── Карточка характеристик, вшитая в страницу ────────────────────────── */
/* ⚠️ КАРТОЧКА ПЕЧАТАЕТСЯ СЕРВЕРОМ И ЛЕЖИТ В HTML, а не подгружается скриптом:
   это единственный уникальный текст страницы, и поиск должен его видеть.
   Окно лишь показывает уже готовый кусок страницы. */
.pg-pm-ov[data-pm-static] { display: none; }
.pg-pm-ov[data-pm-static].on { display: flex; }

@media (max-width: 760px) {
  .pg-part-photo img { width: 100%; max-width: 320px; }
  .pg-part-photo-alt img { width: 150px; }
  .pg-part-card { gap: 16px; }
}