

/* Start:/local/static/css/checklists.css?17824032877262*/
/* ───────────────────────────────────────────────────────────────
   checklists.css — вёрстка чек-листов раздела /other/
   Заменяют картинки-инфографику. Фирменные цвета: #17ad4b / #088141
   ─────────────────────────────────────────────────────────────── */
.chk{--g:#17ad4b;--gd:#088141;--gl:#e7f4ec;--gl2:#f2f9f4;--ink:#2b3b33;--mut:#6b7c74;
  max-width:780px;margin:0 auto;color:var(--ink);font-size:15px;line-height:1.45;}
.chk *{box-sizing:border-box;}
.chk a{color:var(--gd);}

/* Заголовок */
.chk__title{font-size:28px;line-height:1.15;font-weight:800;color:var(--gd);text-transform:uppercase;margin:0 0 4px;}
.chk__title span{display:block;font-size:17px;font-weight:600;color:var(--g);text-transform:none;}
.chk__lead{color:var(--mut);margin:0 0 22px;font-size:14px;}

/* Кликабельный чекбокс (нативный input, стилизован на CSS, без картинок) */
.chk-ic{flex:0 0 auto;display:inline-flex;margin-top:1px;cursor:pointer;position:relative;}
.chk-ic input{position:absolute;width:0;height:0;opacity:0;margin:0;}
.chk-ic__b{width:22px;height:22px;border:2px solid var(--g);border-radius:6px;display:inline-flex;
  align-items:center;justify-content:center;transition:background .12s,border-color .12s;}
