/* showdown — правки по макету поверх pages.css.
   Файл подключается после pages.css, поэтому правила с той же
   специфичностью здесь выигрывают. Значения — числами из макета.
   Фреймы: 0:1255 (1440) и 0:7115 (390). */

/* ══════════════════════════════════════════════════════════════════════════
   1440 — фрейм 0:1255
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Интро (0:1282): 654, pad 80, gap 64 ───────────────────────────────── */

/* 0:1283 — водяной знак стоит в 740 от левого края секции и в 70 от верха,
   ширина бокса 824.85, прозрачность 0.15 (было 0.25 и другой угол). */
.sd-hero__watermark {
  top: 70.28px;
  right: auto;
  left: 740px;
  width: 824.85px;
  text-align: left;
  opacity: .15;
}

/* 0:1288 — подпись плашки кремовая (#f4e2cf), плашка 26 при padding 6/12 */
.sd-hero .kicker-pill--tight {
  padding: 6px 12px;
  font-size: 11px;
  line-height: 14.3px;
  color: var(--color-paper);
}

/* 0:1289 — между строками заголовка зазор 4 (58 + 4 + 58 + 4 + 44 = 168) */
.sd-hero__title { gap: 4px; }

/* 0:1294 — лид тёмный (#120e0d), а не приглушённый серый */
.sd-hero__lead { color: var(--color-ink); }

/* ── Панель статуса (0:1305): 480×378, pad 32, gap 24, радиус 16 ────────── */

.sd-status {
  gap: 24px;
  padding: 32px;
  border-radius: 16px;
  box-shadow: inset 0 0 0 2px var(--color-ink);
}

/* 0:1311 и 0:1317 — заголовок с описанием и две строки сноски лежат
   в собственных группах: зазоры 8 и 6, а не общий зазор панели 24. */
.sd-status__group { display: flex; flex-direction: column; gap: 8px; }
.sd-status__group--legal { gap: 6px; }

.sd-status__head { min-height: 24px; }

/* 0:1307 — Archivo Narrow 700 18/24.25 */
.sd-status__title {
  font-family: var(--font-narrow);
  font-weight: var(--fw-bold);
  font-size: 18px;
  line-height: 24.25px;
}

/* 0:1308 — бейдж 86×22 при padding 4/10, радиус 4 */
.sd-status__head .badge {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 14.3px;
}

/* 0:1312 — Archivo Black 28/32 (было сжато до 24/26) */
.sd-status__cta-title { font-size: 28px; line-height: 32px; }

/* 0:1313 — Geist 14/20 при прозрачности 0.8 */
.sd-status__text { font-size: 14px; line-height: 20px; opacity: .8; }

/* 0:1318 / 0:1319 — сноски 11/14.3 */
.sd-status__legal { font-size: 11px; line-height: 14.3px; font-weight: var(--fw-regular); }

/* 0:1314 — кнопка 56 с белой обводкой 1.5, подпись 15/19.5 */
.sd-status .btn {
  height: 56px;
  font-size: 15px;
  line-height: 19.5px;
  box-shadow: inset 0 0 0 1.5px var(--color-surface);
}

/* ── Кошельки (0:1297): строка 752×94 в общей рамке 2px, радиус 12 ──────── */

.sd-wallet { padding: 24px; gap: 8px; }

/* 0:1299 — Archivo Narrow 700 16/21.55 */
.sd-wallet__name {
  font-family: var(--font-narrow);
  font-size: 16px;
  line-height: 21.55px;
}

/* 0:1300 — приглушённый серый, 0:1304 — белый при прозрачности 0.8 */
.sd-wallet__note { font-size: 12px; line-height: 15.6px; color: var(--color-muted); opacity: 1; }
.sd-wallet--alt .sd-wallet__note { color: var(--color-surface); opacity: .8; }

/* ── Разделение аккаунтов (0:1320): 617, gap 48 ────────────────────────── */

/* 0:1326 — колонки выровнены по центру: 304 и 274 разной высоты */
.sd-split__grid { align-items: center; }

/* 0:1327 — карточка pad 32, gap 24, радиус 8 */
.sd-col { gap: 24px; padding: 32px; border-radius: 8px; }

/* 0:1356 — колонка Showdown КРАСНАЯ (#f20d2f), а не чернильная */
.sd-col--alt { background: var(--color-brand); color: var(--color-surface); }

/* 0:1328 — бейдж и заголовок в одной строке с зазором 12 */
.sd-col__head { display: flex; align-items: center; gap: 12px; min-height: 24px; }

/* 0:1329 — бейдж «MAIN» тёмный, 0:1358 — «SD» белый с красной подписью */
.sd-col__tag {
  align-self: center;
  padding: 4px 8px;
  border-radius: 3px;
  background: var(--color-ink);
  color: var(--color-surface);
  font-size: 11px;
  line-height: 14.3px;
}
.sd-col--alt .sd-col__tag { background: var(--color-surface); color: var(--color-brand); }

