/* 批量下单弹窗 v2.9 */
.bulk-order-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; }
.bulk-order-modal .modal-backdrop { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.bulk-order-modal .modal-content { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:580px; max-width:95vw; max-height:90vh; overflow-y:auto; background:#fff; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,0.3); }
.bulk-order-modal .modal-close { position:absolute; top:8px; right:12px; width:30px; height:30px; cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; line-height:1; }
.bulk-order-modal .modal-close:hover { opacity:0.7; }
.bulk-order-modal .modal-header { background:#000; color:#fff; padding:14px 20px; font-size:16px; font-weight:600; text-align:center; }
.bulk-order-modal .modal-main { padding:20px; }
.bulk-order-modal .modal-main h3 { margin:0 0 12px; font-size:15px; font-weight:600; color:#333; }

/* 尺码选择 */
.bulk-order-modal .size-selection { padding-bottom:15px; border-bottom:1px solid #eee; }
.bulk-order-modal .size-selection ul { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.bulk-order-modal .size-item { display:flex; align-items:center; justify-content:space-between; padding:6px 8px; background:#f8f8f8; border-radius:4px; border:1px solid #e5e5e5; }
.bulk-order-modal .bulk-size-btn { font-size:12px; font-weight:600; color:#333; max-width:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bulk-order-modal .quantity-box { display:flex; align-items:center; border:1px solid #ddd; border-radius:4px; overflow:hidden; background:#fff; }
.bulk-order-modal .quantity-btn { width:26px; height:26px; display:flex; align-items:center; justify-content:center; cursor:pointer; background:#f0f0f0; font-size:16px; color:#333; user-select:none; }
.bulk-order-modal .quantity-btn:hover { background:#e0e0e0; }
.bulk-order-modal .quantity-box input { width:30px; height:26px; text-align:center; border:none; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; font-weight:600; padding:0; background:#fff; -moz-appearance:textfield; }
.bulk-order-modal .quantity-box input::-webkit-outer-spin-button, .bulk-order-modal .quantity-box input::-webkit-inner-spin-button { -webkit-appearance:none; }

/* 定制区域 */
.bulk-order-modal .customize-content { margin-top:15px; border:1px solid #e5e5e5; border-radius:4px; min-height:50px; background:#fafafa; }
.bulk-order-modal .customize-tip { padding:20px; text-align:center; color:#999; font-size:14px; }
.bulk-order-modal .customize-tabs { display:flex; flex-wrap:wrap; background:#f0f0f0; border-bottom:1px solid #e5e5e5; }
.bulk-order-modal .customize-tab { padding:10px 14px; font-size:12px; font-weight:600; color:#666; cursor:pointer; border-right:1px solid #e5e5e5; border-top:2px solid transparent; white-space:nowrap; }
.bulk-order-modal .customize-tab:hover { color:#333; background:#f8f8f8; }
.bulk-order-modal .customize-tab.active { color:#000; background:#fff; border-top-color:#000; }
.bulk-order-modal .size-form { padding:10px; background:#fff; }
.bulk-order-modal .customize-item { background:#fff; border:1px solid #e5e5e5; border-radius:4px; margin-bottom:10px; overflow:hidden; }
.bulk-order-modal .customize-item:last-child { margin-bottom:0; }
.bulk-order-modal .item-header { display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:#f5f5f5; font-size:13px; font-weight:500; color:#555; }
.bulk-order-modal .del-btn { cursor:pointer; color:#999; font-size:18px; line-height:1; padding:0 5px; }
.bulk-order-modal .del-btn:hover { color:#f00; }
.bulk-order-modal .item-body { padding:10px; }
.bulk-order-modal .row2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.bulk-order-modal .row1 { margin-bottom:8px; }
.bulk-order-modal .row1:last-child { margin-bottom:0; }
.bulk-order-modal .field { width:100%; height:36px; padding:0 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box; }
.bulk-order-modal .field:focus { border-color:#000; outline:none; }
.bulk-order-modal .field::placeholder { color:#aaa; }
.bulk-order-modal .field[readonly] { background:#f5f5f5; color:#666; }

/* 下拉选择 */
.bulk-order-modal .sel { position:relative; width:100%; }
.bulk-order-modal .sel input { width:100%; height:36px; padding:0 50px 0 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; cursor:pointer; background:#fff; box-sizing:border-box; }
.bulk-order-modal .sel input::placeholder { color:#aaa; }
.bulk-order-modal .arr { position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:10px; color:#999; pointer-events:none; }
.bulk-order-modal .clr { display:none; position:absolute; right:28px; top:50%; transform:translateY(-50%); cursor:pointer; color:#999; font-size:16px; z-index:2; }
.bulk-order-modal .clr:hover { color:#f00; }
.bulk-order-modal .sel.has-val .clr { display:block; }
.bulk-order-modal .sel.has-val .arr { right:46px; }
.bulk-order-modal .patch-sel input { padding-left:42px; }
.bulk-order-modal .pimg { position:absolute; left:6px; top:50%; transform:translateY(-50%); max-height:26px; max-width:30px; object-fit:contain; }
.bulk-order-modal .dd { position:absolute; top:100%; left:0; width:100%; max-height:160px; overflow-y:auto; background:#fff; border:1px solid #ddd; border-top:none; border-radius:0 0 4px 4px; z-index:100; display:none; box-shadow:0 4px 12px rgba(0,0,0,0.1); margin:0; padding:0; list-style:none; }
.bulk-order-modal .dd li { padding:8px 10px; cursor:pointer; font-size:13px; border-bottom:1px solid #f0f0f0; display:flex; align-items:center; }
.bulk-order-modal .dd li:last-child { border-bottom:none; }
.bulk-order-modal .dd li:hover { background:#f5f5f5; }
.bulk-order-modal .dd li.empty { color:#999; cursor:default; justify-content:center; }
.bulk-order-modal .dd li.empty:hover { background:#fff; }
.bulk-order-modal .dd li img { max-height:22px; max-width:28px; margin-right:8px; object-fit:contain; }
.bulk-order-modal .dd li span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* 底部 */
.bulk-order-modal .modal-notice { background:#f9f9f9; padding:10px 12px; margin-top:12px; border-radius:4px; font-size:12px; color:#666; line-height:1.5; }
.bulk-order-modal .modal-notice p { margin:0 0 4px; }
.bulk-order-modal .modal-footer { margin-top:15px; text-align:center; }
.bulk-order-modal .add-to-bag { display:inline-block; min-width:180px; height:44px; padding:0 25px; background:#000; color:#fff; border:none; border-radius:4px; font-size:15px; font-weight:600; cursor:pointer; }
.bulk-order-modal .add-to-bag:hover { background:#333; }
.bulk-order-modal .add-to-bag:disabled { background:#ccc; cursor:not-allowed; }

/* 响应式 */
@media (max-width:580px) {
    .bulk-order-modal .modal-content { width:95%; }
    .bulk-order-modal .size-selection ul { grid-template-columns:repeat(2,1fr); }
    .bulk-order-modal .row2 { grid-template-columns:1fr; }
    .bulk-order-modal .add-to-bag { width:100%; }
}
@media (max-width:400px) {
    .bulk-order-modal .size-selection ul { grid-template-columns:1fr; }
    .bulk-order-modal .modal-main { padding:15px; }
}