.chk-ic__b::after{content:"";width:6px;height:11px;border:solid var(--g);border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg) translate(-1px,-2px);opacity:0;transition:opacity .12s;}
.chk-ic input:checked + .chk-ic__b{background:var(--g);}
.chk-ic input:checked + .chk-ic__b::after{opacity:1;border-color:#fff;}
.chk-ic input:focus-visible + .chk-ic__b{outline:2px solid var(--gd);outline-offset:2px;}
.chk-ic:hover .chk-ic__b{border-color:var(--gd);}

/* Списки пунктов */
.chk-list{list-style:none;margin:0;padding:0;}
.chk-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;}
.chk-list li + li{border-top:1px solid #edf4ef;}
.chk-list em{display:block;font-style:italic;color:var(--mut);font-size:13px;line-height:1.35;margin-top:2px;font-weight:400;}
.chk-list b{font-weight:600;}

/* Секции и колонки (списки документов — #1, #4) */
.chk-sec{background:var(--gl2);border:1px solid var(--gl);border-radius:16px;padding:18px 20px;margin-bottom:18px;}
.chk-sec__head{display:inline-flex;align-items:center;gap:8px;background:var(--gl);color:var(--gd);
  font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.02em;padding:9px 16px;border-radius:10px;margin-bottom:14px;}
.chk-sec__head svg{width:20px;height:20px;}
.chk-cols{display:flex;gap:16px;align-items:flex-start;}
.chk-col{flex:1 1 0;min-width:0;background:var(--gl2);border:1px solid var(--gl);border-radius:16px;padding:16px;}
.chk-col__head{background:var(--g);color:#fff;font-weight:800;text-transform:uppercase;font-size:13px;line-height:1.25;
  padding:11px 14px;border-radius:10px;margin:-2px 0 14px;min-height:46px;display:flex;align-items:center;gap:8px;}
.chk-col__head svg{width:20px;height:20px;flex:0 0 auto;}
.chk-sub{background:#fff;border:1px solid var(--gl);border-radius:12px;padding:14px;margin-top:14px;}
.chk-sub__head{background:var(--g);color:#fff;font-weight:800;text-transform:uppercase;font-size:12px;padding:9px 12px;border-radius:8px;margin:-2px -2px 12px;}

/* Сетка карточек-разделов (#4) */
.chk-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px;}
.chk-grid .chk-card{flex:1 1 320px;background:var(--gl2);border:1px solid var(--gl);border-radius:16px;padding:16px 18px;}
.chk-grid .chk-card.is-wide{flex-basis:100%;}
.chk-card__head{display:flex;align-items:flex-start;gap:10px;color:var(--gd);font-weight:800;text-transform:uppercase;
  font-size:14px;line-height:1.25;margin-bottom:12px;}
.chk-card__head svg{width:24px;height:24px;flex:0 0 auto;color:var(--g);}
.chk-card__head em{display:block;font-style:italic;font-weight:400;text-transform:none;color:var(--mut);font-size:13px;margin-top:3px;}

/* Строки направлений (#2 покупатель) */
.chk-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.chk-tab{background:var(--g);color:#fff;font-weight:800;text-transform:uppercase;font-size:13px;padding:10px 16px;border-radius:10px;}
.chk-tab.is-alt{background:var(--gl);color:var(--gd);}
.chk-row{display:flex;gap:0;border:1px solid var(--gl);border-radius:16px;overflow:hidden;margin-bottom:16px;background:#fff;}
.chk-row__label{flex:0 0 150px;background:var(--g);color:#fff;padding:18px 16px;display:flex;flex-direction:column;gap:12px;
  align-items:center;justify-content:center;text-align:center;font-weight:800;text-transform:uppercase;font-size:14px;line-height:1.2;}
.chk-row__label svg{width:42px;height:42px;}
.chk-row__body{flex:1 1 auto;min-width:0;padding:16px 18px;}
.chk-q{color:var(--gd);font-weight:700;margin:14px 0 6px;font-size:14px;}
.chk-callout{display:flex;gap:10px;align-items:flex-start;background:var(--gl2);border:1px solid var(--gl);border-radius:12px;
  padding:10px 12px;margin:6px 0 4px 32px;font-size:13px;color:var(--mut);line-height:1.35;}
.chk-callout svg{width:22px;height:22px;flex:0 0 auto;color:var(--g);}

/* Советы + панель (#3 показ) */
.chk-advice{background:var(--g);color:#fff;border-radius:16px;padding:16px 18px;}
.chk-advice__head{font-weight:800;text-transform:uppercase;font-size:15px;margin-bottom:12px;}
.chk-tip + .chk-tip{margin-top:14px;}
.chk-tip{display:flex;gap:10px;align-items:flex-start;}
.chk-tip__t{font-weight:700;display:block;margin-bottom:2px;}
.chk-tip__d{font-size:13px;line-height:1.4;color:var(--mut);}
.chk-advice .chk-tip__d{color:#eaf6ee;}
.chk-advice .chk-ic__b{border-color:#fff;}
.chk-advice .chk-ic input:checked + .chk-ic__b{background:#fff;}
.chk-advice .chk-ic input:checked + .chk-ic__b::after{border-color:var(--g);}
.chk-advice .chk-ic:hover .chk-ic__b{border-color:#d7efe0;}
.chk-advice .chk-list{color:#fff;}
.chk-advice .chk-list em{color:#e8f5ec;}
.chk-advice .chk-list li + li{border-top-color:rgba(255,255,255,.22);}

/* Группы физ.лица (#1) */
.chk-fiz{display:flex;gap:18px;flex-wrap:wrap;}
.chk-fiz__col{flex:1 1 200px;}
.chk-fiz__head{display:flex;align-items:center;gap:8px;color:var(--gd);font-weight:800;text-transform:uppercase;font-size:13px;margin-bottom:10px;}
.chk-fiz__head svg{width:20px;height:20px;color:var(--g);}

/* Итоговая плашка */
.chk-note{display:flex;gap:12px;align-items:center;background:var(--gl);border-radius:14px;padding:16px 18px;margin-top:6px;font-size:14px;color:var(--gd);}
.chk-note svg{flex:0 0 auto;width:30px;height:30px;color:var(--g);}

@media(max-width:760px){
  .chk__title{font-size:23px;}
  .chk-cols{flex-direction:column;}
  .chk-col__head{min-height:auto;}
  .chk-row{flex-direction:column;}
  .chk-row__label{flex-basis:auto;flex-direction:row;padding:12px 16px;}
  .chk-row__label svg{width:30px;height:30px;}
  .chk-callout{margin-left:0;}
}

/* End */
/* /local/static/css/checklists.css?17824032877262 */
