/* Юридические и справочные страницы: доставка, оплата, возврат, контакты, оферта. */

.legal { max-width: 760px; margin: 0 auto; padding: 42px 22px 20px; }
.legal h1 { font-size: clamp(27px, 4vw, 40px); margin-bottom: 10px; }
.legal .upd { color: var(--muted); font-size: 14px; margin-bottom: 30px; }
.legal h2 {
  font-size: clamp(19px, 2.4vw, 24px); margin: 34px 0 12px; letter-spacing: -.02em;
}
.legal h3 { font-size: 17px; margin: 24px 0 8px; }
.legal p { margin-bottom: 12px; line-height: 1.62; }
.legal ul, .legal ol { margin: 0 0 14px 20px; display: grid; gap: 7px; line-height: 1.55; }
.legal a { color: var(--hl); }
.legal a:hover { text-decoration: underline; }
.legal .req {
  background: var(--surface); border-radius: var(--r-lg); padding: 18px 20px; margin: 16px 0 20px;
  font-size: 14.5px; line-height: 1.6;
}
.legal .req a { color: var(--hl); }
.legal table {
  width: 100%; border-collapse: collapse; margin: 6px 0 18px; font-size: 14.5px;
}
.legal th, .legal td { text-align: left; padding: 11px 12px; border-bottom: 1px solid var(--line); }
.legal th { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted-2); }
.legal td:last-child, .legal th:last-child { text-align: right; white-space: nowrap; }
.legal .callout {
  border-left: 3px solid var(--hl); padding: 4px 0 4px 16px; margin: 18px 0; color: var(--muted);
}
.legal-cta { display: flex; gap: 10px; flex-wrap: wrap; margin: 26px 0 10px; }