/* lovin — общие стили страниц заказа и кабинета */
:root{
  --bg:#170d07;
  --card:#241710;
  --card-2:#2b1c12;
  --line:rgba(237,232,221,.1);
  --cream:#EDE8DD;
  --white:#ffffff;
  --brown:#512716;
  --muted:rgba(237,232,221,.62);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Golos Text',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg);color:var(--cream);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Inter',sans-serif}
img{display:block;max-width:100%;pointer-events:none;-webkit-user-drag:none;user-select:none}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
::selection{background:var(--cream);color:var(--brown)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;line-height:1;
  background:var(--cream);color:#1d110a;
  font-weight:600;font-size:15px;letter-spacing:-.01em;
  padding:15px 26px 14px;border-radius:100px;border:1px solid var(--cream);
  cursor:pointer;white-space:nowrap;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease),opacity .3s;
}
.btn:hover{background:var(--white);border-color:var(--white);transform:scale(1.03)}
.btn:active{transform:scale(1)}
.btn.ghost{background:transparent;color:var(--cream);border-color:rgba(237,232,221,.32)}
.btn.ghost:hover{border-color:var(--cream);background:rgba(237,232,221,.08)}
.btn.big{padding:18px 34px 17px;font-size:16px}
.btn.w100{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}

/* ---------- топбар ---------- */
.topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(23,13,7,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.topbar .in{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}
.tb-back{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--cream);flex:none;
  transition:border-color .3s,background .3s;
}
.tb-back:hover{border-color:var(--cream);background:rgba(237,232,221,.07)}
.tb-back svg{width:18px;height:18px}
.tb-title{font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px;color:var(--white);letter-spacing:-.01em}
.tb-sub{font-size:12.5px;color:var(--muted);font-family:'Golos Text',sans-serif;font-weight:400;margin-top:2px}
.tb-spacer{flex:1}
.js-acc{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--cream);flex:none;
  transition:border-color .3s;
}
.js-acc:hover{border-color:var(--cream)}
.js-acc svg{width:19px;height:19px}
.js-acc.logged{background:var(--cream);color:#1d110a;border-color:var(--cream);font-family:'Unbounded',sans-serif;font-weight:800;font-size:15px}

/* ---------- поля ---------- */
.field{margin-bottom:14px;text-align:left}
.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
.field input{
  width:100%;background:var(--bg);border:1px solid var(--line);border-radius:14px;
  padding:15px 16px;font-family:'Golos Text',sans-serif;font-size:16px;color:var(--cream);outline:none;
  transition:border-color .3s;
}
.field input:focus{border-color:rgba(237,232,221,.45)}
.err{color:#e08585;font-size:13px;margin:4px 0 10px;display:none}
.err.show{display:block}
.hint{font-size:13px;color:var(--muted);text-align:center;margin-top:14px}
.hint b{color:var(--cream);letter-spacing:.2em}

/* ---------- карточки ---------- */
.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px}
.script{font-family:'Marck Script',cursive;font-weight:400}