/* 0:1331 — Archivo Narrow 700 18/24.25 */
.sd-col__title {
  font-family: var(--font-narrow);
  font-size: 18px;
  line-height: 24.25px;
}

/* 0:1332 — линия нулевой высоты: рисуем боксом в 1px с компенсацией */
.sd-col__rule {
  display: block;
  height: 1px;
  margin: 0 0 -1px;
  border: 0;
  background: var(--color-ink);
  opacity: .1;
}
.sd-col--alt .sd-col__rule { background: var(--color-surface); opacity: .2; }

/* 0:1333 — список с точками 6px, зазор строки 8, между строками 12 */
.sd-col__list { gap: 12px; }

.page-showdown .sd-col__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 18px;
  font-size: 14px;
  line-height: 18.2px;
  color: var(--color-muted);
}
.page-showdown .sd-col__list li::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-ink);
}
.page-showdown .sd-col--alt .sd-col__list li { color: var(--color-surface); }
.page-showdown .sd-col--alt .sd-col__list li::before { background: var(--color-surface); }

/* 0:1352 — плашка «≠» тёмная (#120e0d), знак красный. Подпись — две
   отдельные строки в общем столбце с зазором 8, поэтому обёртка прозрачна. */
.sd-split__divider {
  gap: 8px;
  padding: 20px;
  min-height: 134px;
  border-radius: 8px;
  background: var(--color-ink);
  color: var(--color-surface);
  box-shadow: inset 0 0 0 2px var(--color-ink);
}

.sd-split__sign { font-size: 44px; line-height: 47.87px; color: var(--color-brand); }

.sd-split__note { display: contents; }
.sd-split__note > span {
  display: block;
  font-family: var(--font-narrow);
  font-weight: var(--fw-bold);
  font-size: 11px;
  line-height: 14.82px;
  text-align: center;
  text-transform: uppercase;
}

/* ── Ключевое утверждение (0:1378) ─────────────────────────────────────── */

/* 0:1380 красная, 0:1381 оранжевая (#ff7900), 0:1382 чернильная.
   ВНИМАНИЕ: оранжевый макета на #fffdf8 даёт 2.59:1 — ниже нормы 3:1
   даже для крупного текста. Оставлен как в макете (это утверждённый цвет
   бренда, и подмена красит всю строку в диффе: 6.78% против 2.9%).
   Ближайший проходящий оттенок — #ec6a00 (3.10:1), если решим чинить. */
