/* account.css — 6 · Кабинет: вход, мои заказы, избранное (logic/NEW_MAP_4.md §6 B1–B3), build P6 023, 01.10.2026.
   One window for both buyers (client common.md §Окно «Войти»), R38 G3 colour halves · R61 K12 (tabs as pills, rows with ›) ·
   R35 P5 (product plates in their tone) · R35 P2 (dome seam). Motion — transform/opacity only. */

main [hidden] { display: none !important; }

/* ---------- head ---------- */
.ac-head h1 em { font-style: normal; color: var(--clay); }
.ac-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(16px, 1.6vw, 28px); }
.ac-jump a { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 20px 0 15px; border-radius: var(--r-pill); background: var(--white);
  border: 1.5px solid var(--line); font-weight: 600; font-size: var(--fs-small); transition: transform .2s var(--ease); }
.ac-jump a:hover { border-color: var(--ink); }
.ac-jump a:active { transform: scale(.97); }
.ac-jump .ico { width: 20px; height: 20px; }

/* ---------- 6.B1 one window ---------- */
.auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 32px; overflow: hidden; background: var(--white); }
.auth__in, .auth__new { padding: clamp(26px, 3.4vw, 76px); position: relative; }
.auth h2 { font-family: var(--f-acc); font-size: clamp(27px, 1.3vw + 10px, 42px); line-height: 1.1; }
.auth__new { background: var(--sun); overflow: hidden; }
.auth__new h2 { max-width: 11ch; }
.auth__p { margin-top: 14px; max-width: 46ch; }
.auth__p a { border-bottom: 2px solid var(--ink); font-weight: 600; }
.auth__list { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; font-weight: 600; }
.auth__list li { display: flex; gap: 12px; align-items: center; }
.auth__list .ico { width: 28px; height: 28px; padding: 5px; border-radius: 50%; background: var(--white); flex: none; }
.auth__regbtn { margin-top: 26px; }
.auth__regbtn[aria-expanded="true"] { display: none; }
.auth__dr { position: absolute; right: clamp(18px, 2.6vw, 60px); top: clamp(18px, 2.4vw, 56px); width: clamp(84px, 7.4vw, 156px); height: auto; mix-blend-mode: multiply; }
.auth__row { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 16px; }
.auth__link { font-weight: 600; font-size: var(--fs-small); border-bottom: 2px solid var(--sun); padding-bottom: 2px; }
.auth__link:hover { border-color: var(--ink); }
.auth__go { margin-top: 24px; min-width: min(100%, 220px); }
.auth__form { max-width: 520px; }
.auth__form .btn { min-height: 56px; }
.auth__reg { margin-top: 24px; padding-top: 22px; border-top: 1.5px solid rgba(45, 41, 38, .16); max-width: 620px; }
.auth__reg h3 { font-family: var(--f-acc); font-size: var(--fs-h3); }
.auth__reg .btn { margin-top: 20px; min-height: 56px; }
.auth__two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }
.auth__new .fld input { background: var(--white); border-color: rgba(45, 41, 38, .12); }

/* fields — the same as the checkout (cart.css) */
.fld { display: grid; gap: 8px; min-width: 0; margin-top: 14px; }
.fld > span:first-child { font-size: var(--fs-small); font-weight: 600; }
.fld input { width: 100%; min-height: 54px; padding: 0 20px; border-radius: var(--r-pill); border: 1.5px solid var(--line); background: var(--cream); font-size: var(--fs-body); outline: 0; }
.fld input:focus { border-color: var(--ink); background: var(--white); }
.fld.is-bad input { border-color: var(--clay); background: var(--white); box-shadow: 0 0 0 3px rgba(164, 49, 22, .12); }
.fld.is-bad > span:first-child { color: var(--clay); }
.ck { display: inline-flex; gap: 10px; align-items: center; cursor: pointer; font-size: var(--fs-small); }
.ck input { appearance: none; width: 22px; height: 22px; margin: 0; border-radius: 7px; border: 2px solid var(--line); background: var(--white); display: grid; place-items: center;
  cursor: pointer; flex: none; }
