/* BeatBounty — блоки для платёжного контура (реквизиты, логотипы МПС, прайс).
   Подключается на всех страницах лендинга: <link rel="stylesheet" href="/legal.css?v=1">
   Стили самодостаточны (не зависят от article.css) — работают и на страницах с инлайновым CSS. */

/* --- реквизиты в подвале (требование АТОЛ Пэй, стр. 4) --- */
.legal-req{
  border-top:1px solid #2a2a3a;margin-top:8px;padding:18px 0 6px;
  color:#71718a;font-size:13px;line-height:1.65;width:100%;
}
.legal-req p{margin:2px 0;color:#71718a;font-size:13px}
.legal-req b{color:#9a9ab0;font-weight:600}
.legal-req a{color:#9a9ab0;text-decoration:none;margin-right:0}
.legal-req a:hover{text-decoration:underline}
/* страницы без собственного подвала (условия, политика, оферта) — блок стоит один */
footer > .legal-req:only-child{max-width:820px;margin:0 auto;padding-left:20px;padding-right:20px;padding-bottom:26px}

/* --- логотипы платёжных систем --- */
.paylogos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.paylogos .pl{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:34px;min-width:62px;padding:0 12px;border-radius:7px;
  background:#fff;color:#111;font-weight:800;font-size:14px;letter-spacing:.02em;
  font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.paylogos .pl-mir{color:#0f754e;letter-spacing:.06em}
.paylogos .pl-visa{color:#1a1f71;font-style:italic;font-size:16px;letter-spacing:.04em}
.paylogos .pl-mc{gap:0;font-size:11px;font-weight:700;color:#231f20;padding-left:8px}
.paylogos .pl-mc i{width:16px;height:16px;border-radius:50%;display:inline-block}
.paylogos .pl-mc i:first-of-type{background:#eb001b}
.paylogos .pl-mc i:nth-of-type(2){background:#f79e1b;margin-left:-6px;margin-right:6px}
.paylogos .pl-sbp{background:linear-gradient(135deg,#1f8fff,#7b5cff);color:#fff;letter-spacing:.06em}

/* --- прайс --- */
.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 6px}
@media(max-width:820px){.pricegrid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.pricegrid{grid-template-columns:1fr}}
.pricecard{
  background:#1a1a26;border:1px solid #2a2a3a;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;gap:6px;
}
.pricecard .amt{color:#f2f2f7;font-size:24px;font-weight:800;line-height:1.1}
.pricecard .unit{color:#71718a;font-size:12.5px}
.pricecard .desc{color:#9a9ab0;font-size:13.5px;margin-top:2px}

/* --- таблица (условия предоставления услуги) --- */
.ltable{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.ltable th,.ltable td{border:1px solid #2a2a3a;padding:10px 13px;text-align:left;vertical-align:top}
.ltable th{background:#1a1a26;color:#f2f2f7;font-weight:700}
.ltable td{color:#9a9ab0}
.ltable-scroll{overflow-x:auto}
