/* Tautan lacak (kotak di halaman selesai order.html) & halaman lacak.html
   15 Sep 2026 — dipadatkan 16 Sep 2026 supaya lacak muat satu layar HP. */
.hidden{display:none!important}

/* ---- kotak bagikan di halaman selesai order.html (tidak diubah) ---- */
.lacak .inp{font-size:13.5px}
.lacak-aksi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.lacak-aksi .btn{margin:0;width:100%}
.lacak-buka{display:inline-block;margin-top:10px;color:var(--biru);font-size:14px}

/* ---- halaman lacak ---- */
/* Merek adalah tautan ke order.html, tapi tampilannya tetap seperti merek. */
a.brand{color:inherit;text-decoration:none}
a.brand:hover{color:var(--biru)}
.lk-app{padding:12px 16px 20px}
.lk-kartu{margin-top:0;padding:13px}
.kecil-trx{font-size:12.5px}
.lk-alamat{font-weight:600;margin:3px 0 0;font-size:15.5px}

/* Tahapan di kiri, foto bukti di kanan — dua kolom hanya kalau ada fotonya. */
.lk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px;align-items:start}
.lk-grid:has(.foto:not(.hidden)){grid-template-columns:minmax(0,1fr) 104px}

.tahap{list-style:none;margin:0;padding:0}
.tahap li{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:center;padding:4px 0;position:relative}
.tahap li:not(:last-child)::after{content:"";position:absolute;left:10px;top:26px;height:8px;width:2px;background:#dfe4e9}
.tahap .bulat{width:22px;height:22px;border-radius:50%;background:#e7ebef;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
.tahap li.lewat .bulat{background:var(--hijau,#128a4c)}
.tahap li.kini .bulat{background:var(--biru);box-shadow:0 0 0 4px rgba(11,107,203,.16)}
.tahap .judul{font-size:14px;color:#9aa4ae;font-weight:600}
.tahap li.lewat .judul,.tahap li.kini .judul{color:var(--teks)}

.foto{display:grid;grid-template-columns:1fr;gap:6px}
.foto figure{margin:0}
.foto img{display:block;width:100%;height:74px;object-fit:cover;border-radius:8px;background:#eef2f5;border:1px solid var(--garis)}
.foto figcaption{font-size:11px;color:var(--abu);text-align:center;margin-top:2px}

.lk-barang{border-top:1px solid var(--garis);margin-top:10px;padding-top:8px;font-size:14px}
.lk-bagikan{border-top:1px solid var(--garis);margin-top:10px;padding-top:10px}
.lk-bagikan .inp{font-size:13.5px;padding:10px 12px}
.lk-bagikan .btn{margin-top:0;padding:11px 14px;font-size:14.5px}

.batal{background:#fdecec;color:#a3262c;border-radius:9px;padding:10px 12px;font-size:13.5px;margin-top:9px}
.kecil{font-size:12px;text-align:center;margin:10px 0 0}