/* Всплывающее окно входа и регистрации (js/auth-modal.js).
   Скруглённая карточка поверх затемнённой страницы: переключатель
   «Вход | Регистрация» — сегментами-пилюлями, поля и кнопки с тем же
   радиусом, крестик — отдельной кнопкой над содержимым. */
body.authbox-open{overflow:hidden}
.authbox{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}
.authbox[hidden]{display:none}
.authbox-back{position:absolute;inset:0;background:rgba(10,7,4,.68);backdrop-filter:blur(3px)}
.authbox-card{position:relative;width:100%;max-width:412px;max-height:92vh;overflow-y:auto;
  background:linear-gradient(180deg,#FFFDF9 0%,#FAF6EF 120px);border-radius:20px;
  padding:26px 26px 24px;box-shadow:0 30px 70px rgba(10,7,4,.5),0 0 0 1px rgba(226,213,192,.9);
  animation:authbox-in .18s ease-out}
@keyframes authbox-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.authbox-card{animation:none}}

.authbox-x{position:absolute;top:14px;right:14px;width:34px;height:34px;padding:0;display:flex;
  align-items:center;justify-content:center;border:0;border-radius:50%;cursor:pointer;
  background:rgba(23,17,12,.06);color:#5B4C3D}
.authbox-x svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;
  pointer-events:none}
.authbox-x:hover{background:rgba(23,17,12,.12);color:#17110C}

.authbox-head{padding-right:40px;margin-bottom:18px}
.authbox-eyebrow{display:block;font:600 10.5px/1 inherit;letter-spacing:.16em;text-transform:uppercase;
  color:#C8883A;margin-bottom:7px}
.authbox-head b{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:700;color:#17110C}

.authbox-tabs{display:flex;gap:4px;padding:4px;margin-bottom:20px;background:#F0E7D8;border-radius:999px}
.authbox-tabs button{flex:1;padding:10px 6px;border:0;border-radius:999px;background:transparent;color:#6B5A47;
  cursor:pointer;font:600 14px inherit;font-family:inherit;transition:background .15s,color .15s}
.authbox-tabs button:hover{color:#17110C}
.authbox-tabs button.active{background:#17110C;color:#E9C48C;box-shadow:0 2px 8px rgba(23,17,12,.25)}

.authbox-form label{display:block;font-weight:600;font-size:12.5px;color:#5B4C3D;margin-bottom:6px}
.authbox-form input[type=email],.authbox-form input[type=password],.authbox-form input[inputmode=numeric]{
  width:100%;padding:12px 14px;font:15px inherit;font-family:inherit;color:#241A12;background:#fff;
  border:1px solid #E2D5C0;border-radius:12px;margin-bottom:16px;transition:border-color .15s,box-shadow .15s}
.authbox-form input:focus{outline:0;border-color:#C8883A;box-shadow:0 0 0 3px rgba(200,136,58,.22)}
.authbox-form .btn{width:100%;display:block;text-align:center;cursor:pointer;border:0;border-radius:999px;
  font:600 15px inherit;font-family:inherit;padding:13px 18px;background:#C8883A;color:#1B1109;
  box-shadow:0 6px 16px rgba(200,136,58,.32);transition:background .15s,box-shadow .15s,transform .05s}
.authbox-form .btn:hover:not(:disabled){background:#D89844}
.authbox-form .btn:active:not(:disabled){transform:translateY(1px)}
.authbox-form .btn:disabled{opacity:.55;cursor:default;box-shadow:none}

.authbox-lead{font-size:13.5px;line-height:1.5;color:#5B4C3D;margin-bottom:18px}
.authbox-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;line-height:1.45;
  color:#5B4C3D;margin-bottom:14px;cursor:pointer}
.authbox-check input{width:18px;height:18px;margin-top:1px;flex:0 0 auto;accent-color:#6B4423;border-radius:5px}
.authbox-check span{font-weight:400}
.authbox-check a{color:#6B4423}

.authbox-msg{margin-top:16px;font-size:13.5px;line-height:1.5;background:rgba(200,136,58,.14);
  border-left:3px solid #C8883A;border-radius:10px;padding:11px 14px;color:#241A12}
.authbox-msg.bad{background:#F7E6E1;border-left-color:#A63D2F;color:#A63D2F}
.authbox-foot{margin-top:16px;font-size:13px;color:#7A6A57;text-align:center}
.authbox-foot a{color:#6B4423}

@media(max-width:420px){
  .authbox{padding:12px}
  .authbox-card{padding:22px 18px 20px;border-radius:18px}
}