/* --- было и стало: компактные карточки до и после автопилота --- */
.pain-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* одна карточка = строки «Было» и «Стало» */
.pain-row {
  background: #fff;
  border: 1px solid rgba(20, 20, 28, .06);
  border-radius: 16px;
  padding: 14px 16px;
}

.pain-was {
  font-size: 13px;
  color: #8a8a96;
  text-decoration: line-through;
  text-decoration-color: rgba(20, 20, 28, .25);
}

.pain-now {
  margin-top: 4px;
  font-size: 14.5px;
  font-weight: 500;
  color: #14141c;
}

/* галочка «Стало» */
.pain-check {
  color: #1a9d5c;
  font-weight: 600;
  margin-right: 6px;
}

/* свёртка «Показать ещё» без JavaScript */
.pain-more {
  margin-top: 12px;
}

.pain-more > .pain-list {
  margin-top: 12px;
}

.pain-more-btn {
  display: block;
  width: fit-content;
  margin: 0 auto;
  list-style: none;
  cursor: pointer;
  background: #fff;
  border: 1px solid rgba(20, 20, 28, .12);
  border-radius: 999px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #14141c;
}

.pain-more-btn::-webkit-details-marker {
  display: none;
}

.pain-more-open { display: inline; }
.pain-more-closed { display: none; }
.pain-more[open] .pain-more-open { display: none; }
.pain-more[open] .pain-more-closed { display: inline; }

@media (max-width: 900px) {
  .pain-list { grid-template-columns: 1fr; }
}