/* Start:/bitrix/templates/eshop_bootstrap_v4/assets/css/tech.css?178887786410548*/
/**
 * Страница /tech/ — сведения об организации для аккредитации ИТ-компании.
 *
 * Всё скоуплено под .acc-page намеренно: страница живёт внутри общего
 * шаблона сайта, и правила для body или переменные на :root перекрасили бы
 * остальные страницы. По той же причине здесь нет ни одного правила для
 * голого тега.
 *
 * Подключается из /tech/index.php через SetAdditionalCSS.
 */

.acc-page,
.acc-page *{box-sizing:border-box}

.acc-page{
  --ink:#14171f;
  --ink-soft:#4a5160;
  --ink-faint:#79808f;
  --paper:#ffffff;
  --ground:#f4f6f9;
  --line:#e3e7ee;
  --line-soft:#eef1f5;
  --brand:#c62828;
  --brand-deep:#8b1a1a;
  --brand-tint:#fdf2f2;
  --fill:#fff8dd;
  --fill-line:#e8cf6a;
  --ok:#1f7a4d;
  --ok-tint:#eaf6f0;
  --shadow:0 1px 2px rgba(20,23,31,.04), 0 8px 24px -12px rgba(20,23,31,.12);
  --sans:'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'JetBrains Mono','SF Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.3,1);
}

.acc-page{
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  color:var(--ink);
  background:var(--ground);
}

.acc-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
@media(max-width:640px){.acc-page .acc-wrap{padding:0 16px}}

/* ── Шапка ───────────────────────────────────────────────── */

.acc-page .acc-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(60% 70% at 88% 0%, #fde8e8 0%, transparent 62%),
    radial-gradient(50% 60% at 8% 10%, #e9eefc 0%, transparent 60%),
    var(--paper);
  border-bottom:1px solid var(--line);
}
.acc-hero__inner{padding:56px 0 44px}

.acc-page .acc-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--brand-deep);
  background:var(--brand-tint);
  border:1px solid #f5d9d9;
  padding:6px 12px;border-radius:999px;
}

.acc-page .acc-hero h1{
  margin:20px 0 12px;
  font-size:clamp(30px,4.4vw,46px);
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:650;
}
.acc-page .acc-lead{
  margin:0;max-width:64ch;
  font-size:clamp(16px,1.5vw,18px);
  color:var(--ink-soft);
}

.acc-page .acc-basis{
  margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;
}
.acc-page .acc-basis a, .acc-page .acc-basis span{
  display:inline-block;
  font-size:13.5px;
  padding:7px 13px;border-radius:10px;
  background:var(--paper);border:1px solid var(--line);
  color:var(--ink-soft);text-decoration:none;
  transition:border-color .18s var(--ease),color .18s var(--ease);
}
.acc-basis a:hover{border-color:#cfd6e2;color:var(--ink)}

/* ── Оглавление ──────────────────────────────────────────── */

.acc-page .acc-toc{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:8px;margin:28px 0 0;padding:0;list-style:none;
}
.acc-page .acc-toc a{
  display:flex;gap:10px;align-items:baseline;
  padding:11px 14px;border-radius:12px;
  background:var(--paper);border:1px solid var(--line);
  color:var(--ink);text-decoration:none;font-size:14.5px;
  transition:border-color .18s var(--ease),transform .18s var(--ease);
}
.acc-toc a:hover{border-color:#cfd6e2;transform:translateY(-1px)}
.acc-toc b{font-family:var(--mono);font-size:12px;color:var(--brand);font-weight:500}

/* ── Разделы ─────────────────────────────────────────────── */

.acc-section{padding:44px 0;border-top:1px solid var(--line-soft)}
.acc-section:first-of-type{border-top:0}

.acc-section__head{margin-bottom:22px}
.acc-page .acc-section h2{
  margin:0;font-size:clamp(21px,2.4vw,27px);
  letter-spacing:-.02em;font-weight:640;
}
.acc-page .acc-req{
  display:block;margin-top:7px;
  font-family:var(--mono);font-size:12px;
  color:var(--ink-faint);letter-spacing:.02em;
}

.acc-page .acc-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:26px 28px;
}
@media(max-width:640px){.acc-page .acc-card{padding:20px 18px;border-radius:14px}}

/* ── Реквизиты ───────────────────────────────────────────── */

/* Подпись сверху, значение под ней. Колонка «слева подпись — справа
   значение» разваливается на длинных строках: полное наименование и
   адрес занимают три ряда каждый и жмутся к правому краю. */
.acc-facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 32px}
.acc-facts div{padding:14px 0;border-bottom:1px solid var(--line-soft)}
.acc-page .acc-facts dt{
  color:var(--ink-faint);font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;
  font-family:var(--mono);
}
.acc-facts dd{margin:5px 0 0;font-weight:500;font-size:15.5px;line-height:1.45}
.acc-facts .num{font-family:var(--mono);font-size:16px;letter-spacing:.01em}
/* Длинному значению тесно в колонке — занимает всю ширину карточки. */
.acc-facts .wide{grid-column:1/-1}

