/* =========================================================
   pages-thanks.min.css — страница благодарности.
   Опирается на токены из theme.min.css.
   ========================================================= */

.c-page--thanks {
  padding: 48px 0 80px;
}

.c-thanks {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

/* Большая иконка-галочка в круге */
.c-thanks__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  margin: 0 auto 32px;
  color: var(--c-accent);
  animation: c-thanks-pop 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.c-thanks__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@keyframes c-thanks-pop {
  0%   { transform: scale(0.6); opacity: 0; }
  60%  { transform: scale(1.06); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

.c-thanks__title {
  margin: 0 0 16px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
  font-weight: 700;
  color: var(--c-text);
}

.c-thanks__lead {
  margin: 0 0 32px;
  font-size: 17px;
  line-height: 1.65;
  color: var(--c-text-mute);
}

/* Кнопки */
.c-thanks__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 48px;
}

/* Контакты */
.c-thanks__contacts {
  padding: 28px 24px;
  background: var(--c-bg-alt);
  border: 1px solid var(--c-border);
  text-align: left;
}
.c-thanks__contacts-title {
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--c-text-mute);
  text-align: center;
}
.c-thanks__contacts-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px 32px;
}
.c-thanks__contacts-list li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}
.c-thanks__contacts-list a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--c-text);
  text-decoration: none;
  transition: color var(--c-transition);
}
.c-thanks__contacts-list a:hover {
  color: var(--c-accent);
}
.c-thanks__contacts-list svg {
  color: var(--c-accent);
  flex-shrink: 0;
}
.c-thanks__hours {
  color: var(--c-text-mute);
}
.c-thanks__hours svg {
  color: var(--c-text-mute);
}

.c-thanks__signature {
  margin: 40px 0 0;
  font-size: 14px;
  color: var(--c-text-mute);
  letter-spacing: 0.02em;
}

@media (max-width: 600px) {
  .c-page--thanks { padding: 32px 0 56px; }
  .c-thanks__icon { width: 100px; height: 100px; margin-bottom: 24px; }
  .c-thanks__actions { margin-bottom: 32px; }
  .c-thanks__actions .button { width: 100%; }
  .c-thanks__contacts { padding: 20px 16px; }
  .c-thanks__contacts-list { gap: 16px; flex-direction: column; align-items: flex-start; }
}

/* === THANKS LIST MARKER FIX (v1) === */
/*
   Причина: <ul class="c-thanks__contacts-list"> идёт сразу после
   <p class="c-thanks__contacts-title"> и находится внутри .c-page.
   На него срабатывало правило из theme.min.css:
       .c-page p + ul { padding: 0 0 0 28px; }
       .c-page p + ul > li { padding-left: 20px; }
       .c-page p + ul > li::before { ... 8x8 красный квадрат ... }
   Плюс нативный ::marker у <li>. Внутри <li> уже есть SVG-иконки
   (телефон, email, часы) — квадраты и лишний отступ не нужны.
*/

/* 1. Гасим все псевдо-элементы у li внутри списка контактов. */
.c-thanks__contacts-list li::before,
.c-thanks__contacts-list li::after,
.c-thanks__contacts-list > li::before,
.c-thanks__contacts-list > li::after,
.c-page .c-thanks__contacts-list li::before,
.c-page .c-thanks__contacts-list li::after,
.c-page .c-thanks__contacts-list > li::before,
.c-page .c-thanks__contacts-list > li::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* 2. Обнуляем лишний padding/margin. */
.c-page .c-thanks__contacts-list,
.c-thanks__contacts-list,
.c-page .c-thanks__contacts-list > li,
.c-thanks__contacts-list > li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 3. Отключаем стандартные маркеры списка. */
.c-thanks__contacts-list,
.c-thanks__contacts-list li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}

/* 4. Гасим нативный ::marker. */
.c-thanks__contacts-list li::marker,
.c-thanks__contacts-list > li::marker {
  content: "" !important;
  color: transparent !important;
  font-size: 0 !important;
}