/* NoxLure cart v1 — 抽屉式购物车。用站内既有配色(暗底+香槟金)。 */
.cart-btn{background:none;border:1px solid rgba(229,212,174,.35);border-radius:999px;
  color:inherit;cursor:pointer;font:inherit;font-size:.9rem;line-height:1;
  padding:8px 14px;position:relative;margin-left:14px;white-space:nowrap}
.cart-btn:hover{border-color:rgba(229,212,174,.75)}
.cart-badge{display:none;font-size:.68rem;font-weight:700;margin-left:6px;
  background:#e5d4ae;color:#10131c;border-radius:999px;padding:1px 7px}
.cart-badge.has{display:inline-block}

.cart-backdrop{position:fixed;inset:0;background:rgba(4,6,12,.66);opacity:0;
  pointer-events:none;transition:opacity .25s ease;z-index:190}
body.cart-open .cart-backdrop{opacity:1;pointer-events:auto}

.cart-drawer{position:fixed;top:0;right:0;height:100%;width:min(400px,92vw);z-index:200;
  background:#0d1018;border-left:1px solid rgba(229,212,174,.22);
  display:flex;flex-direction:column;transform:translateX(102%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-20px 0 60px rgba(0,0,0,.5)}
body.cart-open .cart-drawer{transform:none}

.cart-head{display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px;border-bottom:1px solid rgba(229,212,174,.14);flex:0 0 auto}
.cart-head strong{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase}
.cart-x{background:none;border:0;color:inherit;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 4px}

.cart-body{flex:1 1 auto;overflow-y:auto;padding:8px 22px}
.cart-empty{color:#9a97a8;font-size:.9rem;padding:36px 0;text-align:center}
.cart-row{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:16px 0;
  border-bottom:1px solid rgba(229,212,174,.1)}
.cart-row img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#fff}
.cart-row-n{font-size:.85rem;line-height:1.35}
.cart-row-sz{font-size:.7rem;color:#9a97a8;margin-top:2px}
.cart-row-p{font-size:.8rem;color:#e5d4ae;margin-top:4px}
.cart-row-p small{color:#9a97a8;font-size:.66rem}
.cart-row-qty{grid-column:2;display:flex;align-items:center;gap:8px;margin-top:8px}
.cart-row-qty button{background:none;border:1px solid rgba(229,212,174,.3);color:inherit;
  cursor:pointer;width:26px;height:26px;border-radius:6px;font:inherit;line-height:1}
.cart-row-qty button:hover{border-color:#e5d4ae}
.cart-row-qty span{min-width:18px;text-align:center;font-size:.85rem}
.cart-rm{width:auto!important;padding:0 8px!important;font-size:.68rem!important;
  color:#9a97a8!important;border-color:transparent!important;margin-left:auto}
.cart-rm:hover{color:#e08a8a!important}

.cart-foot{flex:0 0 auto;padding:18px 22px 22px;border-top:1px solid rgba(229,212,174,.14)}
.cart-min{font-size:.76rem;color:#e5b96a;background:rgba(229,185,106,.1);
  border:1px solid rgba(229,185,106,.28);border-radius:8px;padding:10px 12px;margin-bottom:12px}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.cart-total span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#9a97a8}
.cart-total strong{font-size:1.25rem;color:#e5d4ae}
.cart-go{display:block;text-align:center;padding:14px;border-radius:10px;
  background:#e5d4ae;color:#10131c;font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700;text-decoration:none}
.cart-go:hover{filter:brightness(1.06)}
.cart-go.is-off{opacity:.4;cursor:not-allowed}
.cart-keep{display:block;width:100%;margin-top:10px;background:none;border:0;
  color:#9a97a8;cursor:pointer;font:inherit;font-size:.76rem;padding:8px}
.cart-keep:hover{color:#e5d4ae}

.btn.cart-add{background:transparent;border:1px solid #e5d4ae;color:#e5d4ae}
.btn.cart-add:hover{background:rgba(229,212,174,.12)}

/* 结账页的购物车明细 */
.pay-cart{border:1px solid rgba(229,212,174,.2);border-radius:12px;padding:14px 16px;margin-bottom:18px}
.pay-cart-row{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;padding:6px 0}
.pay-cart-row span:last-child{color:#e5d4ae;white-space:nowrap}
.pay-cart-tot{display:flex;justify-content:space-between;border-top:1px solid rgba(229,212,174,.18);
  margin-top:8px;padding-top:10px;font-weight:700}
@media(max-width:720px){.cart-btn{padding:6px 10px;margin-left:8px}}
