/* Đơn hàng & thanh toán chuyển khoản — giai đoạn 1 (15/09/2026). Góc vuông, navy, theo style.css */
.dh-tomtat, .dh-xacnhan, .dh-tt {
  border: 1px solid var(--line, #D9E1EE); background: #fff; padding: 22px 24px; margin: 22px 0;
}
.dh-tieude { font-weight: 700; font-size: 1.02rem; margin-bottom: 12px; color: var(--navy-950, #0A1633); }
.dh-bang { width: 100%; border-collapse: collapse; font-size: .95rem; }
.dh-bang td { padding: 8px 0; border-top: 1px solid var(--line, #E5EAF3); vertical-align: top; }
.dh-bang td:first-child { color: var(--text-soft, #5B6B85); width: 46%; padding-right: 12px; }
.dh-bang tr:first-child td { border-top: 0; }
.dh-bang tr.dh-tong td { border-top: 2px solid var(--navy-950, #0A1633); padding-top: 12px; font-size: 1.08rem; }
.dh-bang tr.dh-tong td:first-child { color: var(--navy-950, #0A1633); font-weight: 600; }
.dh-bang small { font-weight: 400; color: var(--text-soft, #5B6B85); }
.dh-dieu-kien { margin: 14px 0 0; padding-left: 18px; font-size: .92rem; color: var(--text-soft, #5B6B85); }
.dh-dieu-kien li { margin: 4px 0; }
.dh-ghichu { margin: 0; color: var(--text-soft, #5B6B85); font-size: .95rem; }
.dh-xacnhan { border-color: var(--blue-500, #2563EB); border-width: 2px; }
.dh-xacnhan p { margin: 0 0 14px; font-size: .96rem; }
.dh-nut { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.btn-outline { background: transparent; border: 1px solid var(--navy-950, #0A1633); color: var(--navy-950, #0A1633); }
.btn-outline:hover { background: var(--navy-950, #0A1633); color: #fff; }

/* Khối thanh toán */
.dh-tt { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: start; padding: 26px 28px; }
.dh-tt-mot { grid-template-columns: 1fr; }
.dh-tt-mot p { margin: 0; font-size: .98rem; }
.dh-tt-ma { font-size: .95rem; color: var(--text-soft, #5B6B85); }
.dh-tt-ma b { color: var(--navy-950, #0A1633); font-size: 1.1rem; letter-spacing: .02em; }
.dh-tt-tien { font-size: 1.9rem; font-weight: 700; color: var(--navy-950, #0A1633); margin: 6px 0 14px; line-height: 1.15; }
.dh-tt-tien small { font-size: .85rem; font-weight: 400; color: var(--text-soft, #5B6B85); }
.dh-tt-tien.dh-nho { font-size: 1.05rem; font-weight: 600; }
.dh-bang-nh td:first-child { width: 38%; }
.dh-copy { font-family: Consolas, "Courier New", monospace; letter-spacing: .04em; }
.dh-btn-copy { margin-left: 8px; font: inherit; font-size: .8rem; padding: 3px 9px; border: 1px solid var(--line-dark, #3B4B6B);
               background: #fff; color: var(--navy-950, #0A1633); cursor: pointer; }
.dh-btn-copy:hover { background: var(--navy-950, #0A1633); color: #fff; }
.dh-han { margin: 14px 0 0; font-size: .95rem; }
.dh-han b { color: var(--blue-600, #1D4ED8); }
.dh-luuy { margin: 8px 0 0; font-size: .88rem; color: var(--text-soft, #5B6B85); }
.dh-ok { margin: 12px 0 0; padding: 10px 12px; background: #EAF3FF; border-left: 3px solid var(--blue-500, #2563EB); font-size: .93rem; }
.dh-tt-phai { text-align: center; }
.dh-tt-phai img { width: 100%; max-width: 300px; height: auto; border: 1px solid var(--line, #D9E1EE); background: #fff; }
.dh-tt-phai p { margin: 10px 0 0; font-size: .88rem; color: var(--text-soft, #5B6B85); }
@media (max-width: 760px) {
  .dh-tt { grid-template-columns: 1fr; padding: 20px 18px; }
  .dh-tt-phai { order: -1; }
  .dh-bang td:first-child { width: 42%; }
}
/* Trang cảm ơn: khối nằm trên nền navy → bọc nền trắng đã có; tiêu đề mục */
.dh-muc { margin-top: 34px; }
.dh-muc h2 { margin-bottom: 6px; }
.dh-muc .lead { margin-bottom: 0; }