.scp-wrap{border:1px solid #e5e7eb;padding:14px;border-radius:8px}
.scp-products{display:grid;gap:12px;margin-top:10px}
.scp-item{display:grid;grid-template-columns:80px 1fr 160px 110px;gap:12px;align-items:center;border-bottom:1px dashed #ddd;padding-bottom:10px}
.scp-item img{width:80px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #eee}
.scp-title{font-weight:600}
.scp-price{opacity:.8}
.scp-qty select{width:64px;padding:6px}
.scp-sub{text-align:right;font-weight:600}
.scp-badge{font-size:12px;padding:2px 6px;border-radius:4px;background:#fee2e2;color:#b91c1c;margin-left:6px}
.scp-loading{padding:8px;background:#f9fafb;border:1px solid #eee;border-radius:6px}
.scp-total{display:flex;justify-content:flex-end;gap:20px;margin-top:14px;font-size:15px}
.scp-total>div{display:flex;gap:10px}

.scp-sep{border:none;border-top:1px dashed #e5e7eb;margin:16px 0}
.scp-form{display:grid;gap:12px;margin-top:6px}
.scp-row{display:flex;flex-direction:column;gap:6px}
.scp-row label{font-weight:600;font-size:14px}
.scp-row input,.scp-row select{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}
.req{color:#ef4444}
.scp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.scp-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.scp-phone{display:grid;grid-template-columns:180px 1fr;gap:8px}
.hide-mobile{display:block}

.scp-shipping{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:10px;border:1px solid #eee;border-radius:8px;background:#fafafa}
.scp-check{display:flex;align-items:center;gap:10px}
.scp-ship-amount{font-weight:700}

.scp-grand{display:grid;gap:6px;justify-content:end;margin-top:12px}
.scp-grand>div{display:flex;gap:14px;justify-content:flex-end}
.scp-grandline{border-top:1px solid #eee;padding-top:8px;font-size:16px;font-weight:700}

.scp-pay{display:grid;gap:10px;margin:8px 0}
.scp-radio{display:flex;align-items:center;gap:10px}
.scp-actions{display:flex;align-items:center;gap:12px;margin-top:14px}
.scp-btn{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:12px 16px;cursor:not-allowed;opacity:.6}
.scp-btn.enabled{cursor:pointer;opacity:1}
.scp-note{font-size:13px;opacity:.7}
.scp-result{margin-top:14px;padding:12px;border:1px solid #dbeafe;background:#eff6ff;border-radius:8px}

@media (max-width:640px){
  .scp-item{grid-template-columns:70px 1fr;grid-template-rows:auto auto auto;align-items:start}
  .scp-qty,.scp-sub{justify-self:end}
  .scp-grid-2,.scp-grid-3{grid-template-columns:1fr}
  .scp-phone{grid-template-columns:1fr}
  .hide-mobile{display:none}
}
#scp-cod-line { font-style: normal; }
.wrap h1 { display: flex; align-items: center; gap: 8px; }