/* Кнопки абонента: личный кабинет и оплата.
   Оранжевый по брендбуку занят единственной главной кнопкой «Оставить заявку»,
   поэтому кабинет решён заливкой navy, а оплата контурной кнопкой. */
.btn-lk{background:var(--navy,#002E63);color:#fff;border-color:var(--navy,#002E63)}
.btn-lk:hover{background:#00224b;color:#fff}
.btn-pay{background:#fff;color:var(--navy,#002E63);border-color:var(--line-2,#CFD8E0)}
.btn-pay:hover{border-color:var(--navy,#002E63);color:var(--navy,#002E63)}
.btn-lk svg,.btn-pay svg{width:18px;height:18px;flex:none}
.btn-pay .cap{display:block;font:400 11px/1.2 var(--font);color:var(--faint,#6B7C8B);margin-top:2px;letter-spacing:0}
.btn-pay .lbl{display:block;text-align:left}
.btn-pay{flex-direction:row;align-items:center;line-height:1.15}

/* В шапке кнопки компактнее и не переносятся */
.hdr .btn-lk,.hdr .btn-pay{white-space:nowrap}
.hdr .btn-pay{padding-right:16px}

/* Тёмная подложка: контурная кнопка оплаты становится вывороткой */
.hero .btn-pay,.cfg-hero .btn-pay,footer .btn-pay{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.32);color:#fff}
.hero .btn-pay .cap,.cfg-hero .btn-pay .cap,footer .btn-pay .cap{color:rgba(255,255,255,.72)}
.hero .btn-lk,.cfg-hero .btn-lk,footer .btn-lk{background:#fff;color:var(--navy,#002E63);border-color:#fff}

/* Строка способов оплаты под кнопкой */
.pay-note{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--faint,#6B7C8B)}
.pay-note b{color:var(--ink,#0B1F33);font-weight:600}

/* Мобильная версия: две кнопки абонента в ряд */
.subs-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.subs-actions .btn{min-height:50px;padding:0 14px;font-size:14.5px}
@media(max-width:380px){.subs-actions{grid-template-columns:1fr}}

/* Шапка стала плотнее: на узких десктопах ужимаем по шагам,
   чтобы три кнопки и телефон не наехали друг на друга. */
@media(max-width:1260px){
  .hdr .btn-pay .cap{display:none}
  .hdr .btn-sm{padding:0 14px}
  .hdr .nav{gap:12px}
}
@media(max-width:1160px){
  .hdr-tel small{display:none}
  .hdr .btn-lk span{position:absolute;left:-9999px}
  .hdr .btn-lk{padding:0 13px}
}