/* ==========================================================================
   Стили страницы «Изменение условий договора» (izmenenie-usloviy-dogovora.php)
   Все селекторы с префиксом izm- и вложены в .izm-page, чтобы не пересекаться
   с assets/css/style.css и Bootstrap. Подключается только на этой странице.
   ========================================================================== */

.izm-page{
  --izm-gold:#F2C24C;
  --izm-gold-deep:#E0A82E;
  --izm-navy:#17365D;
  --izm-navy-soft:#1F4676;
  --izm-blue-bg:#DCEBF9;
  --izm-blue-bg-2:#EEF5FC;
  --izm-ink:#333A44;
  --izm-muted:#6B7480;
  --izm-line:#E6EAEF;

  font-family:"PT Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--izm-ink);
  line-height:1.6;
}
.izm-page *{box-sizing:border-box;}
.izm-page h1,
.izm-page h2,
.izm-page h3{font-family:"Montserrat",system-ui,sans-serif;color:var(--izm-navy);}

/* ---------- Hero ---------- */
.izm-hero{background:var(--izm-blue-bg);}
.izm-hero-inner{max-width:1120px;margin:0 auto;padding:44px 20px 40px;}
/* На ≥992px .navigation в шапке — position:absolute; bottom:-25px, т.е. навбар
   свисает поверх контента примерно на 60px и перекрывает хлебные крошки.
   Типовые страницы это скрывают большим отступом .page-title, у героя его нет. */
@media (min-width:992px){
  .izm-hero-inner{padding-top:80px;}
}
.izm-crumbs{font-size:13px;color:var(--izm-navy-soft);margin-bottom:14px;}
.izm-crumbs a{color:var(--izm-navy-soft);text-decoration:none;}
.izm-crumbs a:hover{text-decoration:underline;}
.izm-hero h1{font-size:30px;line-height:1.2;margin:0 0 14px;max-width:820px;}
.izm-hero p{font-size:16px;color:#2c3a4d;margin:0;max-width:820px;}

/* ---------- Контент ---------- */
.izm-main{max-width:1120px;margin:0 auto;padding:8px 20px 60px;}
.izm-block{padding:38px 0;border-bottom:1px solid var(--izm-line);}
.izm-block:last-child{border-bottom:0;}
.izm-eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-family:"Montserrat",sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  color:var(--izm-gold-deep);margin-bottom:10px;
}
.izm-eyebrow .izm-num{
  width:22px;height:22px;border-radius:50%;background:var(--izm-gold);color:#5a4610;
  display:grid;place-items:center;font-size:12px;
}
.izm-block h2{font-size:23px;margin:0 0 8px;}
.izm-lead{color:#42505f;font-size:15.5px;max-width:840px;margin:0 0 22px;}
.izm-page .izm-subhead{
  font-size:15px;margin:22px 0 12px;color:var(--izm-navy-soft);
  font-family:"Montserrat",sans-serif;font-weight:700;
}

/* ---------- Карточки категорий ---------- */
.izm-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.izm-card{
  background:var(--izm-blue-bg-2);border:1px solid #dfeaf5;border-left:4px solid var(--izm-gold);
  border-radius:10px;padding:16px 18px;
}
.izm-card-wide{grid-column:1 / -1;}
.izm-card h3{font-size:16px;margin:0 0 4px;}
.izm-card p{margin:0;font-size:14px;color:#4a5663;}

/* ---------- Меры ---------- */
.izm-measures{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px;}
.izm-measure{
  display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--izm-line);
  border-radius:10px;padding:14px 16px;
}
.izm-measure-wide{grid-column:1 / -1;}
.izm-measure .izm-chk{
  flex:none;width:24px;height:24px;border-radius:6px;background:var(--izm-blue-bg);
  color:var(--izm-navy);display:grid;place-items:center;font-weight:800;font-size:14px;
  font-family:"Montserrat",sans-serif;
}
.izm-measure p{margin:0;font-size:14.5px;color:#3b4652;}
.izm-measure p.izm-t{color:var(--izm-navy);font-weight:700;}

/* ---------- Скачивание документов ---------- */
.izm-downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:4px 0;}
.izm-dl{
  display:flex;align-items:center;gap:14px;text-decoration:none;
  background:#fff;border:1px solid var(--izm-line);border-left:4px solid var(--izm-gold);
  border-radius:10px;padding:16px 18px;transition:box-shadow .15s,transform .05s;
}
a.izm-dl:hover{box-shadow:0 6px 18px rgba(23,54,93,.10);text-decoration:none;}
a.izm-dl:active{transform:translateY(1px);}
.izm-dl-ic{font-size:26px;line-height:1;}
.izm-dl-txt{display:flex;flex-direction:column;flex:1;}
.izm-dl-t{color:var(--izm-navy);font-weight:700;font-size:15.5px;font-family:"Montserrat",sans-serif;}
.izm-dl-s{color:var(--izm-muted);font-size:12.5px;}
.izm-dl-arrow{color:var(--izm-gold-deep);font-weight:700;font-size:13.5px;white-space:nowrap;font-family:"Montserrat",sans-serif;}

/* ---------- Шаги ---------- */
.izm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;}
.izm-step{background:var(--izm-blue-bg-2);border:1px solid #dfeaf5;border-radius:10px;padding:18px;}
.izm-step .izm-s-num{
  width:30px;height:30px;border-radius:50%;background:var(--izm-navy);color:#fff;
  display:grid;place-items:center;font-weight:700;font-family:"Montserrat",sans-serif;margin-bottom:10px;
}
.izm-step h3{font-size:15.5px;margin:0 0 5px;}
.izm-step p{margin:0;font-size:14px;color:#4a5663;}
.izm-page a.izm-inline-link{color:var(--izm-gold-deep);font-weight:700;}

/* ---------- Плашка ---------- */
.izm-callout{
  background:var(--izm-blue-bg);border-radius:12px;padding:22px 24px;margin-top:26px;
  display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;
}
.izm-callout .izm-ic{font-size:26px;color:var(--izm-gold-deep);line-height:1;}
.izm-callout h3{margin:0 0 4px;font-size:17px;}
.izm-callout p{margin:0;font-size:14.5px;color:#3b4652;max-width:640px;}

/* ---------- Микрофинансовый омбудсман (низ страницы) ---------- */
.izm-ombudsman{
  display:flex;gap:26px;align-items:center;flex-wrap:wrap;
  padding:30px 0 0;
}
.izm-omb-logo{display:block;flex:0 0 auto;line-height:0;}
.izm-omb-logo img{
  display:block;width:160px;height:auto;
  transition:transform .15s,opacity .15s;
}
.izm-omb-logo:hover img,
.izm-omb-logo:focus img{transform:scale(1.03);opacity:.9;}
.izm-omb-text{flex:1 1 380px;min-width:0;}
.izm-omb-text h3{margin:0 0 6px;font-size:17px;}
.izm-omb-text p{margin:0;font-size:14.5px;color:#3b4652;max-width:680px;}

@media(max-width:760px){
  .izm-cards,.izm-measures,.izm-steps,.izm-downloads{grid-template-columns:1fr;}
  .izm-hero h1{font-size:24px;}
  .izm-hero-inner{padding:32px 20px 28px;}
  .izm-ombudsman{flex-direction:column;align-items:flex-start;gap:16px;}
  .izm-omb-logo img{width:130px;}
}