/* =============================================
   子页面头部样式 (返回 + 居中标题)
   在 style.css 末尾追加
   ============================================= */

/* 子页面头部 — 类似「提交订单」页 */
.sub-page-header{
    display:flex;align-items:center;justify-content:space-between;
    background:#fff;padding:12px 16px;
    border-bottom:1px solid #f0f0f0;
    position:sticky;top:0;z-index:50;
    max-width:1200px;margin:0 auto 12px;
    border-radius:0 0 14px 14px;
    box-shadow:0 1px 4px rgba(0,0,0,.03);
}
.sub-page-back{
    width:32px;height:32px;display:flex;align-items:center;justify-content:center;
    border-radius:50%;color:#333;text-decoration:none;flex-shrink:0;
    transition:background .2s;
}
.sub-page-back:active{background:#f5f5f5}
.sub-page-back svg{width:20px;height:20px;max-width:20px;max-height:20px}
.sub-page-title{
    font-size:16px;font-weight:700;color:#282828;
    position:absolute;left:50%;transform:translateX(-50%);
    white-space:nowrap;
}
.sub-page-right{width:32px;flex-shrink:0}

/* 当页面使用子页面头部时，隐藏主 header 的搜索栏 */
/* 通过 body class 或 PHP 变量控制 */

/* ── 支付方式选中状态实时反馈 ── */
.pay-option{
    cursor:pointer;transition:all .2s;
    border:1.5px solid #e8e8e8;
    border-radius:12px;padding:12px;text-align:center;
    min-width:90px;position:relative;
}
.pay-option.selected{
    border-color:#e93323;
    background:rgba(233,51,35,.04);
    box-shadow:0 0 0 2px rgba(233,51,35,.12);
}
.pay-option.selected::after{
    content:'';position:absolute;top:6px;right:6px;
    width:16px;height:16px;border-radius:50%;
    background:linear-gradient(135deg,#e93323,#ff6034);
    display:flex;align-items:center;justify-content:center;
}
.pay-option.selected::before{
    content:'';position:absolute;top:9px;right:10px;z-index:1;
    width:8px;height:4px;
    border-left:2px solid #fff;border-bottom:2px solid #fff;
    transform:rotate(-45deg);
}