.sd-statement__lines span:nth-child(1) { color: var(--color-brand); }
.sd-statement__lines span:nth-child(2) { color: #ff7900; }
.sd-statement__lines span:nth-child(3) { color: var(--color-ink); }

/* ── Как это работает (0:1384): 530, gap 48 ────────────────────────────── */

.sd-steps__title { line-height: 43.52px; }

/* 0:1392 — заголовок и описание в группе с зазором 8 */
.sd-step__body { display: flex; flex-direction: column; gap: 8px; }

/* 0:1393 — Archivo Narrow 700 16/21.55 */
.sd-step__title {
  font-family: var(--font-narrow);
  font-size: 16px;
  line-height: 21.55px;
}

/* 0:1395 — это красная плашка 154×36, а не текстовая ссылка */
.sd-step__link {
  align-self: flex-start;
  margin-top: auto;
  padding: 10px 16px;
  border: 0;
  border-radius: 4px;
  background: var(--color-brand);
  color: var(--color-surface);
  font-size: 12px;
  font-weight: var(--fw-bold);
  line-height: 15.6px;
}
.sd-step__link:hover { background: var(--color-brand-hover); }

/* 0:1402 / 0:1409 — бейджи коралловый и оранжевый, радиус 4.
   Подпись на оранжевом взята чернильной: белая даёт 2.6:1 при норме 4.5. */
.sd-step__tag {
  border-radius: 4px;
  background: var(--color-flame);
  color: var(--color-ink);
}
.sd-steps__list > .sd-step:nth-child(3) .sd-step__tag { background: var(--color-amber); }

/* ── Что остаётся раздельным (0:1411): 457, gap 40 ─────────────────────── */

.sd-compare { gap: 40px; }
.sd-compare__title { line-height: 43.52px; }
.sd-compare__grid { gap: 48px; }
.sd-compare__col { gap: 20px; }

/* 0:1418 — «SPORTS & RACING» красный, 0:1436 — «SHOWDOWN» тёмный */
.sd-compare__name {
  font-family: var(--font-narrow);
  font-size: 20px;
  line-height: 26.94px;
  color: var(--color-brand);
}
.sd-compare__col--alt .sd-compare__name { color: var(--color-ink); }

/* 0:1419 — галочки тёмные (в эталоне они монохромные), строка 18, зазор 12 */
.sd-checks { gap: 12px; }
.page-showdown .sd-checks li {
  align-items: center;
  gap: 12px;
  min-height: 18px;
  font-size: 14px;
  line-height: 18.2px;
}
.page-showdown .sd-checks li::before {
  content: "\2714";
  font-size: 16px;
  line-height: 20.8px;
  color: var(--color-ink);
}

/* ── Повторный призыв (0:1453): 350, pad 80, gap 32 ────────────────────── */

.sd-cta__head { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sd-cta__title { font-size: 48px; line-height: 52.22px; }
.sd-cta__text { max-width: 680px; font-size: 16px; line-height: 20.8px; opacity: .9; }

.sd-cta__actions { gap: 16px; }
.sd-cta__actions .btn { height: 52px; padding-inline: 32px; font-size: 15px; line-height: 19.5px; }

/* 0:1458 — белая кнопка с обводкой 2px, 0:1460 — прозрачная 10% с белой */
.sd-cta .btn--light { box-shadow: inset 0 0 0 2px var(--color-ink); }
.sd-cta .btn--ghost {
  background: rgba(255, 253, 248, .102);
  color: var(--color-surface);
  box-shadow: inset 0 0 0 2px var(--color-surface);
}
.sd-cta .btn--ghost:hover { background: var(--color-surface); color: var(--color-brand-text); }


/* ══════════════════════════════════════════════════════════════════════════
   390 — самостоятельный фрейм 0:7115, а не сжатый десктоп
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* 0:7137 — водяного знака в мобильном фрейме нет вовсе */
  .sd-hero__watermark { display: none; }

  /* 0:7228 / 0:7254 — заголовки секций 24/28, а не десктопные 40/43.52 */
  .sd-steps__title,
  .sd-compare__title { line-height: 28px; }

  /* 0:7139 — плашка 165×21 при padding 4/8, подпись 10/13 */
  .sd-hero .kicker-pill--tight { padding: 4px 8px; font-size: 10px; line-height: 13px; }

  /* 0:7141 — 36 + 4 + 36 + 4 + 28 = 108 */
  .sd-hero__title { gap: 4px; font-size: 32px; line-height: 36px; }
  .sd-hero__title-small { font-size: 24px; line-height: 28px; }

  /* 0:7145 — Geist 500 15/22 тёмным */
  .sd-hero__lead { font-size: 15px; line-height: 22px; font-weight: var(--fw-medium); }

  /* 0:7148 — кошельки отделены от текста зазором 24 при общем зазоре 16 */
  .sd-wallets {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    margin-top: 8px;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
  }
  .sd-wallets::before { display: none; }

  /* 0:7149 / 0:7152 — две самостоятельные карточки 350×84 с обводкой 2px */
  .sd-wallet {
    min-height: 84px;
    gap: 6px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px var(--color-ink);
  }
  .sd-wallet--alt { background: var(--color-brand); color: var(--color-surface); }

  /* 0:7150 — Archivo Black 16/20 */
  .sd-wallet__name {
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 16px;
    line-height: 20px;
  }
  .sd-wallet__note { font-size: 13px; line-height: 18px; }
  .sd-wallet--alt .sd-wallet__note { opacity: .9; }

  /* 0:7155 — карточка 350×327: pad 24, gap 20, радиус 8 */
  .sd-status__card { gap: 20px; padding: 24px; border-radius: 8px; }
  .sd-status__group { gap: 8px; }
  .sd-status__group--legal { gap: 4px; }

  .sd-status__head { min-height: 21px; }
  .sd-status__head .badge { padding: 4px 10px; font-size: 10px; line-height: 13px; }

  /* 0:7157 / 0:7162 — обе строки Archivo Black 16/20 */
  .sd-status__title {
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 16px;
    line-height: 20px;
  }
  .sd-status__cta-title { font-size: 16px; line-height: 20px; }

  /* Отрицательные отступы прежней вёрстки больше не нужны: зазоры держат группы */
  .sd-status__text { margin-top: 0; font-size: 13px; line-height: 18px; opacity: .8; }
  .sd-status__legal { font-size: 10px; line-height: 13px; font-weight: var(--fw-black); }
  .sd-status__legal--strong { margin-top: 0; font-weight: var(--fw-extrabold); }

  /* 0:7164 — кнопка 46, подпись 13/18 */
  .sd-status .btn { height: 46px; min-height: 46px; font-size: 13px; line-height: 18px; }

  /* ── Разделение аккаунтов (0:7170) ───────────────────────────────────── */

  /* 0:7175 / 0:7200 — карточки pad 24, gap 20, радиус 8; вторая красная */
  .sd-col { gap: 20px; padding: 24px; border-radius: 8px; }

  /* 0:7176 — Archivo Black 16/20, бейджа в мобильном фрейме нет */
  .sd-col__head { min-height: 20px; }
  .sd-col__tag { display: none; }
  .sd-col__title {
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 16px;
    line-height: 20px;
  }

  /* 0:7178 — строки 18 с зазором 10. Линия теперь настоящий <hr>,
     поэтому прежний обходной отступ и рисованная псевдолиния не нужны. */
  .sd-col__list { gap: 10px; margin-top: 0; }
  .sd-col__list::before { display: none; }
  .page-showdown .sd-col__list li { font-size: 13px; line-height: 18px; }

  /* 0:7197 — плашка 350×92: pad 16, gap 8, знак 32/36, подпись одной строкой */
  .sd-split__divider {
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    min-height: 92px;
    box-shadow: none;
  }
  .sd-split__sign { font-size: 32px; line-height: 36px; }
  .sd-split__note {
    display: block;
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
  }
  .sd-split__note > span { display: inline; font: inherit; }

  /* ── Шаги (0:7225) ───────────────────────────────────────────────────── */

  /* 0:7233 — Archivo Black 16/20; описание в группе с зазором 8 */
  .sd-step__title {
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 16px;
    line-height: 20px;
  }
  .sd-step__text { margin-top: 0; }

  /* 0:7235 — плашка 164×38 при padding 10/16, подпись 13/18 */
  .sd-step__link { padding: 10px 16px; font-size: 13px; line-height: 18px; }

  /* 0:7242 / 0:7249 — оба бейджа коралловые с тёмной подписью */
  .sd-steps__list > .sd-step:nth-child(3) .sd-step__tag { background: var(--color-flame); }

  /* ── Что остаётся раздельным (0:7251) ────────────────────────────────── */

  /* 0:7251 — секция белая (#fffdf8), pad 24, gap 32 */
  .sd-compare { gap: 32px; padding: 24px; background: var(--color-surface); }
  .sd-compare__grid { gap: 32px; }
  .sd-compare__col { gap: 16px; }

  /* 0:7254 — «SPORTS & RACING» тёмный, 0:7274 — «SHOWDOWN» красный.
     На 16px красный #f20d2f даёт 4.2:1 — взят проектный --color-brand-text. */
  .sd-compare__name {
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 16px;
    line-height: 20px;
    color: var(--color-ink);
  }
  .sd-compare__col--alt .sd-compare__name { color: var(--color-brand-text); }

  /* 0:7257 — строки 22 с зазором 12, галочка 15/22, текст 13/18 */
  .sd-checks { gap: 12px; }
  .page-showdown .sd-checks li { gap: 10px; min-height: 22px; font-size: 13px; line-height: 18px; }
  .page-showdown .sd-checks li::before { font-size: 15px; line-height: 22px; font-weight: var(--fw-medium); }

  /* ── Повторный призыв (0:7291): 310, pad 32, gap 24 ──────────────────── */

  .sd-cta { gap: 24px; padding: 32px; }
  .sd-cta__head { gap: 8px; }
  .sd-cta__title { min-height: 0; font-size: 24px; line-height: 28px; }
  .sd-cta__text { min-height: 0; margin-top: 0; font-size: 13px; line-height: 18px; }
  .sd-cta__actions { flex-direction: column; gap: 12px; align-self: stretch; }
  .sd-cta__actions .btn { height: 46px; min-height: 46px; padding-inline: 24px; font-size: 13px; line-height: 18px; }
}

/* ──────────────────────────────────────────────────────────────────────────
   Полоса помощи @390 (0:7322) — числа этого фрейма, а не общего профиля.
   Блок 0:7323 в макете 68: строка 20 + 6 + 18 + 6 + 18. У общего профиля
   полосы у строки «GAMBLING HELP ONLINE» есть отступ сверху 12, из-за него
   содержимое уезжает вниз на половину этой разницы.
   ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* 0:7325 — бейдж 34×20 при padding 2/6, подпись Archivo Black 11/16 */
  .page-showdown .support-strip .badge--ink {
    padding: 2px 6px;
    font-family: var(--font-display);
    font-weight: var(--fw-regular);
    font-size: 11px;
    line-height: 16px;
  }

  /* 0:7327 — Archivo Black 16/20 */
  .page-showdown .support-strip__title { font-size: 16px; line-height: 20px; }

  /* 0:7328 / 0:7329 — обе строки 13/18, зазор группы 6 без добавочного отступа */
  .page-showdown .support-strip__service { margin-top: 0; font-size: 13px; line-height: 18px; }
  .page-showdown .support-strip__note { font-size: 13px; line-height: 18px; }

  /* 0:7331 — номер Archivo Black 16/20 */
  .page-showdown .support-strip__phone { font-size: 16px; line-height: 20px; }
}