/* Shared order primitives retain the desktop layout; dimensions below are mobile only. */
.tm-order-icon-wrap img { display:block; width:56px; height:56px; object-fit:contain; }
.tm-order-card { border:0; text-align:start; width:100%; font:inherit; }
.tm-order-empty-img { display:block; width:240px; height:auto; max-width:100%; margin:30px auto; filter:drop-shadow(0 10px 22px rgba(11,15,20,.16)); }
.tm-order-detail-header-card { display:flex; align-items:center; gap:16px; background:white; padding:20px; border-radius:16px; margin-bottom:16px; }
@media (max-width:760px) {
  .account-page:has([data-view="orders"]) { background:#f6f5f2; padding:22px 18px 32px; }
  .account-page:has([data-view="orders"]) .account-page-header { justify-content:center; border:0; padding:0 32px 24px; }
  .account-page:has([data-view="orders"]) .account-page-header h1 { font-size:22px; letter-spacing:-.5px; text-align:center; }
  .account-page:has(.tm-order-list) .account-page-header { justify-content:flex-start; padding-inline-start:29px; }
  .account-page:has(.tm-order-list) .account-page-header h1 { font-size:19px; }
  .tm-order-empty { padding:60px 4px 0; text-align:center; }
  .tm-order-empty-img { width:225px; height:112px; object-fit:contain; margin:0 auto 36px; }
  .tm-order-empty-title { font-size:30px; line-height:1.2; font-weight:800; letter-spacing:-.9px; margin:0 0 12px; color:#080b0f; }
  .tm-order-empty-desc { color:#747474; font-size:16px; line-height:1.4; margin:0 -4px 36px; }
  .tm-order-pricing { border-radius:12px; box-shadow:none; margin:0 0 22px; padding:4px 20px; background:#fff; }
  .tm-order-price-row { padding:18px 0; border-bottom:1px solid #e9e9e9; gap:12px; font-size:15.5px; text-align:start; align-items:center; }
  .tm-order-price-row:last-child { border:0; }
  .tm-order-price-label { font-weight:500; }
  .tm-order-price-val { font-weight:800; white-space:nowrap; }
  .tm-order-price-val.tm-text-unavailable { font-size:12px; color:#777; }
  .tm-btn-explore,.tm-order-detail-page > .tm-btn-outline { border:1.5px solid #111; border-radius:9px; min-height:50px; padding:12px; font-size:16px; font-weight:800; color:#080b0f; }
  .tm-order-list { gap:10px; }
  .tm-order-list .tm-order-card { display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:10px; padding:10px; min-height:78px; border-radius:13px; box-shadow:none; background:white; }
  .tm-order-icon-wrap { width:56px; height:56px; border-radius:9px; overflow:hidden; background:#f6f6f6; }
  .tm-order-content { min-width:0; }
  .tm-order-list .tm-order-content h4 { font-size:13px; font-weight:800; letter-spacing:-.4px; margin:0 0 4px; line-height:1.3; }
  .tm-order-list .tm-order-content p { font-size:10px; line-height:1.4; font-weight:400; color:#888; }
  .tm-order-status { gap:9px; margin-inline-start:0; }
  .tm-status-badge { padding:6px 11px; font-size:10px; font-weight:800; text-transform:none; white-space:nowrap; }
  .tm-status-green,.tm-status-lime { background:#39ff00; color:#080b0f; }
  .tm-status-black { background:#080c13; color:white; }
  .tm-order-list .tm-status-black { font-size:8px; padding:7px 8px; }
  .tm-status-gray { background:#e7e7e7; color:#080b0f; }
  .tm-chevron { width:12px; height:16px; flex:none; color:#999; }
  .tm-order-detail-header-card { position:relative; display:block; padding:18px 17px; border-radius:15px; margin-bottom:12px; }
  .tm-order-detail-header-card .tm-order-content h4 { padding-inline-end:74px; font-size:19px; margin:0 0 8px; line-height:1.3; }
  .tm-order-detail-header-card .tm-order-content p { font-size:13px; font-weight:400; color:#777; }
  .tm-order-detail-header-card .tm-order-status { position:absolute; top:18px; inset-inline-end:16px; }
  .tm-order-detail-header-card .tm-status-badge { font-size:12px; padding:6px 12px; }
  .tm-order-timeline-card { padding:18px 24px; border-radius:15px; margin-bottom:12px; box-shadow:none; }
  .tm-timeline-step { gap:19px; padding-bottom:31px; }
  .tm-timeline-step:last-child { padding-bottom:0; }
  .tm-timeline-icon { width:27px; height:27px; border:2.5px solid #85888b; }
  .tm-timeline-icon svg { width:21px; height:21px; }
  .tm-timeline-step:not(.last)::after { inset-inline-start:12px; top:26px; bottom:0; width:2px; }
  .tm-timeline-content h5 { font-size:17px; line-height:1.3; margin:1px 0 3px; font-weight:800; }
  .tm-timeline-content p { font-size:14px; color:#777; line-height:1.3; margin:0; }
  .tm-order-tracking-card { padding:20px 17px; border-radius:15px; margin-bottom:20px; box-shadow:none; gap:14px; }
  .tm-order-tracking-info h4 { font-size:19px; margin:0 0 6px; }
  .tm-order-tracking-info p { font-size:13px; color:#777; }
  .tm-order-tracking-card .tm-btn-outline { color:#62666c; border:1px solid #777; border-radius:9px; padding:12px 20px; font-size:13px; text-decoration:none; flex:none; }
  .tm-order-support { display:block; width:100%; padding:6px 0; margin-top:18px; background:none; border:0; color:#777; font-size:12px; text-decoration:underline; }
  @media (max-width:360px) {
    .tm-order-list .tm-order-card { grid-template-columns:45px minmax(0,1fr) auto; gap:7px; }
    .tm-order-icon-wrap,.tm-order-icon-wrap img { width:45px; height:48px; }
    .tm-order-list .tm-status-badge { font-size:9px; padding:5px 7px; }
    .tm-order-list .tm-order-status { gap:4px; }
  }
}