/* ===================== РЕСТАВРАЦИЯ: ПОЛИРОВКА ГРАНИТА =====================
   /restavraciya/polirovka-granita. Подключается через ViewData["CssPage"] = "rest-polirovka"
   после бандлов, поэтому правила при равной специфичности перебивают service.css и responsive.css.
   Остальные блоки — общие (.ba/.works/.work-info, svc-memorial-*, svc-granit-gallery, how2, quiz, home-faq).
   Здесь только подгонка: раскладка слайдера «до / после» (как zr-ba на «Замене портрета»), списки
   «до / после», 4 карточки в ряд, галерея «большой кадр + 4», заглушки без кадра.
   Все свои классы — с префиксом pg-. Вертикальных отступов между секциями нет — их задаёт
   service-page--rhythm (56px). */

/* — 2. До / после: готовый слайдер .ba, вертикальный кадр памятника, три пары — */
.pg-ba__sub {
  margin: 12px 0 0;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink-3);
}
.pg-ba .works-head .all { white-space: nowrap; }
.pg-ba__main {
  display: grid;
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
  margin-bottom: 18px;
}
.pg-ba .ba.pg-ba__slider {
  aspect-ratio: 4 / 5;
  width: 100%;
  order: 0;
  margin: 0;
}
.pg-ba .work-info.pg-ba__info { margin: 0; order: 0; min-width: 0; }
.pg-ba__done {
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--green-50);
  font-size: 15.5px;
  line-height: 1.5;
  color: var(--ink-2);
}
.pg-ba__done b { color: var(--green-700); }
.pg-ba__btn { margin-top: auto; align-self: flex-start; }

/* Списки «до» и «после» — в карточке рядом со слайдером и отдельными карточками без кадров. */
.pg-ba__lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}
.pg-ba__list {
  min-width: 0;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid var(--line-2);
  background: #F6F7F3;
}
.pg-ba__list--after {
  background: var(--green-50);
  border-color: rgba(46,140,75,.18);
}
.pg-ba__list-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.pg-ba__list--after .pg-ba__list-head { color: var(--green-700); }
.pg-ba__list-head [data-lucide] { width: 18px; height: 18px; }
.pg-ba__list ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-ba__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--ink-2);
}
.pg-ba__list li [data-lucide] { width: 17px; height: 17px; flex-shrink: 0; margin-top: 1px; color: var(--muted); }
.pg-ba__list--after li [data-lucide] { color: var(--green-600); }

.pg-ba__lists--cards {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-bottom: 0;
}
.pg-ba__lists--cards .pg-ba__list { padding: 24px 26px; border-radius: 18px; align-self: stretch; }
.pg-ba__lists--cards .pg-ba__list-head { font-size: 14px; margin-bottom: 14px; }
.pg-ba__lists--cards .pg-ba__list li { font-size: 17px; }
.pg-ba__arrow {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--green-600);
}
.pg-ba__arrow [data-lucide] { width: 20px; height: 20px; }

.pg-ba__thumbs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 200px));
  gap: 12px;
}
.pg-ba__thumb {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  font: inherit;
  background: var(--line-2);
}
.pg-ba__thumb-name {
  position: absolute;
  left: 44px;
  right: 10px;
  bottom: 12px;
  z-index: 1;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
  text-align: left;
}

/* — 3. Когда нужна полировка: четыре карточки в ряд — */
.pg-when .svc-memorial-design__grid.pg-when__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 0;
}

/* — 5. Примеры работ: «памятник целиком» крупно (2×2), четыре детали вокруг — */
.pg-gallery .svc-granit-gallery__grid.pg-gallery__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pg-gallery .pg-gallery__item--lead {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: auto;
  min-height: 100%;
}
/* Пока кадра нет — светлая плитка с иконкой и подписью, а не пустое место. */
.pg-gallery__stub {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  padding: 18px;
  background: #F6F7F3;
  border-style: dashed;
}
.pg-gallery__stub:hover { transform: none; box-shadow: none; }
.pg-gallery__stub-ico {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-bottom: auto;
  color: var(--green-600);
  background: var(--green-50);
}
.pg-gallery__stub-ico [data-lucide] { width: 20px; height: 20px; }
.pg-gallery__stub-name { font-size: 16px; font-weight: 600; color: var(--ink); }
.pg-gallery__stub-text { font-size: 13.5px; line-height: 1.4; color: var(--muted); }

/* — 6. Комплексная реставрация: 3 колонки — */
.pg-links .pg-links__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* — 8. Квиз — */
.pg-quiz-input { width: 100%; }
.pg-page .quiz-mem-field-block + .quiz-mem-field-block { margin-top: 12px; }

/* ===================== адаптив ===================== */