.ck input:checked { background: var(--sun); border-color: var(--sun); }
.ck input:checked::after { content: ""; width: 10px; height: 6px; border-left: 2.5px solid var(--ink); border-bottom: 2.5px solid var(--ink); transform: translateY(-1px) rotate(-45deg); }

/* ---------- 6.B2 my orders ---------- */
.ords { background: var(--sand); margin-top: clamp(70px, 7vw, 160px); padding: clamp(8px, 1vw, 24px) 0 var(--sec); }
.ords.dome::before { height: clamp(70px, 7vw, 160px); }
.ords .sec__head { margin-bottom: clamp(18px, 1.6vw, 30px); }
.ords__tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.ords__tabs button { display: inline-flex; align-items: center; gap: 8px; min-height: 50px; padding: 0 22px; border-radius: var(--r-pill); background: var(--white);
  font-weight: 600; transition: transform .2s var(--ease); }
.ords__tabs button:active { transform: scale(.96); }
.ords__tabs button[aria-selected="true"] { background: var(--ink); color: var(--white); }
.ords__tabs sup { font-size: 12px; font-weight: 700; min-width: 22px; height: 22px; line-height: 22px; padding: 0 6px; border-radius: 11px; background: var(--sun); color: var(--ink);
  text-align: center; vertical-align: middle; }
.ords__tabs sup:empty { display: none; }
.ords__list { display: grid; gap: 12px; }
.ord { background: var(--white); border-radius: var(--r-card); }
.ord__head { list-style: none; cursor: pointer; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; gap: clamp(14px, 1.8vw, 36px); align-items: center;
  padding: clamp(14px, 1.3vw, 24px) clamp(16px, 1.8vw, 32px); }
.ord__head::-webkit-details-marker { display: none; }
.ord__pics { display: flex; padding-left: 2px; }
.ord__pics span { position: relative; width: clamp(52px, 4vw, 70px); aspect-ratio: 1; border-radius: 16px; background: var(--tone, var(--sand)); border: 3px solid var(--white);
  margin-left: -14px; overflow: hidden; flex: none; }
.ord__pics span:first-child { margin-left: 0; }
.ord__pics img, .ord__plate img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; }
.ord__pics img.is-photo, .ord__plate img.is-photo { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ord__t { min-width: 0; display: grid; gap: 4px; }
.ord__t b { font-family: var(--f-acc); font-size: var(--fs-h3); line-height: 1.15; }
.ord__t small, .ord__st small, .ord__sum small { display: block; font-size: 13px; color: var(--ink-2); }
.ord__tag { justify-self: start; display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: var(--r-pill); background: var(--butter);
  border: 1.5px dashed rgba(45, 41, 38, .35); font-size: 13px; font-weight: 700; }
.ord__st b { font-weight: 600; }
.ord__st b.is-done { color: var(--ok); }
.ord__sum { text-align: right; }
.ord__sum b { font-size: var(--fs-price); letter-spacing: -.02em; }
.ord__arr { width: 42px; height: 42px; border-radius: 50%; background: var(--cream); display: grid; place-items: center; transition: transform .3s var(--ease); }
.ord__arr .ico { width: 20px; height: 20px; }
.ord[open] .ord__arr { transform: rotate(90deg); }
.ord__body { padding: 0 clamp(16px, 1.8vw, 32px) clamp(16px, 1.6vw, 28px); }
.ord__lines { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.ord__lines li { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.ord__plate { position: relative; display: block; width: 56px; aspect-ratio: 1; border-radius: 14px; background: var(--tone, var(--sand)); overflow: hidden; }
.ord__n { font-weight: 600; line-height: 1.3; }
.ord__n:hover { color: var(--clay); }
.ord__q { color: var(--ink-2); white-space: nowrap; }
.ord__ls { font-weight: 700; white-space: nowrap; min-width: 4.6em; text-align: right; }
.ord__foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-top: 16px; }
.ord__dlv { color: var(--ink-2); font-size: var(--fs-small); max-width: 52ch; }
.ord__foot .btn { min-height: 54px; }
.ords__empty { display: flex; align-items: center; gap: clamp(16px, 2vw, 36px); background: var(--white); border-radius: var(--r-card); padding: clamp(20px, 2.2vw, 40px); }
.ords__empty img { width: clamp(84px, 6.4vw, 120px); height: auto; mix-blend-mode: multiply; }

/* ---------- 6.B3 favourites ---------- */
.fav__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.3vw, 28px); }
.fav__empty { display: flex; align-items: center; gap: clamp(16px, 2vw, 40px); flex-wrap: wrap; background: var(--white); border-radius: var(--r-card); padding: clamp(20px, 2.2vw, 40px); }
.fav__dr { width: clamp(84px, 6.4vw, 120px); height: auto; mix-blend-mode: multiply; }
.fav__chip { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 24px; border-radius: var(--r-pill); border: 2px dashed var(--line); font-weight: 600; }
.fav__chip .ico { color: var(--clay); }

