/* ================================================================
   TRACK ORDER PAGE — Mobile Responsive CSS
   ================================================================ */

@media(max-width:640px) {
    .track-wrap { margin: 20px auto; padding: 0 12px 50px; }
    .track-title { font-size: 1.4rem; margin-bottom: 18px; }
    .card { padding: 20px; border-radius: 14px; }
    .search-row input { padding: 12px; font-size: 0.92rem; }
    .search-row button { padding: 12px 18px; }
    .step-dot { width: 30px; height: 30px; font-size: 0.75rem; }
    .step-label { font-size: 0.65rem; max-width: 60px; }
    .info-row { font-size: 0.85rem; padding: 8px 0; }
}

@media(max-width:380px) {
    .card { padding: 16px; }
    .step-dot { width: 26px; height: 26px; font-size: 0.68rem; }
    .step-label { font-size: 0.6rem; }
}