/* Dual-store member shopping experience */
.mall-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 12px; }
.mall-tabs button { display:flex; flex-direction:column; gap:5px; min-height:64px; padding:13px 16px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.mall-tabs button span { color:var(--muted); font-size:10px; }
.mall-tabs button:hover { transform:translateY(-2px); border-color:var(--green); box-shadow:0 8px 20px rgba(20,75,52,.08); }
.mall-tabs button.active { border-color:var(--green); color:var(--green-dark); background:var(--green-light); box-shadow:inset 0 0 0 1px var(--green); }
.mall-tabs button.active span { color:var(--green); }
.mall-rule-note { margin-bottom:14px; padding:11px 14px; border-left:3px solid var(--gold); border-radius:0 6px 6px 0; color:var(--muted); background:var(--surface); font-size:10px; line-height:1.65; }
.mall-wallet-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.mall-wallet-strip article { min-width:0; padding:14px 16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.mall-wallet-strip small,.mall-wallet-strip strong { display:block; }
.mall-wallet-strip small { color:var(--muted); font-size:10px; }
.mall-wallet-strip strong { margin-top:8px; color:var(--green-dark); font-size:18px; overflow-wrap:anywhere; }
.mall-wallet-strip[hidden],.premium-payment-methods[hidden],.payment-methods[hidden] { display:none!important; }
.premium-payment-methods { display:grid; gap:9px; margin:10px 0 0; padding:13px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.premium-payment-methods legend { padding:0 5px; font-size:12px; font-weight:800; }
.premium-payment-methods label { display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,.65fr); align-items:center; gap:12px; font-size:10px; }
.mall-amount-input { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; }
.mall-amount-input input { width:100%; min-width:0; min-height:36px; padding:0 9px; border:1px solid var(--line); border-radius:6px; color:var(--text); background:var(--bg); font:inherit; }
.mall-amount-input small { color:var(--muted); white-space:nowrap; }
.premium-payment-methods > p { margin:2px 0 0; color:var(--muted); font-size:9px; line-height:1.6; }
@media (max-width:700px) {
  .mall-tabs { gap:7px; }
  .mall-tabs button { min-height:68px; padding:11px 10px; font-size:11px; }
  .mall-tabs button span { font-size:9px; line-height:1.4; }
  .mall-wallet-strip { gap:6px; }
  .mall-wallet-strip article { padding:11px 9px; }
  .mall-wallet-strip strong { font-size:14px; }
  .premium-payment-methods { padding:11px; }
  .premium-payment-methods label { grid-template-columns:1fr; gap:6px; }
}
@media (hover:none) { .mall-tabs button:hover { transform:none; box-shadow:none; } }