/* ==========================================================================
   Секция «Чек-лист / Перечень услуг» (Checklist)
   Стилизация в единой дизайн-системе сайта
   ========================================================================== */

.checklist {
  padding: 56px 0 64px;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}

.checklist .container {
  width: min(980px, 100% - 32px);
  margin-inline: auto;
}

.checklist__title {
  font: 400 var(--fs-h2)/var(--lh-tight) var(--font-head);
  color: var(--color-navy-dark, #091d42);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto 28px;
  max-width: 860px;
}

.checklist__list {
  max-width: 860px;
  margin: 0 auto;
  padding-left: 24px;
  font-family: var(--font-text);
  font-size: var(--fs-body);
  line-height: var(--lh-relaxed);
  color: #374151;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: disc;
}

.checklist__list li {
  padding-left: 4px;
}

.checklist__list li::marker {
  color: #0963b0;
}

@media (max-width: 979px) {
  .checklist {
    padding: 34px 0 36px;
  }

  .checklist .container {
    width: 100%;
    padding-inline: 16px;
  }

  .checklist__title {
    font-size: var(--fs-h3);
    line-height: var(--lh-tight);
    margin-bottom: 16px;
    text-align: left;
  }

  .checklist__list {
    padding-left: 20px;
    font-size: var(--fs-body);
    line-height: var(--lh-normal);
    gap: 8px;
  }
}