/* ── Заполняемое ─────────────────────────────────────────── */

.acc-page .fill{
  background:var(--fill);
  border-bottom:2px dashed var(--fill-line);
  padding:1px 5px;border-radius:4px;
  font-style:normal;color:#7a5c00;
}

.acc-page .acc-note{
  margin:18px 0 0;padding:14px 16px;
  background:var(--fill);border:1px solid var(--fill-line);
  border-radius:12px;font-size:14.5px;color:#6b5200;
}

/* ── Таблицы ─────────────────────────────────────────────── */

.acc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.acc-table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.acc-page .acc-table th{
  text-align:left;font-weight:600;color:var(--ink-faint);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;
  padding:0 16px 12px 0;border-bottom:1px solid var(--line);
}
.acc-table td{padding:14px 16px 14px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}
.acc-table tr:last-child td{border-bottom:0}
.acc-table .code{font-family:var(--mono);font-size:14px;white-space:nowrap;color:var(--brand-deep)}
.acc-table .price{white-space:nowrap;font-weight:500}

.acc-page .acc-sub{
  margin:0 0 16px;font-size:15px;font-weight:600;
  color:var(--ink-soft);letter-spacing:-.01em;
}
.acc-sub--gap{margin-top:32px;padding-top:26px;border-top:1px solid var(--line-soft)}

.acc-page .acc-main{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--brand-deep);
  background:var(--brand-tint);padding:3px 8px;border-radius:6px;
}

/* ── Продукты ────────────────────────────────────────────── */

.acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px}
.acc-page .acc-tile{
  background:var(--paper);border:1px solid var(--line);
  border-radius:16px;padding:22px;box-shadow:var(--shadow);
}
.acc-tile h3{margin:0 0 8px;font-size:17px;letter-spacing:-.01em}
.acc-tile p{margin:0;color:var(--ink-soft);font-size:14.5px}
.acc-page .acc-tile__kind{
  display:inline-block;margin-bottom:12px;
  font-family:var(--mono);font-size:11px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--brand);
  background:var(--brand-tint);padding:4px 9px;border-radius:6px;
}

/* ── Стек ────────────────────────────────────────────────── */

.acc-stack{display:grid;gap:20px}
.acc-stack__row{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:start}
@media(max-width:640px){.acc-page .acc-stack__row{grid-template-columns:1fr;gap:8px}}
.acc-stack__label{color:var(--ink-faint);font-size:14.5px;padding-top:5px}
.acc-chips{display:flex;flex-wrap:wrap;gap:7px}
.acc-page .acc-chips span{
  font-family:var(--mono);font-size:13px;
  padding:5px 11px;border-radius:8px;
  background:var(--ground);border:1px solid var(--line);
}

/* ── Ответ «нет» ─────────────────────────────────────────── */

.acc-page .acc-answer{
  display:flex;gap:12px;align-items:flex-start;
  padding:16px 18px;border-radius:12px;
  background:var(--ok-tint);border:1px solid #cfe7db;
  font-size:15px;color:#1c5f3e;
}
.acc-answer b{color:var(--ok)}

/* ── Подвал ──────────────────────────────────────────────── */

.acc-page .acc-foot{
  margin-top:40px;padding:30px 0 56px;
  border-top:1px solid var(--line);
  color:var(--ink-faint);font-size:14px;
}
.acc-foot p{margin:0 0 8px}
.acc-foot a{color:var(--ink-soft)}

/* ── Печать: заявление часто печатают ────────────────────── */

@media print{
  .acc-page{background:#fff;font-size:11pt}
  .acc-page .acc-hero{background:#fff;border-bottom:1px solid #ccc}
  .acc-page .acc-toc,.acc-page .acc-basis{display:none}
  .acc-page .acc-card,.acc-page .acc-tile{box-shadow:none;border:1px solid #ccc;break-inside:avoid}
  .acc-page .acc-section{padding:18px 0;break-inside:avoid}
  .acc-page .fill{background:#fff;border-bottom:1px solid #999;color:#000}
}

/* End */
/* /bitrix/templates/eshop_bootstrap_v4/assets/css/tech.css?178887786410548 */