/* ===================== РЕСТАВРАЦИЯ: УСИЛЕНИЕ ЦВЕТА НА ПАМЯТНИКЕ =====================
   /restavraciya/usilenie-cveta. Подключается через ViewData["CssPage"] = "rest-usilenie-cveta"
   после бандлов, поэтому правила при равной специфичности перебивают service.css и responsive.css.
   Остальные блоки — общие (svc-memorial-*, svc-oform-*, svc-granit-gallery, works/.ba, how2, quiz, seo, home-faq).
   Все свои классы — с префиксом uc-. Вертикальных отступов между секциями нет —
   их задаёт service-page--rhythm (56px). */

/* — 2. Когда требуется: четыре карточки в ряд (общая сетка — три) — */
.uc-situations .svc-memorial-design__grid.uc-situations__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 0;
}

/* — 3. Большое «до / после»: одна пара во всю ширину, главный блок страницы — */
.uc-ba__sub {
  margin: 12px 0 0;
  max-width: 680px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink-3);
}
.uc-ba .works-head .all { white-space: nowrap; }
.uc-ba .ba.uc-ba__slider {
  aspect-ratio: 3 / 2;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  order: 0;
  box-shadow: 0 30px 60px -40px rgba(20,24,26,.45);
}
.uc-ba .ba .label { font-size: 14px; padding: 9px 18px; }
.uc-ba .ba .grip { width: 56px; height: 56px; }

/* Пока кадров нет — пара словами. */
.uc-ba__text {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
  max-width: 1160px;
  margin: 0 auto;
}
.uc-ba__state {
  position: relative;
  padding: 52px 26px 26px;
  border-radius: 18px;
  background: #ECEDEA;
  border: 1px solid var(--line-2);
  min-width: 0;
}
.uc-ba__state--after { background: #EEF4EC; border-color: rgba(46,140,75,.2); }
.uc-ba__state p { margin: 0; font-size: 18px; line-height: 1.45; color: var(--ink); }
.uc-ba__state-label {
  position: absolute;
  top: 16px;
  left: 18px;
  padding: 5px 14px;
  border-radius: 8px;
  background: rgba(20,24,26,.8);
  color: #fff;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.uc-ba__state--after .uc-ba__state-label { background: var(--green-700); }
.uc-ba__arrow {
  align-self: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid var(--line-2);
  color: var(--green-700);
}
.uc-ba__arrow [data-lucide] { width: 20px; height: 20px; }

/* Под сравнением — «было / что сделали / стало». */
.uc-ba__notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 1160px;
  margin: 20px auto 0;
  padding: 0;
  list-style: none;
}
.uc-ba__note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid var(--line-2);
  background: #fff;
  min-width: 0;
}
.uc-ba__note-ico {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--green-600);
  background: var(--green-50);
}
.uc-ba__note-ico [data-lucide] { width: 20px; height: 20px; }
.uc-ba__note-title { display: block; margin-bottom: 4px; font-size: 16px; color: var(--ink); }
.uc-ba__note-text { display: block; font-size: 14.5px; line-height: 1.5; color: var(--ink-3); }

/* — 4. Что даёт обработка: без лишнего нижнего отступа у сетки — */
.uc-benefits .svc-memorial-pricing__factors { margin-bottom: 0; }

/* — 6. Галерея деталей: шесть макрокадров, по три в ряд — */
.uc-gallery .svc-granit-gallery__grid.uc-gallery__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 24px;
}
.uc-gallery__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.uc-gallery__tags li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid var(--line-2);
  background: #fff;
  font-size: 15px;
  color: var(--ink-2);
}
.uc-gallery__tags [data-lucide] { width: 16px; height: 16px; color: var(--green-600); }

/* ——— Планшет ——— */

/* ——— Телефон ——— */

/* Порядок по приоритету ТЗ: шапка → «До / после» → «Когда требуется». На телефоне у .works нет
   вертикальных отступов (responsive.css), а core.css обнуляет padding-top у design-блока после
   любой секции, кроме шапки, — без этого правила карточки упирались бы в сравнение.
   Специфичность выше правила core.css (оба с !important); десктоп ведёт service-page--rhythm. */