/* Страницы «Материалы и поддержка» и «Лицензионное соглашение» решения для дилерских продаж. 13.10.2026.
   Отдельные лёгкие страницы без шапки, меню и форм сайта: по правилам Маркета Битрикс24 в материалах решения нельзя предлагать услуги разработчика. */
@font-face { font-family: 'Geometria'; src: url('/local/templates/itpanda/fonts/Geometria/Geometria.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geometria'; src: url('/local/templates/itpanda/fonts/Geometria/Geometria-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Geometria'; src: url('/local/templates/itpanda/fonts/Geometria/Geometria-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
:root { --ink: #111; --text: #2b3340; --muted: #5b6472; --line: #e3e8ef; --grey: #f5f7fa; --red: #ec2127; --navy: #0f1e38; --link: #0b5cad; }
* , *:before, *:after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--text); font-family: 'Geometria', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 17px; line-height: 1.6; }
a { color: var(--link); }
a:hover { color: #08427c; }
a:focus-visible { outline: 3px solid var(--link); outline-offset: 2px; }
.doc-top { background: var(--navy); color: #fff; }
.doc-top__in, .doc-main, .doc-foot__in { max-width: 892px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.doc-top__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; padding-bottom: 14px; font-size: 15px; }
.doc-top__brand { font-weight: 700; font-size: 18px; letter-spacing: .01em; }
.doc-top__brand i { font-style: normal; color: var(--red); }
.doc-top__name { color: #d7e0f1; text-align: right; }
a.doc-top__brand, a.doc-top__name { text-decoration: none; }
a.doc-top__brand { color: #fff; }
a.doc-top__brand:hover { color: #fff; opacity: .85; }
a.doc-top__name:hover { color: #fff; text-decoration: underline; }
.doc-main { padding-top: 36px; padding-bottom: 56px; }
h1 { font-size: 32px; line-height: 1.2; color: var(--ink); margin: 0 0 16px; text-wrap: balance; }
h2 { font-size: 23px; line-height: 1.25; color: var(--ink); margin: 40px 0 14px; text-wrap: balance; }
p { margin: 0 0 14px; text-wrap: pretty; }
.doc-lead { font-size: 18px; color: var(--text); }
ul, ol { margin: 0 0 14px; padding-left: 24px; }
li { margin-bottom: 8px; }
.doc-warn { border: 1px solid #f3c6c8; background: #fff5f5; border-radius: 12px; padding: 16px 20px; margin: 0 0 14px; }
.doc-warn p:last-child { margin-bottom: 0; }
.doc-table-wrap { overflow-x: auto; margin: 0 0 14px; }
table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
th, td { padding: 14px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); font-size: 16px; line-height: 1.45; }
thead th { border-top: 0; background: var(--grey); font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
td:first-child { min-width: 220px; }
.doc-file { display: inline-block; font-weight: 700; }
.doc-file small { display: block; font-weight: 400; font-size: 13px; color: var(--muted); }
.doc-btn { display: inline-block; padding: 14px 22px; border-radius: 10px; background: var(--navy); color: #fff; font-weight: 700; text-decoration: none; }
.doc-btn:hover { background: #1b3563; color: #fff; }
.doc-contacts { list-style: none; padding: 0; }
.doc-contacts li { padding: 10px 0; border-top: 1px solid var(--line); margin: 0; }
.doc-contacts li:last-child { border-bottom: 1px solid var(--line); }
.doc-contacts b { color: var(--ink); }
.doc-owner { font-size: 15px; color: var(--muted); margin-top: 18px; }
.doc-foot { border-top: 1px solid var(--line); background: var(--grey); font-size: 14px; color: var(--muted); }
.doc-foot__in { padding-top: 18px; padding-bottom: 22px; }
/* лицензионное соглашение: длинный юридический текст */
.doc-legal h1 { font-size: 26px; }
.doc-legal h2 { font-size: 20px; margin-top: 32px; }
.doc-legal p { font-size: 16px; line-height: 1.6; }
@media (max-width: 767px) {
  body { font-size: 16px; }
  .doc-top__name { display: none; }
  .doc-main { padding-top: 24px; padding-bottom: 40px; }
  h1 { font-size: 25px; }
  h2 { font-size: 20px; margin-top: 30px; }
  .doc-lead { font-size: 16px; }
  /* таблица файлов на телефоне: каждая строка отдельной карточкой, без прокрутки вбок */
  table, tbody, tr, td { display: block; width: 100%; }
  thead { display: none; }
  table { border: 0; border-radius: 0; }
  tr { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; }
  td { border: 0; padding: 0 0 10px; font-size: 15px; }
  td:last-child { padding-bottom: 0; }
  td:first-child { min-width: 0; }
  td[data-label]:before { content: attr(data-label) ": "; font-weight: 700; color: var(--ink); }
  .doc-legal h1 { font-size: 21px; }
  .doc-legal h2 { font-size: 18px; }
  .doc-legal p { font-size: 15px; }
}