/* Инфо-страницы (о компании, оплата, доставка, контакты, опт, оферта, политика).
   Ось и заголовок — как в каталоге (catalog_list .cl-shell): var(--page-max), 26px 20px, h1 24px/800;
   хлебные крошки — в оранжевой полосе (partials/breadcrumbs.html). Ян 14.10. */
.ip-shell{width:100%;max-width:var(--page-max);margin:0 auto;padding:26px 20px 64px}
.ip-shell h1{font-size:24px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;text-wrap:balance}
.ip-lead{font-size:14px;color:var(--muted);margin:0 0 24px;max-width:760px}

/* основной столбец + боковая колонка с картинкой и фактами */
.ip-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:start}
.ip-main{min-width:0}
.ip-aside{position:sticky;top:16px;display:grid;gap:14px}
.ip-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--paper)}
.ip-facts{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px 18px}
.ip-fact{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.ip-fact:last-child{border-bottom:0}
.ip-fact b{display:block;color:var(--ink);font-size:14.5px}
.ip-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-d)}
.ip-ico svg{width:19px;height:19px}
.ip-links{display:flex;flex-wrap:wrap;gap:8px}
.ip-links a{font-size:13px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none}
.ip-links a:hover{border-color:var(--accent);color:var(--accent-t);text-decoration:none}

/* секции основного столбца */
.ip-sec{margin:0 0 34px}
.ip-sec:last-child{margin-bottom:0}
.ip-sec>h2{font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}
.ip-sec>p{font-size:15px;line-height:1.7;color:var(--ink-2);margin:0 0 12px;max-width:760px}
.ip-sec>p b{color:var(--ink)}
.ip-sec>p a,.ip-note a{color:var(--accent-t)}

.ip-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ip-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.ip-card h3{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.3;color:var(--ink);margin:0 0 2px}
.ip-card p{margin:0}
.ip-card .ip-more{margin-top:auto;padding-top:6px;font-weight:700;color:var(--ink);text-decoration:none;font-size:14px}
.ip-card .ip-more::after{content:" \2192";color:var(--accent)}
.ip-card .ip-more:hover{color:var(--accent-t);text-decoration:none}
.ip-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.ip-pills span{font-size:12px;font-weight:700;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:3px 8px}

.ip-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:ip}
.ip-steps li{counter-increment:ip;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.ip-steps li::before{content:counter(ip);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:14px;margin-bottom:10px}
.ip-steps li b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}

.ip-note{background:var(--accent-soft);border:1px solid rgba(234,88,12,.25);border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.ip-note b{color:var(--ink)}

.ip-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:14px;padding:20px 22px}
.ip-cta b{display:block;font-size:17px}
.ip-cta span{font-size:13.5px;color:rgba(255,255,255,.72)}
.ip-cta .apbtn{flex:none}

/* длинные документы (оферта, политика): оглавление + колонка для чтения */
.ip-legal{display:grid;grid-template-columns:240px minmax(0,760px);gap:48px;align-items:start}
.ip-toc{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;font-size:13px}
.ip-toc b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.ip-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.ip-toc a{display:block;padding:5px 0 5px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;line-height:1.35}
.ip-toc a:hover,.ip-toc a.on{color:var(--accent-t);border-left-color:var(--accent);text-decoration:none}
.ip-legal .ap-doc h2{scroll-margin-top:16px}
.ip-legal .ap-doc{max-width:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 32px}

@media(max-width:1000px){
  .ip-grid{grid-template-columns:1fr;gap:24px}
  .ip-aside{position:static;grid-template-columns:1fr 1fr}  /* после основного: на телефоне сначала суть (форма контактов не уезжает вниз) */
  .ip-aside .ip-links{grid-column:1/-1}
  .ip-legal{grid-template-columns:1fr;gap:0}
  .ip-toc{display:none}
}
@media(max-width:640px){
  .ip-aside{grid-template-columns:1fr}
  .ip-photo{aspect-ratio:16/9}
  .ip-steps{grid-template-columns:1fr}
  .ip-legal .ap-doc{padding:20px 18px}
}

/* контакты: форма в карточке */
.ip-formcard{padding:24px 26px}
.ip-formcard .ap-form{max-width:none}
.ip-formcard .ap-form-alt{margin:0}
.ip-fact b a{color:var(--ink);text-decoration:none}
.ip-fact b a:hover{color:var(--accent-t)}
.ip-main.ap-doc{max-width:none}