/* ─────────────────────────────────────────────────────────
   ПОКУПАТЕЛЬ: /cart, /account, /account/orders/…, вход
   Общий словарь (кнопки, поля, .notice, .empty) — в core.css.
   ───────────────────────────────────────────────────────── */

.shop{padding:30px 0 70px}
.shop.narrow{max-width:min(760px, 100%)}
.shop h1{margin:0 0 6px}
.shop > .lead{margin:0 0 22px}
.shop .crumbs{font-size:var(--t-sm);color:var(--muted);margin:0 0 14px}
.shop .crumbs a{color:var(--accent);text-decoration:underline}

.block{padding:26px 0 0}
.block h2{margin:0 0 14px}
/* Заголовок с действием справа: кнопка относится к разделу, а не
   к странице, поэтому стоит рядом с ним */
.block-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.block-head h2{margin:0}
.block-head .linkish{margin-left:auto;font-size:var(--t-sm)}
.block h3{font-family:var(--display);font-size:var(--t-xs);letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin:20px 0 8px}

/* ── Шапка кабинета ────────────────────────────────────── */
.acct-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;
  margin-bottom:20px}
.acct-head > div:first-child{flex:1;min-width:0}
.acct-head .hint{margin:4px 0 0}

.figures{display:flex;gap:28px;flex-wrap:wrap;padding:16px 18px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.figures div{display:flex;flex-direction:column;gap:2px}
.figures b{font-family:var(--display);font-size:var(--t-xl);font-weight:600;
  font-variant-numeric:tabular-nums;line-height:1.1}
.figures span{font-size:var(--t-xs);color:var(--muted)}

/* ── Корзина ───────────────────────────────────────────── */
.cart{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start;
  margin-top:20px}
@media(max-width:820px){.cart{grid-template-columns:1fr}}

.cart-list{display:grid;gap:10px}
.cart-row{display:flex;align-items:center;gap:14px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.cart-row.is-gone{opacity:.6}
.cart-row .pic{width:64px;height:64px;flex:0 0 64px;border-radius:var(--r);
  overflow:hidden;background:var(--surface-2);display:block}
.cart-row .pic img{width:100%;height:100%;object-fit:cover}
.cart-row .pic .none{display:flex;align-items:center;justify-content:center;
  height:100%;font-size:var(--t-xs);color:var(--dim)}
.cart-row .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cart-row .nm{font-size:var(--t-md);line-height:1.3}
.cart-row .sku{font-size:var(--t-xs);color:var(--dim)}
.cart-row .sub{font-size:var(--t-xs);color:var(--muted)}
.cart-row .gone-note{font-size:var(--t-xs);color:var(--err)}
.cart-row .price{font-family:var(--display);font-size:var(--t-lg);font-weight:600;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.cart-row .price .ask{font-family:var(--body);font-size:var(--t-sm);
  font-weight:400;color:var(--muted)}
.cart-row .drop{background:none;border:0;padding:4px 6px;font-size:22px;
  line-height:1;color:var(--dim);cursor:pointer}
.cart-row .drop:hover{color:var(--err)}

.checkout{background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:18px;position:sticky;top:76px}
.checkout .sum{display:flex;align-items:baseline;justify-content:space-between;
  padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.checkout .sum b{font-family:var(--display);font-size:var(--t-xl);font-weight:600;
  font-variant-numeric:tabular-nums}
.checkout form{display:grid;gap:12px}
.checkout textarea.field{resize:vertical;font-family:inherit}
.checkout .btn{width:100%}
.checkout .hint{margin:0}

/* ── Вход ──────────────────────────────────────────────── */
.tabs{display:flex;gap:6px;margin:20px 0 16px}
.tabs button{background:var(--surface);border:1px solid var(--line-2);
  border-radius:var(--r);padding:9px 16px;font:inherit;font-size:var(--t-sm);
  cursor:pointer;color:var(--muted)}
.tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff;
  font-weight:600}

.auth{display:grid;gap:14px;max-width:420px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);padding:20px}
.auth .hint{margin:6px 0 0}
.err{margin:0;color:var(--err);font-size:var(--t-sm)}

/* ── Заказы ────────────────────────────────────────────── */
.orders{display:grid;gap:14px}
.order{background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:16px 18px}
.order header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px solid var(--line)}
.order .num{font-size:var(--t-md);font-weight:600;color:var(--ink);
  text-decoration:none}
.order .num:hover{text-decoration:underline}
.order .date{font-size:var(--t-sm);color:var(--muted)}
.order .total{margin-left:auto;font-family:var(--display);font-size:var(--t-lg);
  font-weight:600;font-variant-numeric:tabular-nums}

/* Статус заказа — цветом, чтобы в списке было видно без чтения */
.st{font-size:var(--t-xs);padding:3px 9px;border-radius:5px;
  background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.st-paid,.st-completed{background:#E6F4ED;color:var(--ok);border-color:#BFE3D2}
.st-cancelled{background:#FBECEC;color:var(--err);border-color:#F0CFCF}
.st-new,.st-confirmed{background:var(--accent-bg);color:var(--accent-dk);
  border-color:#FBD3C2}

.order .items{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.order .items li{display:flex;align-items:center;gap:12px}
.order .items .pic{width:48px;height:48px;flex:0 0 48px;border-radius:var(--r);
  overflow:hidden;background:var(--surface-2);display:block}
.order .items .pic img{width:100%;height:100%;object-fit:cover}
.order .items .pic .none{display:block;height:100%}
.order .items .nm{flex:1;min-width:0;font-size:var(--t-sm);line-height:1.35;
  display:flex;flex-direction:column}
.order .items .nm a{text-decoration:none}
.order .items .nm a:hover{text-decoration:underline}
.order .items .nm small{color:var(--dim);font-size:var(--t-xs)}
.order .items .cond{font-family:var(--display);font-weight:700;font-size:13px;
  width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;
  justify-content:center;border:1.5px solid var(--ink);border-radius:5px}
.order .items .sum{font-variant-numeric:tabular-nums;font-size:var(--t-sm);
  white-space:nowrap}

.order footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  font-size:var(--t-sm);color:var(--muted)}
.order footer .more{margin-left:8px;color:var(--accent);text-decoration:underline}

.order-sum{display:flex;align-items:baseline;justify-content:space-between;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.order-sum b{font-family:var(--display);font-size:var(--t-xl);font-weight:600;
  font-variant-numeric:tabular-nums}

.pay-methods{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}

/* ── История поиска ────────────────────────────────────── */
.hist{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden}
.hist li{display:flex;align-items:baseline;gap:12px;background:var(--surface);
  padding:10px 14px;font-size:var(--t-sm)}
.hist .what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.hist a.what{color:var(--accent);text-decoration:underline}
.hist .n{color:var(--muted);font-size:var(--t-xs);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.hist .date{color:var(--dim);font-size:var(--t-xs);white-space:nowrap}