/* 05.10.2026: общий стиль страниц регистрации, входа и восстановления пароля (.su2) */
.su2{max-width:960px;font-size:15px;color:#222}
.su2 .su2-tabs{display:flex;gap:4px;border-bottom:2px solid #0a6bb5;margin:0 0 20px}
.su2 .su2-tab{padding:10px 22px;border-radius:8px 8px 0 0;background:#eef2f6;color:#0a6bb5;text-decoration:none;font-weight:600}
.su2 .su2-tab.active{background:#0a6bb5;color:#fff}
.su2 .su2-tab:not(.active):hover{background:#dde7f1}
.su2 .su2-wrap{display:flex;gap:28px;align-items:flex-start}
.su2 .su2-card{flex:0 1 520px;background:#fff;border:1px solid #e1e6ec;border-radius:12px;padding:24px 28px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.su2 .su2-side{flex:1 1 260px;background:#f5f8fb;border-radius:12px;padding:20px 22px;line-height:1.5}
.su2 .su2-side h3{margin:0 0 8px;font-size:16px}
.su2 .su2-side ul{margin:0 0 12px;padding-left:18px}
.su2 .su2-side li{margin:3px 0;list-style:disc}
.su2 .su2-help{font-size:14px;color:#555;margin:0}
.su2 h1.su2-title{font-size:24px;margin:0 0 4px;color:#222;text-align:left;background:none;padding:0}
.su2 .su2-sub{margin:0 0 18px;color:#666}
.su2 form .row{margin:0 0 14px;padding:0;float:none;width:auto;overflow:visible}
.su2 form .row > label{display:block;float:none;width:auto;margin:0 0 5px;font-size:14px;font-weight:700;color:#333;text-align:left}
.su2 form .row > label.required:after{content:" *";color:#d33}
.su2 form .row .field{float:none;width:auto;margin:0}
.su2 form input[type=text],.su2 form input[type=tel],.su2 form select{box-sizing:border-box;width:100%;max-width:none;height:44px;padding:0 12px;border:1px solid #c9d1da;border-radius:8px;font-size:16px;background:#fff;color:#222}
.su2 form input[type=tel]:focus,.su2 form input[type=text]:focus,.su2 form select:focus{outline:none;border-color:#0a6bb5;box-shadow:0 0 0 3px rgba(10,107,181,.15)}
.su2 form input::placeholder{color:#aab2bb}
.su2 form .row.has-error input[type=tel],.su2 form .row.has-error input[type=text]{border-color:#d33;background:#fff7f7}
.su2 form p.hint{margin:5px 0 0;font-size:13px;font-style:normal;color:#777}
.su2 form ul.errors{margin:5px 0 0;padding:0;list-style:none;color:#d33;font-size:13px}
.su2 form ul.errors li{list-style:none}
.su2 span#carrier_note{display:block;margin:5px 0 0;font-weight:normal;color:#2a8a2a;font-size:13px}
.su2 #carrier_note + #carrier_note{display:none}
/* частное / юр. лицо — переключатель из двух кнопок */
.su2 #face_as-physical,.su2 #face_as-juridical{position:absolute;opacity:0;pointer-events:none}
.su2 .face-switch{display:flex;border:1px solid #c9d1da;border-radius:8px;overflow:hidden}
.su2 .face-switch label{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:9px 8px;text-align:center;cursor:pointer;line-height:1.25;color:#333;background:#fff}
.su2 .face-switch label b{font-size:15px;font-weight:700}
.su2 .face-switch label small{font-size:12px;color:#777}
.su2 .face-switch label.on small{color:#d6e6f5}
.su2 .face-switch label + label{border-left:1px solid #c9d1da}
.su2 .face-switch label.on{background:#0a6bb5;color:#fff}
.su2 .face-switch br{display:none}
/* согласие */
.su2 .pd-agree{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:18px 0 16px;padding:12px;background:#f7f9fb;border-radius:8px}
.su2 .pd-agree input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0}
.su2 .pd-agree .hint{flex:1 1 0;display:inline;margin:0;font-style:normal;font-size:13px;line-height:1.45;color:#444}
.su2 .pd-agree ul.errors{flex-basis:100%}
.su2 .pd-agree.has-error{background:#fff2f2}
/* капча */
.su2 .captcha-box{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.su2 form .captcha-box img{float:none;margin:0;border:1px solid #e1e6ec;border-radius:8px;height:50px;width:auto}
.su2 span#captcha_refresh{display:inline-block;margin:0;width:auto;border:none;color:#0a6bb5;font-size:14px;cursor:pointer}
.su2 span#captcha_refresh:before{content:"↻ "}
.su2 span#captcha_refresh + #captcha_refresh{display:none}
.su2 #captcha-input{flex-basis:100%;width:100%}
/* кнопка */
.su2 #submit{width:100%;height:50px;border:none;border-radius:8px;background:#f28c00;color:#fff;font-size:17px;font-weight:600;cursor:pointer;text-transform:none;box-shadow:none;margin:4px 0 0}
.su2 #submit:hover{background:#e07f00}
.su2 #submit[disabled]{opacity:.7;cursor:wait}
.su2 .su2-login-hint{margin:14px 0 0;text-align:center;font-size:14px;color:#666}
/* после регистрации */
.su2 .su2-done{max-width:520px;text-align:center}
.su2 .su2-ok{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:#2a9d3a;color:#fff;font-size:30px;line-height:56px}
.su2 .su2-links{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:16px}
.su2 .su2-btn{display:inline-block;padding:12px 26px;border-radius:8px;background:#0a6bb5;color:#fff !important;text-decoration:none;font-weight:600}
@media (max-width:900px){
  .su2 .su2-wrap{flex-direction:column;gap:16px}
  .su2 .su2-card{flex:none;width:100%;box-sizing:border-box;padding:18px 16px;border-radius:10px}
  .su2 .su2-side{flex:none;width:100%;box-sizing:border-box;padding:16px}
  .su2 .su2-tab{flex:1;text-align:center;padding:10px 8px}
  .su2 h1.su2-title{font-size:21px}
}
/* вход и восстановление */
.su2 .su2-narrow{flex:0 1 440px}
.su2 .pass-box{position:relative}
.su2 .pass-box input{padding-right:92px !important}
.su2 .pass-eye{position:absolute;right:6px;top:6px;height:32px;padding:0 10px;border:none;border-radius:6px;background:#eef2f6;color:#0a6bb5;font-size:13px;cursor:pointer}
.su2 form input[type=password]{box-sizing:border-box;width:100%;max-width:none;height:44px;padding:0 12px;border:1px solid #c9d1da;border-radius:8px;font-size:16px;background:#fff;color:#222}
.su2 form input[type=password]:focus{outline:none;border-color:#0a6bb5;box-shadow:0 0 0 3px rgba(10,107,181,.15)}
.su2 .su2-alert{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#fff2f2;color:#c22;font-size:14px}
.su2 .su2-forgot{margin:14px 0 0;text-align:center;font-size:14px}
/* 05.10.2026: регистрация на ПК — поля в два столбца, «Зачем регистрироваться» полосой под формой */
@media (min-width:901px){
  .su2 .su2-signup{flex-direction:column;gap:16px}
  .su2 .su2-signup .su2-card{flex:none;width:100%;max-width:860px;box-sizing:border-box}
  .su2 .su2-signup .su2-side{flex:none;width:100%;max-width:860px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px 28px;align-items:baseline}
  .su2 .su2-signup .su2-side h3{flex-basis:100%}
  .su2 .su2-signup .su2-side ul{display:flex;flex-wrap:wrap;gap:2px 28px;margin:0;padding:0}
  .su2 .su2-signup .su2-side li{list-style:none}
  .su2 .su2-signup .su2-side li:before{content:"✓ ";color:#2a9d3a;font-weight:700}
  .su2 .su2-signup form{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}
  .su2 .su2-signup form .row.pd-agree,.su2 .su2-signup form .row.su2-full{grid-column:1 / -1}
  .su2 .su2-signup form .row.pd-agree{margin:6px 0 14px}
  .su2 .su2-signup .captcha-box{flex-wrap:nowrap}
  .su2 .su2-signup .captcha-box #captcha-input{flex:0 1 260px;width:auto}
  .su2 .su2-signup form .row.su2-full #submit{max-width:400px;display:block;margin:4px auto 0}
}