/* sd-mobile.css (added 1 Oct 2026): phone-friendly basket - each item becomes a card instead of a wide table */
@media (max-width: 600px) {
  .table-outer.col-md-9 { overflow-x: visible !important; }
  .table-outer.col-md-9 table.cart-table { display: block !important; width: 100% !important; min-width: 0 !important; }
  .table-outer.col-md-9 table.cart-table thead { display: none !important; }
  .table-outer.col-md-9 table.cart-table tbody { display: block !important; width: 100% !important; }
  .table-outer.col-md-9 table.cart-table tbody tr { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px 12px; padding: 14px 12px !important; border-bottom: 1px solid #eee; position: relative; }
  .table-outer.col-md-9 table.cart-table tbody td { display: block !important; min-width: 0 !important; width: auto !important; padding: 0 !important; border: 0 !important; line-height: 1.4 !important; text-align: left !important; }
  .table-outer.col-md-9 table.cart-table tbody td.prod-column { grid-column: 1 / -1; padding-right: 40px !important; }
  .table-outer.col-md-9 table.cart-table tbody td:nth-child(2) { order: 2; }
  .table-outer.col-md-9 table.cart-table tbody td:nth-child(4) { order: 3; }
  .table-outer.col-md-9 table.cart-table tbody td:nth-child(3) { order: 4; grid-column: 1 / -1; }
  .table-outer.col-md-9 table.cart-table tbody td:nth-child(2)::before { content: "Price"; display: block; font-size: 11px; color: #999; text-transform: uppercase; }
  .table-outer.col-md-9 table.cart-table tbody td:nth-child(3)::before { content: "Quantity"; display: block; font-size: 11px; color: #999; text-transform: uppercase; margin-bottom: 4px; }
  .table-outer.col-md-9 table.cart-table tbody td:nth-child(4)::before { content: "Total"; display: block; font-size: 11px; color: #999; text-transform: uppercase; }
  .table-outer.col-md-9 table.cart-table tbody td.remove { position: absolute; top: 14px; right: 12px; }
}