@media (max-width: 1100px) and (min-width: 768px) {
  .fav__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ord__head { grid-template-columns: auto minmax(0, 1fr) auto auto; }
  .ord__st { display: none; }
}

/* ---------- phone: R61 K12 — tabs as pills, rows with › ---------- */
@media (max-width: 767px) {
  .ac-head h1 { font-size: 30px; margin-top: 4px; }
  .ac-jump { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
  .ac-jump::-webkit-scrollbar { display: none; }
  .ac-jump a { flex: none; min-height: 44px; }
  .auth { grid-template-columns: minmax(0, 1fr); border-radius: 24px; }
  .auth__in, .auth__new { padding: 24px 18px; }
  .auth h2 { font-size: 26px; }
  .auth__new h2 { max-width: 9ch; }
  .auth__dr { width: 78px; top: 18px; right: 16px; }
  .auth__two { grid-template-columns: minmax(0, 1fr); }
  .auth__form .btn, .auth__regbtn, .auth__reg .btn { width: 100%; }
  .fld input { font-size: 16px; }
  .ords { margin-top: 56px; }
  .ords.dome::before { height: 56px; }
  .ords__tabs button { flex: 1; justify-content: center; min-height: 46px; }
  .ord { border-radius: 18px; }
  .ord__head { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; padding: 12px 12px 12px 10px; }
  .ord__pics span { width: 52px; border-radius: 14px; margin-left: -30px; }
  .ord__pics span:nth-child(n + 3) { display: none; }
  .ord__st { display: none; }
  .ord__t b { font-size: 17px; }
  .ord__sum { grid-column: 2; grid-row: 2; text-align: left; margin-top: -6px; }
  .ord__sum small { display: none; }
  .ord__sum b { font-size: 17px; }
  .ord__arr { grid-column: 3; grid-row: 1 / span 2; width: 36px; height: 36px; background: transparent; }
  .ord__pics { grid-row: 1 / span 2; }
  .ord__body { padding: 0 12px 14px; }
  .ord__lines li { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; }
  .ord__plate { width: 48px; border-radius: 12px; }
  .ord__q { grid-column: 2; grid-row: 2; font-size: 13px; margin-top: -8px; }
  .ord__ls { grid-column: 3; grid-row: 1 / span 2; }
  .ord__n { font-size: 15px; }
  .ord__foot .btn { width: 100%; }
  .ords__empty, .fav__empty { flex-direction: column; text-align: center; border-radius: 20px; }
  .fav__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .fav__chip, .fav__empty .btn { width: 100%; justify-content: center; }
}