/* 18.10.2026 — форма онлайн-оплаты /oplata (.pbx-*). Логика и поля Т-Банка не изменены */
html:not(.ob-d-off) .payment-banner.pbx{background:var(--d-card)!important;background-image:none!important;border-top:2px solid var(--d-ink);border-bottom:1px solid var(--d-line2);padding:36px 0 40px;margin-top:12px}
html:not(.ob-d-off) .pbx .payment-banner__wrapper{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}
html:not(.ob-d-off) .pbx .payment-banner__order,html:not(.ob-d-off) .pbx .payment-banner__present{min-width:0;max-width:none;width:auto;padding:0;margin:0}
html:not(.ob-d-off) .pbx .payment-banner__title{display:none}
html:not(.ob-d-off) .pbx-note{font-family:var(--d-sans);font-size:16px!important;line-height:1.5;color:var(--d-text)!important;margin:0 0 18px!important;max-width:560px}
html:not(.ob-d-off) .pbx-st{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--d-o-ink)!important;font-weight:700;margin:0 0 12px!important}
html:not(.ob-d-off) .pbx-l{display:block;margin:0}
html:not(.ob-d-off) .pbx-l__t{display:block;font-family:var(--d-sans);font-size:14px;font-weight:600;color:var(--d-ink);margin:0 0 6px}
html:not(.ob-d-off) .pbx .payment-banner__input{width:100%;height:56px;font-family:var(--d-sans);font-size:17px;color:var(--d-ink);background:#fff;border:1px solid var(--d-line)!important;border-radius:2px!important;padding:0 16px;box-shadow:none}
html:not(.ob-d-off) .pbx .payment-banner__input:focus{outline:2px solid var(--d-ink);outline-offset:1px;border-color:var(--d-ink)!important}
html:not(.ob-d-off) .pbx .payment-banner__group{margin:0 0 14px}
html:not(.ob-d-off) .pbx .payment-banner__btn{height:56px;border-radius:2px!important;font-family:var(--d-sans);font-size:17px;font-weight:700;border:0;cursor:pointer;min-width:220px}
html:not(.ob-d-off) .pbx #nextBtn{background:var(--d-o)!important;color:var(--d-ink)!important}
html:not(.ob-d-off) .pbx #nextBtn:hover{background:var(--d-oh)!important}
html:not(.ob-d-off) .pbx #btnSubmit{background:#1F7A4D!important;color:#fff!important}
html:not(.ob-d-off) .pbx #btnSubmit:hover{background:#18633E!important}
html:not(.ob-d-off) .pbx .payment-banner__dots{margin-top:14px}
html:not(.ob-d-off) .pbx .payment-banner__dot{border-radius:2px!important;font-family:var(--d-sans)}
html:not(.ob-d-off) .pbx .payment-banner__dot--active{background:var(--d-ink)!important;color:#fff!important}
/* правая колонка */
html:not(.ob-d-off) .pbx-side{font-family:var(--d-sans);color:var(--d-text)}
html:not(.ob-d-off) .pbx-safe{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;padding:12px 14px;background:#EEF6F0;border:1px solid #C9E3D2;border-radius:2px;color:#1F5C3D!important;font-weight:700;font-size:16px!important}
html:not(.ob-d-off) .pbx-safe svg{flex:none;width:22px;height:22px;fill:none;stroke:#1F7A4D;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
html:not(.ob-d-off) .pbx-points{list-style:none;margin:0 0 18px;padding:0}
html:not(.ob-d-off) .pbx-points li{position:relative;padding:6px 0 6px 22px;font-size:15px;line-height:1.5;color:var(--d-text)}
html:not(.ob-d-off) .pbx-points li:before{content:"";position:absolute;left:2px;top:12px;width:8px;height:4px;border-left:2px solid #1F7A4D;border-bottom:2px solid #1F7A4D;transform:rotate(-45deg)}
html:not(.ob-d-off) .pbx-cards__t{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--d-mut)!important;margin:0 0 8px!important}
html:not(.ob-d-off) .pbx-cards{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
html:not(.ob-d-off) .pbx-card{display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid var(--d-line);border-radius:2px;background:#fff;font-weight:800;font-size:14px;letter-spacing:.04em;color:var(--d-ink)}
html:not(.ob-d-off) .pbx-qr{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start;padding-top:18px;border-top:1px solid var(--d-line2)}
html:not(.ob-d-off) .pbx-qr img{display:block;width:132px;height:auto;border-radius:2px}
html:not(.ob-d-off) .pbx-qr p{font-size:14px!important;line-height:1.5;margin:0 0 8px!important;color:var(--d-text)!important}
html:not(.ob-d-off) .pbx-qr .pbx-qr__t{font-family:var(--d-serif);font-size:19px!important;color:var(--d-ink)!important}
html:not(.ob-d-off) .pbx-qr__btn{display:none;align-items:center;justify-content:center;height:52px;padding:0 18px;border:1px solid #1F7A4D;border-radius:2px;color:#1F5C3D!important;font-weight:700;text-decoration:none!important}
@media (max-width:991px){
html:not(.ob-d-off) .pbx .payment-banner__wrapper{grid-template-columns:1fr;gap:32px}
html:not(.ob-d-off) .pbx .payment-banner__btn{width:100%}
html:not(.ob-d-off) .pbx-qr__btn{display:flex}
}
@media (max-width:600px){html:not(.ob-d-off) .payment-banner.pbx{padding:24px 0 28px}html:not(.ob-d-off) .pbx-qr{grid-template-columns:96px minmax(0,1fr)}html:not(.ob-d-off) .pbx-qr img{width:96px}}
html:not(.ob-d-off) .pbx .payment-banner__form,html:not(.ob-d-off) .pbx .payment-banner__steps,html:not(.ob-d-off) .pbx .payment-banner__step,html:not(.ob-d-off) .pbx .payment-banner__group,html:not(.ob-d-off) .pbx .pbx-l{width:100%!important;max-width:560px!important}
html:not(.ob-d-off) .pbx .payment-banner__input{width:100%!important;max-width:none!important}
html:not(.ob-d-off) .pbx .payment-banner__group:has(#nextBtn){display:flex;flex-wrap:wrap;align-items:center;gap:14px}
html:not(.ob-d-off) .pbx .payment-banner__group:has(#nextBtn) .payment-banner__btn{flex:1 1 240px}
html:not(.ob-d-off) .pbx .payment-banner__dots{display:flex!important;flex-direction:row!important;gap:6px;margin:0!important;position:static!important;padding:0;list-style:none}
html:not(.ob-d-off) .pbx .payment-banner__dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--d-line)}
html:not(.ob-d-off) .pbx .payment-banner__error{color:#B33A00;font-size:14px;margin:0 0 10px}
html:not(.ob-d-off) .pbx-side a{color:var(--d-ink);text-decoration:underline;text-decoration-color:var(--d-o);text-underline-offset:3px}
@media (max-width:991px){html:not(.ob-d-off) .payment-banner.pbx>.container{padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important;box-sizing:border-box}}
html:not(.ob-d-off) .pbx .payment-banner__wrapper{margin-left:0!important;margin-right:0!important}