@media (max-width: 600px) {
  .order-detail-table { display: block; min-width: 0; width: 100%; }
  .order-detail-table thead { display: none; }
  .order-detail-table tbody { display: block; }
  .order-detail-table tr { display: block; padding: 12px 0; border-bottom: 1px solid #dce7f0; }
  .order-detail-table td { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; padding: 6px 0; width: auto; min-width: 0; border: 0; white-space: normal; overflow-wrap: anywhere; }
  .order-detail-table td::before { content: attr(data-label); color: #667b91; }
  .order-detail-table td:first-child { display: block; padding-bottom: 12px; }
  .order-detail-table td:first-child::before { display: none; }
}