/* 购物相关页面 */
.shop-wrapper { min-height: 100vh; background: var(--bg-secondary); padding: 24px 16px; }
.shop-header { max-width: 1100px; margin: 0 auto 16px; display:flex; justify-content: space-between; align-items:center; }
.shop-header h1 { font-size: 24px; font-weight: 700; color: var(--text-primary); }

.cart, .checkout { max-width: 1100px; margin: 0 auto; background:var(--bg-tertiary); border-radius:16px; box-shadow:0 10px 40px rgba(0, 0, 0, 0.3); padding: 16px; }

.cart-table { width:100%; border-collapse: collapse; }
.cart-table th, .cart-table td { padding: 12px; border-bottom: 1px solid var(--border-light); text-align: left; }
.cart-table th { color:var(--text-secondary); font-weight:700; }
.cart-table .empty { text-align:center; color:var(--text-secondary); }

.cart .qty { display:flex; align-items:center; gap:8px; }
.cart .qty button { width:28px; height:28px; border-radius:6px; border:1px solid var(--border-light); background:var(--bg-tertiary); cursor:pointer; }
.cart .qty input { width:50px; text-align:center; padding:6px; border:1px solid var(--border-light); border-radius:6px; }
.cart .remove { color:#ef4444; cursor:pointer; }

.cart-summary { max-width:1100px; margin: 12px auto; display:flex; gap:16px; justify-content:flex-end; align-items:center; }
.cart-summary .line { color:var(--text-secondary); }
.cart-summary .summary-submit { margin-left:12px; }

/* 结算 */
.checkout { display:grid; grid-template-columns: 1fr 320px; gap: 16px; }
.checkout .checkout-main { background:var(--bg-tertiary); border-radius:12px; }
.checkout .checkout-side { background:var(--bg-tertiary); border-radius:12px; padding:16px; box-shadow:0 6px 24px rgba(0, 0, 0, 0.3); }
.order-form h2 { font-size:18px; margin: 12px 0; }
.form-grid { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.form-item { display:flex; flex-direction:column; }
.form-item input { padding:10px 12px; border:1px solid var(--border-light); border-radius:8px; }
.form-item label { margin-bottom:6px; color:var(--text-secondary); font-weight:600; }
.form-item.span-2 { grid-column: span 2; }
.radio-group { display:flex; gap:16px; color:var(--text-secondary); }
.submit-order { margin-top: 12px; }

.order-items { list-style:none; padding:0; margin: 0 0 12px; }
.order-items li { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border-light); color:var(--text-secondary); }
.sum-line { display:flex; justify-content:space-between; padding:6px 0; color:var(--text-primary); font-weight:700; }

/* 结算页美化 */
.checkout .order-form { background:var(--bg-tertiary); border-radius:12px; padding:16px; box-shadow:0 6px 24px rgba(0, 0, 0, 0.3); border:1px solid var(--border-light); }
.checkout .section-header { display:flex; align-items:center; gap:8px; margin: 6px 0 12px; font-weight:800; }
.checkout .section-header:before { content:''; width:6px; height:6px; border-radius:50%; background: var(--accent-primary); box-shadow:0 0 0 6px rgba(0,255,136,.15); }

/* 步骤条（可选：后续接入流程高亮） */
.checkout-steps { max-width:1100px; margin: 0 auto 12px; }
.checkout-step { flex:1; text-align:center; background:var(--bg-tertiary); color:var(--text-secondary); padding:8px 10px; border-radius:10px; font-weight:700; }
.checkout-step.active { background:linear-gradient(90deg, var(--accent-primary), var(--accent-primary)); color:#fff; box-shadow:0 6px 18px rgba(0,255,136,.25); }

/* 支付方式 pill */
.radio-pills label { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--border-light); border-radius:999px; cursor:pointer; user-select:none; }
.radio-pills input { appearance:none; width:12px; height:12px; border:2px solid var(--text-secondary); border-radius:50%; position:relative; }
.radio-pills input:checked { border-color: var(--accent-primary); }
.radio-pills input:checked::after { content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; background: var(--accent-primary); border-radius:50%; transform:translate(-50%,-50%); }
.radio-pills label + label { margin-left:8px; }

/* 地址选择 */
#addrSelect { padding:10px 12px; border:1px solid var(--border-light); border-radius:8px; }

/* 侧边汇总卡片更突出 */
.checkout .checkout-side { position: sticky; top:16px; }
.checkout .checkout-side h3 { margin: 0 0 10px; font-size:18px; font-weight:800; }
.checkout .checkout-side .order-items li { padding:10px 0; }
.checkout .sum-line { padding:8px 0; }
.checkout .submit-order { width:100%; margin-top:14px; }

@media (max-width: 900px) {
	.checkout { grid-template-columns: 1fr; }
	.checkout .checkout-side { position: static; }
}