/* Общие стили для /privacy и /oferta — читаемость на мобильных */ :root { --legal-text: #1f2937; --legal-bg: #f3f4f6; --legal-card: #ffffff; --legal-muted: #6b7280; } .legal-page { --legal-accent: #3b82f6; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; color: var(--legal-text); background: var(--legal-bg); margin: 0; min-height: 100vh; -webkit-text-size-adjust: 100%; } .legal-page--oferta { --legal-accent: #d97706; } .legal-page--cookies { --legal-accent: #ca8a04; } body.legal-page { max-width: 52rem; margin: 0 auto; padding: 1.5rem 1.25rem 2.5rem; box-sizing: border-box; } /* Мультиязычные блоки RU / EN / AR (data-legal-lang на выставляет legal-page-init.js) */ .legal-container > [data-legal-lang] { display: none; } html[data-legal-lang="ru"] .legal-container > [data-legal-lang="ru"], html[data-legal-lang="en"] .legal-container > [data-legal-lang="en"], html[data-legal-lang="ar"] .legal-container > [data-legal-lang="ar"] { display: block; } .legal-nav { margin-bottom: 1rem; } .legal-nav-back { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.9375rem; font-weight: 600; color: var(--legal-accent); text-decoration: none; } .legal-nav-back:hover { text-decoration: underline; } .legal-container { background: var(--legal-card); padding: 2rem 1.75rem; border-radius: 1rem; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06); } .legal-page h1 { color: #111827; font-size: clamp(1.35rem, 4.5vw, 2rem); line-height: 1.2; margin: 0 0 1.25rem; padding-inline-start: 0.85rem; border-inline-start: 4px solid var(--legal-accent); overflow-wrap: anywhere; word-break: break-word; hyphens: auto; -webkit-hyphens: auto; } .legal-page h2 { font-size: 1.125rem; margin: 1.75rem 0 0.65rem; color: #111827; line-height: 1.35; } .legal-page p, .legal-page li { margin: 0 0 0.85rem; text-align: start; overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto; } .legal-page ul { margin: 0 0 1rem; padding-inline-start: 1.35rem; } .legal-page li { margin-bottom: 0.5rem; } .legal-page .legal-block { margin-top: 0.5rem; padding: 1rem 1.15rem; border-radius: 0.5rem; font-size: 0.9375rem; line-height: 1.55; text-align: start; } .legal-page .legal-block--soft { background: #eff6ff; border: 1px solid #bfdbfe; } .legal-page--oferta .legal-block--soft { background: #fffbeb; border: 1px solid #fde68a; } .legal-page .legal-block--muted { background: #f3f4f6; border: 1px solid #e5e7eb; font-weight: 500; } .legal-footer { margin-top: 2rem; text-align: center; font-size: 0.8125rem; color: var(--legal-muted); line-height: 1.5; } .legal-page a:not(.legal-nav-back) { color: #2563eb; text-decoration: none; } .legal-page a:not(.legal-nav-back):hover { text-decoration: underline; } @media (max-width: 480px) { body.legal-page { padding: 0.75rem 0.65rem 2rem; } .legal-container { padding: 1.25rem 1rem; border-radius: 0.75rem; } .legal-page h1 { padding-inline-start: 0.65rem; border-inline-start-width: 3px; } .legal-page h2 { font-size: 1.02rem; } .legal-page ul { padding-inline-start: 1.15rem; } }