.legal-page { max-width: 860px; margin-left: auto; margin-right: auto; }

.legal-intro { font-size: 14px; color: var(--text-dim); line-height: 1.7; margin-bottom: 48px; padding-bottom: 32px; border-bottom: 1px solid var(--line); }

.legal-seller { border: 1px solid var(--line); padding: 28px 32px; margin-bottom: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 40px; }
.legal-seller-item { display: flex; flex-direction: column; gap: 3px; }
.legal-seller-label { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-muted); }
.legal-seller-value { font-size: 13px; color: var(--text); }

.legal-body { display: flex; flex-direction: column; gap: 48px; }
.legal-group {}
.legal-section-title { font-family: 'Bebas Neue', sans-serif; font-size: 30px; letter-spacing: .04em; color: var(--accent); margin-bottom: 20px; line-height: 1.1; }

.legal-para { font-size: 14px; color: var(--text-dim); line-height: 1.75; margin-bottom: 14px; }
.legal-para:last-child { margin-bottom: 0; }
.legal-para strong { color: var(--text); font-weight: 600; }

.legal-list { list-style: none; margin: 8px 0 14px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.legal-list li { font-size: 14px; color: var(--text-dim); line-height: 1.7; padding-left: 18px; position: relative; }
.legal-list li::before { content: '—'; position: absolute; left: 0; color: var(--accent); }

.legal-table { width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 13px; }
.legal-table th { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); text-align: left; padding: 10px 16px; border: 1px solid var(--line); background: var(--bg3); }
.legal-table td { color: var(--text-dim); padding: 12px 16px; border: 1px solid var(--line); line-height: 1.65; vertical-align: top; }
.legal-table td ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.legal-table td ul li { padding-left: 14px; position: relative; }
.legal-table td ul li::before { content: '—'; position: absolute; left: 0; color: var(--text-muted); }

.legal-requisites { border: 1px solid var(--line); padding: 32px; }
.legal-requisites-title { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 20px; }
.legal-requisites-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 40px; }
.legal-req-item { display: flex; flex-direction: column; gap: 4px; }
.legal-req-label { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); }
.legal-req-value { font-size: 14px; color: var(--text); }
.legal-req-value a { color: var(--accent); text-decoration: none; }
.legal-req-value a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .legal-seller { grid-template-columns: 1fr; gap: 14px; padding: 20px; }
  .legal-requisites { padding: 20px; }
  .legal-requisites-grid { grid-template-columns: 1fr; gap: 14px; }
  .legal-table { font-size: 12px; }
  .legal-table th, .legal-table td { padding: 10px 12px; }
}